.mtf-mid-wrap.mid-wrap-style-two {
	padding-bottom: 30px;
	overflow: hidden;
}
.signup-bottom-link-two .custom-checkbox .custom-control-label:before {
	background-color: #fff;
	border: 1px solid #e0e0e0;
}
.signup-bottom-link {
	padding: 20px 25px;
	background-color: #f9f9f9;
	border-radius: 0 0 6px 6px;
	border-top: 1px solid #e9e9e9;
	text-align: center;
}
.mtf-mid-wrap .container.container-two {
  max-width: 1050px !important;
}
.signup-bottom-link.signup-bottom-link-two {
	text-align: left;
}
.signup-bottom-link-two .custom-control {
	display: inline-block;
}
.sign-up-item label {
  color: #605f5f;
  font-size: 16px;
  cursor: pointer;
  font-weight: 400;
}
.form-box-tab a br {
	display: none;
}
.form-box-tab {
	display: flex;
	padding: 3px;
	text-align: center;
	justify-content: space-between;
	background-color: #eceded;
	border-radius: 4px;
	margin-bottom: 20px;
}
.form-box-tab a {
	width: 100%;
	padding: 14px;
	font-size: 16px;
	display: inline-block;
	color: #474747;
	border-radius: 4px;
}
.form-box-tab a.active {
	color: #ef8f36;
	background-color: #fff;
}

.modal-footer.modal-footer-two {
	display: flex;
	justify-content: start;
}
.form-input-wrap .mobile-email-username, .form-input-wrap .mobile-website-username {
	display: none;
}
.mobile-email-username strong, .mobile-website-username strong {
	font-weight: 400;
}
.sign-up-item .custom-control.custom-radio .custom-control-label {
	cursor: pointer;
}
.sign-up-item .modal-body .form-group {
  margin: 0 0 10px;
}
.sign-up-item .modal-dialog {
	max-width: 850px;
}
.sign-up-item .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
}
.sign-up-item .select2-container .select2-selection--single {
	padding: 12px 10px;
	    letter-spacing: normal;
    font-size: 16px;
    height: 50px;
    color: #333333;
    border-color: rgba(0,0,0,0.1);
}
.sign-up-item .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 10px;
	height: 42px;
}
.sign-up-item .select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-left: -5px;
	margin-top: -8px;
}
.sign-up-modal .modal-content {
	border-radius: 5px;
	overflow: hidden;
}
.sign-up-modal .modal-header {
    text-align: center;
	display: block;
	padding: 22px 15px;
	border: none;
}
.sign-up-modal .modal-header h2 {
	font-size: 35px;
	font-weight: 400;
	margin-bottom: 0;
	text-transform: uppercase;
}
.sign-up-steps {
	text-align: center;
}
.sign-up-steps span {
	display: inline-block;
	padding: 8px 30px;
	font-size: 16px;
	color: #009be1;
	margin: 0 5px;
	border-radius: 30px;
}
.sign-up-steps span.active {
	background-color: #efaf54;
	color: #fff;
}
.sign-up-item {
	padding: 30px 20px 25px;
	border: 1px solid #e2e2e2;
	position: relative;
	margin-top: 45px;
}
.form-input-wrap {
	width: 100%;
	display: flex;
	white-space: nowrap;
	align-items: center;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	overflow: hidden;
}
.form-input-wrap span {
	display: inline-block;
	height: 50px;
	background-color: #fafafa;
	padding: 14px 15px;
	font-size: 15px;
	border-right: 1px solid #eaeaea;
	color: #9f9f9f;
}
.form-input-wrap span.border-two {
	border-right: none;
	border-left: 1px solid #eaeaea;
}
.form-input-wrap .form-control {
	border: none;
}
.sign-up-item-title {
	position: absolute;
	top: -15px;
	padding: 5px 8px;
	left: 15px;
	background-color: #fff;
	z-index: 1;
	font-size: 18px;
	color: #585858;
}
/*.sign-up-steps {
	display: flex;
}
.sign-up-steps a {
	display: block;
	padding: 0 8px;
	color: #343432;
	font-size: 15px;
}
.sign-up-steps a:hover {
	color: #343432;
}
.sign-up-steps span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #8d8c89;
	padding: 8px 15px;
	border-radius: 30px;
	margin: 0 auto 10px;
}
.sign-up-steps a.active {
	color: #e53e3c;
}
.sign-up-steps a.active span {
	color: #fff;
	background-color: #fbac3d;
}
.sign-up-modal .modal-footer {
	text-align: left;
}*/
.sign-up-modal .modal-footer .btn {
	border-radius: 3px;
}
.sign-up-modal .modal-footer .btn.btn-primary {
	color: #fff;
}
.sign-up-meta-item {
	display: flex;
	align-items: center;
}
.sign-up-meta {
	padding: 11px 15px;
	background-color: #fffef8;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	margin-top: 25px;
}
.sign-up-icon {
	min-width: 60px;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border: 1px solid #e0e0db;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sign-up-icon img {
	width: 30px;
}
.sign-up-meta-info {
	padding-left: 15px;
}
.sign-up-meta-info h4 {
	font-size: 16px;
	color: #6d6d6d;
	margin-bottom: 7px;
	font-weight: 400;
}
.sign-up-meta-info h5 {
	font-size: 16px;
	color: #5a5a5a;
	line-height: 22px;
	margin: 0;
}
.sign-up-form-two .form-text {
	margin-top: 6px;
	color: #737373;
}
/*.sign-up-item h2 {
	font-size: 28px;
	color: #fc922a;
	margin-bottom: 24px;
	font-weight: 400;
}*/
.sign-up-form .valid-feedback {
	display: block;
	font-size: 16px;
	color: #70bb6d;
	padding-top: 10px;
}
.sign-up-form .valid-feedback i {
	font-size: 18px;
	line-height: 18px;
}
.sign-up-modal .modal-body label {
	font-size: 16px;
	color: #666;
	font-weight: 400;
	border: none;
}
.sign-up-modal .modal-body label span:not(.upload-icon, .file-title) {
	font-size: 13px;
}
.sign-up-form .form-group {
	display: flex;
}
.sign-up-form .btn {
	min-width: 180px;
	margin-left: 15px;
}

/*.interest-row {
	margin: 0 -7.5px;
}
.interest-icon-box {
	display: inline-block;
	padding: 20px 7.5px;
	text-align: center;
}
.interest-icon-box span {
	padding-top: 10px;
	display: block;
	color: #585858;
}
.interest-active-icon {
	display: none;
}
.interest-icon {
	display: flex;
	width: 110px;
	height: 110px;
	border: 1px solid #ddd;
	border-radius: 5px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.interest-icon-box.active .interest-icon {
	border-color: #0079e9;
} 
.interest-icon-box.active .interest-default-icon {
	display: none;
}
.interest-icon-box.active .interest-active-icon {
	display: inline-block;
}
.sign-up-interst {
	padding-top: 30px;
}
.sign-up-interst h5 {
	font-size: 20px;
	color: #737373;
	font-weight: 400;
	margin-bottom: 8px;
}
.sign-up-interst .interest-icon-box {
	width: 20%;
}
.sign-up-interst .interest-icon {
	width: 140px;
}
.sign-up-interst .interest-icon-box.active .interest-icon {
  border-color: #fc922a;
  background-color: #fffef8;
}
.sign-up-form-two .form-text {
	margin: 10px 0 0;
	font-size: 14px;
}*/




.social-tabs-item span + span {
	position: relative;
}
.social-tabs-item span + span:after {
	content: "";
	width: 0;
	height: 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid #fff;
	border-bottom: 0;
	position: absolute;
	bottom: 95px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
	opacity: 0;
	transition: all ease 0.4s;
}
.social-tabs-item:hover span + span:after {
	opacity: 1;
	bottom: 110px;
}

.tabs-popup-icon {
	padding-left: 30px;
	text-align: center;
	font-size: 16px;
	color: #575859;
	font-weight: 500;
}
.tabs-popup-icon-wrap {
	display: flex;
	width: 80px;
	height: 80px;
	border: 1px solid #d2d2d2;
	border-radius: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.tabs-popup-icon-wrap img {
	width: 38px;
}

.social-tabs-popup {
	position: absolute;
	bottom: 80%;
	left: 0;
	width: 100%;
	padding: 20px;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 16px;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	pointer-events: none;
	display: flex;
	align-items: center;
	transition: all ease 0.4s;
}
.social-tabs-item:hover .social-tabs-popup {
	bottom: 100%;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.social-tabs-popup h3 {
	display: none;
	color: #000;
	font-size: 22px;
	margin-bottom: 10px;
}
.social-banner-tabs .social-tabs-popup p {
	font-size: 14px;
	color: #777;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 15px;
}
.social-banner-tabs .social-tabs-popup p i {
	display: block;
	color: #ea794c;
}
.tabs-popup-inner .btn {
	position: relative;
}
.tabs-popup-inner .btn i {
	font-size: 25px;
    line-height: 15px;
    position: absolute;
    right: 0;
    margin-top: 1px;
    top: 50%;
    transform: translateY(-50%);
}
.topbar-email-icon {
	display: none;
	width: 40px;
	height: 40px;
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7;
	border-radius: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #8799b3;
	position: absolute;
	top: -8px;
	right: -4px;
	z-index: 2;
}
.topbar-email-icon span {
	position: absolute;
	top: 2px;
	right: 3px;
	font-size: 9px;
	min-width: 18px;
	height: 18px;
	background-color: #ff3c00;
	border-radius: 100%;
	line-height: 14px;
	color: #fff;
	border: 2px solid #fff;
	font-weight: 500;
}


.homepage .modal-backdrop {
    z-index: 1;
}
.homepage.modal-open .modal {
    background: rgba(0, 18, 48, 0.7);
}
.file-uploader-info .form-group label {
    font-size: 16px;
	font-weight: 500;
	color: #737373;
	line-height: 22px;
	margin-bottom: 30px;
}
.file-uploader-info .form-group label span, .tab-username-info .username-tab-form label span {
    font-size: 14px;
	font-weight: 500;
	color: #737373;
	line-height: 20px;
}


.username-tab-1-info {
    display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
}
.username-tab-2-info {
    display: flex;
	justify-content: space-between;
	align-items: center;
    padding-top: 0px;
}
.form-group-textarea {
    display: block;
    padding-top: 30px;
}
.form-group-textarea .form-control {
    height: 120px !important;
}
.file-uploader-info .file-uploader label {
    border: none;
}
.tab-interests-info .interest-row {
    margin: 0 -7.5px;
}
.tab-interests-info .interest-icon-box {
    display: inline-block;
    padding: 20px 7.5px;
    text-align: center;
}
.tab-interests-info .interest-icon-box .interest-icon {
    display: flex;
    width: 150px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.tab-interests-info .interest-icon-box.active .interest-icon {
    border: 2px solid #ee870e;
	background-color: #fffef8;
}
.tab-interests-info .interest-icon-box.active .interest-default-icon {
    display: none;
}
.tab-interests-info .interest-icon-box.active .interest-active-icon {
   	display: inline-block; 
}
.tab-interests-info .interest-icon-box span {
    padding-top: 10px;
    display: block;
    color: #585858;
}
.tab-interests-info .interest-active-icon {
    display: none;
}
.tab-interests-info {
    margin-top: 40px;
}
.tab-interests-info .interests-icon-wrap h6 {
    font-size: 18px;
	font-weight: 500;
	line-height: 30px;
	color: #737373;
}
.tab-interests-info .interests-icon-wrap span {
    font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	color: #737373;
}
.recovery-tab-info {
    margin-top: 30px;
}
.recovery-tab-info p {
    font-size: 15px !important;
	font-weight: 400;
	line-height: 28px !important;
	color: #000 !important;
}
.recovery-tab-info .recovery-email-address {
    padding-top: 10px;
	display: block;
}
.recovery-email-address label {
    font-size: 16px;
	line-height: 24px;
	color: #737373;
}
.recovery-email-address label span {
    font-size: 14px;
	font-weight: 400;
}
.recovery-email-address .form-control {
    margin-bottom: 10px;
    font-size: 16px;
    width: 580px;
    height: 55px;
}
.recovery-email-address p {
    font-size: 15px;
    color: #737373;
    margin: 0;
}
.recovery-email-address p span {
    text-transform: uppercase;
	color: #737373 !important;
	font-weight: 500;
}

.social-dashboard-banner {
    position: relative;	
    min-height: 400px;
	background-color: #001544;
  }
  .social-banner-info {
    position: absolute;
	bottom: 50%;
	left: 42%;
	transform: translateY(50%);
	z-index: 2;
  }
.social-banner-warp {
	max-width: 625px;
}
  .social-banner-info h1 {
    margin-bottom: 15px;
    font-size: 52px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fefad0;
  }
  .social-banner-info p {
    margin: 30px 0;
    font-size: 18px;
    line-height: 24px;
    color: #b8d6ed;
  }
  .social-banner-form {
    margin: 40px 0 30px;
  }
  .social-banner-form label {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #ffeca0;
  }
.social-input-info {
	position: relative;
}
  /*.social-banner-form a {
    margin-bottom: 20px;
    display: block;
    position: relative;
    background: #fff;
    padding: 1px;
    border-radius: 5px;
  }*/
  .social-banner-form .form-control {
    padding: 10px 25px;
    height: 60px;
    font-size: 18px;
    font-style: italic;
    border: none;
  }
  /*.social-banner-form a input:focus {
      border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
  }*/
  .social-banner-form .social-sumbit-btn {
    position: absolute;
    right: 1px;
    top: 1px;
    display: inline-block;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    min-width: 60px;
    background-color: #3fa0f7;
    height: 58px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    color: #fff;
  }
  .social-banner-tabs p {
    color: #9dc0ce;
    margin-bottom: 20px;
   font-size: 16px;
  }
  .social-banner-tabs p span {
  	color: #ddce90;
  }
  .social-banner-tabs p a {
    font-weight: 500;
    color: #ddce90;
  }
  .social-tabs-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .social-tabs-info .social-tabs-item {
    padding: 0;
    border: 2px solid #2b3958;
    border-radius: 15px;
    background: transparent;
    height: 100px;
    min-width: 90px;
    min-height: 100px;
  }
  .social-tabs-info .social-tabs-item:last-child {
    margin-right: 0;
  }
  .social-tabs-info .social-tabs-item .tab-icon {
    display: inline-block;
    min-height: 50px;
    line-height: 38px;
    text-align: center;
    vertical-align: middle;
    padding: 12px 0; 
    background: transparent;
    width: 100%;
    border-radius: 15px 15px 0 0;
    border-color: transparent;
	cursor: pointer;
}
.social-tabs-info .social-tabs-item .tab-icon img {
  width: 35px;
}
.social-tabs-info .social-tabs-item span {
  cursor: pointer;
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 26px;
  color: #d7d9c3;
  min-height: 37px;
  line-height: 32px;
  background: transparent;
  border-radius: 0 0 15px 15px;
  border-color: transparent;
}
.social-tabs-info .social-tabs-item:hover {
    border-color: transparent;
}
.social-tabs-info .social-tabs-item:hover .tab-icon {
    background: #f4ce5c;    
}
.social-tabs-info .social-tabs-item:hover .tab-icon img {
    filter: brightness(100);
}
.social-tabs-info .social-tabs-item:hover span {
    background: #e9794b;
    color: #fff;
}
/*.social-banner-info .modal-header {
    display: inline-block;
    background-color: #fffef8;
	padding: 40px 0 0;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	text-align: center;
}
.social-banner-info .modal-dialog {
    min-width: 880px;
    margin-top: 140px;
}
.social-banner-info .modal-content {
    border-radius: 5px;
}
.social-banner-info .sign-up-topbar {
    margin-bottom: 20px;
}
.social-banner-info .sign-up-topbar h5 {
    font-size: 30px;
	font-weight: 500;
	line-height: 26px;
	color: #585755;
	margin-bottom: 10px;
}
.social-banner-info .sign-up-topbar p {
    font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #585755;
}*/
.social-model-inner .interests-tab {
    padding: 0 40px 20px;
    justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e8eaef;
}
.social-model-inner .interests-tab .nav-link:not(.active) {
    padding: 0 0 18px;
    border: none;  
    font-size: 16px; 
    font-weight: 500;
    color: #8d8c89;  
}
.social-model-inner .interests-tab .nav-item span {
    display: block;
    font-size: 14px;
	font-weight: 400;
	line-height: 24px;
    color: #343432;
}
.social-model-inner .interests-tab .nav-link.active {
    margin-bottom: 6px;
    padding: 8px 15px;
	background: #efaf54;
	max-width: 110px;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	border-color: transparent;
}
.social-banner-info .tab-content {
    padding: 30px 30px 40px;
    text-align: left;
    background-color: #fff;
}
.social-banner-info .tab-content .tab-pane {
    color: #000;
}
.social-banner-info .tab-content .tab-username-info h3 {
    margin-bottom: 20px;
    font-size: 24px;
	font-weight: 400;
	line-height: 26px;
	color: #fc922a;
} 
.tab-website-info {
    display: flex;
	align-items: center;
	justify-content: start;
}
.tab-website-info .website-icon {
    padding-right: 15px;
}
.tab-website-info .website-icon img {
    width: 25px;
}
.tab-website-info .website-content h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #6d6d6d;
}
.tab-website-info .website-content span {
    font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #6d6d6d;
}
.tab-username-info .username-tab-form {
    display: block;
    margin-top: 30px;
} 
.tab-username-info .username-tab-form label {
  font-size: 16px;
  font-weight: 500;
  color: #737373;
  line-height: 22px;
}
.username-tab-form .form-control {
  border-radius: 5px;
  height: 58px;
  border-color: #e7e7e7;
  font-size: 16px;
} 
.username-form-inner {
    display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.username-form-inner .subscribe-btn {
    display: inline-block;
	padding: 14px 15px;
	margin: 0 0 0 15px;
	min-width: 200px;
	height: 58px;
	background-color: transparent;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #70706f;
	border: 1px solid #d4d4d4 !important;
	text-transform: uppercase;
	transition: all ease 0.4s;
	cursor: pointer;
}
.tab-username-info .username-tab-form h5 {
    font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #70bb6d;
}
.tab-username-info .username-tab-form h5 span {
    margin-right: 10px;
}
.tab-username-info .username-tab-form h5 span img {
    width: 22px;
	height: 22px;
	object-fit: cover;
}
.tab-username-info .username-tab-form .robot-btn {
    margin-top: 20px;
    display: inline-block;
	padding: 14px 15px;
	min-width: 180px;
	background-color: transparent;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #70706f;
	border: 1px solid #d4d4d4 !important;
	text-transform: uppercase;
	transition: all ease 0.4s;
}
.social-banner-info .modal-footer {
    text-align: left;
	padding: 30px;
	background-color: #f3f4f7;
	border-top-color: #e8eaef;
}
.social-banner-info .modal-footer .btn-primary {
    color: #fff;
	padding: 14px 15px;
	min-width: 180px;
	border-radius: 3px;
}
.social-banner-info .modal-footer .btn-primary:hover {
    color: #fff;
}

.social-banner-info .modal-footer .btn-light {
	padding: 16px 15px;
	min-width: 180px;
	border-radius: 3px;
}
    






.responsive-full-width .mtf-buttons-wrap .follow-icon i {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin: 0;
}
.responsive-full-width .mtf-buttons-wrap .dropdown-menu.user .dropdown-item.user {
	min-width: 154px;
}
.comment-with-recommendation {
  width: 100%;
  position: relative;
}
.comment-with-recommendation .count-message-text {
	position: absolute;
	top: 11px;
	left: 100%;
	z-index: 2;
	white-space: nowrap;
	margin-left: 2px;
	margin-top: 0 !important;
	font-size: 11px;
	display:none;
}
.text-right .mtf-buttons-wrap .btn-light {
  border-radius: 4px;
}
.text-right .mtf-buttons-wrap .btn-light:hover, .text-right .mtf-buttons-wrap .btn-light:hover i {
  color: #ff9800;
}
.show-content-overlay-event {
  position: relative;
}
.show-content-overlay-event .show-content-overlay {
	vertical-align: middle;
	height: 14px;
	width: 14px;
	background-size: 14px auto;
	position: static;
}
.post-list .user-item .main-comment-block .user-name-wrap .gray-box-info a.read-more {
	display: inline-block;
	margin: 0;
}
.show-content-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	height: 100%;
	width: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50% #fff;
	background-size: 22px auto;
	opacity: 0.5;
  }
.send-comment-overlay > img {
	opacity: 0;
}

.view-replies {
	position: relative;
}
.post-feed-comment {
	font-size: 14px;
	color: #566370;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}
.post-feed-comment img {
	margin-right: 3px !important;
	position: relative !important;
	top: -1px !important;
	width: 14px !important;
	border-radius: 0 !important;
}
.post-loc-date .post-meta a i.fa-heart-o {
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
	margin: -1px 3px 0 1px;
	color: #e981dc;
}
.post-list .user-item .mtf-image .post-like-reply .view-replies {
	color: #009be1;
}
.post-list .user-item .mtf-image .post-like-reply .view-replies:hover {
	color: #009be1;
}
.hide-reply .mdi-menu-down:before {
  content: "\F360";
}
.view-replies i {
	font-size: 26px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: -6px;
}
.comment-info-reply ul li a .view-hide-count {
	color: #009be1;
}
.comment-info-reply ul li a .view-hide-count .mdi-menu-down {
	font-size: 26px;
	line-height: 16px;
	vertical-align: middle;
	color: #009be1;
	margin-left: -3px;
}

.product-comment-area, .product-comment-reply-box {
	display: flex;
	align-items: end;
}
.post-comment-box .post-comment-submit img {
	border-radius: 0 !important;
}
.product-comment-area .post-comment-submit {
	width: 60px;
	height: 60px;
	border-color: #e0e0e3;
}
.reply-comment-box .post-comment-submit {
	border-color: #e0e0e3;
}
.product-comment-reply-box {
	padding: 10px;
	background-color: #f7f7f7;
	border-radius: 3px;
	border: 1px solid #f3f3f3;
}
.post-comment-submit {
	display: flex !important;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	margin-left: 13px;
	background-color: #fff;
	position: relative;
}
.post-loc-date .post-meta a.delete-my-post {
	color: #dd5e65;
	font-size: 18px;
	line-height: 16px;
	position: relative;
	top: 2px;
	right: 0;
}
.post-comment-submit .width-100{
	width:100%
}
.drizzle-page-title {
	padding: 100px 0;
	background-image: url(../images/drizzle-images/work-banner.jpg);
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
.drizzle-page-title-inner {
	max-width: 500px;
	margin: 0 auto;
}
.drizzle-page-title-inner h1 {
	font-size: 45px;
	color: #ffffdd;
	font-weight: 400;
	margin-bottom: 13px;
}
.drizzle-page-title-inner p {
	color: #b3b3b3;
}
.how-it-work-main {
	padding: 40px 15px;
	background-color: #091e4a;
}
.how-it-work-inner {
	max-width: 1340px;
	margin: 0 auto;
	position: relative;
}
.how-it-work-inner:before {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	z-index: 1;
	width: 3px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	transform: translateX(-50%);
}
.how-it-work-inner:after {
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	z-index: 1;
	width: 24px;
	height: 24px;
	background-color: #354c71;
	transform: translateX(-50%);
	border-radius: 100%;
}
.bottom-dot {
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 1;
	width: 24px;
	height: 24px;
	background-color: #354c71;
	transform: translateX(-50%);
	border-radius: 100%;
}
.work-image-info {
	background-color: #07183b;
	padding: 30px;
	border-radius: 6px;
	border: 1px solid #3a4b6e;
	position: relative;
	max-width: 550px;
	transition: all ease 0.4s;
}
.work-image-info:before, .work-image-info:after {
 	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 24px solid #07183b;
	border-right: 0;
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	z-index: 1;
	transition: all ease 0.4s;
}
.work-image-info:after {
	border-left: 24px solid #3a4b6e;
	z-index: 0;
	margin-left: 1px;
}
.work-image-info h2 {
	font-size: 36px;
	color: #fff2ac;
	font-weight: 400;
	line-height: 44px;
	margin-bottom: 18px;
	transition: all ease 0.4s;
}
.work-image-info p {
	color: #cdd1d8;
	transition: all ease 0.4s;
}

.how-it-work-item {
	padding: 70px 0;
	position: relative;
}
.how-it-work-item:after {
	position: absolute;
	content: "";
	left: 50%;
	top: 0;
	width: 3px;
	height: 220px;
	background-color: #50a5f8;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	opacity: 0;
	transition: all ease 0.4s;
}
.how-it-work-item.highlighted:after  {
	top: 50%;
	opacity: 1;
}

.work-image-info.right {
	margin-left: auto;
}
.work-image-info.right:before, .work-image-info.right:after {
	left: auto;
	right: 100%;
	border-left: 0;
	border-right: 24px solid #07183b;
}
.work-image-info.right:after {
	border-right: 24px solid #3a4b6e;
	margin: 0 1px 0 0;
}
.work-image {
	opacity: 0.5;
	padding-left: 55px;
	transition: all ease 0.4s;
}
.work-image.left {
	padding: 0 55px 0 0;
}
.highlighted .work-image {
	opacity: 1;
}
.highlighted .work-image-info {
	background-color: #fff;
	border-color: #fff;
}
.highlighted .work-image-info:before {
	border-left-color: #fff;
}
.highlighted .work-image-info.right:before {
	border-right-color: #fff;
}
.highlighted .work-image-info:after {
	display: none;
}
.highlighted .work-image-info h2 {
	color: #227bc0;
}
.highlighted .work-image-info p {
	color: #333;
}


.social-dashboard-banner > img {
	width: 100%;
	max-height: 540px;
	object-fit: cover;
} 

.store-list .store-link i.mdi-exclamation {
	width: 19px;
	height: 19px;
	background-color: #fca0a0;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	line-height: 20px;
}

.profile-detail-border {
	border-top: 1px solid #e3ebf6;
}

.profile-info-item img.business-profile-icon {
	width: 16px;
	top: 3px;
	left: 7px;
}

.business-profile-icon {
	position: relative;
	top: -2px;
}

.my-store-info .mdi-close, .my-store-info.active-dot .dripicons-dots-3 {
	display: none;
}

.my-store-info.active-dot .mdi-close {
	display: inline-block;
}

.post-img.post-video, .post-img.post-video .full-iframe {
	max-height: 600px;
	position: relative;
	z-index: 3;
}

.thumbnail-video-img {
	display: none;
}

.upload-post-video {
	width: 100%;
	height: 100%;
}

.popup-play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

.mobile-action {
	display: none !important;
}

#createPostModal iframe {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	border: 0;
}

.navbar-nav .nav-link>.fe.fe-search {
	font-size: 17px;
}

.terms-wrap {
	padding: 30px;
}

.top-link-toggle {
	position: absolute;
	right: 105px;
	top: 20px;
	z-index: 1;
	padding: 0;
	margin: 0;
	display: none;
	text-align: center;
}

.top-link-toggle i {
	font-size: 24px;
	width: 32px;
	vertical-align: middle;
	text-align: center;
	color: #a2b3c2;
	line-height: 28px;
	border-radius: 30px;
	height: 32px;
	background: #f8f8f8;
	display: inline-block;
	border: 1px solid #e7e7e7;
}

.profile-zoom-effect {
	overflow: hidden;
	border-radius: 100%;
	border: 1px solid #e5e5e5;
}

.profile-zoom-effect img {
	transition: all .4s ease;
}

.profile-zoom-effect:hover img {
	transform: scale(1.2);
}

.nav-tabs.network-tab .nav-item .nav-link:hover {
	color: #76797b;
	border-color: #76797b;
}

.nav-tabs.network-tab .nav-item .nav-link:hover .inner-tab-count {
	background: #76797b;
}

.nav-tabs.network-tab .nav-item .nav-link:hover .default-icon {
	display: inline-block;
}

.nav-tabs.network-tab .nav-item .nav-link:hover .hover-icon {
	display: none;
}

.cursor-pointer {
	cursor: pointer;
}

.profile-about a {
	color: #009be1;
}

.profile-about a:hover {
	color: #e2944a;
}

.user-online {
	color: #1fb21f !important;
}

.skip-cursor-pointer {
	pointer-events: none;
}

.remove-comment {
	color: #a7a7a7;
	font-style: italic;
}

.nav-tabs.network-tab .nav-item {
	width: 150px;
	text-align: center;
}

.social-recent-product-title .back-list-link {
	display: none;
}

.product-preview-inner .no-image-found .product-image {
	height: auto;
	width: 180px;
	border: none;
}

.product-preview-inner .no-image-found .product-img-effect {
	display: none;
}

.product-preview-inner .featured-col-img.no-image-found .product-image {
	margin: 20px 0 75px;
	height: auto;
}

.product-preview-inner .recent-product-img.no-image-found {
	min-height: 170px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-preview-inner .recent-product-img.no-image-found,
	.product-preview-inner .featured-col-img.no-image-found {
	text-align: center;
	border: 1px solid #e5e3df;
}

.product-preview-inner {
	padding: 20px;
}

.product-preview-inner .featured-col-img img {
	height: 440px;
}

.product-preview-inner .featured-col-item, .product-preview-inner .featured-col-item.second
	{
	height: auto;
}

.product-preview-inner .recent-product-content p {
	min-height: 10px;
}

.product-preview-title {
	padding: 15px 20px;
	font-size: 18px;
	font-weight: 500;
	color: #727272;
	background-color: #fcfcfc;
	margin: 0;
	border-bottom: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
}

.user-info .profile-block-unblock {
	padding: 6px 10px;
	min-width: 100px;
	margin-top: 8px;
}

.user-info .profile-block-unblock .fa-ban {
	color: #FF0000;
}

.user-info .profile-block-unblock .fa-unlock {
	color: #009be1;
}

.post-list .user-item .post-info .row {
	align-items: center;
}

.post-info .drizzle-approve-post, .post-info .drizzle-reject-post,
	.post-info .drizzle-mature-post {
	padding: 0 5px;
	color: #585858;
}

.post-info .drizzle-approve-post:hover, .post-info .drizzle-reject-post:hover,
	.post-info .drizzle-mature-post:hover {
	opacity: 0.6;
}

.post-info .drizzle-approve-post i, .post-info .drizzle-reject-post i,
	.post-info .drizzle-mature-post i {
	margin-right: 5px;
}

.post-info .drizzle-approve-post i {
	color: #4e94e2;
}

.post-info .drizzle-reject-post i {
	color: #eea38d;
}

.post-info .drizzle-mature-post i {
	color: #4abb45;
}

.mtf-buttons-wrap .mtf-msg-btn {
	border: 1px solid #cecece;
	color: #636363 !important;
	background: #fff;
	box-shadow: none;
}

.mtf-buttons-wrap .mtf-msg-btn:hover, .mtf-buttons-wrap .mtf-msg-btn:focus
	{
	background-color: transparent;
	color: #009be1 !important;
}

.mtf-buttons-wrap .mtf-msg-btn i {
	color: #ef8f36;
	margin-right: 5px;
}

.dropdown-menu.user .dropdown-item.user.profile-modal-icon {
	padding: 8px 15px;
	min-width: 150px;
	margin-top: -6px;
}

.drizzle-footer {
	padding: 18px;
	border-top: 1px solid #cccccc;
}

.drizzle-footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
}

.drizzle-footer ul li {
	display: inline-block;
	padding: 0 15px;
}

.drizzle-footer ul li:first-child {
	padding-left: 0;
}

.drizzle-footer ul li a {
	display: inline-block;
	color: #737373;
	transition: all ease 0.4s;
}

.footer-link a:hover, .drizzle-footer ul li a:hover {
	color: #009be1;
}

.drizzle-footer p {
	font-size: 14px;
}

.footer-link a {
	display: inline-block;
	color: #737373;
	transition: all ease 0.4s;
}

.footer-link a:after {
	display: inline-block;
	content: "|";
	margin: 0 5px 0 7px;
}

.footer-link a:last-child:after {
	display: none;
}

#emptyListPreview .card-body {
	min-height: 345px;
}

.navbar-light .navbar-toggler-icon {
	background-image: url(../images/menu-toggle.png);
	background-size: 40px auto;
}

.is-landing-shop .sub-categories-tab, .is-landing-shop.mob-categories::after
	{
	display: none;
}

.nav-close-icon {
	position: fixed;
	top: 8px;
	left: 108px;
	background-color: #489bdb;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	z-index: 1;
	display: none;
	cursor: pointer;
}

.topbar-link-active-img, .navbar-expand-md .navbar-nav .new-topbar-link .nav-link.active .topbar-link-default-img,
	.navbar-expand-md .navbar-nav .new-topbar-link .nav-link:hover .topbar-link-default-img
	{
	display: none;
}

.navbar-expand-md .navbar-nav .new-topbar-link .nav-link.active .topbar-link-active-img,
	.navbar-expand-md .navbar-nav .new-topbar-link .nav-link:hover .topbar-link-active-img
	{
	display: inline-block;
}

.mtf-buttons-wrap .btn-light {
	padding: 10px 15px;
}

.mtf-buttons-wrap .btn-light .follow-icon .fa-user-plus {
	color: #009be1;
}

.user-info .mtf-btn {
	margin: 5px 0;
}

.mtf-buttons-wrap .follow-icon i {
	line-height: 10px;
}

.mtf-buttons-wrap .dropdown-menu.user .dropdown-item.user {
	padding: 8px 15px;
	min-width: 148px;
	margin-top: -6px;
}

.member-content .dropdown-menu.user {
	min-width: 10px;
}

.member-content .dropdown-menu.user .dropdown-item.user {
	padding: 3px 15px;
}

.dashboard-feeds .nav-tabs .nav-link:hover {
	background-color: #E5E5EC;
}

/*.mtf-buttons-wrap .follow-icon {
	margin-right: 20px;
}*/
.mtf-buttons-wrap .follow-icon.plus i {
	font-size: 14px;
	margin-right: 5px;
	vertical-align: initial;
}

.mtf-buttons-wrap.show {
	overflow: visible;
}
/*.navbar-vertical .navbar-nav>.nav-item>.close-cross-btn {
	display: none;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #585858;
    line-height: 20px;
    border-radius: 20px;
    margin: 0 auto;    
}
.navbar-vertical .navbar-nav>.nav-item>.close-cross-btn {
	font-size: 12px;
	color: #fff;
}*/

.modal-title .comment-header {
	color: #fff;
}

.dropdown-menu.user {
	background-color: transparent;
	min-width: 132px;
	padding: 0;
	border: none;
	box-shadow: none;
}

.show>.dropdown-menu.user {
	margin-top: 5px !important;
}

.dropdown-menu.user .dropdown-item.user {
	background: #fff;
	border: 1px solid #cecece;
	border-radius: 3px;
	padding: 4px 15px;
	font-size: 13px;
	font-weight: 500;
	color: #8d98a5;
	text-align: center;
}

.member-content ul li a i {
	font-size: 14px;
	vertical-align: middle;
}

.follow-icon.user {
	margin-right: 15px;
}

.modal-product {
	display: flex;
	padding: 20px;
	background: #fff;
}

.modal-product-img {
	width: 120px;
	text-align: center;
	min-width: 120px;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
}

.modal-product-img img {
	height: 100px;
	object-fit: cover;
	border-radius: 5px;
}

.modal-product-info {
	padding-left: 15px;
}

.modal-product-info h4 {
	margin-bottom: 5px;
	color: #ee870e;
	font-size: 22px;
}

.modal-product-info h3 {
	font-size: 18px;
	color: #4499dc;
	line-height: 24px;
}

.product-comment {
	background-color: #fff;
	border-top: 1px solid #e1e2e4;
	padding: 20px;
}

.product-comment textarea.form-control {
	min-height: 60px;
	height: 60px;
	resize: none;
	border-color: #e0e0e3;
	border-radius: 5px;
}

.modal-comment-info textarea.form-control {
	min-height: 40px;
	height: 40px;
	resize: none;
	font-size: 14px;
	padding: 9px 15px;
	overflow: hidden;
}

.product-comment-item {
	display: flex;
	padding: 15px 0 5px;
}

.modal-comment-img img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	min-width: 60px;
	border-radius: 100%;
	border: 1px solid #e8e8e8;
}

.modal-comment-info {
	padding-left: 20px;
	width: 100%;
}

.modal-comment-info-wrap {
	padding: 8px 15px;
	background-color: #f7f7f7;
	border: 1px solid #f3f3f3;
	border-radius: 3px;
	font-size: 15px;
}
.modal-comment-info-wrap strong {
	display: block;
	color: #009be1;
} 

.comment-info-meta {
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
}

.comment-info-reply ul {
	padding: 0;
	margin: 0;
	list-style: none;
	color: #fb9245;
}
.comment-info-reply ul li a {
	color: #424242;
}
.comment-info-reply ul li a.view-hide-count {
	color: #009be1;
}
.view-hide-count i {
	font-size: 26px;
	line-height: 16px;
	vertical-align: middle;
	margin-left: -6px;
}

.comment-info-reply ul li a span, .comment-info-reply ul li a .mdi-message-processing
	{
	color: #f3ae40;
}
.comment-info-reply ul li a .mdi-message-processing {
	position: relative;
	top: 1px;
}

.comment-info-reply ul li {
	display: inline-block;
	padding-right: 20px;
}

.comment-info-reply ul li:last-child {
	padding-right: 20px;
}

.comment-info-reply .mdi-delete {
	color: #dd5e65;
}

.comment-info-date {
	color: #566370;
}
.comment-info-date img {
	margin-right: 3px;
	position: relative;
	top: -1px;
	width: 15px;
}

.modal-comment-info .product-comment-item {
	padding: 18px 0 0;
}

.modal-comment-info .modal-comment-img img {
	width: 50px;
	height: 50px;
	min-width: 50px;
}

.modal-comment-info .product-comment-item .comment-info-meta {
	padding-top: 8px;
}

.product-comment .modal-comment-info .textarea.form-control {
	height: 45px;
	resize: none;
	font-size: 15px;
}

.modal-body .recent-product-into {
	display: flex;
}

.modal-body .recent-product-img {
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #f2f2f2;
}

.modal-body .recent-product-img a img {
	width: auto;
	height: 200px;
}

.mob-categories {
	background-color: #fff;
	justify-content: space-around;
	padding: 6px;
	border: 1px solid #dbdbdb;
	position: relative;
	margin-bottom: 18px;
	display: none;
}

.mob-categories::after {
	content: "";
	position: absolute;
	top: 50%;
	height: 70%;
	left: 50%;
	width: 1px;
	background-color: #dbdbdb;
	transform: translateX(-50%) translateY(-50%);
}

.mob-categories a {
	display: inline-block;
	padding: 8px;
	color: #585858;
	font-size: 15px;
	font-weight: 500;
	width: 50%;
	text-align: center;
	transition: all ease 0.4s;
}

.mob-categories a i {
	font-size: 22px;
	line-height: 10px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.shop-mobile-img {
	display: none;
}

.recent-product-img .custom-control {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 5;
}

.recent-product-img .custom-control-label::after, .recent-product-img .custom-control-label::before
	{
	cursor: pointer;
}

.recent-product-img .custom-control-label::before {
	background: #fff;
	border: 2px solid rgba(255, 255, 255, 0.6);
}

#loginModal .modal-header {
	padding-right: 40px;
}

.bag-lists {
	border-radius: 4px;
	border: 1px solid #dbd9d9;
	margin-top: 15px;
}

.bag-item {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	border-bottom: 1px solid #dbd9d9;
}

.bag-item:last-child {
	border-bottom: none;
}

.bag-item h6 {
	margin-bottom: 0;
	font-size: 16px;
}

.bag-item span {
	color: #777777;
	margin-left: auto;
}

.cart-item {
	display: flex;
}

.cart-item-right .price {
	font-size: 16px;
	display: block;
	color: #ff6c00;
}

.cart-item-img {
	width: 100px;
}

.cart-item-img img.img-fluid {
	width: 100px;
	object-fit: contain;
	height: 100px;
	border: 1px solid #e2e2e2;
	padding: 5px;
	background: #f1f1f1;
	min-width: 100px;
}

.cart-item-right {
	padding-left: 15px;
}

.cart-item-right h4 {
	font-size: 16px;
	line-height: 22px;
}

.cart-item-right h4 a {
	color: #009be1;
	transition: all ease 0.4s;
}

.dropdown-menu.dropdown-box {
	background-color: #f1f1f1;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 4px;
	min-width: 160px;
	border: none;
	max-width: 160px;
}

.show>.dropdown-menu.dropdown-box {
	margin-top: 5px !important;
}

.dropdown-box a {
	padding: 0 !important;
	color: #786756;
	background: none !important;
	margin-top: 5px;
}

.dropdown-box .small {
	text-transform: uppercase;
	font-size: 12px;
	color: #a7a6a5;
}

.dropdown-box a {
	padding: 0;
	color: #786756;
}

.dropdown-box a span {
	color: #048361;
}

.product-modal .modal-body .form-group {
	margin: 0;
}

.addToListScroll {
	max-height: 250px;
	overflow: auto;
}

.shop-top-link .dropdown {
	display: inline-block;
	width: auto;
}

.shop-top-link .dropdown .shop-top-inner-link:first-child {
	border-right: none;
}

.shop-top-link .dropdown-item {
	padding: 10px 15px;
}

.shop-top-link .dropdown-item span {
	float: right;
}

.dropdown-menu.saved-list h6 {
	background-color: #f9fbfd;
	color: #777777;
	padding: 16px 18px;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
}

.dropdown-menu.saved-list {
	padding: 0;
	min-width: 230px;
	z-index: 9;
}

.dropdown-menu.saved-list .dropdown-item {
	border-bottom: 1px solid #eee;
}

.dropdown-menu .dropdown-item.all-folder {
	color: #009be1;
}

.dropdown-menu .dropdown-item.all-folder+.dropdown-item.all-folder {
	border-bottom: none;
}

.page-title.shop-page-title .breadcrumb {
	float: none;
	justify-content: right;
}

.shop-page-title .btn-block {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	overflow: inherit;
}

.shop-before-btn .btn-light {
	border-color: #d7e5fb;
	color: #4283f3;
}

.liked .fa-heart-o:before {
	content: "\f004";
}

.fav-badge:empty {
	display: none;
}

.shop-top-link.after-login-icon a .mdi-heart {
	color: #e565d7;
}

.shop-top-link.after-login-icon a .mdi-folder {
	color: #9ad196;
}

.nav-tabs.after-shop-menu {
	border: 1px solid #e2e2e2;
	background-color: #fff;
	margin-top: 20px;
}

.nav-tabs.after-shop-menu .nav-item {
	margin: 0;
}

.nav-tabs.after-shop-menu .nav-link {
	padding: 14px 10px;
	color: #7e8a99 !important;
	border: none;
	border-right: 1px solid #e2e2e2;
	transition: all ease .4s;
}

.nav-tabs.after-shop-menu .nav-item.show .nav-link, .nav-tabs.after-shop-menu .nav-link.active,
	.nav-tabs.after-shop-menu .nav-link:hover {
	border-color: #e2e2e2;
	color: #d76138 !important;
}

.nav-tabs.after-shop-menu .nav-item:last-child .nav-link {
	border-right: none;
}

.nav-tabs.before-shop-menu {
	border: none;
	background-color: #4b5662;
}

.nav-tabs.before-shop-menu .nav-item {
	margin: 0;
}

.nav-tabs.before-shop-menu .nav-link {
	padding: 15px 20px;
	color: #fffef9 !important;
	border: none;
	transition: all ease .4s;
}

.nav-tabs.before-shop-menu .nav-item.show .nav-link, .nav-tabs.before-shop-menu .nav-link.active,
	.nav-tabs.before-shop-menu .nav-link:hover {
	background-color: #51a5f7;
}

.shop-top-link {
	display: inline-block;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
}

.shop-top-inner-link {
	display: inline-block;
	padding: 8px 0 0 0;
	font-size: 24px;
	line-height: 18px;
	position: relative;
	text-align: center;
	background-color: #fff;
	width: 45px;
	height: 45px;
	line-height: 30px;
	vertical-align: middle;
}

.shop-top-inner-link:first-child {
	border-right: 1px solid #dfdfdf;
	margin-right: -4px;
}

.after-login-icon>.shop-top-inner-link {
	margin-right: -4px !important;
}

.after-login-icon .shop-top-inner-link:first-child {
	margin-right: 0;
}

.shop-top-inner-link>span {
	font-size: 10px;
	position: absolute;
	top: 5px;
	right: 3px;
	height: 20px;
	min-width: 25px;
	background-color: #e86030;
	border-radius: 30px;
	color: #fff;
	border: 2px solid #fff;
	line-height: 17px;
}

.shop-top-inner-link .mdi-heart {
	color: #f8635c;
}

.shop-top-inner-link .mdi-folder {
	color: #f1bb48;
}

.social-mid-wrap {
	padding: 20px;
}

.social-mid-wrap .social-featured-products {
	padding: 30px 0;
}

.shop-landing-item {
	padding: 20px 0;
}

.shop-landing-title {
	padding-bottom: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #585755;
	margin-bottom: 18px;
}

.shop-landing-title a {
	font-size: 14px;
	color: #009be1;
	font-weight: 400;
	float: right;
}

.shop-big-img {
	position: relative;
}

.shop-big-img>img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: top;
	border-radius: 5px;
}

.shop-small-half-img {
	position: relative;
	margin-bottom: 30px;
}

.shop-small-half-img:last-child {
	margin-bottom: 0;
}

.shop-small-half-img .shop-img-text h4 {
	font-size: 16px;
}

.shop-small-half-img .shop-img-text h2 {
	font-size: 28px;
	margin-bottom: 10px;
}

.shop-small-half-img .shop-img-text {
	right: 25px;
	min-width: 180px;
}

.shop-img-link {
	display: inline-block;
	color: #fcf6c0;
	font-size: 16px;
	font-weight: 500;
	transition: all ease .4s;
}

.shop-img-link:hover {
	color: #e0d99e;
	opacity: 0.6;
}

.shop-img-link i {
	color: #fcf6c0;
	font-size: 18px;
	line-height: 10px;
	position: relative;
	top: 2px;
	margin-left: 2px;
}

.shop-small-half-img>img {
	width: 100%;
	height: 235px;
	object-fit: cover;
	object-position: top;
	border-radius: 5px;
}

.shop-img-text {
	position: absolute;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
	z-index: 1;
}

.shop-img-text h4 {
	font-size: 18px;
	color: #fafcfd;
	opacity: 0.8;
}

.shop-img-text h2 {
	font-weight: 600;
	font-size: 34px;
	color: #f9eecb;
	margin: 11px 0 20px;
}

.shop-img-btn {
	display: inline-block;
	padding: 11px 15px;
	min-width: 180px;
	background-color: #4c738d;
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	transition: all ease .4s;
}

.shop-img-btn:hover {
	background-color: #365f7b;
	color: #fff;
}

.shop-img-btn i {
	color: #fcf6c0;
	font-size: 20px;
	line-height: 10px;
	position: relative;
	top: 2px;
	margin-left: 2px;
}

.shop-img-text.text-color-two h4 {
	color: #aab9af;
}

.shop-img-text.text-color-two h2 {
	color: #7edbe3;
}

.shop-small-half-img {
	position: relative;
}

.shop-small-img>img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: top;
	border-radius: 5px;
}

.jewelry .shop-img-text h4 {
	opacity: 0.5;
	color: #ccc5b1;
}

.jewelry .shop-img-btn {
	background-color: transparent;
	border-color: #75746d;
	color: #fcf6c0;
}

.jewelry .shop-img-btn:hover {
	background-color: transparent;
	border-color: #615f50;
}

.shop-small-img .shop-img-text h4 {
	color: #a6846d;
	opacity: 0.8;
	font-size: 16px;
}

.shop-small-img .shop-img-text {
	top: 70px;
	right: 50px;
	transform: none;
}

.shop-small-img .shop-img-text h2 {
	font-size: 26px;
	margin-bottom: 10px;
	color: #fcaf40;
}

.home-shop .shop-big-img .shop-img-text {
	top: 40px;
	right: auto;
	transform: none;
	left: 60px;
}

.home-shop .shop-big-img .shop-img-text h4 {
	opacity: 0.7;
	color: #000000;
}

.home-shop .shop-big-img .shop-img-text h2 {
	color: #ec8528;
	font-size: 30px;
}

.home-shop .shop-img-btn {
	background-color: transparent;
	border-color: #d7c9ba;
	color: #e58759;
}

.home-shop .shop-img-btn:hover {
	background-color: transparent;
	border-color: #e58759;
	color: #e58759;
}

.home-shop .shop-img-btn i {
	color: #cca580;
}

.home-shop .shop-small-img .shop-img-text {
	top: 30px;
	right: auto;
	left: 40px;
}

.home-shop .shop-small-img .shop-img-text h4 {
	color: #000;
	opacity: 0.7;
}

.home-shop .shop-small-img .shop-img-text h2 {
	font-size: 32px;
	color: #b2671e;
}

.home-shop .shop-img-link {
	color: #df5900;
}

.home-shop .shop-img-link i {
	color: #b2671e;
}

.home-shop .shop-small-half-img .shop-img-text h4, .home-shop .shop-img-text.text-color-two h4
	{
	color: #000;
	opacity: 0.7;
}

.home-shop .shop-small-half-img .shop-img-text h2, .home-shop .shop-img-text.text-color-two h2
	{
	color: #b2671e;
}

.electronics .shop-big-img .shop-img-text h4 {
	opacity: 0.5;
	color: #000;
}

.electronics .shop-big-img .shop-img-text h2 {
	color: #f7922f;
}

.electronics .shop-img-btn {
	background-color: transparent;
	border-color: #d4cbbe;
	color: #8b6867;
}

.electronics .shop-img-btn:hover {
	background-color: transparent;
	border-color: #8b6867;
	color: #8b6867;
}

.electronics .shop-img-btn i {
	color: #ecc499;
}

.electronics .shop-small-img .shop-img-text {
	top: 35px;
	right: auto;
	left: 70px;
}

.electronics .shop-small-img .shop-img-text h4 {
	color: #000;
	opacity: 0.5;
}

.electronics .shop-small-img .shop-img-text h2, .electronics .shop-img-link,
	.electronics .shop-img-link i {
	color: #000;
	opacity: 0.7;
}

.shop-inner-item {
	display: flex;
	margin-right: -8px;
	margin-left: -8px;
	flex-wrap: wrap;
}

.shop-inner-wrap {
	max-width: 20%;
	flex: 0 0 20%;
	padding: 0 8px;
}

.shop-inner-one {
	position: relative;
}

.shop-inner-one>img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: top;
	border-radius: 5px;
}

.shop-inner-one .shop-img-text {
	left: 25px;
	top: 25px;
	right: auto;
	transform: none;
}

.shop-inner-one .shop-img-text h4 {
	opacity: 0.4;
	color: #fff;
}

.shop-inner-one .shop-img-text h2 {
	margin-bottom: 10px;
	font-size: 28px;
}

.shop-inner-one .shop-img-link {
	color: #ddaf6f;
}

.shop-inner-two {
	position: relative;
	margin-bottom: 16px;
	text-align: center;
}

.shop-inner-two>img {
	width: 100%;
	height: 242px;
	object-fit: cover;
	object-position: top;
	border-radius: 5px;
}

.shop-inner-two .shop-img-link {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	color: #000;
	opacity: 0.7;
	font-weight: 600;
	z-index: 1;
}

.shop-inner-two .shop-img-link i {
	color: #f69945;
}

.shop-img-text.shop-img-text-two h2 {
	color: #d74343;
}

.shop-img-text.shop-img-text-three h2 {
	color: #e3d4ac;
}

.shop-img-text.shop-img-text-three .shop-img-link {
	color: #e3b16f;
}

.nav-tabs.shop-tabs .nav-item {
	margin-left: 0;
	margin-right: 1.3rem;
}

.product-sort {
	display: flex;
	align-items: center;
	max-width: 320px;
	margin-left: auto;
}

.product-sort>span {
	min-width: 70px;
	font-size: 15px;
}

.product-sidebar-title {
	padding-bottom: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #585755;
	margin-bottom: 20px;
}

.dropdown-menu.promote-status {
	min-width: 150px;
}

.dropdown-btn {
	display: inline-block;
	min-width: 150px;
	position: relative;
	background: #ffffff;
	color: #636363;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: .15rem;
	border: 1px solid #ededed;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .5px;
	text-align: left;
}

.dropdown-btn:after {
	display: none;
}

.dropdown-btn i {
	font-size: 22px;
	line-height: normal;
	position: absolute;
	top: -2px;
	right: 3px;
}

.rm-user-img:hover {
	color: #fff;
}

.dropdown-warning, .dropdown-warning:hover, .dropdown-warning:focus {
	color: #fff;
	background: #f29216;
	border-color: #f29216;
}

.dropdown-success, .dropdown-success:hover, .dropdown-success:focus {
	color: #fff;
	background: #009be1;
	border-color: #009be1;
}

.dropdown-info, .dropdown-info:hover, .dropdown-info:focus {
	color: #fff;
	background: #4c96e3;
	border-color: #4c96e3;
}

.dropdown-secondary, .dropdown-secondary:hover, .dropdown-secondary:focus
	{
	color: #fff;
	background: #319e4d;
	border-color: #319e4d;
}

.dropdown-danger, .dropdown-danger:hover, .dropdown-danger:focus {
	color: #fff;
	background: #fb6f6f;
	border-color: #fb6f6f;
}

.promote-status .dropdown-text-warning {
	color: #f29216;
}

.promote-status .dropdown-text-success {
	color: #009be1;
}

.promote-status .dropdown-text-info {
	color: #4c96e3;
}

.promote-status .dropdown-text-secondary {
	color: #319e4d;
}

.promote-status .dropdown-text-danger {
	color: #fb6f6f;
}

.product-detail-popup img {
	width: 100%;
	height: 450px;
	object-fit: contain;
}

table.dataTable {
	border-spacing: 0 15px;
}

#basic-datatable .product-body {
	max-width: 850px;
}

.table-responsive.small-height {
	min-height: 190px;
}

.dropdown.dropdown-action {
	display: inline-block;
	width: auto;
}

.product-body span.product-data {
	margin-right: 10px;
	color: #737373;
	font-weight: 500;
	font-size: 14px;
	display: inline-block;
	padding-bottom: 5px;
}

.product-body span.product-data span {
	color: #8994a1;
	font-weight: normal;
}

.input-group-merge {
	display: flex;
}

.input-group-text {
	color: #495057;
	background-color: #e9ecef;
	border: 1px solid #dee2e6;
	margin-left: -2px;
	border-radius: 0 .125rem .125rem 0;
}

.product-form-image {
	text-align: center;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
}

.product-form-image img {
	height: 186px;
	object-fit: cover;
	border-radius: 4px;
}

.product-form-image .no-data-avl {
	padding: 19px 0;
}

.product-form-image .no-data-avl img {
	width: auto;
	height: 110px;
}

.product-preview .recent-product-info {
	border: 1px solid #e7e7e7;
	margin-bottom: 0;
}

.product-preview .recent-product-content {
	padding: 20px 10px 0;
}

.product-preview .recent-product-into {
	display: flex;
	padding: 5px 11px 15px0;
}

.product-preview .recent-product-info h3 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 5px;
	color: #4499dc;
}

.recent-product-img a img, .listing-preview-img img {
	border-radius: 4px 4px 0 0;
}

.product-preview .recent-product-into-icon span {
	font-size: 15px;
}

.product-preview .recent-product-into ul {
	font-size: 15px;
}

.product-preview .recent-product-price-list h4 {
	font-size: 20px;
}

/*.product-preview .recent-product-content p {
	font-size: 15px;
	line-height: 26px;
	color: #737373;
	cursor: auto;
	text-transform: none;
	transition: none;
}

.product-preview .recent-product-content p:hover {
	color: #737373;
}*/
.product-form-image-upload .file-uploader label {
	border: none;
	margin: 0;
}

.product-form-image-upload .file-uploader.form-input label {
	padding: 15px;
	min-height: 211px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.product-form-image-upload .upload-icon {
	margin: 0 0 15px;
}

.frame-header {
	border: 1px solid #e4e4e4;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	height: 50px;
}

.frame-header-left {
	display: flex;
}

.frame-view-link {
	text-transform: uppercase;
	color: #585858;
	font-weight: 600;
	display: flex;
	border-left: 1px solid #e4eaee;
	border-right: 1px solid #e4eaee;
	text-align: center;
	padding: 8px 10px;
	font-size: 11px;
	line-height: 12px;
	align-items: center;
}

.frame-view-link br {
	display: none;
}

.frame-view-link:hover {
	color: #585858;
	background-color: #F2F2F2;
}

.frame-view-link i {
	display: block;
	color: #788bba;
	font-size: 16px;
	margin-right: 8px;
}

.frame-header-user {
	padding: 6px 15px;
	min-width: 270px;
	background-color: #fffef9;
}

.frame-header-user h3 {
	margin-bottom: 1px;
	color: #50607a;
	font-size: 16px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.frame-header-user p {
	margin-bottom: 0;
	color: #50607a;
	font-size: 10px;
	line-height: 22px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.frame-close-link {
	text-transform: uppercase;
	color: #585858;
	font-weight: 600;
	display: flex;
	border-left: 1px solid #e4eaee;
	text-align: center;
	padding: 14px 13px;
	font-size: 11px;
	line-height: 16px;
	align-items: center;
}

.frame-close-link:hover {
	color: #585858;
	background-color: #F2F2F2;
}

.frame-close-link i {
	display: block;
	color: #fff;
	font-size: 14px;
	width: 22px;
	background-color: #f0776f;
	border-radius: 100%;
	height: 22px;
	text-align: center;
	line-height: 22px;
	margin-right: 6px;
	transition: all ease 0.4s;
}

.frame-close-link:hover i {
	background-color: #ff2828;
}

.user-site-frame {
	width: 100%;
	height: calc(100vh - 66px);
	border: none;
}

.iframe-full-height {
	height: 100vh;
	border: 1px solid #e2e2e2;
}

.mtf-mid-wrap .modal-dialog.modal-full {
	height: 100% !important;
}

.mtf-mid-wrap .modal-full .modal-content {
	height: 100%;
}

.drizzle-profile-tab.nav-tabs .nav-link:not(.active),
	.drizzle-profile-tab.nav-tabs .nav-link:not(.active):hover {
	color: #565656;
	background-color: #fafafa;
	border: 1px solid #e5e5e5;
	border-radius: 4px 4px 0 0;
	transition: all ease 0.4s;
}

.drizzle-profile-tab.nav-tabs .nav-item {
	margin-bottom: -1px;
}

.drizzle-profile-tab.nav-tabs .nav-item.show .nav-link,
	.drizzle-profile-tab.nav-tabs .nav-link.active {
	color: #009be1;
	border: 1px solid #e3ebf6 !important;
	border-bottom-color: transparent !important;
	background: #fff;
	border-top-color: #009be1 !important;
	border-top-width: 2px;
}

.profile-about {
	padding: 25px;
	min-height: 205px;
}

.profile-about h3 {
	font-size: 16px;
	line-height: 22px;
}

.tab-interest-item {
	padding: 16px 10px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	color: #585858;
}

.tab-interest-item:hover .tab-interest-icon .hover-icon {
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.tab-interest-item:hover .tab-interest-icon .defalt-icon {
	transform: translateY(90px);
}

.tab-interests-wrap {
	padding: 35px 25px;
	min-height: 205px;
}

.tab-interest-icon {
	display: flex;
	position: relative;
	width: 55px;
	height: 46px;
	margin: 0 auto 15px;
	overflow: hidden;
	justify-content: center;
	align-items: center;
}

.tab-interest-icon img {
	width: 38px;
	transition: all ease .4s;
}

.tab-interest-icon .hover-icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) translateY(-90px);
	z-index: 1;
}

.tab-interest-link {
	display: flex;
	padding: 16px 10px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	text-align: center;
	font-size: 16px;
	color: #009be1;
	min-height: 119px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.tab-interest-link i {
	font-size: 35px;
	margin-bottom: 11px;
}

.profile-btn-wrap {
	padding-top: 15px;
	padding-bottom: 15px;
}

.border-btn {
	display: inline-block;
	padding: 10px 15px;
	min-width: 150px;
	border: 1px solid #cecece;
	border-radius: 4px;
	color: #585858;
	margin-right: 10px;
	text-align: center;
}

.border-btn:last-child {
	margin-right: 0;
}

.border-btn i {
	font-size: 16px;
	margin-right: 10px;
	position: relative;
	top: 1px;
}

.border-btn.follow-dropdown {
	padding: 7px 10px 8px;
	vertical-align: middle;
}

.border-btn.follow-dropdown i {
	margin: 0 0 0 2px;
}

.border-btn i.fa-user-plus {
	color: #4499da;
}

.border-btn i.fa-envelope {
	color: #e2944a;
}

.border-btn i.fa-external-link {
	color: #7692ae;
}

.alert-info {
	color: #1e5b6d;
	background-color: #d7eff6;
	border-color: #c8e9f2
}

.alert-info hr {
	border-top-color: #b3e1ed
}

.alert-info .close {
	color: #133a45
}

button.close {
	opacity: 1;
}

.mtf-mid-wrap .modal-dialog.modal-full {
	height: auto;
}

.login-page .mtf-mid-wrap {
	padding: 50px 0;
}

.mtf-mid-wrap .file-uploader.form-input, .mtf-mid-wrap .form-input.uploader-input
	{
	border: none;
	background-color: none;
}

.mtf-mid-wrap h6 {
	font-size: 1rem;
	line-height: 28px;
}

.mtf-table-wrap {
	display: table;
	width: 100%;
	height: 100%;
}

.mtf-align-wrap {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.pagination {
	margin: 20px 0 0;
}

.textright {
	text-align: right;
}
/* Mtf Form Fields CSS */
.form-group {
	margin-bottom: 1rem;
}

.mtf-mid-wrap .form-group label {
	color: #605f5f;
	font-size: 16px;
	cursor: pointer;
	font-weight: 400;
}

label a {
	color: #009be1;
}

label a:hover {
	color: inherit;
}

input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	min-width: 160px;
	padding: 15px 15px 14px;
	background: #474747;
	color: #ffffff;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.15px;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid transparent;
	position: relative;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

input[type="submit"]:hover, input[type="submit"]:focus {
	background: #192e29;
}

.form-control {
	height: 50px;
	padding: 10px 18px;
	border-color: rgba(0, 0, 0, 0.1);
	font-size: 16px;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.form-control:focus {
	border-color: #aeaead;
	-webkit-box-shadow: none;
	box-shadow: none;
}

select.form-control:not([size]):not([multiple]) {
	height: 50px;
	padding-right: 50px;
	background-image: url(../images/icons/arrow-icon.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 29px auto;
}

textarea.form-control {
	height: 130px;
}

.form-input {
	position: relative;
	clear: both;
}

.form-input .mtf-icon, .drop-list .mtf-icon {
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	width: 50px;
	padding: 5px;
	background: #f7f7f7;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
/* .form-input .mtf-icon img, .drop-list .mtf-icon img {
  max-width: 30px;
  display: inline-block;
  margin-top: 5px;
} */
.form-input .mtf-icon img, .drop-list .mtf-icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 30px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}

.form-group .drop-list .mtf-icon {
	top: 0;
	left: 0;
	bottom: 0;
}

.form-input-slash:after {
	position: absolute;
	top: 50%;
	left: 100%;
	padding-left: 14px;
	content: "/";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.form-input .mtf-icon i, .drop-list .mtf-icon i {
	display: table;
	width: 100%;
	height: 100%;
	color: #aeaead;
	font-size: 18px;
}

.form-input .mtf-icon i:before, .drop-list .mtf-icon i:before {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.form-input.textarea .mtf-icon {
	padding-top: 13px;
}

.form-input.textarea .mtf-icon i:before {
	vertical-align: top;
}

.form-input .mtf-icon+.form-control {
	padding-left: 70px;
}

.checkbox+.checkbox, .radio+.radio {
	margin-top: 0;
}

.checkbox label {
	display: block;
	padding-left: 0;
	margin-bottom: 0;
}

.checkbox input[type="checkbox"], .radio input[type="radio"] {
	display: none;
}

.checkbox .checkbox-wrap {
	float: left;
	width: 20px;
	height: 20px;
	background: #ffffff;
	border: 1px solid #999999;
	position: relative;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.radio .radio-wrap {
	float: left;
	width: 20px;
	height: 20px;
	background: #ffffff;
	border: 1px solid #999999;
	position: relative;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.checkbox input[type="checkbox"]:checked+.checkbox-wrap, .radio input[type="radio"]:checked+.radio-wrap
	{
	background: #009be1;
	color: #ffffff;
	border-color: transparent;
}

.checkbox input[type="checkbox"]:checked+.checkbox-wrap:before, .radio input[type="radio"]:checked+.radio-wrap:before
	{
	opacity: 1;
}

.checkbox-wrap:before, .radio-wrap:before {
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: FontAwesome;
	font-size: 12px;
	opacity: 0;
	content: "\f00c";
	text-rendering: auto;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 1;
}

.radio-wrap:before {
	width: 10px;
	height: 10px;
	background: #ffffff;
	content: "";
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.checkbox-caption, .radio-caption {
	display: block;
	padding-left: 35px;
}
/* Mtf Buttons CSS */
.mtf-btn {
	display: inline-block;
	vertical-align: middle;
	min-width: 160px;
	padding: 12px 25px;
	color: #ffffff;
	background-color: #009be1;
	box-shadow: 0 2px 6px 0 rgba(39, 109, 241, 0.3);
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 13px;
	text-align: center;
	border: none;
	position: relative;
	outline: none;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.mtf-btn:hover, .mtf-btn:focus {
	color: #ffffff;
	background-color: #0980b5;
	outline: none;
}

.mtf-btn.right .mtf-icon {
	padding: 0 0 0 10px;
}

.modal-content .mtf-btn.right .mtf-icon {
	padding: 0
}

.mtf-black-color-btn {
	color: #474747;
}

.mtf-btn .mtf-icon {
	display: none;
	color: #fe8900;
	font-size: 14px;
	position: relative;
	z-index: 1;
}

.mtf-btn .mtf-icon img {
	vertical-align: text-top;
	max-width: 20px;
}

.mtf-red-btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009be1+0,e60020+50,d4001e+100 */
	background: rgb(236, 0, 33); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(236, 0, 33, 1) 0%,
		rgba(230, 0, 32, 1) 50%, rgba(212, 0, 30, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(236, 0, 33, 1) 0%,
		rgba(230, 0, 32, 1) 50%, rgba(212, 0, 30, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(236, 0, 33, 1) 0%,
		rgba(230, 0, 32, 1) 50%, rgba(212, 0, 30, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be1',
		endColorstr='#d4001e', GradientType=0); /* IE6-9 */
	color: #fff2df;
	border-color: transparent;
}

.mtf-red-btn:hover, .mtf-red-btn:focus {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa0018+0,aa0018+50,aa0018+100 */
	background: rgb(170, 0, 24); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(170, 0, 24, 1) 0%,
		rgba(170, 0, 24, 1) 50%, rgba(170, 0, 24, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(170, 0, 24, 1) 0%,
		rgba(170, 0, 24, 1) 50%, rgba(170, 0, 24, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(170, 0, 24, 1) 0%,
		rgba(170, 0, 24, 1) 50%, rgba(170, 0, 24, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa0018',
		endColorstr='#aa0018', GradientType=0); /* IE6-9 */
	color: #ffffff;
}

.mtf-darkred-btn {
	background: #009be1;
	color: #ffffff;
}

.style-three .mtf-darkred-btn {
	padding: 15px;
	min-width: 300px;
	font-size: 18px;
}

.mtf-darkred-btn:hover, .mtf-darkred-btn:focus {
	background: #0980b5;
	color: #ffffff;
}

.mtf-btn.mtf-red-transparent-btn {
	color: #009be1;
	border-color: #009be1;
}

.mtf-btn.mtf-red-transparent-btn:hover, .mtf-btn.mtf-red-transparent-btn:focus
	{
	background: #009be1;
	color: #ffffff;
	border-color: transparent;
}

.mtf-block-btn {
	min-width: 100%;
}

.mtf-default-btn {
	background: transparent;
	color: #606060;
}

.mtf-big-btn {
	min-width: 270px;
	padding: 15px 40px;
	font-size: 20px;
}

.mtf-medium-btn {
	padding: 13px 40px;
	font-size: 16px;
}

.mtf-small-btn {
	min-width: 100px;
	padding: 8px 20px;
	font-size: 13px;
}

.btn-wrap {
	position: relative;
	z-index: 0;
}
/* Mtf Pagination CSS */
.pagination .page-link {
	padding: 11px 18px;
	color: #474747;
	border: 1px solid #e3ebf6;
	background-color: #fff;
}

.pagination .disabled {
	pointer-events: none;
	opacity: 0.7;
	background: transparent;
	color: #000;
	border-color: transparent;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
	color: #2870fa;
}
/* Mtf Hovers CSS */
.mtf-navigation ul li a:hover, .mtf-navigation ul li.active a,
	.manage-style-two .box-heading a:hover, .message-menus ul li a.active,
	.message-menus ul li a:hover {
	color: #009be1;
}
/* Mtf Header CSS */
.mtf-header {
	width: 100%;
	text-align: center;
	background: #ffffff;
	display: block;
	padding: 15px 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 10px 0px #ddd;
	box-shadow: 0px 0px 10px 0px #ddd;
}

.mtf-header .container {
	position: static;
	padding: 0 30px;
}

.mtf-header .container:before, .mtf-header .container:after {
	display: table;
	content: "";
}

.mtf-header .container:after {
	clear: both;
}

.user-bio, p.user-bio {
	padding: 25px 30px 20px;
	border-bottom: 1px solid #dcdcdd;
	font-size: 17px;
	color: #474747;
	word-break: break-word;
}

.mtf-navigation {
	display: inline-block;
}

.mtf-header .mtf-buttons-wrap {
	float: right;
}

.mtf-header .mtf-buttons-wrap a {
	position: relative;
	margin-left: 15px;
}

.mtf-header .mtf-buttons-wrap a:first-child {
	margin-left: 0;
}

.mtf-header .mtf-buttons-wrap a.dropdown-toggle:after {
	/* position: absolute;
  top: 25px;
  right: -10px;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-left: 6px solid transparent; */
	display: none;
}

.mtf-header .mtf-buttons-wrap .mtf-btn {
	margin-left: 10px;
	min-width: 200px;
	background: none;
	text-transform: uppercase;
	color: #009be1;
}

.mtf-header .mtf-buttons-wrap .mtf-btn:hover {
	background: #f2f2f2;
	color: #474747;
}

.mtf-header .mtf-buttons-wrap .mtf-btn.right {
	color: #fff;
	background: #009be1;
}

.mtf-header .mtf-buttons-wrap .mtf-btn.right:hover {
	background: #fe8900;
}
/*
.mtf-header .mtf-buttons-wrap .mtf-btn.left, .mtf-green-btn, .mtf-green-btn:hover, .mtf-green-btn:focus {
  color: #009be1;
}
.mtf-header .mtf-buttons-wrap .mtf-btn.left .mtf-icon {
  margin-right: 10px;
}
.mtf-header .mtf-buttons-wrap .mtf-btn.left:hover {
  background:#f2f2f2;
}
.mtf-header .mtf-buttons-wrap .mtf-btn.right, .mtf-red-flat-btn {
  background: #009be1;
  color: #ffffff;
}
.mtf-header .mtf-buttons-wrap .mtf-btn.right:hover, .mtf-red-flat-btn:hover, .mtf-red-flat-btn:focus {
  background: #fe8900;
  color: #ffffff;
} */
.mtf-navigation {
	font-size: 16px;
	text-align: center;
	padding-top: 33px;
}

.mtf-navigation ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.mtf-navigation ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
}

.mtf-navigation ul li a {
	color: #dddada;
}

.mtf-toggle {
	float: right;
	display: none;
	width: 45px;
	height: 40px;
	padding: 12px 10px;
	background: #2385fa;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 15px;
}

.toggle-separator {
	display: block;
	height: 3px;
	margin-top: 6px;
	background: #ffffff;
	position: relative;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.toggle-separator:before, .toggle-separator:after {
	position: absolute;
	top: -7px;
	right: 0;
	width: 100%;
	height: 3px;
	background: #ffffff;
	content: "";
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	z-index: 1;
}

.toggle-separator:after {
	top: 7px;
}

.mtf-toggle.active .toggle-separator {
	background: none;
}

.mtf-toggle.active .toggle-separator:before {
	-webkit-transform: translateY(7px) rotateZ(-45deg);
	-ms-transform: translateY(7px) rotateZ(-45deg);
	transform: translateY(7px) rotateZ(-45deg)
}

.mtf-toggle.active .toggle-separator:after {
	-webkit-transform: translateY(-7px) rotateZ(45deg);
	-ms-transform: translateY(-7px) rotateZ(45deg);
	transform: translateY(-7px) rotateZ(45deg)
}
/* Mtf Header, Header Style Two CSS */
.header-style-two {
	text-align: center;
}

.header-style-two .mtf-brand {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
/* Mtf Banner CSS */
.mtf-banner {
	background: url(../images/top-banner.jpg) no-repeat 50% 50% #009be1;
	position: relative;
	overflow: hidden;
	text-align: center;
	background-size: cover;
	height: 400px;
	margin-top: 70px;
}

.mtf-banner .mtf-btn {
	text-transform: uppercase;
}

.banner-title {
	padding-bottom: 20px;
	color: #fee000;
	font-size: 68px;
}

.banner-subtitle {
	color: #f3eaaf;
	font-size: 30px;
}
/* Mtf Work Process CSS */
.mtf-work-process {
	min-height: 1000px;
	background: url(../images/background2.jpg) no-repeat 100% 100% #fffeef;
	background-size: cover;
	color: #ffffff;
	position: relative;
	overflow: hidden;
}

.section-title-wrap {
	padding-bottom: 50px;
	text-align: center;
}

.section-title-wrap p {
	font-size: 24px;
	line-height: inherit;
}

.mtf-work-process .section-title-wrap {
	text-align: left;
}

.section-title {
	color: #009be1;
	font-size: 50px;
}

.work-process-wrap {
	max-width: 550px;
	display: inline-block;
}

.work-process-item {
	padding-bottom: 50px;
	position: relative;
}

.work-process-item:after {
	position: absolute;
	top: 130px;
	bottom: 0;
	left: 62px;
	width: 7px;
	border-left: 8px dotted #e5e3d7;
	content: "";
	z-index: 0;
}

.work-process-item:last-child:after {
	display: none;
}

.work-process-item .mtf-icon {
	display: inline-block;
	vertical-align: top;
	width: 130px;
	height: 130px;
	padding: 23px;
	background: #ffffff;
	text-align: center;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.work-process-info {
	padding-left: 10px;
}

.work-process-title {
	padding-bottom: 5px;
	color: #000000;
	font-size: 36px;
}

.work-process-info p {
	font-size: 22px;
	line-height: normal;
}
/* Mtf Form Pages CSS */
/* Mtf Mid Wrap CSS */
.mtf-mid-wrap .container {
	max-width: 900px !important;
	width: inherit;
	padding: 0 100px;
}
.mtf-mid-wrap .logo {
	display: block;
	text-align: center;
	padding: 0 0 40px;
	margin: 0;
	line-height: 10px;
}
.mtf-mid-wrap .logo a {
  display: inline-block;
}
.mtf-mid-wrap .logo a img {
  width: 300px;
}

.form-box {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dcdcdd;
	-webkit-box-shadow: 0 0 10px 0 #ddd;
	box-shadow: 0 0 10px 0 #ddd;
}

.form-box-title {
	padding: 15px 25px;
	color: #fff;
	font-weight: 400;
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #009be1;
	letter-spacing: normal;
	margin: 0;
}

.form-box-wrap {
	padding: 25px;
}

.login-layout-wrap {
	height: auto;
	min-height: 100%;
	position: relative;
}

.mtf-footer a {
  color: #474747;
}
.form-help-group .mtf-link {
	display: inline-block;
	vertical-align: middle;
	padding-left: 25px;
}

.mtf-link {
	font-size: 16px;
}

.mtf-link a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.mtf-link a:hover:after {
	width: 0;
}

.mtf-link a:after {
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #009be1;
	content: "";
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	z-index: 1;
}

.signup-wrap {
	text-align: center;
}

.signup-wrap .mtf-link {
	padding-bottom: 15px;
}

.signup-option {
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

.signup-option:before {
	border-top: 1px solid #e1e1e1;
	content: "";
	position: absolute;
	top: 17px;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 2px;
}

.signup-option span {
	display: inline-block;
	vertical-align: middle;
	padding: 6px 9px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
	position: relative;
	z-index: 1;
}
/* Mtf Mid Wrap, Mid Wrap Style Two CSS */
/* Mtf Footer CSS */
.mtf-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 25px;
	background: #fbfbfb;
	font-size: 15px;
	border-top: 1px solid #eaeaea;
	z-index: 1;
}

.mtf-footer ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.mtf-footer ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 0;
}

.mtf-footer ul li:after {
	display: inline-block;
	padding: 0 12px 0 15px;
	color: #7d7c7c;
	content: "|";
}

.mtf-footer ul li:last-child:after {
	display: none;
}

.mtf-social a {
	display: inline-block;
	vertical-align: middle;
	width: 38px;
	height: 38px;
	padding: 5px;
	margin: 5px;
	background: #7d7d7d;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.mtf-social a:hover {
	background: #009be1;
}

.mtf-social a i {
	display: table;
	width: 100%;
	height: 100%;
}

.mtf-social a i:before {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
/* Mtf Gotop CSS */
.mtf-gotop {
	position: fixed;
	bottom: -50px;
	right: 65px;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	z-index: 2;
}

.mtf-gotop.active {
	bottom: 15px;
}

.mtf-gotop a {
	display: block;
	width: 40px;
	height: 40px;
	padding: 6px;
	font-size: 18px;
	text-align: center;
	background: #474747;
	color: #ffffff;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.mtf-gotop a:hover {
	background: #009be1;
	color: #fff;
}

#overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
	z-index: 9999;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

#modal-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
	z-index: 9999;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

.modal-overlay-cls {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
	z-index: 10;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}
/* dashboard page css */
.mtf-header {
	padding: 15px 0;
}

.mtf-header .mtf-navigation {
	padding-top: 0;
}

.mtf-header .mtf-navigation ul li {
	position: relative;
}

.mtf-header .mtf-navigation ul li a {
	font-size: 14px;
	text-align: center;
	display: inline-block;
	color: #555555;
}

.mtf-header .mtf-navigation ul li a:hover, .mtf-header .mtf-buttons-wrap a:hover
	{
	color: #333;
}

.mtf-header .mtf-navigation ul li a span.mtf-icon {
	display: block;
	width: 35px;
	height: 30px;
	background-size: contain !important;
	margin: 0 auto;
}

.mtf-header .mtf-navigation ul li.store-menu a span.mtf-icon {
	background: url(../images/icons/store-default.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.home-menu a span.mtf-icon {
	background: url(../images/icons/home.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.home-menu.active a span.mtf-icon {
	background: url(../images/icons/home-active.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.browse-menu a span.mtf-icon {
	background: url(../images/icons/contact.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.browse-menu.active a span.mtf-icon {
	background: url(../images/icons/contact-active.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.messages-menu a span.mtf-icon {
	background: url(../images/icons/message.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.messages-menu.active a span.mtf-icon {
	background: url(../images/icons/message-active.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.interests-menu a span.mtf-icon {
	background: url(../images/icons/fav-icon.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.interests-menu.active a span.mtf-icon
	{
	background: url(../images/icons/fav-active-icon.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.classifieds-menu a span.mtf-icon {
	background: url(../images/icons/classified_menu.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.classifieds-menu.active a span.mtf-icon
	{
	background: url(../images/icons/classified_menu_active.png) no-repeat
		50% 50%;
}

.mtf-header .mtf-navigation ul li.rewards-menu a span.mtf-icon {
	background: url(../images/icons/reward-icon.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.rewards-menu.active a span.mtf-icon {
	background: url(../images/icons/reward-icon-active.png) no-repeat 50%
		50%;
}

.my-rewards span.mtf-icon {
	background: url(../images/icons/reward-icon.png) no-repeat 50% 50%;
	display: block;
	width: 35px;
	height: 30px;
	background-size: contain !important;
}

.my-rewards.active span.mtf-icon {
	background: url(../images/icons/reward-icon-active.png) no-repeat 50%
		50%;
}

.mtf-header .mtf-navigation ul li.active>a {
	color: #009be1;
}

.mtf-header .mtf-buttons-wrap a {
	font-size: 14px;
	text-align: center;
	display: inline-block;
	color: #555555;
}

.mtf-header .mtf-buttons-wrap a.active {
	color: #009be1;
}

.mtf-header .mtf-buttons-wrap a span.mtf-icon {
	display: block;
	width: 30px;
	background-size: contain !important;
	margin: 0 auto;
}

.mtf-header .mtf-buttons-wrap a.buy-credit span.mtf-icon {
	background: url(../images/icons/credits.png) no-repeat 50% 50%;
}

.mtf-header .mtf-buttons-wrap a.manage-invite span.mtf-icon {
	background: url(../images/icons/manage-invites.png) no-repeat 50% 50%;
}

.mtf-header .mtf-buttons-wrap a.manage-invite.active span.mtf-icon {
	background: url(../images/icons/manage-invites-active.png) no-repeat 50%
		50%;
}

/* Mtf Invite Contacts Page CSS */
.mtf-whitebox {
	background: #ffffff;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dcdcdd;
	-webkit-box-shadow: 0 0 10px 0 #dddddd;
	-ms-box-shadow: 0 0 10px 0 #dddddd;
	box-shadow: 0 0 10px 0 #dddddd;
}

.mtf-whitebox+.mtf-whitebox {
	margin-top: 25px;
}

.whitebox-width {
	max-width: 1020px;
	margin: 70px auto 0;
	position: relative;
}

.invite-wrap-title {
	min-height: 280px;
	padding: 60px 80px;
	background-color: #009be1;
	background-image: url(../images/background6.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.invite-title {
	display: inline-block;
	vertical-align: middle;
	padding-left: 50px;
	color: #f3d400;
	font-size: 40px;
	line-height: 48px;
}

.buy-page.invite-wrap-title {
	text-align: center;
	padding: 20px;
	min-height: inherit;
}

.buy-page .invite-title {
	color: #ffffff;
	font-size: 26px;
	padding-left: 20px;
}

.buy-page.invite-wrap-title img {
	max-width: 120px;
}

.buy-page .invite-title .invite-subheading {
	padding: 0;
	color: #efb416;
	display: inline-block;
	line-height: normal;
}

.whitebox-wrap {
	padding: 30px;
}

.invite-options {
	display: block;
}

.invite-options a {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 15px;
	margin: 0 10px 0 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}

.invite-options a:hover {
	background: #fafafa;
}

.invite-options-label {
	display: block;
	padding: 20px 0;
	color: #605f5f;
	font-size: 16px;
}

.mview {
	display: none;
}

.dview {
	display: inline-block;
}

.link-text {
	color: #009be1;
}

.link-text:hover {
	color: inherit;
}
/* Mtf Invite Contacts Page CSS */
.invite-wrap-title.invite-wrap-style-two {
	padding-bottom: 100px;
}
/*.nav-tabs {
  font-size: 16px;
}
.nav-tabs.tabs-style-one {
  padding: 0 30px;
}
.nav-tabs .nav-item {
  padding-right: 20px;
}
.nav-tabs .nav-link {
  padding: 13px 15px;
  background: #e5e5e5;
  color: #2b2b2b;
  text-align: center;
  -webkit-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.nav-tabs .nav-link.active {
  color: #009be1;
  border-top-color: #009be1;
}*/
.invitations-filter {
	padding: 10px;
	background: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #e8e8e8;
}

.invitations-filter .mtf-buttons-wrap {
	padding-top: 0;
}

.invitations-filter .mtf-btn {
	margin-left: 10px;
}

.invitation-item {
	padding: 15px 10px 0;
}

.invitation-item:before, .invitation-item:after {
	display: table;
	content: "";
}

.invitation-item:after {
	clear: both;
}

.invitation-item .mtf-image {
	float: left;
}

.invitation-item .mtf-image img {
	max-width: 88px;
}

.invitation-item .mtf-image .checkbox {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.invitation-info {
	overflow: hidden;
	padding-left: 20px;
	white-space: nowrap;
}

.invitation-info .mtf-btn {
	margin-left: 10px;
}

.invitation-info .mtf-buttons-wrap {
	padding-top: 0;
	text-align: right;
}

.invitation-author {
	padding-bottom: 0;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.invitation-author-email {
	padding-bottom: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mtf-hide {
	display: none;
}

.box-heading {
	padding-bottom: 2px;
	font-size: 26px;
}

.txt-gray {
	color: #545454;
}

.manage-invites {
	position: absolute;
	top: 40px;
	right: 20px;
	z-index: 1;
}

.manage-invites a {
	display: block;
	padding: 0 0 0;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	color: #009be1;
	line-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
}

.manage-invites a:hover {
	background: #f7f7d9;
}

.manage-invitations {
	display: block;
	padding: 30px;
	overflow-y: hidden;
}

.manage-invitations .box-heading {
	font-size: 28px;
	display: inline-block;
}

.withdraw-selected {
	text-decoration: underline;
	line-height: 24px;
}

.style-one {
	height: 22px;
}

.text-only {
	display: inline-block;
}

.icon-only {
	float: left;
	width: 30px;
	height: 20px;
	margin-right: 5px;
}

.icon-only.received {
	background: url(../images/icons/received.png) no-repeat 0 100%;
}

.active .icon-only.received {
	background: url(../images/icons/received.png) no-repeat 0 0;
}

.icon-only.sent {
	background: url(../images/icons/sent.png) no-repeat 0 100%;
}

.active .icon-only.sent {
	background: url(../images/icons/sent.png) no-repeat 0 0;
}

.icon-only.process {
	background: url(../images/icons/process.png) no-repeat 0 100%;
}

.active .icon-only.process {
	background: url(../images/icons/process.png) no-repeat 0 0;
}

.icon-only.pending {
	background: url(../images/icons/pending.png) no-repeat 0 100%;
}

.active .icon-only.pending {
	background: url(../images/icons/pending.png) no-repeat 0 0;
}

.icon-only.available-contacts {
	background: url(../images/icons/available-contacts.png) no-repeat 0 100%;
}

.active .icon-only.available-contacts {
	background: url(../images/icons/available-contacts.png) no-repeat 0 0;
}

.icon-only.available-contacts {
	background: url(../images/icons/available-contacts.png) no-repeat 0 100%;
}

.active .icon-only.available-contacts {
	background: url(../images/icons/available-contacts.png) no-repeat 0 0;
}

.icon-only.matched-contacts {
	background: url(../images/icons/matched-contacts.png) no-repeat 0 100%;
}

.active .icon-only.matched-contacts {
	background: url(../images/icons/matched-contacts.png) no-repeat 0 0;
}

.icon-only.pending-matches {
	background: url(../images/icons/pending-matches.png) no-repeat 0 100%;
}

.active .icon-only.pending-matches {
	background: url(../images/icons/pending-matches.png) no-repeat 0 0;
}

.icon-only.available-mambers {
	background: url(../images/icons/available-members.png) no-repeat 0 100%;
	background-size: 26px auto !important;
}

.active .icon-only.available-mambers {
	background: url(../images/icons/avaiable-members-active.png) no-repeat 0
		0;
}

.icon-only.available-matchmakers {
	background: url(../images/icons/avaiable-matchmaker.png) no-repeat 0
		100%;
	background-size: 26px auto !important;
}

.active .icon-only.available-matchmakers {
	background: url(../images/icons/avaiable-matchmaker-active.png)
		no-repeat 0 0;
}

.or-options {
	display: block;
	text-align: center;
	border-bottom: 2px dotted #e9e9e9;
	position: relative;
	margin: 20px 0;
}

.or-options span {
	position: absolute;
	top: -15px;
	width: 30px;
	padding: 7px 0 0;
	height: 30px;
	background: #c9c9c9;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 1;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
}

#upload-file {
	display: none;
}

.invitations-filter p {
	padding: 0;
	line-height: normal;
}

.invitation-tab .withdraw-selected {
	display: inline-block;
}

.invitation-tab .withdraw-selected:last-child {
	margin-left: 10px;
}

.file-uploader.draggable input[type="file"] {
	pointer-events: unset;
}

.file-uploader label {
	display: block;
	padding: 12px 25px;
	background: #fffef8;
	color: #9d9d9d;
	word-break: break-all;
	text-align: center;
	border: 2px dashed #d4d4d4;
	position: relative;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.no-results {
	display: block;
	height: 500px;
	text-align: center;
}

.no-results img.img-icon {
	max-width: 150px;
}

.no-results h2 {
	font-size: 24px;
	color: #000000;
	overflow: hidden;
	padding: 15px 0 10px;
}

.no-results a {
	font-size: 16px;
	color: #009be1;
	text-decoration: underline;
}

.no-results a:hover {
	text-decoration: none;
}
/* Mtf My Contacts Page CSS */
.filters-toggle, .msg-toggle {
	display: none;
	margin-bottom: 25px;
}

.filters-toggle a, .msg-toggle a {
	display: block;
	padding: 10px 20px;
	background: #ffffff;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
}

.filters-toggle a:hover, .msg-toggle a:hover .filters-toggle a.active,
	.msg-toggle a.active {
	background: #009be1;
	color: #ffffff;
	border-color: transparent;
}

.filters-toggle a .fa, .msg-toggle a .fa {
	float: right;
	padding-top: 3px;
}

.manage-invitations .mtf-small-btn+.mtf-btn {
	margin-left: 10px;
}

.manage-invitations .mtf-small-btn {
	color: #606060;
}

.manage-invitations .mtf-small-btn .mtf-icon {
	padding-right: 5px;
}

.manage-invitations .mtf-small-btn {
	padding: 10px 20px;
}

.user-item:before, .user-item:after {
	display: table;
	content: "";
}

.user-item:after {
	clear: both;
}

.user-item {
	padding-top: 20px;
}

.user-item .mtf-image {
	float: left;
	max-width: 90px;
	font-size: 13px;
	text-align: center;
}

.user-item .mtf-image a {
	display: block;
	position: relative;
}

.user-item .mtf-image img {
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.user-item .mtf-image+.mtf-image {
	position: relative;
}

.user-item .mtf-image+.mtf-image:before, .user-item .mtf-image+.mtf-image:after
	{
	position: absolute;
	top: 50%;
	left: -20px;
	color: #009be1;
	font-family: FontAwesome;
	font-size: 30px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f004";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.user-item .mtf-image+.mtf-image:after {
	left: -22px;
	margin-top: -1px;
	color: #ffffff;
	font-size: 34px;
	z-index: 0;
}

.user-activity {
	padding-top: 5px;
	text-align: center;
	font-size: 13px;
}

.user-item label {
	margin-top: 10px;
	display: block;
}

.user-info {
	overflow: hidden;
	padding: 0 0 0 25px;
	white-space: nowrap;
	height: 118px;
}

.user-info .mtf-btn {
	padding: 10px 20px;
	color: #fff;
}

.user-info .mtf-btn+.mtf-btn {
	margin-left: 10px;
}

.user-info .mtf-btn:nth-child(2n) .fa {
	color: #009be1;
}

.user-info .mtf-btn .mtf-icon [class*="fa-heart"] {
	position: relative;
}

.user-info .mtf-btn [class*="fa-heart"].unmatch:after {
	position: absolute;
	bottom: 0;
	right: 6px;
	color: #ffffff;
	content: "\f0e7";
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	z-index: 1;
}

.user-info .mtf-buttons-wrap {
	padding-top: 0;
	text-align: right;
}

.user-name {
	padding-bottom: 0;
	font-size: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.user-email {
	padding-bottom: 5px;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.suggestions .user-emai {
	font-size: 14px;
}

.alert {
	margin-bottom: 25px;
	font-size: 15px;
}

.alert .fa {
	margin-right: 5px;
}

.alert-warning {
	background: #fdf9e2;
	color: #7d443f;
	border-color: #faebca;
}

.alert-warning a {
	color: #7d443f;
	text-decoration: underline;
}

.alert-dismissible .close {
	line-height: 0.8;
}

.search-labels span, .search-post-labels span {
	display: inline-block;
	vertical-align: middle;
	padding: 3px 10px;
	margin: 0 8px 8px 0;
	background: #fcfcfc;
	font-size: 12px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

.search-labels span .fa, .search-post-labels span .fa {
	margin-left: 8px;
	font-size: 10px;
}

.search-filters .form-control {
	height: 45px;
	padding: 10px 15px;
	background: #fcfcfc;
	font-size: 14px;
}

.search-filters select.form-control:not([size]):not([multiple]) {
	height: 45px;
	padding-right: 45px;
}

.search-filters .age label {
	display: block;
}

.search-filters .age .form-input span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
	color: #929292;
	font-size: 17px;
}

.search-filters .age .form-control {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	text-align: center;
}

.search-filters .age .mtf-btn {
	margin-top: 20px;
}

/*.search-filter-item {
	min-height: 100px;
}*/
.search-filter-item.more-filters {
	padding: 0;
}

.mtf-buttons-wrap {
	overflow: hidden;
}

h6.search-filter-title {
	font-size: 1rem;
}

.search-filter-title a {
	font-weight: 400;
	text-decoration: underline;
}

.search-filter-item lable {
	margin-bottom: 5px;
}

.more-filters .search-filter-title a {
	display: inline-block;
	text-decoration: none;
	position: relative;
}

.more-filters .search-filter-title a.active:after {
	content: "-";
}

.more-filters .search-filter-title a:before {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin: -2px 10px 0 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	content: "";
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.more-filters .search-filter-title a:after {
	position: absolute;
	top: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	font-size: 14px;
	text-align: center;
	content: "+";
	z-index: 1;
}

.more-filters .mtf-accordion {
	display: none;
}
/* Mtf Match Step Pages CSS */
.mtf-container {
	max-width: 1200px;
	margin: 0 auto;
}

.finding-style-two .match-connector {
	padding-bottom: 0;
}

.finding-match .user-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	min-height: 251px;
	padding: 20px;
	margin-bottom: 15px;
	background: #ffffff;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #dcdcdd;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-box-shadow: 0 0 20px 0 #d9d8d3;
	-ms-box-shadow: 0 0 20px 0 #d9d8d3;
	box-shadow: 0 0 20px 0 #d9d8d3;
}

.finding-match .user-item.no-shadow, .finding-match .user-item.no-shadow:hover
	{
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.finding-match .user-item.no-activity {
	position: relative;
}

.finding-match .user-item.no-activity:before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.finding-match .user-item:hover {
	-webkit-box-shadow: 0 0 15px 0 #c5c5c5;
	-ms-box-shadow: 0 0 15px 0 #c5c5c5;
	box-shadow: 0 0 15px 0 #c5c5c5;
}

.finding-match .user-item.current {
	position: relative;
	border: 1px solid #f7ceb0;
}

.finding-match .user-item.current:before, .finding-match .user-item.current:after
	{
	position: absolute;
	top: 50%;
	left: 100%;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 18px solid #f7ceb0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0;
}

.finding-match .user-item.current:after {
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 16px solid #ffffff;
	z-index: 1;
}

.finding-match .user-item .mtf-image {
	max-width: 185px;
}

.finding-match .user-info {
	padding-top: 0;
	height: auto;
}

.finding-match .user-name {
	color: #009be1;
}

.match-connector.blurred {
	opacity: 0.5;
}

.match-connector {
	padding-bottom: 10px;
	color: #009be1;
	font-size: 48px;
	text-align: center;
}

.match-connector .fa-heart {
	position: relative;
}

.match-connector .fa-heart:before {
	position: relative;
	z-index: 1;
}

.match-connector .fa-heart:after {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #ededed;
	font-size: 116%;
	content: "\f004";
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
}

.manage-invitations.manage-style-two {
	padding: 15px 20px;
	border-bottom: 1px solid #dcdcdd;
}

.manage-style-two .box-heading {
	display: block;
	font-size: 24px;
	padding-bottom: 0;
}

.manage-style-two .box-heading span {
	color: #009be1;
}

.manage-style-two .box-heading span.required-info {
	color: #474747;
}

.manage-style-two .box-heading a {
	float: right;
	margin-top: 7px;
	color: #009be1;
	font-size: 14px;
	text-decoration: underline;
}

.manage-style-two .box-heading a:hover {
	text-decoration: none;
}
/* Mtf Match Step 2 Page CSS */
.select-match {
	font-size: 22px;
	text-align: center;
}

.select-match img {
	max-width: 90px;
	margin: 0 10px;
	border: 6px solid #ffffff;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	box-shadow: 0 2px 3px rgba(24, 24, 24, 0.3);
}

.select-match span, .select-matching-profile span {
	color: #009be1;
}

.select-match.left {
	text-align: left;
}

.select-matching-profile {
	padding: 25px 30px;
	background: #f2f2f2;
	font-size: 18px;
	border-bottom: 1px solid #dcdcdd;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.match-items .user-info .mtf-btn .fa-check-circle-o {
	color: #606060;
}

.match-items .selected .user-info .mtf-btn, .match-items .selected .user-info .mtf-btn .fa-check-circle-o
	{
	color: #fe8900;
}

.match-items .selected .user-info .mtf-btn .fa-check-circle-o:before {
	content: "\f058";
}
/* Mtf Match Step 4 Page CSS */
.user-detail-item {
	display: inline-block;
	vertical-align: top;
	padding-top: 25px;
}

.user-detail-item+.user-detail-item {
	padding-left: 25px;
}

.user-detail-item p {
	padding-bottom: 5px;
}

.user-detail-item h6 {
	padding-bottom: 5px;
}

.orange-link a {
	color: #009be1;
	font-size: 14px;
	text-decoration: underline;
}

.match-wrap-link {
	padding: 25px 0;
	text-align: center;
}

.match-wrap-link p {
	font-size: 14px;
	color: #474747;
}

.match-wrap-link .mtf-btn {
	min-width: 100%;
}

.accordion-item {
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.accordion-item.open {
	background: #ffffff;
	border-color: rgba(0, 0, 0, 0.1);
	border-top: none;
	margin-top: -2px;
}

.accordion-item:first-child.open {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion-item.open .accordion-title {
	font-weight: 600;
	border-bottom-color: transparent;
}

.accordion-item.open .accordion-title:after {
	background-image: url(../images/icons/minus-icon.png);
}

.accordion-title {
	display: block;
	padding: 12px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	color: #474747;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.accordion-title:after {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 13px;
	height: 11px;
	background-image: url(../images/icons/plus-icon.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: 13px auto;
	content: "";
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.accordion-wrap {
	display: none;
	padding: 0 15px 20px;
}

.nstSlider {
	width: 200px;
	height: 4px;
	background: #d5d5d7;
}

.nstSlider .bar {
	top: 0;
	height: 100%;
	background: #009be1;
}

.nstSlider .leftGrip, .nstSlider .rightGrip {
	top: -5px;
	width: 14px;
	height: 14px;
	background: #009be1;
	border: 2px solid #009be1;
	box-shadow: 0 0 0 2px #ffffff inset;
}

.nstSlider-value {
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 22px;
}

.profile-wrap .block p {
	height: 75px;
	overflow: hidden;
}
/* Autocomplete css*/
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	list-style: none;
	background: #fff;
	border: 1px solid #ced4da;
	padding: 0;
	margin: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

.ui-autocomplete .ui-menu-item {
	display: block;
	padding: 7px 10px;
	cursor: pointer;
}

.ui-front {
	z-index: 1051;
}

.ui-autocomplete .ui-menu-item.ui-state-focus {
	background: #009be1;
	color: #fff;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 1;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range
	{
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-slider {
	width: 100%;
	height: 4px;
	background: #d5d5d7;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.ui-slider-horizontal .ui-slider-range {
	background: #009be1;
}

.ui-slider-horizontal .ui-slider-handle {
	width: 14px;
	height: 14px;
	background: #009be1;
	border: 2px solid #009be1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 0 2px #ffffff inset;
	-ms-box-shadow: 0 0 0 2px #ffffff inset;
	box-shadow: 0 0 0 2px #ffffff inset;
}

#upload-file {
	display: none;
}

.invitations-filter p {
	padding: 0;
	line-height: normal;
}

.invitation-tab .withdraw-selected {
	display: inline-block;
}

.invitation-tab .withdraw-selected:last-child {
	margin-left: 10px;
}
/* Mtf Modal CSS */
/*.modal-header {
  padding: 15px 20px;
  position: relative;
  background: #fafafa;
}
.modal-header .close {
  position: absolute;
  top: 50%;
  right: 15px;
  padding: 10px;
  margin: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  background: none;
  opacity: 1;
}
.modal-title {
  padding-bottom: 0;
}
.modal-body {
  padding: 40px;
}*/
.modal-title span {
	color: #009be1;
}

.modal-body.less-space {
	padding: 30px;
}

.modal-body.no-space {
	padding: 0;
}

.modal-body .message-writer {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.uploader-label label {
	margin-bottom: 0;
}

.uploader-label .fa {
	padding-right: 10px;
}

.uploader-link {
	display: block;
	padding: 10px 20px;
	text-align: center;
	border: 2px dashed #d4d4d4;
}

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

.uploade-img-result {
	text-align: center;
}

.uploade-img-result img.uploade-cropped {
	padding: 5px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	max-width: 200px;
}

.uploade-img-result .mtf-btn {
	margin-top: 15px;
}

.profile-status {
	display: block;
	padding-bottom: 5px;
}

.user-menus {
	display: block;
	padding: 15px 0 0;
}

.user-menus ul {
	list-style: none;
	padding: 0;
}

.user-menus ul li {
	padding: 0;
	display: block;
}

.user-menus ul li a {
	padding: 5px;
	display: inline-block;
	color: #585755;
	font-size: 16px;
	font-weight: 600;
}

.user-menus ul li a i {
	display: inline-block;
	margin-left: 5px;
}

.user-menus ul li a:hover, .user-menus ul li a.active {
	color: #009be1;
}

.file-uploader.form-input label {
	padding: 30px 30px 30px 60px;
}

.file-uploader.form-input.ishover label {
	border-color: #009be1;
	background: #fff;
}

.my-photos {
	display: block;
	padding-top: 30px;
}

.my-photos p {
	padding: 0;
}

.my-photo-wrap {
	display: inline-block;
	position: relative;
}

.my-photo-wrap .profile-badges span {
	bottom: 20px;
	right: 5px;
}

.photo-list {
	display: block;
	padding-top: 15px;
}

.photo-list .col-sm-3 {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.photo-list img {
	width: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

button.full-width {
	min-width: inherit;
	width: 100%;
	padding: 13px 10px;
}

.photo-list .active img {
	border: 2px solid #009be1;
	border-bottom: none;
}

.photo-list i.fa-check-circle {
	display: none;
	position: absolute;
	top: 15px;
	right: 30px;
	z-index: 1;
	font-size: 20px;
	color: #f8f8f8;
}

.photo-list .active i {
	display: block;
}

.photo-list .active i:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	top: 4px;
	left: 3px;
	z-index: -1;
	background: #009be1;
}

.user-profile {
	display: block;
	text-align: center;
}

.my-photo {
	display: block;
}

.my-photo img {
	-webkit-border-radius: 100%;
	border-radius: 100%;
	width: 170px;
}

.my-name {
	display: block;
	color: #009be1;
	font-size: 20px;
	font-weight: 600;
	padding: 10px 0 15px;
	word-break: break-word;
}

.progress-bar {
	background: #009be1;
}

.profile-link {
	text-align: center;
}

.profile-link img {
	width: 30px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #fff;
}

.profile-link.active img {
	border-color: #009be1;
}

.profile-link span {
	display: block;
}

.photo-list .col-sm-3 {
	padding-bottom: 20px;
}

.photo-list .block {
	padding: 10px;
	float: left;
	width: 100%;
	background: #e5e5e5;
}

.photo-list .active .block {
	border: 2px solid #009be1;
	border-top: none;
	background: #fff;
	padding: 13px 10px;
}

.photo-list .delete-photo i {
	float: right;
}

.photo-list .delete-photo span {
	display: inline-block;
}

.profile-photo {
	float: left;
}

.delete-photo {
	float: right;
}

.reset-value {
	float: right;
	font-size: 16px;
	color: #aeaead;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 0;
}
/* Mtf Profile Page CSS */
.profile-wrap:before, .profile-wrap:after {
	display: table;
	content: "";
}

.profile-wrap:after {
	clear: both;
}

.profile-wrap h6 {
	padding-bottom: 5px;
	font-size: 15px;
	color: #202020;
}

.profile-image {
	float: left;
}

.profile-image a, .profile-image-wrap {
	display: inline-block;
	position: relative;
}

.profile-image a .profile-badges span, .profile-image-wrap .profile-badges span
	{
	bottom: 20px;
	right: 15px;
}

.profile-inner-info .mtf-image a {
	position: relative;
	display: block;
}

.profile-inner-info .mtf-image a .profile-badges span {
	bottom: 50px;
	right: 20px;
}

.profile-image img {
	max-width: 200px;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.profile-info {
	overflow: hidden;
	padding: 0 0 0 35px;
	height: 200px;
}

.profile-info .user-name {
	padding-bottom: 4px;
	color: #009be1;
	font-size: 30px;
}

.profile-info.style-two .user-name {
	padding-bottom: 15px;
}

.profile-info .user-name span {
	display: inline-block;
	padding-left: 10px;
	color: #202020;
	font-size: 13px;
}

.profile-info-item {
	display: inline-block;
	vertical-align: top;
	padding: 0 35px 15px;
	font-size: 15px;
	position: relative;
	padding-left: 35px !important;
}

.profile-info-item:last-child {
	padding: 0 0 10px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.profile-info-item span {
	display: inline-block;
	padding-right: 10px;
	color: #202020;
}

.profile-info-item span i {
	margin-right: 5px;
	color: #aeaead;
	font-size: 18px;
}

.profile-info .mtf-buttons-wrap {
	padding-top: 5px;
}

.profile-info .mtf-buttons-wrap .row {
	margin: 0 -10px;
}

.profile-info .mtf-buttons-wrap [class*="col-"] {
	padding: 0 10px;
}

.profile-info .mtf-buttons-wrap .mtf-btn {
	font-size: 14px;
}

.modal-profile .mtf-buttons-wrap .mtf-btn {
	margin-right: 10px;
}

.mtf-title {
	padding: 15px 30px;
	font-size: 16px;
	background: #f9f9f9;
	border-top: 1px solid #dcdcdd;
	border-bottom: 1px solid #dcdcdd;
}

.profile-detail>.row {
	margin: 0;
}

.profile-detail>.row>[class*="col-"] {
	padding: 0;
}

.profile-detail>.row>[class*="col-"]:nth-child(2n) dl {
	border-right: none;
}

.profile-detail .row dl {
	height: 100%;
	padding: 15px;
	margin: 0;
	border-bottom: 1px solid #dcdcdd;
	border-right: 1px solid #dcdcdd;
}

.profile-detail .row dt {
	padding: 0 10px;
}

.profile-detail .row dt i {
	margin-right: 5px;
	color: #aeaead;
	font-size: 18px;
}

.profile-detail .row dd {
	padding: 0 10px;
	margin-bottom: 0;
}

.profile-images .mtf-image img {
	padding: 5px;
	border: 1px solid #dcdcdd;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
	width: 145px;
	height: 145px;
	object-fit: cover;
}
/* Mtf Owl Carousel Slider CSS */
.owl-carousel .owl-item img {
	display: inline-block;
}

.owl-carousel .owl-prev, .owl-carousel .owl-next {
	cursor: pointer;
}

.owl-drag .owl-prev:before, .owl-drag .owl-next:before {
	position: absolute;
	top: 50%;
	left: -15px;
	width: 30px;
	height: 30px;
	background: #f9f9f9;
	font: normal normal normal 14px/26px FontAwesome;
	text-align: center;
	border: 1px solid #dcdcdd;
	text-rendering: auto;
	content: "\f104";
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translateY(-50%);
	z-index: 1;
}

.owl-drag .owl-next:before {
	left: auto;
	right: -15px;
	content: "\f105";
}

.owl-drag .owl-prev:hover:before, .owl-drag .owl-next:hover:before {
	background: #009be1;
	color: #ffffff;
	border-color: transparent;
}

.owl-carousel .owl-dot {
	cursor: pointer;
}

.owl-drag .disabled {
	display: none;
}

.owl-carousel .owl-dots {
	padding-top: 10px;
	text-align: center;
}

.owl-carousel .owl-dot {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background: rgba(0, 0, 0, 0.15);
	cursor: pointer;
	text-indent: -999px;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.owl-carousel .owl-dot.active {
	background: #009be1;
}

.owl-carousel .work-item {
	margin-bottom: 0;
}

.slider-no-current {
	display: none;
	padding-top: 46px;
}

.current-no:after {
	content: "/"
}
/* Mtf Magnific Popup CSS */
.mfp-bg {
	background: rgba(0, 0, 0, 0.85);
	opacity: 1;
	z-index: 1060;
}

.mfp-wrap {
	z-index: 1070;
}

.mfp-close {
	position: absolute;
	right: 28px;
	top: 30px;
	width: 16px;
	height: 16px;
	padding: 0;
	cursor: pointer;
	opacity: 1;
	z-index: 9999;
}

.mfp-close:active {
	top: 30px;
}

.mfp-bottom-bar {
	display: none;
}

.mfp-bottom-bar a {
	color: #ffffff;
	font-weight: 700;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	top: -30px;
	right: 0;
	width: 16px;
	padding-right: 0;
}

.mfp-image-holder .mfp-close {
	display: none;
}

.mfp-container {
	padding: 0 25px;
}

.mfp-container .mfp-img {
	padding: 0;
}

.mfp-container .mfp-arrow {
	width: auto;
	height: auto;
	margin: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	opacity: 1;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-tap-highlight-color: transparent;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	z-index: 9999;
}

.mfp-arrow:after {
	display: none;
}

.mfp-arrow:before, .mfp-arrow-right:before {
	display: inline-block;
	margin: 0;
	width: 30px;
	height: 30px;
	font: normal normal normal 16px/26px FontAwesome;
	border: none;
	position: static;
	opacity: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f104";
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	text-align: center;
	border: 1px solid #dcdcdd;
	transition: all ease .3s;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.mfp-arrow-left {
	left: 30px;
}

.mfp-arrow-right {
	right: 45px;
}

.mfp-arrow-right:before {
	content: "\f105";
}

.mfp-figure:after {
	display: none;
}

.mfp-close:before {
	position: absolute;
	top: -2px;
	right: 7px;
	width: 2px;
	height: 16px;
	background: #ffffff;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}

.mfp-close:after {
	position: absolute;
	top: -2px;
	right: 7px;
	width: 2px;
	height: 16px;
	background: #ffffff;
	content: "";
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 1;
}

.disable-filters {
	opacity: 0.6;
	pointer-events: none;
}

.disable-available-filters {
	opacity: 0.6;
	pointer-events: none;
}

.selected-match-user {
	margin: 0 15px 0 0;
}

.selected-match-user img {
	width: 60px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #f7ceb0;
}

.inline-view {
	display: block;
	overflow: hidden;
}

.view-profile {
	display: block;
	padding: 15px 0;
}

.view-profile .mtf-btn {
	min-width: inherit;
	width: 100%;
}

.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

.invite-heading {
	padding-bottom: 10px;
}

.recommendation-link {
	float: right;
	color: #009be1;
	font-size: 14px;
	text-decoration: underline;
}

.modal-body.no-padding {
	padding: 0;
}

.modal-body .mtf-whitebox {
	background: none;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	border: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

p.pra-space {
	padding-bottom: 20px;
	line-height: 18px;
}

.recommendation-list label {
	display: block;
	padding: 10px;
	background: #fffef8;
	margin-bottom: 10px;
	border: 1px solid #dcdcdd;
	overflow: hidden;
}

.recommendation-list label .radio-caption {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	padding-left: 10px;
}

.recommendation-list label.checked .radio-caption {
	white-space: normal;
	text-overflow: inherit;
}

.recommendation-list .radio label.checked {
	border-color: #f7ceb0;
}

.scroll-bar {
	display: block;
	max-height: 300px;
	overflow: auto;
}

.close-modal {
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 1;
}

#userProfileModal .modal-dialog, #matchBlockAlert .modal-dialog,
	#showUserProfileModal .modal-dialog {
	max-width: 1000px;
}

#userProfileModal .modal-footer {
	border-top: none;
}

.disable {
	color: darkgrey;
}

.disable .checkbox-wrap {
	background: #f2f2f2 !important;
}

.ui-helper-hidden-accessible {
	display: none;
}
/* Mtf Unlock Profile Page CSS */
.user-item.lock-profile {
	padding: 30px;
	background: #fdf9e2;
	border-bottom: 1px solid #dddddd;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.lock-profile .mtf-btn .fa-unlock-alt {
	color: #2fb77f;
}

.mtf-badge {
	position: absolute;
	top: -5px;
	left: 50px;
	background: #009be1;
	line-height: 20px;
	color: #ffffff;
	min-width: 25px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	font-size: 10px;
	padding: 0 5px;
	border: 2px solid #ffffff;
}

.user-item.lock-profile .mtf-image {
	max-width: 130px;
}

.user-item.lock-profile .user-info {
	padding: 45px 0 0 25px;
}

.backto-profile.manage-invites a {
	background: #009be1;
	color: #fff;
}

.backto-profile.manage-invites a:hover {
	background: #0980b5;
	color: #fff;
}

.required-height {
	min-height: 500px;
}

.user-matches {
	padding: 5px 0 0;
	font-size: 14px;
}

.user-matches .fa {
	padding-right: 3px;
	color: #009be1;
}

.my-matches .user-info .mtf-buttons-wrap {
	white-space: normal;
}

.rounded-image .mfp-img {
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.user-item.unlock-user {
	background: #fdf9e2;
}

.my-matches {
	padding: 0;
}

.my-matches .user-item {
	padding: 20px;
	border-bottom: 1px solid #eaeaea;
}

.my-matches .user-item:last-child {
	border-bottom: none;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.my-matches .user-item:first-child {
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
/* Mtf Messages List Page CSS */
.message-menus ul {
	padding-left: 0;
	margin-bottom: 0;
	font-size: 16px;
	list-style: none;
}

.message-menus ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.message-menus ul li:first-child a {
	padding-top: 0;
}

.message-menus ul li a {
	display: block;
	padding: 12px 0;
	color: #474747;
}

.message-menus ul li a img {
	max-width: 25px;
}

.message-menus ul li a span {
	float: right;
}

.message-menus ul li a .fa {
	min-width: 25px;
	margin-right: 5px;
	color: #009be1;
	font-size: 22px;
}

.message-menus ul li a .fa-refresh {
	min-width: 10px;
	margin: 5px 0 0;
	color: inherit;
	font-size: inherit;
}

.message-menus ul li a img {
	margin: -5px 10px 0 0;
}

.search-message {
	padding: 15px 0;
	margin-bottom: 15px;
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}

.search-message .form-group {
	margin-bottom: 0;
	position: relative;
}

.search-message .form-control {
	padding-right: 72px;
}

.search-message .mtf-btn {
	position: absolute;
	top: 1px;
	right: 1px;
	min-width: 10px;
	height: 48px;
	padding: 10px 20px;
	border: transparent;
	-webkit-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	z-index: 1;
}

.messages-filter .checkbox {
	display: inline-block;
	padding-bottom: 10px;
}

.messages-filter .checkbox+.checkbox {
	padding-left: 20px;
}

.message-item {
	padding: 15px 15px 15px 50px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	cursor: pointer;
	position: relative;
}

.message-item .mtf-image {
	position: relative;
}

.message-item.unread-msg:before {
	position: absolute;
	top: 55px;
	left: 15px;
	width: 15px;
	height: 15px;
	background: #666;
	content: "";
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.message-item:before, .message-item:after {
	display: table;
	content: "";
}

.message-item:after {
	clear: both;
}

.message-item:first-child {
	-webkit-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.message-item.unread {
	background: #fff3e6;
}

.message-item.block {
	background: #f4f4f4;
	color: #9e9e9e;
	pointer-events: none;
}

.message-item.block .user-matches .fa {
	color: #9e9e9e;
}

.message-item.block .mtf-image img {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);
}

.message-item .mtf-image {
	float: left;
}

.message-item .mtf-image a {
	display: inline-block;
	position: relative;
}

.profile-badges span {
	position: absolute;
	bottom: 10px;
	right: -5px;
	width: 23px;
	height: 23px;
	background: #00cc33;
	color: #ffffff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border: 3px solid #ffffff;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	z-index: 1;
}

.message-item .mtf-image img {
	max-width: 90px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.message-item.user {
	border-top: none;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	cursor: default;
	padding: 15px;
}
/* .message-item.user .mtf-image img {
  max-width: 57px;
} */
.message-item.user .message-info {
	padding-right: 0;
	margin-top: 8px;
}

.message-item.user .message-info .user-matches {
	padding-bottom: 5px;
}

.toggle-messages-filters {
	display: none;
	font-size: 24px;
}

.message-info {
	overflow: hidden;
	padding: 0 90px 0 20px;
	margin-top: 20px;
	position: relative;
}

.message-info p {
	display: block;
	overflow: hidden;
	clear: both;
	color: #666666;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.message-info h5 {
	padding-bottom: 3px;
	margin-bottom: 0;
	font-size: 16px;
}

.message-info .message-meta {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 14px;
	text-align: right;
	z-index: 1;
}

.message-info .message-meta span {
	display: block;
	padding-bottom: 2px;
}

.message-info .message-meta .message-time {
	color: #999999;
	font-style: italic;
	font-size: 13px;
}

.message-info .message-meta .message-status {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(../images/icons/unread-message.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 15px auto;
}

.message-info .message-meta .message-status.read {
	background-image: url(../images/icons/read-message.png);
}

.message-info .user-matches {
	padding: 3px 0 7px;
}

.unblock-contact {
	pointer-events: auto;
	color: #0e4c81;
	font-size: 16px;
	line-height: 24px;
}

.unblock-contact a {
	color: #0e4c81;
}

.unblock-contact a:hover {
	color: #474747;
}

.unblock-contact .fa {
	color: #4a9ce2;
}

.message-block {
	display: inline-block;
	padding-left: 5px;
	color: #009be1;
	font-size: 14px;
}
/* Mtf Message Detail Page CSS */
.mobile-filters {
	text-align: right;
}

.messages-filter {
	display: inline-block;
}

.messages-filter ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.messages-filter ul li {
	display: inline-block;
	padding: 7px 0 7px 15px;
}

.messages-filter ul li .fa {
	padding-right: 3px;
	color: #ff8e09;
	font-size: 16px;
}

.messages-filter ul li img {
	vertical-align: text-bottom;
	margin-right: 3px;
}

.messages-filter ul li .fa-trash {
	color: #009be1;
}

.messages-filter ul li .fa-ban {
	color: #d74b32;
}

.users-conversation {
	overflow: hidden;
	clear: both;
	height: 430px;
}

.users-conversation .message-item .mtf-image img {
	max-width: 45px;
}

.users-conversation .message-item {
	cursor: default;
	padding: 15px;
}

.users-conversation .message-info {
	margin-top: 0;
}

.users-conversation .message-info p {
	white-space: normal;
	word-break: break-word;
	height: auto;
}

.users-conversation .message-info h5 {
	padding-bottom: 3px;
	font-size: 16px;
}

.message-item.my {
	text-align: right;
}

.message-item.my .mtf-image {
	float: right;
}

.message-item.my .message-info {
	padding: 0 20px 0 5px;
}

.message-item.my .message-info .message-meta {
	left: 0;
	right: auto;
	text-align: left;
}

.message-writer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.message-writer .form-group {
	margin-bottom: 0;
	position: relative;
}

.message-writer .form-control {
	height: 90px;
	padding: 15px 130px 15px 25px;
	border: none;
	-webkit-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

.message-writer .mtf-btn {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100px;
	height: 100%;
	padding: 14px;
	background: #f7f7f7;
	color: #009be1;
	font-size: 16px;
	border-top: none;
	border-bottom: none;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: none;
	-webkit-border-radius: 0 0 3px 0;
	-ms-border-radius: 0 0 3px 0;
	border-radius: 0 0 3px 0;
	z-index: 1;
}

.message-writer .mtf-btn:hover, .message-writer .mtf-btn:focus {
	background: #009be1;
	color: #ffffff;
}

.message-writer .mtf-btn .fa {
	padding-right: 5px;
}

.mtf-scroll {
	width: 100% !important;
	height: 100%;
	padding-right: 0 !important;
}

.vertical-track {
	width: 6px;
}

.horizontal-track {
	height: 6px;
}

.vertical-handle {
	width: 6px;
	background-color: rgba(0, 0, 0, 0.15);
	-webkit-transition: none;
	-ms-transition: none;
	transition: none;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.full-height {
	height: 100%;
}

span.text-red {
	color: #009be1;
}

a.close {
	font-size: 18px;
}

.clear-message-search {
	padding-top: 15px;
}

.clear-message-search a {
	color: #009be1;
}

.clear-message-search a i {
	margin-right: 8px;
}

.mtf-accordion .checkbox label {
	padding: 3px 0;
}

.search-message-bold {
	background-color: yellow;
}

.block-message {
	text-align: center;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}
/* Mtf Earning Summary Page CSS */
.earning-summary-wrap .table {
	font-size: 15px;
}

.earning-summary-wrap .table th, .table th, .table td {
	vertical-align: top;
	font-size: 16px;
	border-bottom: none;
	white-space: nowrap;
}

.earning-summary-wrap .table th:last-child, .earning-summary-wrap .table td:last-child
	{
	text-align: right;
}

.after-login-pages .earning-summary-wrap .table th:last-child,
	.after-login-pages .earning-summary-wrap .table td:last-child {
	text-align: inherit;
}

.earning-summary-wrap .table .total {
	font-size: 16px;
}

.earning-summary-title {
	padding-bottom: 20px;
	font-size: 26px;
}

.withdrawl-amount h5 {
	padding: 13px 0 0;
	font-size: 18px;
}

.withdrawl-amount h5 span {
	display: inline-block;
	color: #009be1;
}

.withdrawl-amount .mtf-btn {
	color: #606060;
	font-size: 14px;
	min-width: inherit;
}

.message-menus.menus-style-two {
	padding-bottom: 25px;
}

/* Mtf Withdrawl Report Page CSS */
.withdrawl-form {
	padding-bottom: 10px;
}

.withdrawl-form .mtf-btn {
	min-width: 100%;
}

.datepicker.datepicker-dropdown {
	padding: 15px;
	font-size: 14px;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.datepicker td, .datepicker th {
	width: 25px;
	height: 25px;
	text-align: center;
	cursor: pointer;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled,
	.datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled,
	.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover,
	.datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled,
	.datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover,
	.datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled],
	.datepicker table tr td.active:active, .datepicker table tr td.active:hover,
	.datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled,
	.datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover,
	.datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]
	{
	background: #009be1;
	color: #ffffff;
}

.withdrawl-filters ul {
	padding: 0 0 20px 0;
	margin-bottom: 0;
	font-size: 16px;
	list-style: none;
}

.withdrawl-filters ul li {
	display: inline-block;
	padding: 5px 0;
}

.withdrawl-filters ul li:last-child:after {
	display: none;
}

.withdrawl-filters ul li:after {
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 12px;
	margin: 0 15px;
	background: #9f9f9f;
	content: "";
}

.withdrawl-filters ul li a {
	display: inline-block;
	position: relative;
	text-decoration: underline;
}

.withdrawl-filters ul li a:hover {
	text-decoration: none;
}

.download-csv {
	display: inline-block;
	font-size: 16px;
}

.download-csv i {
	color: #6fad00;
}

.download-csv span {
	display: inline-block;
	margin-left: 5px;
	position: relative;
	text-decoration: underline;
}

.download-csv:hover span {
	text-decoration: none;
}
/* Mtf Help Popup CSS */
.mtf-help-popup {
	pointer-events: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	-webkit-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity
		.1s ease-in-out;
	-ms-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s
		ease-in-out;
	transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s
		ease-in-out;
	z-index: 2;
}

.mtf-help-popup.open {
	top: 15px;
}

.mtf-help-popup.open .help-popup-wrap {
	height: 100%;
}

.mtf-help-popup.hide {
	opacity: 0;
	pointer-events: none;
}

.floating-popup-title {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	background: #009be1;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	z-index: 1;
	pointer-events: auto;
}

.floating-popup-title:hover, .floating-popup-title:focus {
	background: #cd2737;
	color: #ffffff;
}

.help-popup-wrap {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 360px;
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-transform-origin: bottom right;
	-ms-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	-webkit-transform: scale(.85) translateY(50px);
	-ms-transform: scale(.85) translateY(50px);
	transform: scale(.85) translateY(50px);
	-webkit-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity
		.1s ease-in-out;
	-ms-transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s
		ease-in-out;
	transition: all .25s cubic-bezier(.24, .22, .015, 1.56), opacity .1s
		ease-in-out;
	z-index: 1;
}

.help-popup-wrap.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

.help-popup-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	background: #009be1;
	color: #ffffff;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	z-index: 1;
}

.help-popup-title .popup-title-text {
	display: block;
	text-align: center;
}

.help-popup-title .form-group {
	margin-bottom: 0;
	position: relative;
}

.help-popup-title .form-control {
	height: 45px;
	padding-right: 70px;
	font-size: 14px;
	border: none;
}

.help-popup-title .mtf-btn {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 10px;
	height: 100%;
	color: #858585;
	font-size: 16px;
	border: none;
	-webkit-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	z-index: 1;
}

.close-help-popup {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	z-index: 1;
}

.close-help-popup:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 2px;
	background: #ffffff;
	content: "";
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 1;
}

.help-popup-info {
	max-height: 100%;
	padding: 20px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.help-popup-info ol {
	padding: 0 0 15px;
	margin-bottom: 0;
	list-style: none;
	counter-reset: my-sec-counter;
}

.help-popup-info ol li {
	padding-left: 16px;
	margin-top: 6px;
	position: relative;
}

.help-popup-info ol li:before {
	position: absolute;
	top: -1px;
	left: 0;
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter) ". ";
	z-index: 1;
}

.help-popup-info ol p {
	padding: 5px 0;
	font-size: 14px;
	line-height: 22px;
}

.contact-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.contact-wrap:before, .contact-wrap:after, .contact-wrap [class*="-action"]:before,
	.contact-wrap [class*="-action"]:after {
	display: table;
	content: "";
}

.contact-wrap:after, .contact-wrap [class*="-action"]:after {
	clear: both;
}

.contact-wrap .mtf-btn {
	float: right;
	margin-left: 5px;
}

.contact-wrap .default-link {
	float: left;
	margin: 8px 0;
	text-decoration: underline;
}

.help-content {
	display: none;
}

.question-info-wrap .question-info, .question-info-wrap .question-action
	{
	display: block;
}

.question-info-wrap .help-info, .question-info-wrap .contact-action,
	.question-info, .question-action {
	display: none;
}

.popup-link {
	display: inline-block;
	margin-left: 5px;
	color: #b4b3b4;
	font-size: 14px;
	position: relative;
}

.popup-link:hover {
	color: #606060;
}

.question-success {
	display: none;
	text-align: center;
}

.question-success p:last-child {
	padding-bottom: 0;
}

.question-success .mtf-icon {
	padding-bottom: 5px;
	color: #2bcc96;
	font-size: 48px;
	line-height: 48px;
}

.section-heading {
	display: block;
	padding: 10px 15px;
	background: #009be1;
	border-bottom: 1px solid #dcdcdd;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
}

.dash-title {
	font-size: 18px;
}

#earn-block .dashboard-records {
	padding: 20px;
}

.dashboard-records .user-item {
	padding: 20px 20px 0;
	float: left;
	width: 20%;
	text-align: center;
	min-height: 130px;
}

.dashboard-records .user-item .mtf-image {
	float: none;
	margin: 0 auto;
}

.dash-title span a {
	text-decoration: underline;
}

.dash-title span a:hover {
	text-decoration: none;
}

.dashboard .dash-block {
	margin-bottom: 30px;
}

.dashboard #matchBlock.dash-block {
	margin-bottom: 50px;
}

.dashboard .no-results {
	padding: 20px;
}

.dashboard .mtf-whitebox {
	overflow: hidden;
}

#msg-block {
	overflow-y: hidden;
}

#msg-block .no-results {
	padding: 100px 0;
}

.earning-summary-wrap .table tr, .table tr {
	border-bottom: 1px solid #dee2e6;
}

#viewRecommendation {
	z-index: 1052;
}

.modal-backdrop+.modal-backdrop {
	z-index: 1051;
}

.dashboard .mtf-whitebox.without-box {
	background: none;
	border: none;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dashboard .mtf-whitebox.without-box .section-heading {
	padding-left: 0;
	padding-right: 0;
	background: none;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	border: none;
}

a.disabledPost {
	pointer-events: none;
	cursor: none;
	opacity: 0.5;
}

.dash-block .dash-block:first-child {
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 30px;
}

.dashboard .mtf-whitebox .user-name {
	padding-top: 5px;
	font-size: 14px;
	color: #474747;
	height: 25px;
	overflow: hidden;
	white-space: nowrap;
}

.message-info h5.blurry-text {
	position: relative;
	overflow: hidden;
	padding: 0 0 0 10px;
	height: 20px;
	margin-bottom: 10px;
	width: 80%;
}

.message-info p.blurry-text {
	position: relative;
	overflow: hidden;
	padding: 0 0 0 10px;
	height: 10px;
	margin: 0 0 10px;
	width: 70%;
}

.message-info p.blurry-text.last {
	width: 58%;
	margin: 0;
}

.message-info h5.blurry-text:before, .message-info p.blurry-text:before
	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #f3f2f3;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.dashboard .mtf-whitebox .user-name.blurry-text a, p.blurry-text, h5.blurry-text
	{
	color: transparent;
	text-shadow: 0 0 10px #333;
}

.blurry-text a::selection, p.blurry-text::selection, h5.blurry-text::selection
	{
	background: none;
	color: transparent;
}

.blurry-text a::-webkit-selection, p.blurry-text::-webkit-selection, h5.blurry-text::-webkit-selection
	{
	background: none;
	color: transparent;
}

.blurry-text a::-moz-selection, p.blurry-text::-moz-selection, h5.blurry-text::-moz-selection
	{
	background: none;
	color: transparent;
}

.blurry-text a::-o-selection, p.blurry-text::-o-selection, h5.blurry-text::-o-selection
	{
	background: none;
	color: transparent;
}

.blurry-text a::-ms-selection, p.blurry-text::-ms-selection, h5.blurry-text::-ms-selection
	{
	background: none;
	color: transparent;
}
/*.dropdown-menu {
  padding: 0;
  font-size: 14px;
}*/
/*.dropdown-item {
  padding: 8px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-item:first-child {
  -webkit-border-radius: .25rem .25rem 0 0;
  -ms-border-radius: .25rem .25rem 0 0;
  border-radius: .25rem .25rem 0 0;
}
.dropdown-item:last-child {
  border-bottom: none;
  -webkit-border-radius: 0 0 .25rem .25rem;
  -ms-border-radius: 0 0 .25rem .25rem;
  border-radius: 0 0 .25rem .25rem;
}
.dropdown-item.active, .dropdown-item:active {
  background: #f9f9f9;
  color: #212529;
}
.dropdown-item.active .fa {
  color: #ee9e04;
}
.dropdown-item .fa {
  vertical-align: middle;
  margin: -2px 5px 0 0;
  color: #999999;
  font-size: 18px;
  min-width: 17px;
}*/
.wrapper .mtf-header .mtf-buttons-wrap .dropdown-item:nth-child(n) {
	display: block;
	padding: 8px 15px;
	margin: 0;
	color: #212529;
	text-align: left;
}

.wrapper .mtf-header .mtf-buttons-wrap .dropdown-item:nth-child(n).active
	{
	color: #212529;
}

.wrapper .mtf-header .mtf-buttons-wrap .dropdown-item:nth-child(n).active .fa
	{
	color: #ee9e04;
}
/* Mtf Payment Page CSS */
.payment-info-wrap {
	padding: 20px 20px 5px;
}

.payment-info-wrap+.payment-info-wrap {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.payment-info-wrap .form-box-title {
	padding: 0;
	text-transform: none;
	text-align: left;
	border-bottom: none;
	background: none;
}

.payment-info-wrap h5 {
	padding-bottom: 8px;
}

.payment-info-wrap h5 span {
	color: #ed0d2c;
}

.payment-info-wrap .alert {
	margin-bottom: 8px;
}
/* Mtf Buy Credits Page CSS */
.buy-credits h4 span {
	color: #009be1;
}

.buy-credits .credit-item.first {
	padding: 0 0 20px;
}

.buy-credits .form-group {
	padding-top: 0;
	margin-bottom: 0;
}

.credit-item {
	padding: 20px 0 0;
	font-size: 18px;
}

.credit-item h5 {
	padding-bottom: 5px;
}

.credit-item .radio {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 10px;
}

.modal-body .credit-item .radio, .modal-body .credit-item .radio label {
	display: block;
}

.credit-item .radio label {
	vertical-align: middle;
	margin-bottom: 0;
	font-size: 18px;
}

.credit-item .form-control {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 5px 15px;
}

.credit-item .mtf-buttons-wrap {
	padding-top: 10px;
}

.form-group:before, .form-group:after {
	display: table;
	content: "";
}

.form-group:after {
	clear: both;
}

.dashboard-records .no-results img.img-icon {
	max-width: 120px;
}

.dash-controls a {
	display: inline-block;
	margin-left: 12px;
	font-size: 16px;
}

.dash-controls a:first-child {
	margin-left: 0;
}

#insufficient-credit {
	display: none;
}

.unlock-profile-popup p {
	padding-top: 15px;
}

.unlock-profile-popup p.partially-fully {
	padding-left: 40px;
}

.modal-body .credit-item {
	padding: 0 0 25px;
}

.modal-body .credit-item:last-child {
	padding: 0;
}

.modal-body.less-space p {
	padding-bottom: 10px;
	padding-bottom: 0;
	font-size: 16px;
	line-height: 24px;
}

.modal-body .credit-item p {
	padding-top: 0;
	padding-bottom: 0;
}

.modal-body.less-space p#headingMessage {
	padding-bottom: 15px;
}

.modal-body.less-space p.pra-space {
	padding-bottom: 15px;
}

.wrapper .mtf-header .mtf-buttons-wrap a.manage-invite .mtf-badge {
	left: 25px;
}

.caret {
	display: none;
}

.light-gray-bg {
	background: #fafafa;
	border-bottom: 1px solid #e1e1e1;
	padding: 20px;
}

.light-gray-bg p {
	padding: 0;
}

.make-payment {
	display: block;
	padding: 20px 30px;
	background: #fffdec;
	border-top: 1px solid #e5e3d4;
	border-bottom: 1px solid #e5e3d4;
}

.make-payment h5 span {
	color: #ed0d2c;
}

.make-payment h5 a {
	color: #009be1;
	text-decoration: underline;
}

.make-payment h5 a:hover {
	text-decoration: none;
}

.make-payment h5 span.change-option {
	font-size: 16px;
	color: #009be1;
}

.make-payment p {
	padding: 0;
}

.form-help-group.style-two {
	padding: 30px 0 0;
}

.form-help-group.style-three {
	padding: 30px;
}

.form-help-group.style-four {
	padding: 20px 0 0;
}

.match-connector.fire-up {
	padding: 30px 0 10px;
	position: relative;
	font-size: 80px;
}

.match-connector.fire-up:before {
	content: "";
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	border-top: 2px dotted #dee2e6;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0;
}

.match-completed.form-group.form-help-group {
	padding: 25px 0 0;
	margin: 30px 0 0;
	border-top: 1px solid #dee2e6;
	text-align: center;
}

.popup-link .fa-lock {
	font-size: 16px;
	color: #ff8e09;
}

.profile-wrap h6 .fa-thumbs-up {
	margin-right: 5px;
	color: #aeaead;
	font-size: 18px;
}

.lock-warning {
	display: block;
	padding: 0 20px;
}

#showResend, #isMailSent {
	display: none;
}

.msg-filters {
	display: block;
}

.popup-link .fa-usd {
	font-size: 16px;
	color: #e9a111;
}

.set-rate {
	background: #fafafa;
	color: #73726a;
	font-size: 15px;
}

.set-rate .fa-info-circle {
	font-size: 15px;
	margin-right: 5px;
}

.set-rate strong {
	color: #e17719;
}

.set-rate a {
	color: #009be1;
	font-size: 14px;
}

.set-rate a:hover {
	color: #009be1;
}

.set-rate .col-md-4 {
	text-align: right;
}

.view-more {
	color: #e56a63;
	text-decoration: underline;
}

.view-more:hover {
	color: #202020;
	text-decoration: none;
}

.match-steps .manage-invitations.manage-style-two {
	border-bottom: none;
	padding: 15px 30px 0;
}

.match-steps .whitebox-wrap {
	padding: 15px 30px;
}

.match-steps .form-help-group.style-three {
	padding: 10px 30px 30px 30px;
	border-top: none;
}

.match-step-two {
	padding: 20px;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
}

.match-step-two .match-connector {
	padding: 10px 0 0;
}

.report-requests {
	display: block;
	padding: 5px 0;
}

a.text-line {
	text-decoration: underline;
}

a.text-line:hover {
	text-decoration: none;
}

.change-paypal {
	padding: 5px 0 20px;
}

.change-paypal .mtf-btn {
	padding: 15px 20px;
	font-size: 14px;
	color: #343434;
}

.buy-credits .credit-item.first.paypal-payments {
	padding: 10px 0;
}

.paypal-payments .form-group {
	float: left;
}

.paypal-payments .radio {
	float: left;
	padding-right: 10px;
}

.paypal-payments.first .radio {
	padding: 15px 10px 0 0;
}

.paypal-payments input.form-control {
	margin: 0;
	width: 165px;
}

.paypal-payments.credit-item {
	overflow: hidden;
}

.withdraw-earnings .form-help-group.style-three {
	padding: 0 30px 20px;
	border: none;
}

.recent-withdrawls {
	padding: 15px 30px 0;
}

.recent-withdrawls h2 {
	font-size: 20px;
	padding-bottom: 15px;
}
/* .recent-withdrawls .alert {
  background: #fbfbfb;
  border-color: #e2e2e2;
  color: #727272;
} */
/* Mtf About */
.mtf-about {
	background: url(../images/background8.jpg) no-repeat 0 0 #545456;
	background-size: cover;
	position: relative;
	min-height: 1000px;
}

.mtf-about:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	content: "";
}

.mtf-about .mtf-icon {
	text-align: center;
}

.about-wrap .section-title-wrap {
	padding-bottom: 0;
	text-align: left;
}

.about-wrap p {
	padding-bottom: 35px;
	color: #dddddd;
	font-size: 22px;
	line-height: 34px;
}

.about-wrap p span {
	color: #f0af13;
}

.about-wrap .external-link {
	padding-left: 3px;
	color: #009be1;
	font-size: 18px;
}

.about-wrap .external-link:hover, .about-wrap .external-link:focus,
	.mtf-contact .section-title-wrap a:hover, .contact-info p a:hover {
	opacity: 0.75;
	text-decoration: none;
}
/* Mtf Contact */
.mtf-contact {
	background: url(../images/background9.jpg) no-repeat 100% 100% #f3f3f3;
	background-size: cover;
	min-height: 1070px;
	position: relative;
}

.mtf-contact .section-title-wrap {
	padding-bottom: 30px;
	text-align: left;
}

.mtf-contact .section-title-wrap a {
	color: #009be1;
	text-decoration: underline;
}

.contact-info p a {
	color: #009be1;
	text-decoration: underline;
}

.mtf-contact .section-title-wrap p {
	font-size: 18px;
}

.contact-form .mtf-btn {
	font-size: 20px;
	min-width: 280px;
	padding: 20px 0;
	text-transform: uppercase;
}

.contact-info-wrap h4 {
	font-size: 17px;
}

.contact-wrap-title {
	padding-bottom: 35px;
}

.contact-item {
	padding: 0 20px 50px 0;
}

.contact-item:before, .contact-item:after {
	display: table;
	content: "";
}

.contact-item:after {
	clear: both;
}

.contact-item .mtf-icon {
	float: left;
	width: 80px;
	height: 80px;
	font-size: 36px;
	text-align: center;
	border: 1px solid #bfbfc3;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.contact-info {
	overflow: hidden;
	padding: 25px 0 0 15px;
}

.contact-info h4 {
	padding-bottom: 5px;
	font-size: 16px;
}

.table .bg-gray th, .table .bg-gray td {
	background: #fafafa;
}

.help-icon {
	color: #ff8e09;
	display: inline-block;
	margin-left: 5px;
}

.withdrawl-amount {
	padding: 15px;
	background: #fafafa;
	border: 1px solid #dee2e6;
	display: block;
}

.csvfile {
	height: 0px;
}

.form-group {
	position: relative;
}

.message-info h5:last-child {
	padding-top: 10px;
}

.unlock-msg {
	font-size: 18px;
}

.user-item.message-popup {
	padding: 15px 10px 10px;
	text-align: center;
}

.user-item.message-popup .mtf-image {
	float: none;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
}

.user-item.message-popup .user-info {
	padding: 15px 0 0;
	text-align: center;
}

.my-account .box-heading {
	padding-bottom: 10px;
}

.after-login-pages .account-status.last {
	border-top: 1px solid #dee2e6;
	padding: 20px 0 0;
	margin-top: 20px;
}

.account-status p:last-child {
	padding-bottom: 0;
}

.account-status a {
	color: #009be1;
	text-decoration: underline;
	margin-left: 5px;
}

.account-status a.mtf-btn {
	text-decoration: none;
}

.account-status a:hover {
	color: #707070;
	text-decoration: none;
}

.account-status p strong {
	display: inline-block;
	margin-right: 5px;
}

.dashboard-records .withdrawl-amount {
	margin-top: 40px;
}

.after-login-pages .whitebox-wrap {
	padding: 20px;
}

.after-login-pages .whitebox-wrap .table:last-child {
	margin-bottom: 0;
}

.table {
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}

.unsubscribe {
	padding: 15px 0 0;
}

.account-status .checkbox {
	padding-bottom: 15px;
}

.email-notifications {
	border-top: 1px solid #dee2e6;
	padding: 20px 0 0;
	margin-top: 10px;
}

.mar-top-30 {
	margin-top: 30px;
}

.report-filters {
	display: block;
	padding: 20px 0;
}

.report-filters h5 span {
	display: inline-block;
	color: #009be1;
}

.table .no-results {
	height: 350px;
}

.my-address label {
	margin: 0;
}

.my-address .radio-caption {
	word-break: break-word;
}

.payment-info-wrap.light-gray-bg {
	border-bottom: none;
}

.table td.pd-0 {
	padding: 0px;
}

.after-login-pages .whitebox-wrap .user-item:first-child {
	padding-top: 0;
}

.modal-body .form-group {
	margin: 10px 0 0;
}

.modal-body .message-writer .form-group {
	margin: 0;
}

.dashboard-records .no-results img.img-icon.no-msg-img {
	max-width: 200px;
}

a.links {
	color: #e56a63;
	text-decoration: underline;
}

a.links:hover {
	color: #e56a63;
	text-decoration: none;
}

.padding-bottom-20, .modal-body.less-space p.padding-bottom-20 {
	padding-bottom: 20px;
}

.pra-text p {
	padding-bottom: 20px;
}

a.isDisabled, a.isDisabled:hover {
	color: currentColor;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
}

#uploadImageGuide .alert {
	margin: 15px 0 0;
}

.personal-note {
	display: block;
}

.personal-note span.pull-right {
	font-size: 13px;
}

.modal-body.less-space p.text-em {
	padding: 20px 0 0;
	font-style: italic;
}

.account-status p.all-cards-list {
	padding-bottom: 15px;
}

.how-works {
	margin: 0 0 0 20px;
	color: #fff2df;
	font-size: 20px;
	text-decoration: underline;
}

.how-works:hover {
	color: #fee000;
	text-decoration: none;
}

.mtf-random-signup {
	background: #191919;
	padding: 5px 100px 3px;
	display: block;
	width: 100%;
	height: 30px;
}

.mtf-random-inner {
	display: none;
}

.mtf-random-signup .mtf-random-img {
	float: left;
	width: 20px;
}

.mtf-random-signup .mtf-random-img img {
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.mtf-random-info {
	overflow: hidden;
	padding: 0 0 0 10px;
	position: relative;
}

.mtf-random-info p {
	padding: 0;
	font-size: 13px;
	color: #fdec69;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.my-preferences .form-group {
	display: inline-block;
	width: 33%;
	text-align: center;
	vertical-align: top;
}

.my-preferences .form-group .radio-wrap {
	width: 100px;
	height: 100px;
	background: url(../images/icons/user-type.png) no-repeat 27px 18px;
	display: inline-block;
	float: none;
	border: 1px solid #e9ecef;
	background-size: 440px auto;
}

.my-preferences .form-group .radio input[type="radio"]:checked ~
	.radio-wrap {
	background: url(../images/icons/user-type.png) no-repeat 27px -70px;
	background-size: 440px auto;
	border: 1px solid #e9ecef;
}

.my-preferences .form-group:nth-child(2) .radio-wrap {
	background-position: -166px 18px;
}

.my-preferences .form-group:nth-child(2) .radio input[type="radio"]:checked 
	 ~ .radio-wrap {
	background-position: -166px -70px;
}

.my-preferences .form-group:nth-child(3) .radio-wrap {
	background-position: -350px 18px;
}

.my-preferences .form-group:nth-child(3) .radio input[type="radio"]:checked 
	 ~ .radio-wrap {
	background-position: -350px -70px;
}

.my-preferences .form-group .radio-wrap:before {
	display: none;
}

.my-preferences .form-group .checkbox-caption {
	clear: both;
	padding: 0;
}

.my-preferences .form-group .radio input[type="radio"]:checked ~
	.radio-caption {
	color: #cb3c22;
}

.matchmaker-profile {
	padding: 50px 0 20px;
}

.matchmaker-profile .profile-detail {
	border-top: 1px solid #e1e1e1;
	background: #f8f8f8;
}

.matchmaker-profile .profile-detail p {
	padding-bottom: 25px;
}

.matchmaker-profile .profile-detail .row>[class*="col-"] {
	padding: 0 30px;
}

.matchmaker-profile .profile-image {
	text-align: center;
	width: 250px;
}

.matchmaker-profile .profile-image .user-name {
	padding: 15px 0 0;
	color: #009be1;
	font-size: 24px;
}

.matchmaker-profile .profile-image .profile-info-item span {
	padding-right: 0;
}

.matchmaker-profile .profile-image .profile-info-item {
	padding: 10px 0 0 0;
}

.matchmaker-profile .profile-image h6 {
	padding: 10px 0 0;
}

.matchmaker-profile .profile-detail .row  .my-banner {
	background: url(../images/background-matchmaker.jpg) no-repeat 50% 0;
	background-size: cover;
	padding: 50px 30px 30px;
	text-align: center;
}

.my-banner a {
	display: block;
	height: 100%;
	position: relative;
}

.my-banner img {
	max-width: 200px;
}

.matchmaker-profile .profile-detail .row .connect-with {
	padding: 30px;
}

.matchmaker-profile .profile-detail .banner-title {
	font-size: 38px;
	color: #474747;
	display: block;
	margin-top: 15px;
}

.matchmaker-socials {
	display: block;
	padding-top: 15px;
}

.matchmaker-socials a {
	display: inline-block;
	margin: 0 5px;
	font-size: 33px;
}

.matchmaker-socials a.facebook {
	color: #3B5998;
}

.matchmaker-socials a.twitter {
	color: #1DA1F2;
}

.matchmaker-socials a.linkedin {
	color: #0077B5;
}

.homepage-text {
	padding: 20px 0;
	font-size: 20px;
	color: #f3eaaf;
}

.homepage-text strong {
	color: #fee000;
}

.matchmaker-profile .profile-info .user-name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #009be1;
}

.matchmaker-profile .profile-image img {
	border: 8px solid #f3f3f3;
}

.home-matchmakers {
	position: absolute;
	bottom: 20px;
	left: 100px;
	max-width: 450px;
	z-index: 0;
}

.home-matchmakers .item {
	text-align: center;
	color: #fff2df;
}

.home-matchmakers .item img {
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.matchmaker-name {
	display: block;
	padding: 10px 0 0;
}

.home-matchmakers .item p {
	color: #fff2df;
}

.home-matchmakers h5 {
	color: #fff2df;
	font-size: 15px;
	text-align: center;
	padding-bottom: 20px;
	overflow: hidden;
}

.home-matchmakers h5 span {
	position: relative;
	display: inline-block;
	padding: 0 5px;
}

.home-matchmakers h5 span:before {
	content: "";
	position: absolute;
	top: 9px;
	left: -100%;
	z-index: 0;
	width: 100%;
	height: 2px;
	background: #746c5f;
}

.home-matchmakers h5 span:after {
	content: "";
	position: absolute;
	top: 9px;
	right: -100%;
	z-index: 0;
	width: 100%;
	height: 2px;
	background: #746c5f;
}

.connect-with .form-help-group.form-help-group.style-four {
	border: none;
	padding: 0;
}

#referral-toast {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 13px 15px;
	text-align: center;
	width: 100%;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#referral-toast.show {
	display: block;
}

.characters-lenth, p.characters-lenth {
	padding: 5px 0;
	font-size: 13px;
}

.abt-me label {
	display: block;
}

.abt-me label span.pull-right {
	font-size: 13px;
}

label.bold-text {
	display: block;
	margin: 0;
}

label.bold-text .radio-caption {
	padding-left: 0;
}

label.bold-text .custom-radio {
	padding-left: 15px;
	display: block;
	overflow: hidden;
}

.radio-sub-title {
	color: #888;
	display: block;
}

.form-group.abt-me {
	margin-bottom: 0;
}

.invite-options.style-two {
	padding-bottom: 30px;
}

.invite-options a.facebook {
	background: #3B5998;
	color: #fff;
	border: none;
	min-width: 45px;
	margin-top: 5px;
}

.invite-options a.twitter {
	background: #1DA1F2;
	color: #fff;
	border: none;
	min-width: 45px;
	margin-top: 5px;
}

.invite-options a.linkedin {
	background: #0077B5;
	color: #fff;
	border: none;
	min-width: 45px;
	margin-top: 5px;
}

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

#contactInfoWrap {
	display: none;
}

.mtf-btn.copy-btn {
	border: none;
	background: #009be1 url(../images/icons/copy-link.png) no-repeat 50% 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	text-indent: -99999px;
	min-width: 60px;
	padding: 25px 0;
	background-size: 45% auto;
}

.invite-options a.setup-link {
	color: #009be1;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	text-decoration: underline;
}

.invite-options a.setup-link:hover {
	text-decoration: none;
	color: #009be1;
}

.manage-style-two .box-heading span.matchmaker-url {
	font-size: 15px;
	float: right;
	color: #737373;
}

.manage-style-two .box-heading .matchmaker-url a {
	display: inline-block;
	float: none;
	font-size: 15px;
}

.manage-style-two .box-heading .matchmaker-url a img {
	display: inline-block;
	margin-left: 5px;
}

.my-invitee {
	display: inline-block;
	padding: 0 0 0 30px;
}

.my-invitee a {
	position: relative;
	display: inline-block;
}

.my-invitee a .mtf-badge {
	top: -10px;
	left: 36px;
	border: 3px solid #22261d;
	width: 28px;
	height: 28px;
}

.mtf-home-modal {
	background: #009be1;
	color: #fff;
	border: none;
}

.mtf-home-modal .modal-title {
	text-align: center;
	display: block;
	width: 100%;
}

.mtf-home-modal .close {
	background: #009be1;
	color: #A9A9A9;
}

.my-pending-invites {
	padding: 10px;
	background: #424242;
	color: #ffffff;
}

.my-pending-invites .fa {
	margin: 0 8px 0 0;
	font-size: 22px;
	float: left;
}

.my-pending-invites span {
	padding-top: 2px;
}

.home-modal .user-item {
	padding: 20px 25px;
	border-top: 1px solid #e9ecef;
}

.home-modal .user-item:nth-child(1) {
	border-top: none;
}

.home-modal .modal-body.less-space {
	padding: 10px 0;
}

.suggestions .message-item {
	padding: 15px;
	cursor: default;
	border: none;
}

.suggestions .user-info {
	white-space: normal;
	border: none;
}

.suggestions .message-item.bdrb1 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0 0 15px;
}

.dashboard-records .suggestions .message-item:last-child {
	border: none;
}

.dashboard .suggestions .mtf-whitebox .user-name {
	font-size: 16px;
}

.dashboard .suggestions .message-item .nav-tabs .nav-item:last-child {
	padding-right: 0;
}

/*.suggestions .dashboard-records {
	padding: 20px 0 0;
}*/
.suggestions .nav-tabs .nav-link {
	border-color: #dee2e6;
	background: #fafafa;
}

.suggestions .nav-tabs .nav-link.active {
	border-top-color: #009be1;
	border-bottom: 1px solid #fff;
	background: #fff;
}

.suggestions .nav-tabs .nav-item {
	padding: 0 10px;
	display: inline-block;
}

.invite-more-suggestions {
	background: #f2f2f2;
	border-top: 1px solid #e5e5e5;
	text-align: center;
	padding: 50px 30px;
}

.invite-more-suggestions.change-setting {
	border-top: none;
	background: #ffffff;
}

.invite-more-suggestions p {
	color: #000000;
}

.invite-more-suggestions .mtf-btn {
	padding: 10px 20px;
	border-color: #c7c7c7;
	color: #343434;
}

.invite-more-suggestions .mtf-btn .mtf-icon {
	color: #d6403a;
}

.invite-more-suggestions h5 {
	color: #000000;
	padding: 15px 0 5px;
}

.invite-more-suggestions.sit-back {
	background: #ffffff;
	border-top: none;
}

.suggestions .nav-tabs {
	display: block;
	text-align: center;
}

a.create-post {
	color: #343434;
	padding: 8px 15px;
	min-width: 100px;
}

a.create-post .fa {
	color: #d6403a;
}

.dash-block .post-filters a:first-child {
	margin-left: 0;
}

.post-filters {
	text-align: center;
	display: inline-block;
}

.post-filters a {
	display: inline-block;
	margin: 10px 15px 0;
	color: #3b3b3b;
	position: relative;
}

.post-filters a:after {
	content: "";
	position: absolute;
	right: -16px;
	top: 5px;
	height: 12px;
	width: 1px;
	background: #d1c7c7;
}

.post-filters a:last-child:after {
	display: none;
}

.post-filters a .mtf-icon {
	min-width: 25px;
	margin-right: 5px;
	display: inline-block;
}

.post-filters a .fa-filter {
	color: #1d8bd0;
}

.post-filters a .fa-heart {
	color: #009be1;
}

.post-filters a .mtf-text {
	display: inline-block;
	position: relative;
}

.post-filters a .mtf-text:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 1px;
	background-color: #afaeaa;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.post-filters a:hover .mtf-text:before {
	width: 0;
}

.recent-posts {
	padding: 8px 0;
	float: left;
}

.feed-title {
	padding-bottom: 10px;
	font-size: 18px;
}

.post-left {
	float: left;
}

.post-list {
	display: block;
	overflow: hidden;
	margin-top: 20px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	position: relative;
}

.post-info {
	display: block;
	padding: 15px;
}

.post-list .user-item {
	padding: 0;
}

.post-list .user-item .mtf-image {
	float: none;
	display: block;
	width: auto;
	max-width: none;
	text-align: left;
	overflow: hidden;
}

.post-list .user-item .mtf-image:before, .post-list .user-item .mtf-image:after
	{
	display: table;
	content: "";
}

.post-list .user-item .mtf-image:after {
	clear: both;
}

.post-list .user-item .mtf-image a {
	color: #524646;
	float: left;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.post-list .user-item .mtf-image a:hover {
	color: #009be1;
}

.post-list .user-item .mtf-image a .profile-badges span {
	bottom: 0;
	right: -8px;
	-webkit-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}

.post-list .user-item .mtf-image img {
	max-width: 50px;
}

.post-list .user-item .user-name-wrap {
	display: block;
	overflow: hidden;
	vertical-align: middle;
	width: auto;
	padding: 0 0 0 20px;
	font-size: 16px;
}

.post-list .user-item .user-name-wrap>a {
	font-weight: 500;
}

.post-list .user-item .user-name-wrap .user-location {
	color: #524646;
	font-size: 13px;
	float: left;
	width: 100%;
}

.post-list .user-item .user-info {
	white-space: normal;
	padding: 15px 0 0 0;
	word-wrap: break-word;
	height: auto;
}

.modal-body .post-list.user-msg-info .user-info {
	height: 90px;
	padding: 0 0 0 25px;
}

.modal-body.less-space.style-four .post-list .user-item .user-email {
	overflow: visible;
}

.post-list .user-item .user-info h5 {
	padding: 0 0 3px;
	color: #545454;
	font-weight: normal;
}

.modal-body .post-list .user-item .user-info h5 {
	padding: 0 0 0;
}
/*.fav-post .fa, .delete-my-post .fa, .hm-fav-btn .fa {
  color: #009be1;
}*/
.fav-post.liked .fa-heart-o:before {
	content: "\f004";
}

.post-loc-date {
	padding-top: 2px;
	margin-top: 15px;
	font-size: 14px;
}

.post-loc-date .post-meta {
	display: inline-block;
	padding: 10px 15px 0 0;
	white-space: nowrap;
	color: #566370;
}

.post-loc-date .text-right .post-meta img {
	margin-right: 3px;
	position: relative;
	top: -1px;
}

.post-loc-date .post-meta:last-child {
	padding-right: 0;
}

.post-loc-date .post-meta a {
	color: #333;
}

.post-loc-date .post-meta a:hover {
	color: #ff9800;
}

.post-loc-date .fa {
	display: inline-block;
	margin-right: 5px;
}
/*.post-loc-date .fa-map-marker, .user-email i.fa-map-marker, .mtf-match-request .fa-map-marker, .post-loc-date .fa-share {
  color: #62bea7;
}
.post-loc-date .fa-share-alt {
  color: #0072b1;
}
.post-loc-date .fa-calendar {
  color: #c54b48;
}*/
.modal-body .post-list {
	padding: 0;
	background: none;
	border: none;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.modal-body.less-space.style-three {
	padding: 10px 30px 20px;
}

.profile-incomplete .col-md-3 {
	padding-top: 20px;
	text-align: center;
}

.profile-options {
	display: inline-block;
	width: 100px;
	height: 100px;
	background-color: #fdfdfd;
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	position: relative;
}

.profile-options:after {
	content: "";
	position: absolute;
	top: 25px;
	left: 80px;
	z-index: 1;
	width: 35px;
	height: 35px;
	background: url(../images/icons/missing.png) no-repeat 50% 50%;
}

.profile-options.active:after {
	background: url(../images/icons/added.png) no-repeat 50% 50%;
}

.profile-pic {
	background: url(../images/icons/profile-pic.png) no-repeat 50% 50%;
}

.profile-pic.active {
	background: url(../images/icons/profile-pic-active.png) no-repeat 50%
		50%;
}

.profile-age {
	background: url(../images/icons/profile-age.png) no-repeat 50% 50%;
}

.profile-age.active {
	background: url(../images/icons/profile-age-active.png) no-repeat 50%
		50%;
}

.profile-gender {
	background: url(../images/icons/profile-gender.png) no-repeat 50% 50%;
}

.profile-gender.active {
	background: url(../images/icons/profile-gender-active.png) no-repeat 50%
		50%;
}

.profile-location {
	background: url(../images/icons/profile-location.png) no-repeat 50% 50%;
}

.profile-location.active {
	background: url(../images/icons/profile-location-active.png) no-repeat
		50% 50%;
}

.matchmaker-profile-status {
	background: url(../images/icons/mm-profile.png) no-repeat 50% 50%;
}

.matchmaker-profile-status.active {
	background: url(../images/icons/mm-profile-active.png) no-repeat 50% 50%;
}

.modal-body .form-group.mt0 {
	margin-top: 0;
}

.posting .radio {
	padding: 3px 5px;
}

.posting .radio .radio-caption {
	color: #000000;
	font-size: 15px;
	padding-top: 3px;
}

.post-btn {
	text-align: right;
	float: right;
}

.suggestion-toggle {
	padding: 0 20px;
	display: none;
}

.suggestion-toggle a {
	display: block;
	padding: 10px 15px;
	background: #ffffff;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.suggestion-toggle a:hover {
	background: #009be1;
	color: #ffffff;
	border-color: transparent;
}

.suggestion-toggle a .fa {
	float: right;
	padding-top: 3px;
}

.suggestion-filters {
	display: block;
}

.home-video {
	position: absolute;
	bottom: 50px;
	right: 100px;
	z-index: 1;
	background: url(../images/home-video.jpg) no-repeat 50% 50%;
	background-size: cover;
	width: 285px;
	height: 150px;
	border: 4px solid #ffffff;
	text-align: center;
	padding-top: 35px;
}

.home-video a {
	display: inline-block;
	width: 70px;
}

.post-overlay {
	display: none;
	height: 100px;
	width: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

.shop-overlay {
	display: none;
	height: 100px;
	width: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

.ajax-post-overlay {
	display: block;
	min-height: 600px;
	width: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

.pos-rel {
	position: relative;
}

.feed-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	height: 100%;
	width: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50% #fff;
	opacity: 0.5;
}

.radio-check {
	pointer-events: none;
	opacity: 0.6;
}

.modal-body .post-list.user-msg-info {
	background: #fffef8;
	border-bottom: 1px solid #e5e5e5;
}

.modal-body.less-space.style-four {
	padding: 0;
}

.modal-body.less-space.style-four .post-list {
	padding: 20px;
	margin: 0;
}

.profile-incomplete h2 {
	font-size: 24px;
	color: #009be1;
}

.profile-incomplete h2 span {
	color: #009be1;
}

.lime-orange {
	font-weight: bold;
	color: #009be1;
}

.earning-requirements {
	border-bottom: 1px solid #e5e5e5;
	padding: 15px;
	overflow: hidden;
}

.earning-requirements:first-child {
	padding-top: 30px;
}

.earning-requirements:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.contact-user-img {
	float: left;
	width: 90px;
	height: 90px;
	text-align: center;
	border: 1px solid #dfdfe0;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	padding-top: 7px;
}

.posting-guideline .contact-user-img {
	width: 65px;
	height: 65px;
}

.posting-guideline .earning-required-msg {
	padding: 5px 0 0 20px;
}

.earning-required-msg {
	display: block;
	overflow: hidden;
	padding: 25px 0 0 20px;
}

.earning-required-msg h5 {
	font-size: 16px;
	color: #222222;
	padding: 0;
}

.invite-more-suggestions p a {
	color: #009be1;
	text-decoration: underline;
}

.invite-more-suggestions p a:hover {
	text-decoration: none;
}
/* .delete-my-post {
  position: absolute;
  top: 10px;
  right: 35px;
  z-index: 2;
  color: #a4a2a2;
  font-size: 24px;
} */
.invite-contact-img {
	float: left;
}

.invite-contact-msg {
	display: block;
	overflow: hidden;
	padding: 50px 0 0 50px;
}

.invite-contact-msg  .invite-title {
	padding: 0;
}

.invite-earnings {
	font-size: 18px;
	color: #ffffff;
	display: block;
	overflow: hidden;
}

.invite-earnings a {
	color: #f3d400;
	text-decoration: underline;
}

.invite-earnings a:hover {
	text-decoration: none;
}

.post-filters a .mtf-icon .fa-newspaper-o {
	color: #f3d400;
}

.modal-note-msg {
	padding: 30px;
}

.btn-disabled {
	opacity: .65;
	color: #333333;
}

.btn-disabled:hover, .btn-disabled:focus {
	color: #333333;
	background: none;
}

.invite-more-suggestions h4 {
	padding: 5px 0 10px;
}

.invite-more-suggestions h4 span {
	color: #009be1;
}

.approval-pending {
	font-size: 20px;
	color: #fe8900;
	position: absolute;
	top: 6px;
	left: 10px;
	z-index: 1;
}

.process-success.pra-text p {
	color: #000000;
}

.process-light {
	color: #707070;
}

.post-list .user-item .user-info h5.connected-with {
	font-size: 18px;
	color: #605f5f;
	padding-bottom: 10px;
}

.post-list .user-item .user-info h6 {
	padding-bottom: 3px;
}

.modal-body .post-list .form-group {
	margin: 0;
}

.my-invite-link h6 {
	color: #605f5f;
	font-size: 16px !important;
	padding: 0 0 10px 0 !important;
}

.modal-body.less-space .my-invite-link p {
	padding-bottom: 15px;
}

.modal-body.less-space .my-invite-link p:last-child {
	padding: 0;
}

.modal-body.less-space .my-invite-link p a {
	color: #009be1;
	text-decoration: underline;
}

.modal-body.less-space .my-invite-link p a:hover {
	text-decoration: none;
}

.complete-all-profile {
	color: #605f5f;
	text-decoration: underline;
}

.complete-all-profile:hover {
	text-decoration: none;
}

.post-list.user-msg-info.last {
	border-bottom: none;
	border-top: 1px solid #e5e5e5;
	font-size: 14px;
}

.user-item.icon-msg .mtf-image {
	max-width: inherit;
	width: 100px;
	height: 100px;
	padding: 10px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.user-item.icon-msg .mtf-image img {
	border: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.post-list .user-item.icon-msg .user-info {
	padding: 0 0 0 25px;
}

.modal-body.less-space .post-list .user-item.icon-msg p {
	padding-bottom: 10px;
}

.modal-body.less-space .post-list .user-item.icon-msg p:last-child {
	padding-bottom: 0;
}

.user-email i.fa-user {
	color: #009be1;
}

.user-email i.fa-venus-mars {
	color: #fe8900;
}

.user-email.style-two {
	padding: 5px 0;
	margin: 0;
}

.whitebox-wrap.looking-for-page {
	padding: 0;
}

.whitebox-wrap.looking-for-page .row.yellow-bg .alert {
	margin-top: 15px;
}

.whitebox-wrap.looking-for-page .row {
	padding: 0;
	margin: 0;
	background: #fff;
	border-bottom: 1px solid #dcdcdd;
}

.whitebox-wrap.looking-for-page .row .col-md-6 {
	padding: 20px 25px;
}

.whitebox-wrap.looking-for-page .form-group {
	margin-bottom: 0;
}

.whitebox-wrap.looking-for-page .row .col-md-6:first-child {
	border-right: 1px solid #dcdcdd;
}

.whitebox-wrap.looking-for-page .row.odd {
	background: #f7f7f7;
}

.whitebox-wrap.looking-for-page .form-group.form-help-group {
	border: none;
}

.user-action-list .user-email {
	font-size: 14px;
	padding: 3px 0 0;
}

.tab-pane .user-item:first-child {
	padding-top: 0;
}

h6.user-email+h6.user-email {
	margin: 0;
	padding-bottom: 0;
	word-break: break-word;
	white-space: nowrap;
}

.space-list {
	padding-top: 10px;
}

.dropdown {
	display: block;
	position: relative;
	width: 100%;
}

.drop-list {
	display: block;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	background-image: url(../images/icons/arrow-icon.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 29px auto;
	padding: 15px 15px 15px 70px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	color: #474747;
}

.drop-list:hover, .drop-list:focus {
	color: #474747;
}

.dropdown span.value {
	display: none;
}

.dropdown ul {
	position: absolute;
	top: 43px;
	left: 0;
	z-index: 2;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fffef8;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	display: none;
}

.dropdown ul.dropdown-menu {
	display: block;
	left: auto;
	width: 320px;
	background: #fff;
	border-radius: 0;
}

.dropdown ul.dropdown-menu li {
	border-bottom: none;
}

.dropdown ul li {
	display: block;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dropdown ul li label {
	display: block;
	width: 100%;
	padding: 10px;
}

.dropdown ul li label .checkbox-caption {
	padding-left: 30px;
}

.dropdown ul li label input[type=checkbox] {
	display: none;
}

.dropdown ul li:last-child {
	border-bottom: none;
}

.list-top-space {
	padding-top: 10px;
}

.multiSel span {
	display: inline-block;
	margin: 0 3px;
}

.multiSel span:after {
	content: ",";
}

.multiSel span:last-child:after {
	content: "";
}

.des-view {
	display: block;
}

.mtf-match-request {
	display: block;
	height: 22px;
	overflow: hidden;
}

.mtf-scroll .mtf-match-request {
	height: auto;
}

.mtf-match-request img {
	width: 80px;
	height: 80px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.mtf-match-request a {
	display: inline-block;
	color: #ff8e09;
	text-decoration: underline;
	pointer-events: none;
}

.mtf-scroll .mtf-match-request a, .modal-note-msg .mtf-match-request a {
	pointer-events: auto;
}

.mtf-match-request a.text-success {
	text-decoration: none;
	pointer-events: none;
}

.mtf-match-request a:hover {
	text-decoration: none;
}

.mtf-match-request a i {
	margin-right: 5px;
	color: #009be1;
}

.post-list .no-results {
	height: auto;
	padding: 20px 0;
}

.modal-note-msg .mtf-match-request {
	height: auto;
}

.mtf-match-request p {
	padding-bottom: 10px;
}

.modal-body .mtf-match-request p {
	padding-bottom: 15px;
}

.mtf-match-request img {
	margin: 5px 0 2px;
}

.message-info h6 {
	font-size: 15px !important;
	padding: 5px 0 0 !important;
}

.modal-body.less-space.style-four .post-list.post-list.style-two {
	padding: 0 20px;
}

.modal-body.less-space.style-four .post-list.style-two .user-item {
	padding: 20px 0;
	border-bottom: 1px solid #e9ecef;
}

.modal-body .post-list.style-two .user-item .user-info {
	height: 100px;
}

.modal-body.less-space.style-four .post-list:last-child .user-item {
	border-bottom: none;
}

.profile-detail .tab-content .nav-tabs {
	text-align: center;
	display: block;
}

.profile-detail .tab-content .nav-tabs .nav-item {
	width: 32%;
	display: inline-block;
	padding: 0 10px;
}

.profile-detail .tab-content .nav-tabs .nav-item .nav-link {
	padding: 15px 10px;
}

.profile-detail .tab-pane>.row {
	margin: 0;
}

.profile-detail .tab-pane>.row>[class*="col-"] {
	padding: 0;
}

.profile-info.style-two {
	padding: 30px;
	height: auto;
}

.profile-info .matchmaker-url {
	display: block;
	padding-top: 20px;
	word-break: break-all;
}

.profile-info .matchmaker-url a span {
	color: #009be1;
	text-decoration: underline;
	margin: 0 5px;
}

.profile-info .matchmaker-url a:hover span {
	text-decoration: none;
}

.profile-detail {
	display: block;
}

.profile-detail .row dd span {
	display: inline-block;
	padding: 0 3px;
}

.profile-detail .row dd span:after {
	content: ",";
}

.profile-detail .row dd span:last-child:after {
	content: "";
}

.invite-toast {
	visibility: hidden;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 9;
	background: #ffffff;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	padding: 20px 50px 20px 90px;
	-webkit-box-shadow: 0px 0px 10px 0px #bcbcbc;
	-ms-box-shadow: 0px 0px 10px 0px #bcbcbc;
	box-shadow: 0px 0px 10px 0px #bcbcbc;
	font-size: 18px;
}

.invite-toast.show {
	visibility: visible;
}

.invite-toast .mtf-icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 70px;
	padding: 5px;
	background: #d6403a;
	text-align: center;
	-webkit-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	padding-top: 20px;
}

.invite-toast button.close {
	position: absolute;
	top: 23px;
	right: 15px;
	z-index: 0;
	font-size: 22px;
	outline: none;
}

.modal-footer {
	background: #fafafa;
	text-align: center;
	display: block;
	-webkit-border-radius: 0 0 .3rem .3rem;
	border-radius: 0 0 .3rem .3rem;
}
/*.modal-footer .mtf-btn.mtf-darkred-btn {
  background: none;
  border: none;
  color: #333;
  padding: 0;
  min-width: inherit;
  text-decoration: underline;
}
.modal-footer .mtf-btn.mtf-darkred-btn:hover {
  text-decoration: none;
}
.modal-footer .mtf-btn {
  min-width: 150px;
}
.modal-footer .mtf-btn.yes-btn {
  min-width: 100px;
  padding: 8px 20px;
  font-size: 13px;
}
.modal-footer .mtf-btn.mtf-darkred-btn.no-btn {
  font-size: 13px;
}*/
.profile-info.profile-view .user-name {
	padding-bottom: 10px;
}

.note-box {
	border: 1px solid #dbaeae;
	padding: 15px;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px #f7ccc4;
	margin: 5px 0;
	display: block;
}

.user-item label.mtf-btn {
	padding: 10px;
}

#showUserProfileModal {
	z-index: 9999;
}

.no-results.no-height {
	height: auto;
}

.photo-guideline {
	float: right;
}

.photo-guideline a {
	display: inline-block;
	margin: 5px 15px 5px 0;
	text-decoration: underline;
	color: #009be1;
}

.photo-guideline a:last-child {
	margin-right: 0;
}

.photo-guideline a.black {
	color: #474747;
}

.photo-guideline a:hover {
	text-decoration: none;
}

.photo-guideline a img {
	margin-right: 8px;
	vertical-align: text-bottom;
}

.guidelines {
	padding: 0;
	margin: 0;
}

.guidelines li {
	display: block;
	padding: 5px 0;
	list-style: none;
}

.guidelines li i {
	display: inline-block;
	margin-right: 5px;
	font-size: 14px;
	color: #666;
}

.custom-settings .profile-info {
	padding: 25px 0 0 35px;
}

.profile-info-item img {
	width: 30px;
	display: inline-block;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 0;
}

.profile-detail .row dt img {
	width: 30px;
	display: inline-block;
}

.custom-settings .profile-info .user-name span {
	font-size: 15px;
}

.modal-body.less-space .post-list .user-item.icon-msg .mm-profile-complt p:first-child
	{
	padding-bottom: 20px;
}

.mm-profile-complt p:first-child {
	font-size: 20px;
}

.mm-profile-complt p {
	color: #000000;
}

.orange-text {
	color: #fe8900;
}

.custom-padding .profile-info-item {
	padding: 0 0 5px;
}

.custom-padding .user-name {
	font-size: 24px;
}

.custom-padding .mtf-buttons-wrap {
	padding-top: 10px;
}

.modal-listing .pagination {
	padding: 0 20px 20px;
	border-bottom: 1px solid #e9ecef;
	text-align: right;
	display: block;
}

.modal-listing .pagination li {
	display: inline-block;
	margin: 0 5px;
}

.modal-listing .pagination li:last-child {
	margin: 0 0 0 5px;
}

.mtf-icon .fa {
	margin-right: 5px;
	width: 15px;
	text-align: center;
}

.user-profile-role {
	display: block;
	padding: 20px 0 0;
}

.mtf-orange-link {
	color: #fe8900;
	text-decoration: underline;
}

.mtf-red-link {
	color: #009be1;
	text-decoration: underline;
}

.answer-status {
	display: block;
	padding-top: 10px;
	color: #000;
	text-align: right;
}

.modal-questions-answers .modal-title {
	width: 100%;
	position: relative;
}

.modal-questions-answers .modal-title span {
	color: inherit;
}

.modal-questions-answers .mtf-back-link {
	position: absolute;
	top: 50%;
	left: 20px;
	font-size: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.mtf-back-link span {
	display: inline-block;
	color: inherit;
	text-decoration: underline;
}

.question-item {
	padding: 20px 20px 10px 70px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	counter-increment: question-item;
}

.question-item:before {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 35px;
	height: 35px;
	padding: 4px;
	background: #f2f2f2;
	color: #959595;
	font-size: 18px;
	text-align: center;
	border: 1px solid #dadada;
	content: counter(question-item, decimal);
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: -1px 3px 0 0 #ffffff inset;
	-ms-box-shadow: -1px 3px 0 0 #ffffff inset;
	box-shadow: -1px 3px 0 0 #ffffff inset;
	z-index: 1;
}

.question-item:last-child {
	border-bottom: none;
}

.question-item h6 {
	padding-bottom: 5px;
	color: #605f5f;
}

#userProfileModal, #userQuestionAnswerModal {
	overflow-y: auto;
	padding-right: 0 !important;
}

#userProfileModal::-webkit-scrollbar, #userQuestionAnswerModal::-webkit-scrollbar
	{
	width: 0 !important;
}

.ans-length {
	font-size: 13px;
	float: right;
}

.yellow-bg, .whitebox-wrap.looking-for-page .row.yellow-bg {
	background: #fef9eb;
}

.yellow-bg .list-top-space {
	padding: 20px 0;
}

.yellow-bg .list-top-space p {
	color: #44423f;
}

.yellow-bg .list-top-space p i {
	color: #804a41;
}

.qa-links {
	display: block;
}

.qa-links a {
	display: inline-block;
	text-decoration: none;
}

.qa-links a:hover {
	text-decoration: none;
}

.qa-links a img {
	float: left;
}

.qa-links a span {
	display: block;
	overflow: hidden;
	text-decoration: underline;
	padding: 0 0 0 7px;
}

.qa-links a:hover span {
	text-decoration: none;
}

.mtf-back-link i {
	display: inline-block;
	margin-right: 2px;
}

.list-top-space dl {
	display: block;
}

.list-top-space dl dt {
	float: left;
	font-size: 20px;
}

.list-top-space dl dd {
	display: block;
	overflow: hidden;
	padding: 0 0 0 10px;
}

.dashboard-white-box {
	padding: 20px;
}

.dashboard-white-box p {
	margin: 0;
}

/* Dashboard new changes */
.mtf-mid-wrap .dashboard-profile {
	float: left;
	width: 20%;
	min-height: 1px;
}

.mtf-mid-wrap .dashboard-feeds {
	float: left;
	width: 48%;
	margin: 0 2%;
	position: relative;
	min-height: 1px;
}

.mtf-mid-wrap .suggestion-view {
	float: left;
	width: 28%;
	min-height: 1px;
}

.my-dash-profile {
	padding: 20px;
	position: relative;
	display: block;
	text-align: center;
	border-bottom: 1px solid #dee2e6;
}

.my-dash-profile:before {
	content: "";
	width: 100%;
	height: 50px;
	background-color: #009be1;
	background-image: url(../images/background6.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.my-dash-photo {
	display: block;
	position: relative;
	min-height: 100px;
}

.my-dash-photo a {
	display: inline-block;
	position: relative;
}

.my-dash-photo img {
	border: 2px solid #fff;
	-webkit-box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, .15), 0 1.5px 3px
		0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 1.5px 3px 0 rgba(0, 0, 0, .15), 0 1.5px 3px 0
		rgba(0, 0, 0, .15);
	width: 90px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	height: 90px;
	object-fit: cover;
	background-color: #ffffff;
}

.welcome-dash {
	display: block;
	color: #545454;
	font-weight: normal;
}

.welcome-dash a {
	color: #545454;
}

.dashboard-profile .post-filters {
	display: block;
	text-align: left;
	padding: 20px 0;
}

.dashboard-profile .post-filters a {
	display: block;
	padding: 5px 10px;
}

.dashboard-profile .post-filters .checkbox-caption a {
	display: inline-block;
	padding: 0;
	color: #009be1;
	margin: 10px 0 0;
}

.dashboard-profile .post-filters .form-help-group {
	text-align: center;
	padding: 20px 0 0;
}

.dashboard-profile .post-filters .checkbox .checkbox-wrap {
	margin-top: 10px;
}

.suggestions.suggestion-view .nav-tabs .nav-item {
	width: 49%;
}

.suggestions.suggestion-view .nav-tabs .nav-item .icon-only {
	float: none;
	display: block;
	margin: 0 auto;
}

.dashboard-profile .post-filters.style-two {
	padding: 20px 15px;
}

.dashboard-profile .post-filters.style-two .g-recaptcha {
	-webkit-transform: scale(0.69);
	-ms-transform: scale(0.69);
	transform: scale(0.69);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
}

.dashboard-profile .post-filters .checkbox-caption, .radio-caption {
	padding-left: 30px;
	line-height: 23px;
}

.dashboard-feeds .post-list {
	margin: 0 0 20px;
}

.suggestions.suggestion-view .user-info {
	height: auto;
}

.dashboard-feeds .post-list .user-info .col-md-1 {
	position: absolute;
	right: 0;
}

/* Create Post css */
.new-post .modal-header {
	display: block;
	text-align: center;
	border-bottom: none;
	/* padding: 0;
  background: transparent;
   */
}

.new-post .modal-body {
	padding: 0;
}

.new-post .modal-footer {
	padding: 15px 20px;
}

.new-post .my-dash-photo {
	min-height: 70px;
}

.new-post .my-dash-photo img {
	width: 70px;
	height: 70px;
}

.start-post {
	margin-bottom: 15px;
	background: #ffffff;
	border: 1px solid #e2e2e2;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
/*.modal-open {
  overflow: unset;
}*/
.modal-title.login-modal-text span {
	display: inline-block;
	color: inherit;
}

.modal-buttons .mtf-btn {
	margin: 5px;
}

#loginModal .modal-body {
	text-align: center;
}

#postImagePreviewModal button.close {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, 0.3);
	color: #ffffff;
	text-shadow: none;
	opacity: 1;
	z-index: 1;
}

.start-post-modal {
	width: 86%;
	float: left;
}

.start-post-modal a {
	display: block;
	padding: 20px 20px 16px;
	font-size: 18px;
}

.start-post-modal a img {
	margin-right: 10px;
	vertical-align: text-bottom;
}

.start-post-title {
	overflow: hidden;
}

[class*="show-read-more"] .more-text {
	display: none;
}

#createPostModal .start-post-wrap {
	padding: 20px 20px 15px;
	text-align: left;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.start-post-wrap .form-group {
	margin: 0;
}

.start-post-wrap .radio .radio-wrap {
	width: 20px;
	height: 20px;
}

.start-post-wrap .radio .radio-wrap:before {
	width: 8px;
	height: 8px;
}

.start-post-wrap .radio-caption {
	padding-left: 30px;
	font-weight: 400;
}

.start-post-wrap .radio label {
	font-size: 14px;
}

.image-link {
	width: 13%;
	float: right;
	text-align: center;
	border-left: 1px solid #e2e2e2;
}

body .image-link .file-uploader {
	display: block;
	padding: 20px;
	margin-bottom: 0;
	cursor: pointer;
}

body .image-link .file-uploader:hover {
	background: #f8f8f8;
}

body .image-link:not(.disable-block) img {
	cursor: pointer;
}

body .image-link .form-group {
	margin-bottom: 0;
}

body .image-link a {
	border-left: 1px solid #e2e2e2;
}

.new-post-comment {
	padding: 20px;
	min-height: 240px;
	max-height: calc(100vh - 370px);
	overflow-y: auto;
}

.new-post-comment.bg-post {
	min-height: 310px;
	position: relative;
}

.new-post-comment.bg-post .post-editor {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	outline: none;
	z-index: 1;
}

.new-post-comment.bg-post .form-input {
	position: static;
}

.new-post-comment textarea.form-control {
	border: none;
	padding: 0;
	height: auto;
	resize: none;
	overflow: hidden;
	min-height: 130px;
}

.comment-info {
	background: #f2f2f2;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	position: relative;
	display: block;
}

.modal-body .new-post-comment .comment-info {
	/* margin: 20px 0; */
	margin-top: 20px;
}

.comment-info.comment-image {
	padding: 0;
	background: transparent;
}

.comment-info h4 {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	padding-bottom: 5px;
	font-size: 16px;
}

.comment-info p {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	padding-bottom: 0;
	font-size: 13px;
	line-height: 20px;
}

.comment-info button.close {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 18px;
	background: rgba(0, 0, 0, 0.5);
	padding: 2px 8px 5px;
	opacity: 1;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	z-index: 1;
}

.comment-info button.close:hover, .comment-info button.close:focus {
	background: rgba(0, 0, 0, 0.9);
}

.comment-info-wrap .mtf-btn {
	min-width: 10px;
	padding: 9px 20px;
	font-size: 13px;
}

.comment-info-wrap {
	overflow: hidden;
}

.comment-info-wrap .image-link {
	float: left;
	width: 15%;
	border-left: none;
	text-align: left;
}

body .comment-info-wrap .file-uploader {
	display: inline-block;
	background: none;
	padding: 0;
	margin: 6px 0;
	text-align: left;
	border: none;
}

.comment-post-btn {
	width: 85%;
	float: right;
	text-align: right;
}

.disable-block {
	opacity: 0.6;
}

.image-link.disable-block label {
	cursor: auto;
}

.comment-inner-info:before, .comment-inner-info:after {
	display: table;
	content: "";
}

.comment-inner-info:after {
	clear: both;
}
/* share css */
.share-social-link.datenow-social {
	text-align: center;
}

.datenow-social {
	display: inline-block;
	vertical-align: middle;
}

.datenow-social a {
	display: inline-block;
	margin: 10px;
}

.datenow-social a .social-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	padding: 1px;
	background: #2496b7;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	border: 2px solid transparent;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.datenow-social a.facebook .social-icon {
	background: #3b5998;
	border-color: transparent;
}

.datenow-social a.twitter .social-icon {
	background: #38A1F3;
	border-color: transparent;
}

.datenow-social a.linkedin .social-icon {
	background: #0077B5;
	border-color: transparent;
}

.datenow-social a:hover {
	opacity: 0.75;
}

.datenow-social a .social-title {
	display: block;
	padding-top: 10px;
	color: #474747;
}

.datenow-social a i {
	display: table;
	width: 100%;
	height: 100%;
}

.datenow-social a i:before {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	width: 100%;
}

/* .comment-info-image {
 float: left;
 padding-right: 15px;
}
.comment-info-image img {
 max-width: 70px;
}
.comment-inner-wrap {
 overflow: hidden;
} */
.comment-inner-info {
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.comment-inner-wrap {
	display: block;
	padding: 15px 15px 11px;
	background-color: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.comment-inner-wrap>a {
	font-size: 13px;
}

.comment-inner-wrap h4 {
	cursor: pointer;
	font-size: 16px;
	color: #585858;
	margin: 15px 0 8px;
	line-height: 22px;
}

.comment-inner-wrap p {
	font-size: 13px;
	color: #737373;
	line-height: 22px;
}

.post-loader {
	display: none;
	padding: 15px 20px;
	font-size: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.post-loader .fa {
	margin-right: 5px;
}

.mobile-menu {
	display: none;
}

.default-menu {
	display: block;
	text-align: left;
	margin: 0;
	padding: 20px 0;
}

.default-menu li {
	display: inline-block;
	color: #7e7e7e;
}

.default-menu li a {
	display: inline-block;
	padding: 5px 5px 5px 7px;
	font-size: 16px;
	color: #7e7e7e;
	font-size: 14px;
	position: relative;
}

.default-menu li a:hover {
	color: #009be1;
}

.default-menu li a:hover:before {
	background: #009be1;
}

.default-menu li a:before {
	display: inline-block;
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #7e7e7e;
}

.mobile-toggle {
	display: none;
	padding: 12px 15px;
	color: #fff;
	background: #009be1;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.mobile-toggle i {
	float: right;
}

.mobile-toggle:hover, .mobile-toggle:focus {
	color: #fff;
}

p.font-bigger {
	font-size: 18px;
}

.user-login-modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
}

.sharable {
	max-width: 650px;
	margin: 120px auto 70px;
	padding: 15px;
}
.share-page-wrap .mtf-footer {
	position: fixed;
}
.share-page-wrap .post-loc-date {
	margin-top: 0;
}
.share-page-wrap .post-loc-date {
	text-align: right;
}
.share-page-wrap .post-loc-date .post-meta img {
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.share-page-wrap .mtf-mid-wrap {
  padding: 0 15px 30px;
}
.share-page-wrap .show-read-more, .share-page-wrap .comment-inner-wrap {
	text-align: left;
}
.share-page-wrap .user-comments {
	padding: 10px 0 5px;
}

.share-page-wrap .share-post-wrap .post-loc-date {
	text-align: left;
}

.post-img {
	display: block;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.post-img-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: blur(20px);
	background-position: 50% 60%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	z-index: 1;
}

.post-img-bg:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	content: "";
	z-index: 2;
}

.post-img a {
	position: relative;
	z-index: 3;
}

.post-img img {
	max-height: 600px;
	/*width: 100%;
	max-height: 600px;
	object-fit: cover;*/
}

.comment-info-image {
	display: block;
}

.comment-info-image img {
	width: 100%;
	max-height: 480px;
	object-fit: cover;
}

.describe-yourSelf label {
	display: block;
}

.describe-yourSelf label span.pull-right {
	font-size: 13px;
}

.dashboard-feeds .post-filters {
	padding: 0 0 20px;
}

.home-modal-btns .mtf-btn {
	margin-left: 10px;
	min-width: 200px;
	background: none;
	text-transform: uppercase;
	color: #009be1;
}

.home-modal-btns .mtf-btn:hover {
	background: #f2f2f2;
	color: #474747;
}

.home-modal-btns .mtf-btn.right {
	color: #fff;
	background: #009be1;
}

.home-modal-btns .mtf-btn.right:hover {
	background: #fe8900;
}

.mtf-btn.msg-btn, .profile-info .mtf-buttons-wrap .mtf-btn.sg-btn {
	color: #606060;
}

.mtf-btn.msg-btn {
	color: #fff;
}

.mature-post {
	display: block;
	background: url(../images/mature-post.png) no-repeat 50% 50%;
	background-size: cover;
	padding: 100px 50px;
	text-align: center;
}

.post-list .user-item .user-info .mature-post h5 {
	color: #6fa3db;
	margin: 30px 0 10px;
	font-size: 16px;
}

.post-list .user-item .user-info .mature-post p {
	margin-bottom: 20px;
	color: #adaba3;
}

.post-list .user-item .user-info .mature-post p a {
	text-decoration: underline;
	color: #009be1;
}

.post-list .user-item .user-info .mature-post p a:hover {
	text-decoration: none;
}

.mature-post-btns .mtf-btn {
	text-transform: uppercase;
}

.video-post {
	position: relative;
	padding-bottom: 76.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-post iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.user-comments {
	display: block;
	padding: 10px 15px 15px;
}

.user-comments h1, .user-comments h2, .user-comments h3, .user-comments h4,
	.user-comments h5, .user-comments h6 {
	font-size: inherit;
	margin: 0;
	padding: 0;
}

.post-list .user-item .main-comment-block .user-name-wrap .gray-box-info>*
	{
	font-size: inherit;
}

.post-list .user-item .main-comment-block .user-name-wrap .gray-box-info a.post-comment-link
	{
	display: inline-block;
	float: none;
	color: #a21a01;
}

.post-comment-box {
	display: flex;
	padding: 15px;
	background-color: #f7f7f7;
	border: 1px solid #f3f3f3;
	border-radius: 4px;
	align-items: end;
}

.post-comment-box.inner {
	padding-top: 15px;
}

.post-comment-box textarea.form-control {
	min-height: 40px;
	height: 40px;
	font-size: 14px;
	background: #fff;
	resize: none;
	overflow: hidden;
	border-radius: 5px;
}

.user-comments .mtf-image {
	padding-bottom: 20px;
}

.post-list .user-item .mtf-image .post-like-reply a {
	display: inline-block;
	width: auto;
	margin: 0 10px 0 0;
	font-size: 14px;
	float: none;
}

.post-list .user-item .mtf-image .post-like-reply a:hover {
	color: #474747;
}

.post-list .user-item .mtf-image .post-like-reply a .mdi-message-processing
	{
	color: #ffaa10;
	position: relative;
	top: 1px;
}

.post-list .user-item .mtf-image .post-like-reply a .mdi-delete {
	color: #dd5e65;
}

.show-more-comments {
	display: block;
	padding: 0 0 15px;
}

.show-more-comments a {
	font-size: 14px;
	color: #009be1;
}

.show-more-comments a:hover {
	color: #474747;
}

.post-list .user-item .mtf-image .user-name-wrap a.user-avtar {
	float: left;
}

.post-like-reply {
	display: block;
	padding: 5px 10px 0;
}

.post-like-reply a:hover {
	opacity: 0.7;
}
/*.post-like-reply a {
 color: #a21a01;
}*/
.post-like-counter {
	display: inline-block;
	padding: 2px 5px;
	background: #fff;
	font-size: 14px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 3px 5px 0px #f1ebeb;
	box-shadow: 0px 3px 5px 0px #f1ebeb;
}

.post-like-counter .fa {
	color: #ff008b;
}

p.p1 {
	color: #707070 !important;
	font-size: 16px !important;
}

.text-counter {
	font-size: 13px;
}

.post-list .user-item .main-comment-block .mtf-image {
	margin: 0 !important;
	padding-bottom: 10px;
}

.main-comment-block {
	display: block;
	padding: 0 5px;
}

.post-list .user-item .main-comment-block .mtf-image .gray-box-info>a {
	font-weight: 600;
}

.post-list .user-item .main-comment-block .mtf-image img {
	max-width: 40px;
}

.post-list .user-item .main-comment-block .user-name-wrap .gray-box-info
	{
	display: block;
	overflow: hidden;
	clear: both;
	font-size: 14px;
	line-height: normal;
	background: #f7f7f7;
	padding: 10px;
	border: 1px solid #f3f3f3;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	word-break: break-word;
}

.post-list .user-item .main-comment-block .user-name-wrap .gray-box-info a.post-comment-link
	{
	margin-left: 10px;
	color: #a21a01;
	font-weight: normal;
}

.post-list .user-item .main-comment-block .user-name-wrap .gray-box-info a
	{
	margin-right: 5px;
	float: none;
	color: #009be1;
}

.post-list .user-item .main-comment-block .user-name-wrap {
	padding-left: 10px;
}

.comment-reply {
	display: none;
}

.inner-comment {
	padding: 10px 0 0;
}

.post-list .inner-comment .mtf-image {
	padding-left: 10px;
}

.comment-reply-input {
	min-height: 60px;
}

.post-editor {
	min-height: 80px;
	cursor: text;
	outline: none;
}

[contentEditable=true]:empty:not(:focus):before {
	color: rgba(0, 0, 0, 0.4);
	content: attr(data-placeholder);
}

#createPostModal .modal-content {
	border: none;
}

.verification-wrap {
	text-align: center;
}

.verification-wrap .photo-list {
	overflow: hidden;
}

.verification-wrap .mtf-image {
	margin: 30px 0 20px;
}

.verification-wrap .mtf-icon h2 {
	padding: 15px 0 0;
	color: #ff6600;
}

.verification-wrap .mtf-btn {
	min-width: 230px;
}

.verification-wrap .mtf-buttons-wrap {
	padding-top: 15px;
}

.verify-step-number {
	display: inline-block;
	padding: 7px 20px;
	background: #ffffff;
	color: #d90e00;
	font-size: 13px;
	text-transform: uppercase;
	border: 1px solid rgba(23, 23, 23, 0.15);
	-webkit-border-radius: 30px;
	-ms-border-radius: 30px;
	border-radius: 30px;
}

.verification-code {
	padding-top: 10px;
}

.verification-code h2 {
	display: inline-block;
	vertical-align: middle;
	padding: 17px 20px;
	margin-bottom: 20px;
	background: #f2f2f2;
	color: #535353;
	font-size: 60px;
	line-height: 60px;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.verification-code h3 {
	padding-bottom: 15px;
	color: #585858;
	font-size: 30px;
	line-height: 30px;
}

.verification-code h4 {
	max-width: 450px;
	margin: 0 auto;
	color: #888888;
	font-size: 18px;
	line-height: 28px;
}

.verification-code h4 strong {
	display: block;
}

.upload-verified-selfie {
	text-align: left;
}

.verification-wrap .img-thumbnail {
	max-width: 300px;
	margin: 0 auto 10px;
	text-align: center;
	overflow: hidden;
}

#upload-target {
	width: 0;
	height: 0;
	display: none;
}

.tooltip {
	z-index: 999999 !important;
}

.profile-badges span i {
	width: 100%;
	height: 100%;
}

.message-links {
	padding: 0 15px;
	background: #fffef8;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.message-links .link-item {
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	margin: 0;
	color: #474747;
	font-size: 13px;
	position: relative;
}

.message-links .link-item img {
	width: 20px;
	margin-right: 5px;
}

.message-links .link-item img.allow-photo {
	width: 30px;
}

.message-links .link-item .fa {
	vertical-align: text-bottom;
	margin-right: 5px;
	color: #d74b32;
	font-size: 20px;
}

.message-links .link-item input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 0;
}

.msg-img-thumb {
	margin-top: 8px;
}

.msg-img-thumb img {
	max-width: 200px;
	float: left;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.msg-img-preview {
	position: relative;
	padding: 10px;
	float: left;
}

.msg-img-preview .small-preview {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 60px;
	object-fit: cover;
	height: 60px;
}

.msg-img-preview .rm-thumb-img {
	position: absolute;
	top: 5px;
	right: 5px;
}

.mtf-mid-wrap.messageDynamic .mtf-whitebox {
	position: relative;
}

.mtf-custom-popup {
	padding: 30px;
}
/* .mtf-custom-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  background: #ffffff;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 2;
}
.mtf-custom-popup.open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
} */
.custom-popup-title {
	margin-bottom: 20px;
	position: relative;
}

.popup-title {
	padding-bottom: 0;
}

.popup-close-link {
	position: absolute;
	top: -2px;
	right: 0;
	color: #adadad;
	font-size: 24px;
	z-index: 1;
}

.cards-wrap.mtf-scroll {
	height: 568px;
}

.cards-wrap .card-item {
	padding-bottom: 30px;
}

.cards-wrap .card-item img {
	width: 100%;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.card-info-wrap {
	max-width: 375px;
	margin: 0 auto;
}

.card-info-wrap .alert {
	margin-bottom: 15px;
}

#cardPreviewModal .card-info-wrap {
	max-width: inherit;
}

.card-info-wrap .card-image img {
	width: 100%;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.card-info-wrap .mtf-buttons-wrap {
	padding-top: 10px;
}

.card-info-wrap .mtf-btn {
	min-width: 100%;
	padding: 10px 25px;
	font-size: 14px;
}

.card-view-wrap {
	/* height: 500px; */
	perspective: 2500px;
}

#cardPreviewModal .card-view-wrap {
	height: 800px;
}

.card-view-inner {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition: transform .6s;
	-ms-transition: transform .6s;
	transition: transform .6s;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.card-view-inner.card-flipped {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* .card-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  z-index: 1;
} */
.card-view-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.card-image img {
	border: 1px solid #d9d9d9;
}

.card-view-container:hover .write-message-link {
	height: 75px;
	width: 75px;
}

.card-view-container .write-message-link:hover {
	height: 100px;
	width: 100px;
}

.card-back .message-author {
	top: 40px;
	left: 50px;
}

.card-back .message-author+.message-author {
	bottom: 25px;
	right: 45px;
}

.back-to-cards {
	font-size: 14px;
	text-decoration: underline;
}

.back-to-cards .fa {
	padding-right: 10px;
	color: #999999;
	font-size: 14px;
}

.message-author {
	position: absolute;
	top: 15px;
	left: 15px;
	text-align: center;
	z-index: 1;
}

.message-author+.message-author {
	top: auto;
	bottom: 15px;
	left: auto;
	right: 15px;
}

.message-author h6 {
	padding: 4px 0 0;
	font-size: 13px;
	letter-spacing: 0.4px;
}

.message-author img {
	max-width: 40px;
	border: 2px solid #ffffff;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.mtf-orange-btn {
	background: #009be1;
	color: #ffffff;
}

.mtf-orange-btn:hover, .mtf-orange-btn:focus {
	background: #0980b5;
	color: #ffffff;
}

.write-message-link {
	height: 20px;
	width: 20px;
	right: 0;
	top: 0;
	position: absolute;
	overflow: visible;
	-webkit-transition-property: all;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);
}

.write-message-link a {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	background: -webkit-linear-gradient(45deg, #ddd 17%, #dfdfdf 18%, #f5f5f5 30%,
		#f8f8f8 34%, #eee 39%, rgba(200, 200, 200, 0) 41%);
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition-property: all;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);
}

.write-message-link a:before, .write-message-link a:after {
	position: absolute;
	right: 100%;
	top: 0;
	background: -webkit-radial-gradient(-180% 200%, circle, rgba(255, 255, 255, 0)
		85%, rgba(0, 0, 0, .1) 93%);
	display: block;
	z-index: 2;
	border-top-right-radius: 60%;
	width: 50%;
	height: 50%;
	content: "";
}

.write-message-link a:after {
	top: 100%;
	right: 1px;
	background: -webkit-radial-gradient(-250% 320%, circle, rgba(255, 255, 255, 0)
		85%, rgba(0, 0, 0, .10) 93%);
}

.curling-inner {
	position: absolute;
	width: 7em;
	top: 0;
	right: 0;
	text-align: center;
	padding: 8px 5px;
	color: #000000;
	font-size: 10px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
}

.curling-wrap {
	width: 125%;
	position: absolute;
	display: block;
	overflow: hidden;
	-webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #000 53%);
	top: 0;
	right: 0;
	height: 125%;
	-webkit-transition-property: all;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);
}

.curling-wrap:before, .curling-wrap:after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3bbb4+0,cdc5be+12,c3bbb4+26,d2cac2+39,c3bbb4+50,bfb7b0+51,d2cac2+60,ebe2d9+77,cdc5be+91,c3bbb4+100 */
	background: rgb(195, 187, 180); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(195, 187, 180, 1) 0%,
		rgba(205, 197, 190, 1) 12%, rgba(195, 187, 180, 1) 26%,
		rgba(210, 202, 194, 1) 39%, rgba(195, 187, 180, 1) 50%,
		rgba(191, 183, 176, 1) 51%, rgba(210, 202, 194, 1) 60%,
		rgba(235, 226, 217, 1) 77%, rgba(205, 197, 190, 1) 91%,
		rgba(195, 187, 180, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(195, 187, 180, 1) 0%,
		rgba(205, 197, 190, 1) 12%, rgba(195, 187, 180, 1) 26%,
		rgba(210, 202, 194, 1) 39%, rgba(195, 187, 180, 1) 50%,
		rgba(191, 183, 176, 1) 51%, rgba(210, 202, 194, 1) 60%,
		rgba(235, 226, 217, 1) 77%, rgba(205, 197, 190, 1) 91%,
		rgba(195, 187, 180, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(195, 187, 180, 1) 0%,
		rgba(205, 197, 190, 1) 12%, rgba(195, 187, 180, 1) 26%,
		rgba(210, 202, 194, 1) 39%, rgba(195, 187, 180, 1) 50%,
		rgba(191, 183, 176, 1) 51%, rgba(210, 202, 194, 1) 60%,
		rgba(235, 226, 217, 1) 77%, rgba(205, 197, 190, 1) 91%,
		rgba(195, 187, 180, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3bbb4',
		endColorstr='#c3bbb4', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	-webkit-border-radius: 0 5px 0 0;
	-ms-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

.curling-wrap:after {
	background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 37%,
		#DDD 62%, rgba(230, 230, 230, 0.1) 64%, rgba(255, 255, 255, 0) 67%),
		-webkit-radial-gradient(-50% 150%, circle, transparent 74%, rgba(0, 0, 0
		, 0.2) 74%, transparent 81%);
	width: 133%;
	height: 133%;
}

.card-message-wrap {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 75%;
	margin: 0 auto;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.card-message-titlebar {
	padding: 8px 15px;
	background: #fafafa;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.card-fonts {
	display: inline-block;
	vertical-align: middle;
}

.card-fonts ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 130px;
	padding: 5px;
	margin-bottom: 0;
	background: #ffffff;
	font-size: 14px;
	line-height: 18px;
	list-style: none;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.card-fonts ul li a {
	display: block;
	padding: 5px 10px;
}

.card-colors {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

.card-colors a {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	padding: 4px;
	border: 1px solid transparent;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.card-colors a.active {
	background: #ffffff;
	border-color: #bdbdbd;
}

.card-colors a span {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.card-writer .form-control {
	height: 229px;
	color: #474747;
	font-size: 30px;
	border: none;
	resize: none;
	-webkit-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.caveat-regular {
	font-family: 'Caveat-Regular';
}

.gaegu-regular {
	font-family: 'Gaegu-Regular';
}

.handlee-regular {
	font-family: 'Handlee-Regular';
}

.kalam-regular {
	font-family: 'Kalam-Regular';
}

.mali-regular {
	font-family: 'Mali-Regular';
}

@font-face {
	font-family: 'Caveat-Regular';
	src: url('../fonts/card-fonts/Caveat-Regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/card-fonts/Caveat-Regular.woff') format('woff'),
		url('../fonts/card-fonts/Caveat-Regular.ttf') format('truetype'),
		url('../fonts/card-fonts/Caveat-Regular.svg#Caveat-Regular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gaegu-Regular';
	src: url('../fonts/card-fonts/Gaegu-Regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/card-fonts/Gaegu-Regular.woff') format('woff'),
		url('../fonts/card-fonts/Gaegu-Regular.ttf') format('truetype'),
		url('../fonts/card-fonts/Gaegu-Regular.svg#Gaegu-Regular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Handlee-Regular';
	src: url('../fonts/card-fonts/Handlee-Regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/card-fonts/Handlee-Regular.woff') format('woff'),
		url('../fonts/card-fonts/Handlee-Regular.ttf') format('truetype'),
		url('../fonts/card-fonts/Handlee-Regular.svg#Handlee-Regular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kalam-Regular';
	src: url('../fonts/card-fonts/Kalam-Regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/card-fonts/Kalam-Regular.woff') format('woff'),
		url('../fonts/card-fonts/Kalam-Regular.ttf') format('truetype'),
		url('../fonts/card-fonts/Kalam-Regular.svg#Kalam-Regular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Mali-Regular';
	src: url('../fonts/card-fonts/Mali-Regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/card-fonts/Mali-Regular.woff') format('woff'),
		url('../fonts/card-fonts/Mali-Regular.ttf') format('truetype'),
		url('../fonts/card-fonts/Mali-Regular.svg#Mali-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

#safetyWarningModal .earning-required-msg {
	padding-top: 0;
}

.photo-actions-wrap {
	max-width: 500px;
	padding: 20px;
	margin-top: 8px;
	background: #fcf9e7;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.photo-actions-wrap a, .card-msg-view a.msg-accept, .card-msg-view a.msg-deny,
	.card-msg-view a.msg-spam {
	display: inline-block;
	margin: 10px 15px 0 0;
	text-decoration: underline;
}

.photo-actions-wrap a .fa, .card-msg-view a .fa {
	padding-right: 7px;
	color: #66cc33;
}

.photo-actions-wrap a .fa-times-circle, .card-msg-view a .fa-times-circle
	{
	color: #cc6699;
}

.photo-actions-wrap a .fa-exclamation-triangle {
	color: #ff8e09;
}

.photo-actions-wrap p {
	padding-bottom: 0;
}

.photo-actions-title {
	padding-bottom: 5px;
	font-size: 16px;
}

.safety-warnings {
	display: inline-block;
}

.safety-warnings img {
	position: relative;
	top: -2px;
	margin-right: 3px;
}

.card-preview button.close {
	position: absolute;
	top: 25px;
	right: 25px;
	color: #ffffff;
	text-shadow: none;
	opacity: 1;
	font-weight: normal;
	z-index: 1;
}

.card-preview .modal-dialog {
	max-width: 375px;
}

#cardPreviewModal.card-preview .modal-dialog {
	max-width: 600px;
}

.card-preview .modal-content {
	background: none;
	border: none;
	border-radius: 0;
}

.card-preview .modal-body {
	padding: 0;
}

.card-preview .card-view-container {
	border: none;
}

.card-msg-view {
	margin-top: 8px;
	background: #fcf9e7;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 15px;
	display: inline-block;
}

.card-msg-view a {
	display: block;
}

.card-msg-view img {
	max-width: 25px;
	margin-right: 15px;
	float: left;
}

.card-msg-view span {
	display: block;
	overflow: hidden;
}

.card-message-wrap.message-preview {
	border: none;
	font-size: 36px;
	line-height: 45px;
	text-align: center;
	word-break: break-word;
}

#selectedCard {
	/* min-height: 60px; */
	display: none;
}

#cardListsView, #selectedCardView {
	display: none;
}

#cardListsView, #conversationView, #selectedCardView {
	margin-top: 0;
}

.card-view.card-back {
	display: none;
}

.card-flipped .card-view.card-back {
	display: block;
}

.card-flipped .card-view {
	display: none;
}

.card-view.card-back {
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

#cardPreviewModal .card-back .message-author {
	top: 65px;
	left: 65px;
}

#cardPreviewModal .message-author+.message-author {
	top: auto;
	bottom: 65px;
	left: auto;
	right: 65px;
}

.scroll-cards {
	display: block;
	color: #474747;
	padding-top: 20px;
}

.unsubsrcibe-block {
	text-align: center;
}

.unsubsrcibe-block h6 a {
	color: #e56a63;
}

.unsubsrcibe-block h6 a:hover {
	color: #474747;
}

.warning-block {
	padding: 0 10px 10px;
}

.warning-block .alert {
	margin-bottom: 0;
}

.warning-block .alert p {
	padding-bottom: 0;
}

.card-msg-view .msg-spam .fa {
	color: #ff8e09;
}

.notification-item {
	border-bottom: 1px solid #dee2e6;
}

.notification-item:last-child {
	border-bottom: none;
}

.notification-item .account-status a {
	margin-left: 0;
}

.notification-item-title {
	padding: 15px 20px;
	color: #707070;
	font-size: 16px;
	border-bottom: 1px solid #dee2e6;
}

.notification-item-title img {
	margin-right: 10px;
}

.notification-items-info {
	padding: 20px;
}

/* new page css */
/* .my-fav-view {
  margin: 0 auto;
  max-width: 880px;
} */
.my-fav-view .suggestion-filters .nav-tabs {
	padding: 0 15px;
	border: none;
}

.my-fav-view .suggestion-filters .nav-tabs .nav-item {
	min-width: 50%;
	padding: 0 10px;
}
/*.inner-tabs .nav-tabs .nav-item {
  min-width: 50%;
  padding: 0 10px;
}
.inner-tabs {
  display: block;
  padding: 0;
}
.inner-tabs.style-two .nav-tabs .nav-item {
  min-width: 10px;
  padding: 0;
}
.inner-tabs.style-two .nav-tabs {
  padding: 0;
}
.inner-tabs.style-two .nav-tabs .nav-link {
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 20px;
  background: none;
  color: #cd6837;
}
.inner-tabs.style-two .nav-tabs .nav-link.active {
  border-bottom-color: #cd6837;
  color: #696969;
}*/
.inner-tabs.style-two .nav-tabs .nav-link {
	padding: 15px 0;
}

.inner-tabs.style-two .nav-tabs {
	padding: 0 20px;
}

.my-fav-view .user-info .mtf-btn:nth-child(2n) .fa {
	color: #fe8900;
}

.my-fav-view .user-info .mtf-icon img {
	margin-right: 5px;
}

.my-fav-view h6.user-email.user-view {
	padding: 5px 0 0;
	font-size: 14px;
	color: #fe8000;
}

.my-fav-view h6.user-view .fa {
	color: #3399ff;
}

.my-fav-view .user-info.no-height {
	min-height: 118px;
	height: auto;
}

.my-fav-view .suggestion-toggle {
	padding: 0 0 15px;
}

.m-view-tabs {
	display: none;
}

.m-view-tabs .inner-tabs {
	padding: 0 0 25px;
}

.mtf-btn.fav-btn-icon {
	border: none;
	padding: 0;
	background: none;
	min-width: 10px;
	box-shadow: none;
}

.mtf-btn.fav-btn-icon .fa {
	color: #009be1;
	font-size: 18px;
	width: auto;
}

.profile-info .mtf-buttons-wrap .mtf-btn.fav-btn-icon {
	margin-top: 10px;
}

.interests-list {
	float: left;
	width: 70%;
	margin-right: 2%;
}

.inner-tab-count {
	display: inline-block;
	background: #009be1;
	line-height: 19px;
	color: #ffffff;
	min-width: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	font-size: 10px;
	padding: 0 5px;
	position: relative;
	top: -2px;
	margin-left: 2px;
}

.active .inner-tab-count {
	background: #949494;
}
/* .interests-link .mtf-badge {
  left: 45px;
} */
.my-matches .user-info .mtf-btn .mtf-icon {
	position: relative;
}

span.mtf-icon .ajax-post-overlay {
	position: absolute;
	z-index: 1;
	top: -5px;
	left: -5px;
	min-height: 35px;
	opacity: 0.9;
}

.mtf-small-device .col-md-5 .mtf-buttons-wrap {
	text-align: right;
}

.home-more-post-block {
	display: none;
}

.new-post-comment {
	position: relative;
}

.post-bg-slider {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	z-index: 1;
}

.post-bg-slider .mtf-image a {
	display: inline-block;
	vertical-align: middle;
	margin: 1px 6px;
	position: relative;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.post-bg-slider .current .mtf-image a:before {
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 1px;
	right: 1px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	content: "";
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	z-index: 0;
}

body .post-bg-slider .mtf-image img {
	width: 30px;
	height: 30px;
	object-fit: cover;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

body .post-bg-slider .owl-carousel {
	padding: 0 20px;
}

.post-bg-slider .owl-drag .owl-prev:before, .post-bg-slider .owl-drag .owl-next:before
	{
	left: -10px;
	width: 24px;
	height: 24px;
	background: rgba(0, 0, 0, 0.4);
	color: #ffffff;
	line-height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.post-bg-slider .owl-drag .owl-next:before {
	left: auto;
	right: -10px;
}

.post-bg-slider .mtf-image .no-image {
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.post-bg-slider .owl-nav .disabled {
	display: block;
	opacity: 0.7;
}

.background-post {
	height: 497px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	text-align: center;
	position: relative;
}

.background-post h5, .post-list .user-item .user-info .background-post h5
	{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	word-break: break-word;
	font-size: 40px;
	white-space: pre-wrap;
}

a.text-red {
	color: #009be1;
}

/*.mid-spacer-two {
  padding: 50px 0 0;
}*/
.mtf-banner-wrap {
	height: 325px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.banner-meta {
	position: absolute;
	top: -55px;
	right: 35px;
	z-index: 3;
}

.banner-meta .mtf-btn {
	min-width: 160px;
	padding: 9px 20px;
	background: #009be1;
	color: #ffffff;
}

.banner-meta .mtf-btn:hover, .banner-meta .mtf-btn:focus {
	background: #0980b5;
}

.banner-meta .mtf-btn .mtf-icon {
	color: #ffffff;
}

.banner-meta .mtf-icon .fa {
	width: 20px;
	font-size: 18px;
}

.banner-meta ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.banner-meta ul li {
	display: inline-block;
	padding: 0;
	border-top: none;
}

.banner-meta ul li a {
	display: inline-block;
	vertical-align: middle;
	width: 56px;
	padding: 10px 10px 6px;
	margin-left: 15px;
	background: #ffffff;
	color: #999999;
	border: 1px solid rgba(0, 0, 0, 0.17);
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.banner-meta ul li .mtf-icon .fa {
	width: auto;
	margin-right: 0;
}

.banner-meta ul li:first-child a {
	color: #009be1;
	position: relative;
}

.banner-meta ul li a span.mtf-icon .ajax-post-overlay {
	top: 0;
	left: 0;
}

.banner-meta ul li a:hover, .banner-meta ul li a:focus {
	color: #0980b5;
}

.mtf-profile-wrap {
	position: relative;
}

.mtf-profile-wrap:before, .mtf-profile-wrap:after {
	display: table;
	content: "";
}

.mtf-profile-wrap:after {
	clear: both;
}

.mtf-main-profile {
	position: relative;
	background: #fafafa;
}
/* .mtf-main-profile:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 295px;
  background: #fafafa;
  border-right: 1px solid #e8e8e8;
  content: "";
  z-index: -1;
} */
.profile-inner-wrap {
	width: 295px;
	min-height: 100vh;
	float: left;
	padding: 0 20px 50px;
	/* background: #fafafa;
  border-right: 1px solid #e8e8e8; */
}

.profile-inner-info {
	margin-top: -160px;
}

.profile-inner-info.style-two {
	position: relative;
}

.my-profile-pic {
	height: 246px;
	width: 246px;
	position: relative;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	border: 6px solid rgba(255, 255, 255, 0.6);
}

.my-profile-pic.login-user {
	display: block;
	overflow: hidden;
}

.profile-inner-info .mtf-image img {
	object-fit: cover;
	width: 100%;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	background: #fff;
}

.profile-info-list {
	padding: 10px 20px 0;
}

.profile-info-list h2 {
	padding-bottom: 5px;
	font-size: 36px;
	color: #000000;
	line-height: 40px;
	word-break: break-word;
}

.profile-stats, .profile-stats-activity {
	padding-bottom: 15px;
	font-size: 18px;
	color: #000000;
}

.profile-stats:before {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 11px;
	margin-right: 8px;
	background: #00cc66;
	content: "";
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.member-detail {
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #565656;
	list-style: none;
	line-height: normal;
}

.member-detail li {
	overflow: hidden;
	padding: 7px 0;
	border-top: 1px solid #e1e1e1;
}

.member-detail li .mtf-icon {
	float: left;
}

.member-detail li .mtf-icon img {
	width: 30px;
}

.member-detail li span {
	display: block;
	overflow: hidden;
	padding-top: 5px;
}

ul.small-label {
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 20px;
	color: #717171;
	list-style: none;
}

.small-label li {
	padding: 8px 0 7px;
	border-top: 1px solid #e1e1e1;
}

.small-label li span {
	display: inline-block;
	vertical-align: middle;
}

.small-label li span:first-child {
	min-width: 110px;
}

.log-item-wrap {
	padding-top: 20px;
	border-top: 1px solid #e1e1e1;
}

.log-title {
	color: #009be1;
	padding-bottom: 5px;
}

.log-item {
	color: #8b8b8b;
	padding: 8px 0 10px;
	border-bottom: 1px solid #e1e1e1;
}

.log-info {
	overflow: hidden;
	padding: 2px 0 0 10px;
}

.log-item h6 {
	padding-bottom: 0;
	font-size: 15px;
}

.log-item h6 a {
	color: #0980b5;
}

.log-item h6.active {
	color: #565656;
}

.log-label {
	font-style: italic;
}

.log-item .mtf-icon {
	float: left;
}

.log-item .mtf-icon img {
	width: 18px;
}

.small-label li .log-item span:first-child {
	min-width: 10px;
}

.mtf-profile-detail {
	min-height: 100vh;
	padding: 25px 35px;
	overflow: hidden;
	background: #ffffff;
	border-left: 1px solid #e8e8e8;
}

.mtf-profile-detail h4 {
	color: #8d8d8d;
	font-size: 18px;
}

.mtf-profile-detail h4.red-title {
	color: #009be1;
}

.mtf-profile-detail p {
	font-size: 18px;
}

.mtf-profile-detail p.not-yet {
	color: #b8b8b8;
}

.about-me {
	padding: 20px 0 13px;
	display: block;
	overflow: hidden;
	clear: both;
}

.mtf-profile-detail .mtf-image {
	display: inline-block;
	margin: 12px 22px 12px 0;
}

.mtf-profile-detail .mtf-image img {
	max-height: 88px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.mtf-profile-detail .no-image {
	text-align: center;
	padding: 20px;
	background: #fcfcfc;
	border: 1px solid #dadada;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.mtf-profile-detail .no-image img {
	display: inline-block;
}

.no-image-title {
	font-size: 16px;
	color: #a3a3a3;
	line-height: normal;
	margin-left: 20px;
	position: relative;
	top: 10px;
	display: inline-block;
	text-align: left;
}

.edit-profile-btn {
	padding: 5px 0 10px;
}

.edit-profile-btn .mtf-btn {
	min-width: 160px;
	padding: 9px 20px;
	color: #fff;
	text-align: center;
	font-size: 13px;
	border-color: #c1c1c1;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.edit-profile-btn .mtf-icon {
	padding-right: 5px;
}

.upload-btn {
	display: inline-block;
	vertical-align: middle;
	padding: 20px 0;
}

.file-uploader.images-upload label {
	padding: 9px 15px 7px;
	margin: 0;
	background: #ffffff;
	text-align: left;
	color: #8d8d8d;
	border: 1px solid #c5c5c5;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.file-uploader.images-upload.ishover label {
	background: #f5f5f5;
}

.images-upload .mtf-icon .fa {
	color: #3399ff;
	font-size: 22px;
}

.images-upload .mtf-icon .fa {
	vertical-align: middle;
	width: auto;
}

.upload-btn a {
	padding: 11px 15px;
	margin: 0;
	background: #f7f7f7;
	text-align: left;
	color: #8d8d8d;
	border: 1px solid #c5c5c5;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
}

.upload-btn a:hover {
	background: #ffffff;
}

.upload-btn a .mtf-icon {
	display: block;
}

.upload-btn a .mtf-icon img {
	max-width: 40px;
}

.upload-btn a .file-title {
	display: block;
	padding-top: 5px;
}

.cover-images-wrap {
	position: absolute;
	bottom: 15px;
	right: 64px;
	z-index: 99;
}

.cover-images-wrap .mtf-btn {
	padding: 10px 15px;
	min-width: 130px;
	border: none;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.cover-images-wrap .mtf-btn .mtf-icon .fa {
	font-size: 16px;
}

.cover-images {
	display: none;
	position: absolute;
	top: 55px;
	right: 0;
	width: 425px;
	padding: 25px 25px 0;
	background: #f0f0f0;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.55);
	-ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.55);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.55);
	z-index: 999;
}

.cover-images .images-upload label {
	padding: 10px 15px;
	text-align: center;
}

.cover-images-list {
	padding-top: 20px;
	margin: 0 -12px;
}

.cover-images-list:before, .cover-images-list:after {
	display: table;
	content: "";
}

.cover-images-list:after {
	clear: both;
}

.cover-images-list .mtf-image {
	width: 20%;
	float: left;
	padding: 0 12px 24px;
}

.cover-inner-image {
	position: relative;
	cursor: pointer;
	width: 50px;
}

.cover-inner-image:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	background-image: url(../images/icons/check-icon.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 18px auto;
	opacity: 0;
	visibility: hidden;
	border: 2px solid rgba(0, 0, 0, 0.3);
	content: "";
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	z-index: 1;
}

.cover-inner-image img {
	height: 40px;
	width: 50px;
	object-fit: cover;
	border: none;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.select .cover-inner-image:after {
	opacity: 1;
	visibility: visible;
}

.select .cover-inner-image img {
	border: 3px solid #ffffff;
}

.profile-info-wrap {
	margin-bottom: 10px;
	border: 1px solid #dadada;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.profile-info-wrap h5 {
	padding: 11px 20px;
	margin: 0;
	background: #fafafa;
	font-size: 16px;
	color: #717171;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.profile-inner-item {
	padding: 10px 20px;
	border-top: 1px solid #dadada;
}

.profile-inner-title {
	display: inline-block;
	min-width: 160px;
	font-size: 16px;
	color: #8d8d8d;
}

.profile-inner-title+span span:after {
	content: ", ";
}

.profile-inner-title+span span:last-child:after {
	content: "";
}

.profile-inner-list .disable {
	color: #b8b8b8;
}

.log-item .ajax-post-overlay, .message-log-block .ajax-post-overlay {
	min-height: 50px;
}

.modal-full {
	min-width: 100%;
	margin: 0;
}

.modal-full .modal-content {
	min-height: 100vh;
}

.modal-full button.close {
	background: #fff;
	opacity: 1;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.banner-background {
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.profile-info-wrap h5 .pull-right a {
	color: #009be1;
	font-size: 14px;
	text-decoration: underline;
}

.profile-info-wrap h5 .pull-right a  .fa {
	color: #fb9933;
}

.profile-info-wrap h5 .pull-right a:hover {
	text-decoration: none;
}

.profile-info-wrap h5 .pull-right a .fa {
	color: #009be1;
}

#userProfileModal .modal-full .modal-footer {
	border-top: 1px solid #e8e8e8;
}
/* .cropFrame {
  overflow : hidden;
  position : relative;
  width: 100% !important;
  height: 100% !important;
}
.cropImage {
  position : absolute;
  top      : 0;
  left     : 0;
  cursor   : move;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  height: 100vh;
    object-fit: cover;
} */
.cropFrame {
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.cropImage {
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
}

.cropimage.height {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mtf-btn.mtf-btn-red {
	color: #d34e44;
}

.mtf-btn.mtf-btn-red .fa {
	color: #fb9933;
}

.mtf-btn.mtf-btn-black {
	color: #858585;
	background: #f2f2f2;
}

.mtf-btn.mtf-btn-black:hover {
	background: #ffffff;
}

.mtf-btn.mtf-btn-black .fa {
	color: #818181;
}

.mtf-main-profile .profile-inner-info .mtf-image a .profile-badges span
	{
	right: 0;
}

.change-pic {
	position: absolute;
	top: 155px;
	left: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: none;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.my-profile-pic:hover .change-pic {
	display: block;
}

.change-pic a {
	display: block;
	background: rgba(0, 0, 0, 0.8);
	padding: 25px;
	color: #d8d8d8;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.change-pic a .mtf-icon {
	display: block;
}

.cropControls {
	display: none;
}

.profile-badges.style-two span {
	top: 170px;
	right: 20px;
	bottom: auto;
	z-index: 9;
}

.log-title.open:after {
	content: "-";
}

#coverImageCropper .mtf-croping {
	padding-bottom: 0;
}

#coverImageCropper .uploade-result {
	overflow: hidden;
}

.mtf-banner-wrap.open {
	overflow: hidden;
}

/* classifieds css*/
.applicants-meta {
	padding: 0 10px 10px;
}

.applicants-meta ul {
	padding: 0;
	margin: 0;
	font-size: 15px;
	list-style: none;
	text-align: right;
	border: none;
}

.applicants-meta ul li {
	display: inline-block;
}

.applicants-meta ul li:last-child {
	padding-right: 0;
}

.applicants-meta ul li img {
	vertical-align: baseline;
	margin-right: 3px;
}

.applicants-stats {
	display: inline-block;
	position: relative;
}

.applicants-stats:before {
	display: inline-block;
	margin-right: 8px;
	width: 9px;
	height: 9px;
	background: #33cc00;
	content: "";
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}

.meta-link a {
	display: inline-block;
	text-decoration: underline;
}

.meta-link img {
	vertical-align: baseline;
	margin-right: 3px;
}

.message-title-wrap {
	padding: 20px 30px 10px;
	background: #fafafa;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #eaeaea;
	word-break: break-word;
}

.message-title-wrap h3 {
	padding-bottom: 2px;
	color: #993300;
	font-size: 26px;
	line-height: 32px;
}

.classifieds-title-wrap {
	padding-bottom: 15px;
}

.classifieds-title-wrap h2 {
	padding-bottom: 0;
	font-size: 30px;
}

.classifieds-title-meta .mtf-btn {
	padding: 11px 15px 10px;
	color: #343434;
	font-size: 16px;
	border-color: #d0cfcb;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.classifieds-title-meta .mtf-btn .fa {
	vertical-align: top;
	padding-right: 6px;
	color: #f6a61a;
	font-size: 20px;
}

.classifieds-link {
	display: inline-block;
	margin-right: 30px;
	font-size: 18px;
}

.classifieds-link span {
	text-decoration: underline;
}

.classifieds-link:hover span {
	text-decoration: none;
}

.classifieds-link img {
	display: inline-block;
	margin-right: 3px;
}

.classifieds-item {
	margin-bottom: 30px;
	background: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.classifieds-top {
	padding: 15px;
}

.classifieds-top .mtf-image {
	float: left;
}

.classifieds-top .mtf-image img {
	max-height: 50px;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	background: #fff;
}

.classifieds-top-info {
	overflow: hidden;
	padding: 4px 0 0 15px;
}

.classifieds-top-info h4 {
	padding-bottom: 5px;
	font-size: 18px;
}

.classifieds-top-info .user-email {
	display: inline-block;
	padding: 0 8px 0 0;
	color: #8d8d8d;
	font-size: 15px;
}

.classifieds-info {
	padding: 15px;
	background: #ffffff;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	word-break: break-word;
}

.classifieds-info h3 {
	word-break: break-word;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.classifieds-info h3, .classifieds-info h3 a {
	padding-bottom: 5px;
	color: #993300;
	font-size: 26px;
	line-height: 30px;
}

.classifieds-info h3 a {
	text-decoration: underline;
}

.classifieds-info h3 a:hover {
	text-decoration: none;
}

.classifieds-bottom {
	padding: 15px;
}

.classifieds-bottom .mtf-btn, .ad-apply-btn, .apply-btn-modal,
	.modal-footer .hm-apply-btn {
	padding-left: 40px;
	padding-right: 40px;
	min-width: 100%;
	background-image: url(../images/icons/right-arrow.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 34px auto;
	color: #cc3300;
}

.ad-apply-btn:hover, .ad-apply-btn:focus, .apply-btn-modal:hover,
	.apply-btn-modal:focus {
	background-image: url(../images/icons/right-arrow.png);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 34px auto;
}

.mtf-btn.approved {
	color: #339933;
	background-image: url(../images/icons/check-arrow.png);
	padding-left: 40px;
	padding-right: 40px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 34px auto;
}

.mtf-btn.rewarded {
	color: #e4ad09;
	background-image: url(../images/icons/rewarded.png);
	padding-left: 40px;
	padding-right: 40px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 34px auto;
	color: #e4ad09;
}

.mtf-btn.inconversation {
	color: #fa5d00;
	background-image: url(../images/icons/conversation.png);
	padding-left: 40px;
	padding-right: 40px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 34px auto;
}

.mtf-btn.withdrawn {
	color: #cc3300;
	background-image: url(../images/icons/withdrawn.png);
	padding-left: 40px;
	padding-right: 40px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 34px auto;
	color: #cc3300;
}

.mtf-btn.applied {
	color: #f69018;
	background-image: url(../images/icons/check-arrow-2.png);
	padding-left: 40px;
	padding-right: 40px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 34px auto;
}

.mtf-btn.rejected {
	color: #d699ad;
	background-image: url(../images/icons/rejected.png);
	padding-left: 40px;
	padding-right: 40px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 34px auto;
}

.classifieds-bottom h2 {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 0;
	color: #9e3e33;
	font-size: 37px;
	line-height: normal;
}

.bottom-label {
	display: inline-block;
	vertical-align: middle;
	padding-right: 8px;
}

.bottom-label span {
	display: block;
	color: #585858;
	font-size: 15px;
	line-height: normal;
	text-transform: uppercase;
}

.bottom-label span:last-child {
	letter-spacing: 3px;
}

.classifieds-table .table {
	text-align: center;
}

.classifieds-table .table thead th {
	padding: 13px 25px;
	background: #fafafa;
	border-bottom-width: 1px;
}

.classifieds-table .table thead th:first-child {
	text-align: left;
}

.classifieds-table th, .classifieds-table .table td {
	white-space: normal;
}

.classifieds-table .table tbody td {
	padding: 13px 25px;
}

.table-striped tbody tr {
	background: #ffffff;
}

.table-striped tbody tr td:first-child {
	max-width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background: #ffffff;
}

.table-striped tbody tr:nth-of-type(2n+2) {
	background: #fcfcfc;
}

.classifieds-table .table tbody td a, .rewards-table .table tbody td a {
	text-decoration: underline;
}

.classifieds-table .table tbody td a:hover, .rewards-table .table tbody td a:hover
	{
	text-decoration: none;
}

.status {
	display: inline-block;
	position: relative;
	padding-left: 15px;
}

.status:before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 9px;
	height: 9px;
	background: #33cc00;
	content: "";
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	z-index: 1;
}

.status.pending:before {
	background: #ff9900;
}

.status.inactive:before {
	background: #717171;
}

.status.rejected:before {
	background: #009be1;
}

.classifieds-table .table tbody td .fa {
	padding-right: 5px;
	color: #ff9900;
}

.classifieds-table .table tbody td.delete .fa {
	color: #ec5353;
}

.classifieds-table .table tbody td.enable .fa {
	color: #26a0e6;
}

.mtf-navigation ul li {
	position: relative;
}

.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap {
	position: absolute;
	top: 95px;
	left: -10px;
	width: 395px;
	opacity: 0;
	visibility: hidden;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
	-ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
	z-index: 1;
}
/*.wrapper .mtf-header .mtf-navigation ul li:hover .dropdown-wrap, */
.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap.show {
	top: 75px;
	opacity: 1;
	visibility: visible;
}

.dropdown-wrap .mtf-scroll {
	max-height: 390px;
}

.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap a {
	display: block;
	padding: 13px 15px;
	text-align: left;
	font-size: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap:before {
	position: absolute;
	top: -10px;
	left: 30px;
	width: 13px;
	height: 10px;
	background-image: url(../images/icons/up-arrow.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 13px auto;
	content: "";
	z-index: 2;
}

.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap a:last-child {
	border-bottom: none;
}

.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap a.un-read {
	background: #f7f7f7;
}

.classifieds-item.classifieds-style-two {
	margin-bottom: 0;
	background: #ffffff;
}

.classifieds-style-two .classifieds-top .mtf-image img {
	max-height: 90px;
}

.classifieds-style-two .classifieds-top-info .user-email {
	display: block;
	padding: 0 0 3px;
	color: #585752;
}

.classifieds-style-two .classifieds-top-info h4 {
	font-size: 16px;
}

.classifieds-style-two .classifieds-top h2 {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 0;
	color: #9e3e33;
	font-size: 37px;
	line-height: normal;
}

.classifieds-style-two .classifieds-info {
	padding-top: 15px;
	padding-bottom: 5px;
	background: #fafafa;
	min-height: 10px;
}

.classifieds-style-two .classifieds-info h3 {
	font-size: 20px;
}

.classifieds-style-two .users-conversation {
	height: 300px;
}

.classifieds-style-two .message-item:first-child {
	border-top: none;
}

.message-apply {
	padding: 15px 25px 5px;
	background: #fffcf0;
	border-top: 1px solid #e5e5e5;
	-webkit-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.message-apply .mtf-image {
	float: left;
}

.apply-info {
	overflow: hidden;
	padding-left: 20px;
}

.apply-info h4 {
	padding-bottom: 0;
	color: #ff6600;
	font-size: 16px;
}

.classifieds-no-results .no-results img.img-icon {
	max-width: 222px;
}

.classifieds-no-results .no-results h2 {
	padding: 5px 0 10px;
	color: #585755;
}

.radio.form-check-inline {
	line-height: 28px;
}

.form-input-inline .form-control {
	display: inline-block;
	width: 120px;
}

.classified-details h5 {
	color: #993300;
	font-size: 26px;
}

.classified-lists {
	padding: 10px 20px;
	margin-bottom: 0;
	background: #fffef8;
	border-top: 1px solid #d9d9d9;
	list-style: none;
}

.classified-lists li {
	display: inline-block;
	vertical-align: top;
	padding: 4px 10px;
}

.classified-lists li strong {
	color: #6e6e68;
	margin-right: 5px;
}

.classified-lists li img {
	vertical-align: unset;
}

.classified-lists li .fa {
	margin-right: 3px;
	font-size: 14px;
}

.classified-lists li .fa-genderless {
	color: #ec5353;
	font-size: 16px;
}

.classified-lists li .fa-birthday-cake {
	color: #ff6600;
	font-size: 12px;
}

.classified-filters {
	margin-bottom: 15px;
}

.form-input-inline .select-option {
	margin: 0 8px;
}

.single-line-view {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block !important;
}

.classifieds-top .profile-badges span {
	width: 18px;
	height: 18px;
	font-size: 10px;
	line-height: 15px;
	border: 2px solid #ffffff;
	bottom: 5px;
}

.helpful-link {
	color: #009be1;
	text-decoration: underline;
}

.modal-form-group #error+.form-group, .modal-form-group #modal-error+.form-group
	{
	margin: 0;
}

.modal-form-group .alert {
	margin-bottom: 15px;
}

span.status .fa-circle {
	color: #3c0;
	font-size: 10px;
}

span.pending .fa-circle {
	color: #ff9900;
}

span.inactive .fa-circle {
	color: #717171;
}

span.rejected .fa-circle {
	color: #009be1;
}

.classified-lists li span .fa-users {
	color: #159dea;
}

.classified-lists li span .fa-envelope {
	color: #ff9c1c;
}

.classified-lists li span .fa-venus-mars {
	color: #ec5353;
}

.classified-lists li span .fa-eye {
	color: #66cc33;
}

.message-links .ajax-post-overlay, .classifieds-info .ajax-post-overlay
	{
	min-height: 40px;
}

.message-count-block p {
	padding: 10px 0;
}

.about-me p {
	word-break: break-word;
}

.application-list .message-item {
	padding: 20px;
}

.classified-message {
	background-color: #f9f9f9;
}

.message-item.user-payment {
	background: #fffef8;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.user-payment .message-apply {
	padding: 0;
	background: none;
	border-top: none;
}

.user-payment .message-apply h4 {
	padding-bottom: 5px;
	color: #474747;
	font-size: 18px;
}

.user-payment .message-apply p {
	color: #585752;
}

.user-payment .message-apply img {
	max-width: none;
	border: none;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.dolor-color, .orange-color {
	color: #cc3300
}

.classifieds-info.gray-bg {
	background: #fafafa;
	border-bottom: none;
}

.classified-lists h2 {
	display: inline-block;
	color: #aa5549;
	font-size: 24px;
}

h2 sup {
	top: -.2em;
}

.classified-lists .bottom-label span {
	color: #1d1d1b;
	font-size: 12px;
}

div.classified-lists {
	padding: 15px 20px 10px;
}

.all-faq {
	display: block;
	padding-top: 20px;
}

.faq-list {
	display: block;
	border: 1px solid #d0cfcb;
	background: #fff;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
}

.faq-list a.faq-qus {
	display: block;
	padding: 10px 10px 10px 40px;
	color: #2e2e2e;
	position: relative;
}

.faq-list a {
	color: #009be1;
}

.faq-list a.faq-qus:before {
	content: "";
	background: url("../images/icons/faq-icons.png") no-repeat 0 0;
	width: 25px;
	height: 25px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 0;
}

.open.faq-list a.faq-qus:before {
	background: url("../images/icons/faq-icons.png") no-repeat 0 -41px;
}

.open.faq-list {
	border-color: #e4c7c5;
}

.open.faq-list a {
	color: #902e00;
}

.faq-ans {
	display: none;
	padding: 5px 10px 15px 40px;
}

.classifieds-title-wrap .nav-tabs {
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

.modal-body.less-space.style-two {
	padding: 20px 30px;
}

.text-light-gray {
	color: #585858;
}

.classified-lists.gray-bg {
	background: #f9f9f9;
	padding: 20px 30px 10px;
}

.classified-lists.gray-bg .bottom-label span {
	font-size: 14px;
}

.classified-lists.gray-bg h2 {
	font-size: 30px;
}

.info-popup-msg {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url("../images/icons/line-info-icon.png") no-repeat 0 0;
	-webkit-transition: all ease 0s;
	-ms-transition: all ease 0s;
	transition: all ease 0s;
}

.info-popup-msg:hover {
	background: url("../images/icons/line-info-icon2.png") no-repeat 0 0;
}

.text-red-color {
	color: #cc3300;
}

.ad-top-bar, .ad-top-bar.message-item {
	display: block;
	padding: 15px 30px;
	background: #f9f9f9;
	cursor: default;
	border-bottom: 1px solid #e0e0e0;
	border-top: none;
	position: relative;
}

.ad-top-bar .classified-lists.gray-bg {
	background: none;
	border: none;
	padding: 15px 0 0;
}

.ad-top-bar .classified-lists.gray-bg h2 {
	display: block;
	padding: 0;
}

.ad-top-bar .message-info {
	padding: 0 0 0 20px;
}

.section-sub-heading {
	display: block;
	padding: 10px 30px;
	background: #fafafa;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	font-size: 16px;
	color: #ff9933;
}

.guideline-popup .whitebox-wrap {
	padding: 20px 30px 25px;
}

p.text-format {
	color: #343434;
	padding: 12px 0 0;
}

.text-format b {
	color: #cc3300;
}

.row.style-two {
	margin: 0;
}

.modal-title.title-color-red {
	color: #993300;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 20px;
}

.verification-process {
	display: block;
	text-align: center;
}

.verification-process a {
	color: #cc3300;
	text-decoration: underline;
}

.verification-process a:hover {
	text-decoration: none;
}

.verification-process p {
	padding: 15px 0 0;
}

.verification-process p.style-two {
	padding: 0;
}

.verification-process p img {
	display: inline-block;
	margin-right: 5px;
}

.response-msg {
	padding: 10px 20px;
	background: #fffef8;
	border-top: 1px solid #d9d9d9;
	display: block;
	color: #585752;
	font-style: italic;
}

.response-msg img {
	float: left;
	margin-right: 10px;
	width: 18px;
}

.response-msg span {
	display: block;
	overflow: hidden;
}

.mobile-filters .classified-lists {
	padding: 0;
	background: none;
	border: none;
}

.mobile-filters .classified-lists .bottom-label span {
	font-size: 14px;
}

.mobile-filters .classified-lists h2 {
	font-size: 30px;
}

.classified-lists.found-reward .ajax-post-overlay {
	min-height: 40px;
	width: 40px;
	float: right;
}

.classified-lists li span a {
	text-decoration: underline;
}

.classified-lists li span a:hover {
	text-decoration: none;
}

.ad-top-bar .close {
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 1;
}

.modal-content .section-sub-heading {
	border-bottom: none;
}

.modal-content .classified-lists {
	background: #fff;
}

.modal-content .classified-lists p {
	word-break: break-word;
}

.classified-ad-creation {
	display: block;
	padding: 0 0 10px;
	font-size: 15px;
	overflow: hidden;
}

.classified-ad-creation img {
	position: relative;
	top: -2px;
	margin: 0 2px;
}
/* .classified-ad-creation .status:before {
  top: 3px;
} */
.modal-content .fa-eye {
	color: #26a0e6;
}

.response-msg p {
	padding: 0;
}

.message-links.message-count-block {
	background: #fff1e5;
	color: #b42316;
	font-size: 14px;
	padding: 5px 30px;
}

.message-links.message-count-block .ajax-post-overlay {
	min-height: 20px;
	background-size: contain;
}

.message-links.message-count-block a {
	display: inline-block;
	margin-left: 20px;
	color: #58524e;
	text-decoration: underline;
}

.message-links.message-count-block a:hover {
	text-decoration: none;
}

.message-actions {
	display: block;
}

.mobile-filters {
	position: static;
}

.mtf-image {
	position: relative;
}

.classifieds-item.classifieds-style-two .classifieds-top .profile-badges span
	{
	bottom: 20px;
}

.how-it-work {
	display: block;
}

.how-it-work .nav-tabs .nav-item {
	width: 50%;
	margin: 0;
	margin-bottom: -1px;
}

.how-it-work .nav-tabs .nav-item:first-child {
	padding: 0 10px 0 0;
}

.how-it-work .nav-tabs .nav-item:last-child {
	padding: 0 0 0 10px;
}

.how-it-work .nav-tabs .nav-link.active {
	border-top-color: #dee2e6;
	color: #ff6600;
}

.how-it-work .nav-tabs .nav-link {
	padding: 20px;
	font-size: 22px;
	color: #6b6b69;
	-webkit-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.work-list {
	display: block;
	padding: 30px;
	background: #ffffff;
	-webkit-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-left: 1px solid #dcdcdd;
	border-right: 1px solid #dcdcdd;
	border-bottom: 1px solid #dcdcdd;
}

.being-reward {
	background: #fffef8;
	border: 1px solid #e7e7e7;
	color: #9d8470;
	font-size: 22px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	display: block;
	padding: 15px;
	font-style: italic;
}

.being-reward img {
	float: left;
	margin-right: 15px;
}

.being-reward span {
	display: block;
	overflow: hidden;
}

.work-list .being-reward {
	margin-bottom: 30px;
}

.howitwork-content {
	display: block;
	padding: 20px 0 0;
	text-align: left;
}

.step-counter {
	display: inline-block;
	padding: 8px 20px;
	line-height: normal;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #ebebeb;
	font-size: 12px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #959595;
}

.howitwork-content h2 {
	display: block;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	font-size: 24px;
	color: #cc3300;
	font-style: italic;
}

.howitwork-content p {
	color: #585858;
}

.work-list .col-md-4, .work-list .col-md-3 {
	text-align: center;
	padding: 20px 30px;
	background: url("../images/faq-line.png") no-repeat 100% 50%;
}

.work-list .col-md-4:last-child, .work-list .col-md-3:last-child {
	background: none;
}

.faq-link {
	display: block;
	padding: 0 30px;
}

.faq-link a {
	text-decoration: underline;
}

.faq-link a:hover {
	text-decoration: none;
}

.mtf-header .mtf-brand a {
	display: inline-block;
	width: 230px;
	height: 55px;
	background: url("../images/logo.png") no-repeat 0 0;
	background-size: contain;
	text-indent: -99999px;
}

.modal-footer .mtf-btn.ad-apply-btn, .modal-footer .mtf-btn.apply-btn-modal,
	.modal-footer .mtf-btn.applied, .modal-footer .mtf-btn.approved,
	.modal-footer .mtf-btn.rejected, .modal-footer .mtf-btn.hm-apply-btn {
	min-width: 250px;
}

.classified-lists li p {
	padding: 0;
}

.home-logo {
	float: left;
	width: 210px;
	padding-top: 5px;
}

.my-ad-reply {
	display: block;
}

.my-ad-reply p {
	padding: 5px 0 0 20px;
	font-size: 20px;
	display: block;
	overflow: hidden;
	word-break: break-word;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ad-reply-user {
	display: block;
	padding: 20px;
	overflow: hidden;
	border-right: 1px solid #dcdcdd;
}

.message-item.user.user-making-payment {
	padding: 0;
}

.ad-calculation {
	border-top: 1px solid #dcdcdd;
	display: block;
	padding: 20px;
}

.ad-calculation p {
	padding: 0;
	font-size: 18px;
}

.payment-information {
	border: none;
}

.payment-information .table {
	margin: 0;
}

.payment-information .section-heading {
	border-bottom: none;
	border-top: 1px solid #dcdcdd;
	border-left: 1px solid #dcdcdd;
	border-right: 1px solid #dcdcdd;
}

.tr-yellow td {
	background: #fcf8e8;
	font-size: 22px;
}

.tr-yellow td  span {
	color: #cc3300;
}

.card-selection {
	display: block;
	border-right: 1px solid #e2dfd0;
	min-height: 110px;
}

.mtf-whitebox.after-login-pages.no-space .no-pad {
	margin: 0;
}

.mtf-whitebox.after-login-pages.no-space .no-pad .mtf-pad {
	padding: 0;
}

.form-group.form-help-group.style-three.no-bdr {
	border: none;
	text-align: center;
}

.payment-title {
	padding: 0 0 20px;
}

.section-heading.style-two {
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.section-heading.style-three {
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

.whitebox-wrap.mobile-padding.my-bal {
	padding: 0;
}

.bal-inner {
	display: block;
}

.bal-title {
	display: block;
	padding: 15px;
	text-align: center;
	background: #fafafa;
	font-size: 26px;
	color: #993300;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #dcdcdd;
}

.bal-details {
	display: block;
	padding: 30px 50px;
	overflow: hidden;
}

.bal-details p {
	display: block;
	overflow: hidden;
	padding: 50px 0 0 50px;
	font-size: 19px;
}

.bal-inner .earning-summary-wrap {
	display: block;
	background: #fcf8e8;
	padding: 25px;
	border-top: 1px solid #e2dfd1;
	border-bottom: 1px solid #e2dfd1;
}

.current-bal {
	display: block;
}

p.current-bal {
	display: block;
	font-size: 18px;
	padding-top: 10px;
}

p.current-bal span {
	font-size: 30px;
	color: #902215;
}

.avl-bal .mtf-btn {
	min-width: 100%;
	padding: 10px 15px;
}

.avl-bal .mtf-btn .mtf-icon {
	margin-right: 8px;
}

.avl-bal p em {
	display: block;
	padding: 10px 0 0;
}

.response-msg.paypal-linking {
	padding: 15px;
	background: none;
	border: none;
	font-style: normal;
}

.paypal-linking a {
	text-decoration: underline;
}

.paypal-linking a:hover {
	text-decoration: none;
}

.avl-bal {
	display: block;
}

.dashboard-feeds .classifieds-item {
	margin-bottom: 20px;
	background: #fffcea;
}

.dashboard-feeds .classifieds-info {
	background: #fff9d5;
}

.dashboard-feeds  .classifieds-bottom .mtf-btn.ad-apply-btn {
	min-width: 250px;
	float: right;
}

.modal-body {
	word-break: break-word;
}

.help-icon.style-two {
	color: #f1210a;
}

.help-icon.style-two:hover {
	color: #b5250b;
}

.slider-width {
	display: inline-block;
	min-width: 300px;
	overflow: hidden;
	padding: 5px 10px;
}

.slider-width .list-top-space {
	margin-left: -10px;
}

.vefiry-msgs {
	padding-bottom: 30px;
	text-align: center;
	line-height: 30px;
}

.home-classifieds {
	display: block;
	padding: 20px 50px 20px 90px;
	position: relative;
	background: url("../images/icons/home-side-ad.png") no-repeat 10px 50%
		#fff6b4;
	border: 1px solid #e6e5df;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
	background-size: 70px auto;
}

.home-classifieds img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

.home-classifieds-heading {
	display: block;
	overflow: hidden;
	color: #9e3e33;
}

.home-classifieds.ad-mobile-view {
	display: none;
}

.home-classifieds.ad-desktop-view {
	display: block;
}

.text-orange {
	color: #ff9933;
}

.dblock {
	display: block !important;
}

.view-conversation {
	float: right;
	background: url("../images/icons/view-conversation.png") no-repeat 10px
		50%;
	padding: 0 0 0 35px;
	text-decoration: underline;
}

.new-style p {
	padding: 10px 0;
}

.wrapper .mtf-header .mtf-navigation ul li.small-device-view,
	.small-device-view {
	display: none;
}

.mobile-filters .classified-lists h2 sup {
	margin-left: 5px;
}

.dashboard-feeds .classifieds-item .classifieds-top {
	background: url(../images/icons/feed-classified.png) no-repeat 96% 50%;
	padding-right: 55px;
}

.white-bg {
	background: #fff;
}

.modal-footer.style-two {
	text-align: left;
}

.modal-footer.style-two .form-group {
	margin: 15px 0 0;
}

.modal-footer.style-two .mtf-btn:first-child {
	margin-right: 10px;
}

.dash-title .classifieds-link {
	float: right;
	margin: 0;
	text-decoration: underline;
}

.dash-title .classifieds-link:hover {
	text-decoration: none;
}

.list-top-space.style-two {
	text-align: center;
}

.wrapper .mtf-header .mtf-buttons-wrap .dropdown-item img {
	margin-right: 5px;
}

.whitebox-wrap.style-two .message-title-wrap p {
	word-break: break-word;
}

.withdraw-spacer {
	padding: 30px 50px;
}

.payments-linking-msgs {
	display: block;
	padding: 30px 30px 10px 60px;
	background: url("../images/icons/time-icon.png") no-repeat 25px 27px;
	border-bottom: 1px solid #dee2e6;
}

.payments-linking-msgs h4 {
	font-size: 16px;
	padding: 0 0 5px;
	line-height: 24px;
}

.payments-linking-msgs h4 strong {
	color: #009be1;
}

.payments-linking-msgs.style-two {
	padding: 30px;
	background: none;
}

.payments-linking-msgs.style-two h4 {
	padding: 0 0 10px;
}

.payments-linking-msgs.style-three {
	padding: 20px 30px;
	background: none;
}

.payments-linking-msgs.style-three h4 {
	padding: 0;
}

.payments-linking-msgs p a {
	color: #009be1;
	text-decoration: underline;
}

.payments-linking-msgs p a:hover {
	text-decoration: none;
}

.payments-linking-msgs.no-bdr {
	border: none;
	padding: 20px;
}

.payments-linking-msgs.no-bdr p {
	padding: 0;
}

.payments-linking-msgs.no-bdr p img {
	margin-right: 5px;
}

.payments-linking-msgs h4 span {
	color: #009be1;
}

.payments-btns {
	display: block;
	padding: 20px 0;
}

.default-red {
	color: #009be1;
}

.payments-linking-msgs.bdr-top {
	border-bottom: none;
	border-top: 1px solid #dee2e6;
}

.user-comment-text {
	display: block;
	overflow: hidden;
	clear: both;
}
/* IE Specific css */
_:-ms-lang(x), .post-list .user-item .main-comment-block .user-name-wrap .gray-box-info,
	.classifieds-info, .user-bio, p.user-bio, .my-name, .users-conversation .message-info p,
	h6.user-email+h6.user-email, .card-message-wrap.message-preview,
	.background-post h5, .post-list .user-item .user-info .background-post h5,
	.profile-info-list h2, .about-me p, .my-ad-reply p, .my-address .radio-caption,
	.modal-body, .message-title-wrap, .modal-content .classified-lists p {
	word-break: break-all;
}

.modal-container {
	display: block;
}

.modal-icon {
	float: left;
}

.modal-contentbox {
	display: block;
	overflow: hidden;
	padding: 10px 0 0 20px
}

.modal-contentbox h5 {
	padding-bottom: 5px;
}

/*Blog page css*/
/*#list-blog [class*="col-"] {
  padding-bottom: 20px;
}
.blogs {
  float: left;
  width: 100%;
}
.blog {
float: left;
width: 100%;
height: 100%;
border: 1px solid #dcdcd6;
border-radius: 10px;
box-shadow: 1px 7px 15px 7px #ebebeb; 
}
.blog img{
  width: 100%;
  border-radius: 10px 10px 0 0;
}
.blog-text{
float: left;
width: 100%;
padding: 20px 15px 10px;
}
.blog-text h2{
text-align: left;
font-size: 22px;
color: #000;
padding: 0 0 10px;
margin: 0;
word-break: break-word;
}*/
.date {
	float: left;
	width: 100%;
}

.date span {
	float: left;
	width: 50%;
	font-style: italic;
}

.socials {
	float: right;
	list-style-type: none;
	margin: 0;
}

.socials li {
	float: left;
}

.socials li a {
	float: left;
	margin-left: 10px;
	display: inline-block;
}
/*Blog-details page css*/
.blog-details {
	/* float: left;
  width: 1100px; */
	border: 1px solid #dcdcd6;
	border-radius: 10px;
	box-shadow: 1px 7px 15px 7px #ebebeb;
}

.blog-details:after {
	display: block;
	clear: both;
	content: "";
}

.blog-details a {
	font-size: 16px;
	text-decoration: underline;
	font-style: italic;
}

.blog-detail-img img {
	width: 100%;
	border-radius: 10px 10px 0 0;
}

.blog-detail-text {
	float: left;
	width: 100%;
	padding: 20px 15px 10px;
	background-color: #000;
}

.blog-detail-text h2 {
	text-align: left;
	font-size: 36px;
	color: #fee000;
	padding: 0;
	margin: 0;
}

.blog-detail-text h3 {
	font-size: 16px;
	color: #fff;
	opacity: 0.7;
}

.blog-detail {
	float: left;
	width: 100%;
}

.blog-detail p {
	font-size: 27px;
	color: #000;
	margin: 20px 0;
	text-align: justify;
}

.blog-detail span {
	font-size: 27px;
	color: #ff6600;
}

.img-detail {
	background-color: #4a4a4a;
}

.img-detail img {
	width: 100%;
}

.img-detail h2 {
	font-size: 26px;
	padding: 0;
	color: #fff;
	font-style: italic;
}

.img-detail span {
	font-size: 26px;
	color: #ff6600;
}

.details p {
	font-size: 22px;
	color: #000;
	margin: 20px 0;
}

.details span {
	font-size: 22px;
	color: #ff6600;
}

.details span.red {
	color: #cc0000;
}

.details span.bold {
	font-size: 20px;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

.details h3 {
	font-size: 22px;
	color: #000;
	background-color: #f5f5f5;
	padding: 15px;
}

.details a {
	font-size: 22px;
	color: #000;
	text-decoration: underline;
}

.details a:hover {
	color: #ff6600;
}

.red-bg {
	background-color: #d65240;
}

.modal-body.yellow-bg {
	background-color: #fffdec;
}

.blog-info-detail .blog-details {
	width: 100%;
	margin-top: 15px;
}

.blog-info-detail a.back-list {
	font-size: 16px;
	color: #000000;
	font-style: italic;
	padding-bottom: 3px;
	border-bottom: 2px solid #000000;
	text-decoration: none;
	margin-left: 20px;
}

.blog-info-detail a.back-list:hover, .blog-info-detail a.back-list:focus
	{
	border-bottom: none;
}

.blog-info-detail .blog-detail-text h3 {
	font-style: italic;
	margin-top: 12px;
}

.blog-info-detail .blog-detail {
	padding: 15px 35px 35px;
}

.blog-info-detail p, .details span, .blog-detail span {
	font-style: italic;
	font-size: 16px;
}

.details span, .blog-detail span {
	color: #930;
}

.blog-info-detail .img-detail h2 {
	padding: 0 40px 0 10px;
	font-size: 18px;
}

.blog-text h2 a:hover {
	color: #009be1;
}

.blog-info-detail .img-detail span {
	font-size: 18px;
	color: #fee000;
}

.blog-info-detail .details h5 {
	font-style: italic;
	font-weight: 600;
	margin-bottom: 0;
}

.blog-info-detail ul {
	padding-left: 20px;
}

.blog-info-detail ul li {
	font-style: italic;
}

.blog-info-detail ul li img {
	width: 25px;
	margin-left: 5px;
}

.blog-info-detail .img-detail.red {
	background: #d65240;
}

.blog-info-detail .details h3 {
	background: #fef9e6;
	font-size: 18px;
	color: #57554e;
	padding: 30px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.blog-info-detail .details h3 a {
	font-size: 18px;
	color: #930;
}

.blog-info-detail .details h3 a:hover, .blog-info-detail p a:hover {
	color: #ff6600;
}

.blog-info-detail p {
	margin: 15px 0;
}

.blog-info-detail p a {
	color: #930;
	font-size: inherit;
}

.mtf-header .mtf-navigation ul li.dating-store a span.mtf-icon {
	background: url(../images/icons/store-default.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.blog-post a span.mtf-icon {
	background: url(../images/icons/new-blog-icon.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.blog-post.active a span.mtf-icon {
	background: url(../images/icons/new-blog-icon-active.png) no-repeat 50%
		50%;
}

.mtf-header .mtf-navigation ul li.classifieds a span.mtf-icon {
	background: url(../images/icons/classified_menu.png) no-repeat 50% 50%;
}

.mtf-header .mtf-navigation ul li.classifieds.active a span.mtf-icon {
	background: url(../images/icons/classified_menu_active.png) no-repeat
		50% 50%;
}

.home-blogs {
	display: block;
	padding: 20px 50px 20px 90px;
	position: relative;
	background: url("../images/icons/blog-icon-view.png") no-repeat 10px 50%
		#fff6b4;
	border: 1px solid #e6e5df;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
	background-size: 70px auto;
}

.home-blogs img {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

.home-blogs.ad-mobile-view {
	display: none;
}

.home-blogs.ad-desktop-view {
	display: block;
}

.blog-text h2 a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.random-blog {
	display: block;
	overflow: hidden;
	padding: 20px 0;
}

.random-blog .blog {
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.blog .socials {
	padding-top: 5px;
}

.random-blog {
	font-size: 14px;
}

.random-blog .post-list {
	border: none;
}

.random-blog h2 {
	padding-bottom: 6px;
	font-size: 16px;
}

.modal-footer .mtf-btn.right .mtf-icon {
	padding-left: 5px;
}

.store-banner {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 10px 10px 10px 75px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url(../images/icons/banner-icon.png) no-repeat #009be1;
	background-size: 100px auto;
	background-position: -15px 0;
}

.store-banner span {
	float: left;
	font-size: 20px;
	color: #fff1af;
	padding: 8px 0 0;
}

.store-banner a {
	float: right;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	min-width: 200px;
	text-align: center;
	background: #fff url(../images/icons/shop-btn-icon.png) no-repeat 90%
		50%;
	color: #009be1;
	font-size: 16px;
}

.store-banner a:hover {
	background: #fff1af url(../images/icons/shop-btn-icon.png) no-repeat 90%
		50%;
	color: #009be1;
}

.store-banner p {
	font-size: 15px;
	color: #fff;
	padding: 0 0 10px;
	float: left;
	width: 100%;
	line-height: 20px;
}

.suggestion-view .store-banner, .m-view-tabs .store-banner, .homepage .store-banner
	{
	padding: 15px 15px 15px 90px;
	background-size: 115px auto;
	background-position: -10px 0;
}

.suggestion-view .store-banner span, .m-view-tabs .store-banner span,
	.homepage .store-banner span {
	width: 100%;
	padding: 0 0 5px;
}

.suggestion-view .store-banner a, .m-view-tabs .store-banner a,
	.homepage .store-banner a {
	min-width: inherit;
	width: 100%;
	background: #fff url(../images/icons/shop-btn-icon.png) no-repeat 95%
		50%;
}

.suggestion-view .store-banner a:hover, .m-view-tabs .store-banner a:hover,
	.homepage .store-banner a:hover {
	background: #fff1af url(../images/icons/shop-btn-icon.png) no-repeat 95%
		50%;
	color: #009be1;
}

/* Social Dashboard */
.new-topbar-link-icon {
	min-height: 30px;
	position: relative;
}

.new-topbar-link {
	position: relative;
	text-align: center;
}

.navbar-expand-md .navbar-nav .new-topbar-link .nav-link {
	padding: 18px 11px;
	height: 72px;
	min-width: 65px;
}

.navbar-expand-md .navbar-nav .new-topbar-link .nav-link img {
	margin-bottom: 8px;
	position: relative;
	top: 2px;
}

.navbar-expand-md .navbar-nav .new-topbar-link .nav-link span {
	display: block;
	color: #585858;
	font-size: .562rem;
	font-weight: 600;
	text-transform: uppercase;
}

.navbar-expand-md .navbar-nav .new-topbar-link .nav-link.active span,
	.navbar-expand-md .navbar-nav .new-topbar-link .nav-link:hover span {
	color: #009be1;
}

.navbar-expand-md .navbar-nav .new-topbar-link .nav-link.active:before {
	right: 0;
	bottom: 0px;
	left: 0;
}

.navbar-expand-md .navbar-nav .new-topbar-link .nav-link span.badge-danger
	{
	color: #fff;
	background-color: #fc511d;
	display: inline-block;
	padding: 0;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	top: -7px;
	right: 5px;
}

.avatar-offline .avatar-img, .avatar-online .avatar-img {
	-webkit-mask-image: none;
	mask-image: none;
	-webkit-mask-size: auto;
	mask-size: auto;
}

.social-dashboard a {
	transition: all ease .4s;
}

.product-slide .swiper-pagination {
	position: static;
}

.social-dashboard {
	padding: 10px 0 30px;
}

.mobile-toggle i {
	float: right;
}

.mobile-toggle {
	display: none;
	padding: 12px 15px;
	color: #fff;
	background: #009be1;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.mobile-toggle:hover, .mobile-toggle:focus {
	color: #fff;
}

.social-whitebox {
	background-color: #fcfcfc;
	border: 1px solid #eeedeb;
	box-shadow: 0 0 10px 0 #fcfcfc;
}

.social-dash-profile {
	padding: 20px;
	position: relative;
	z-index: 1;
	display: block;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}

/*.social-dash-profile:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	content: "";
	width: 100%;
	height: 50px;
	background-color: #009be1;
}*/

.social-dash-photo a img {
	width: 100px;
	border: 5px solid #fff;
	border-radius: 50%;
}

.social-dash-profile span {
	display: block;
	margin-top: 15px;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	color: #333333;
}

.social-filters {
	padding: 20px;
}

.social-filters .social-input-group {
	margin-bottom: 15px;
}

.social-input-group label {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	color: #605f5f;
}

.social-form-input {
	position: relative;
	overflow: hidden;
}

.social-form-input span {
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	width: 50px;
	line-height: 40px;
	padding: 5px;
	background-color: #f7f7f7;
	border-right: 1px solid #e5e5e5;
	text-align: center;
	cursor: pointer;
}

.social-form-input span i {
	font-size: 18px;
	color: #aeaead;
}

.social-form-input .form-control {
	padding-left: 70px;
	height: 50px;
	border-color: #e5e5e5;
	border-radius: 3px;
	font-size: 14px;
	color: #495057;
}

.checkbox .form-check-input {
	height: 25px;
	width: 25px;
	border-radius: 3px;
	border: 1px solid #999999;
}

.checkbox .form-check {
	margin-bottom: 10px;
}

.checkbox .form-check label {
	margin-left: 14px;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	color: #000;
}

.checkbox .form-check label span {
	color: #207df6;
}

.form-help-group .social-btn-right {
	margin-top: 5px;
	width: 100%;
	display: inline-block;
	padding: 14px 15px;
	min-width: 190px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	background-color: #009be1;
	transition: all ease 0.4s;
	color: #fff;
	border: none;
}

.form-help-group .social-btn-right i {
	float: right;
	color: #eeca44;
}

.form-help-group .social-btn-right:hover {
	background-color: #0980b5;
	color: #fff;
}

.social-member-box {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #eeedeb;
	box-shadow: 0 0 10px 0 #fcfcfc;
	width: 100%;
}

.social-member-topbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #e5e5e5;
}

.social-member-topbar span {
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	color: #524646;
}

.social-member-topbar a {
	font-size: 13px;
	font-weight: 500;
	color: #009be1;
	transition: all ease .4s;
}

.social-member-topbar a:hover {
	color: #ff9800;
}

.social-member-item {
	padding: 20px;
	display: flex;
	border-bottom: 1px solid #e5e5e5;
}

.social-member-item:hover {
	background-color: #f9fbfd;
}

.social-member-item .member-icon.active, .social-member-item .member-icon
	{
	position: relative;
	margin-right: 20px;
}
/*.social-member-item .member-icon.active:before, .social-member-item .member-icon.active:after {
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  z-index: 0;
  content: "";
  height: 15px;
  width: 15px;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto;
  background-color: #21d25b;
}
.social-member-item .member-icon.active:after {
  position: absolute;
  background: transparent;
  border: 3px solid #fff;
  border-radius: 100%;
}*/
.social-member-item .member-icon.active img, .social-member-item .member-icon img
	{
	width: 75px;
	height: 75px;
	border-radius: 100%;
	object-fit: cover;
	min-width: 75px;
}

.member-content h4 {
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #524646;
}

.member-content h5 {
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	color: #524646;
	margin-bottom: 5px;
}

.member-content h5 i {
	color: #62bea7;
	margin-right: 5px;
	font-size: 15px;
}

.member-content ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 13px;
	font-weight: 500;
	line-height: 22px;
}

.member-content ul li {
	display: inline-block;
	padding-right: 20px;
}

.member-content ul li a {
	color: #009be1;
	transition: all ease .4s;
}

.member-content ul li a i {
	margin-right: 5px;
	color: #009be1;
}

.member-content ul li .text-org {
	color: #5c5c5c;
}

.member-content ul li .text-org i {
	color: #ef8f36;
}

.member-content ul li:last-child {
	padding-right: 0;
}

.member-content ul li a:hover, .member-content ul li a:hover i {
	color: #ff9800;
}

.social-member-item .member-icon span {
	margin-top: 5px;
	display: block;
	text-align: center;
	font-size: 10px;
	line-height: 18px;
	font-weight: 500;
	color: #585858;
}

.dashboard-feeds .nav-tabs {
	display: none;
	margin-bottom: -1px;
}

.dashboard-feeds .nav-tabs .nav-item {
	padding: 0 15px;
}

.dashboard-feeds .nav-tabs .nav-link {
	width: 100%;
	font-weight: 400;
	cursor: pointer;
	padding: 10px 15px;
	color: #565656;
	border: 1px solid #e5e5e5;
	background-color: #fafafa;
}

.dashboard-feeds .nav-tabs .nav-link:not(.active), .dashboard-feeds .nav-tabs .nav-link:not(.active):hover
	{
	color: #565656;
}

.dashboard-feeds .nav-tabs .nav-link.active {
	color: #009be1;
	border-color: #e5e5e5;
	background-color: #fff;
	border-bottom-color: transparent;
}

.dash-block.dashboard-feeds .start-post {
	padding: 25px;
	background-color: #fff;
	border: 1px solid #eeedeb;
	box-shadow: 0 0 10px 0 #fcfcfc;
}

.start-post .start-post-box {
	background-color: #fcfcfc;
	border: 1px solid #eeedeb;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.start-post .start-post-box:hover .start-post-title a {
	color: #00638f;
	text-decoration: underline;
}

.start-post-box .start-post-title {
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	color: #737373;
}

.start-post-box .start-post-title a {
	display: block;
	padding: 15px 20px 16px;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: #524646;
}

.start-post-box .start-post-title a img {
	width: 25px;
	margin-right: 15px;
}

.start-post-box .image-link {
	text-align: center;
	border-left: 1px solid #e2e2e2;
	background-color: transparent;
}

.start-post-box .image-link label {
	padding: 10px;
}

.start-post-box .image-link label img {
	width: 26px;
}

.start-post-box .image-link:hover {
	background-color: #dcdcdd;
}

.start-post .dash-block-socials {
	margin-top: 20px;
}

.dash-block-socials ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #000;
}

.dash-block-socials ul li {
	display: inline-block;
	padding-right: 40px;
}

.dash-block-socials ul li:last-child {
	padding-right: 0;
}

.dash-block-socials ul li a:hover {
	color: #00638f;
	text-decoration: underline;
}

.dash-block-socials ul li a img {
	margin-right: 5px;
	vertical-align: middle;
	width: 20px;
}

.dash-block-socials ul li a .fa-filter, .dash-block-socials ul li a .fa-heart
	{
	font-size: 16px;
	margin-right: 5px;
	color: #1d8bd0;
	position: relative;
	top: 1px;
}

.dash-block-socials ul li a .fa-heart {
	color: #e8545e;
}

.social-classifieds-item {
	margin-top: 20px;
	padding: 30px 20px 25px;
	background-color: #fff;
	border: 1px solid #eeedeb;
	box-shadow: 0 0 10px 0 #fcfcfc;
}

.social-classifieds-item-top {
	margin-bottom: 20px;
}

.social-classifieds-item-top, .social-classifieds-item-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.social-classifieds-item-content a img {
	width: 80px;
}

.social-classifieds-item-info {
	margin-left: 20px;
	margin-top: 10px;
}

.social-classifieds-item-info h3 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #524646;
}

.social-classifieds-item-info h5 {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #524646;
}

.social-classifieds-item .classifieds-link {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #039fe5;
	display: inline-block;
	border: 1px solid transparent;
	padding: 5px 13px;
	border-radius: 4px;
}

.social-classifieds-item .classifieds-link:hover {
	background-color: #039fe5;
	color: #fff;
	border-color: #039fe5;
}

.social-classifieds-item .classifieds-link i {
	font-size: 16px;
	margin-right: 2px;
}

.social-classifieds-item p {
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	color: #524646;
}

.social-classifieds-item-warp {
	position: relative;
}

.social-classifieds-item-warp img {
	width: 100%;
}

.classifieds-info-form-inner {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.post-meta-social ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 13px;
	font-weight: 400;
}

.post-meta-social ul li {
	display: inline-block;
	padding-right: 40px;
}

.post-meta-social ul li a {
	color: #566370;
}

.post-meta-social ul li a:hover, .post-meta-social ul li a:hover i {
	color: #ff9800;
}

.post-meta-social ul li a i {
	margin-right: 10px;
	font-size: 16px;
	color: #566370;
}

.post-meta-date {
	font-size: 13px;
	font-weight: 400;
	color: #566370;
}

.post-meta-date i {
	margin-right: 5px;
}

.classifieds-info-form input {
	margin-top: 20px;
	height: 50px;
	padding: 16px 20px;
	background-color: transparent;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	width: 100%;
}

.social-classifieds-item-warp span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	font-size: 35px;
	color: #fff;
	background-color: #009be1;
	height: 80px;
	width: 80px;
	border-radius: 50px;
	border: 5px solid #fff;
	cursor: pointer;
}

.social-member-price-list {
	padding: 20px 20px 0;
	background-color: #fff;
	border: 1px solid #eeedeb;
	box-shadow: 0 0 10px 0 #fcfcfc;
}

.member-price-list-topbar {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: first baseline;
}

.member-price-list-topbar h5, .member-price-list-topbar a {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: #524646;
}

.member-price-list-topbar a {
	display: inline-block;
	color: #009be1;
	font-size: 13px;
	transition: all ease 0.4s;
}

.member-price-list-topbar a:hover {
	color: #ff9800;
}

.member-price-list-item {
	margin-bottom: 25px;
}

.member-price-list-item .recent-product-into {
	padding: 0;
	display: flex;
}

.member-price-list-img {
	margin-bottom: 15px;
	border: 1px solid #e2e2e2;
	padding: 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 0;
	border-radius: 4px;
}

.member-price-list-item:hover .product-img-effect {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.member-price-list-img img {
	border-radius: 5px;
	height: 200px;
	object-fit: cover;
}

.member-price-list-price {
	display: flex;
	justify-content: space-between;
	align-items: first baseline;
	margin-bottom: 10px;
}

.member-price-list-price h4 {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #ee870e;
}

.member-price-list-price a {
	padding: 6px 15px;
	min-width: 65px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #009be1;
	border-radius: 4px;
	font-size: 11px;
	color: #009be1;
	display: inline-block;
	transition: all ease 0.4s;
}

.member-price-list-price a:hover {
	background-color: #039fe5;
	color: #fff;
	border-color: #039fe5;
}

.member-price-list-content h6 {
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: 400;
	line-height: 22px;
	cursor: pointer;
	color: #009be1;
	transition: all ease 0.4s;
}

.member-price-list-content h6:hover {
	color: #ff9800;
}

.member-price-list-content p {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	color: #6a6a6a;
}

.member-price-list-content p span {
	color: #524646;
	font-weight: 400;
	cursor: pointer;
	text-decoration: underline;
	transition: all ease 0.4s;
}

.member-price-list-content p span:hover {
	color: #ff9800;
}

/* Shop Page CSS */
.social-featured-products {
	margin-top: 30px;
}

.social-feature-info {
	background-color: #fff;
	border: 1px solid #e9e9e9;
	border-top: none;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.social-feature-topbar {
	padding: 13px 15px;
	background-color: #fafafa;
	border-bottom: 1px solid #e1e1e1;
}

.feature-item-rate {
	display: block;
	font-size: 16px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	color: #5c5c6b;
	padding: 11px 15px;
}

.feature-img-item ul {
	padding: 0;
	margin: 0;
	font-size: 14px;
	list-style: none;
}

.feature-img-item ul li a {
	display: block;
	padding: 8px 15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	transition: all ease 0.4s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.feature-img-item ul li a:hover, .feature-img-item ul li a.active {
	background-color: #fffef8;
	color: #d76138;
	border-color: #eaeaea;
}

.product-socials-icons {
	text-align: center;
	margin: 0 auto;
}

.product-socials-icons ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.product-socials-icons ul li {
	display: inline-block;
	padding-right: 70px;
}

.product-socials-icons ul li a {
	display: inline-block;
	color: #000;
	text-align: center;
}

.product-socials-icons ul li a:hover .featured-product-icon {
	background-color: #009be1;
}

.featured-product-icon {
	display: block;
	margin: 0 auto 10px;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 100%;
	transition: all ease .4s;
}

.product-socials-icons ul li a:hover span {
	color: #0087ff;
}

.product-socials-icons ul li a img {
	transition: all ease .4s;
}

.product-socials-icons ul li a:hover img {
	filter: brightness(0) invert(1);
}

.featured-product-socials-info {
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-socials-tab-btn .tab-btn {
	display: inline-block;
	padding: 16px 15px;
	min-width: 240px;
	background-color: #fff;
	border: 1px solid #e5e3df;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	text-align: center;
	color: #444444;
}

.product-socials-tab-btn .tab-btn i {
	float: left;
	font-size: 24px;
	color: #ff9f00;
}

.product-socials-tab-btn .tab-btn:hover {
	background-color: #f5f5f5;
	border-color: #f5f5f5;
	color: #000;
}

.social-featured-title {
	margin-bottom: 20px;
}

.social-featured-title h3 {
	padding-bottom: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #585755;
}

.social-featured-title h3 a, .social-recent-product-title h3 a {
	font-size: 14px;
	color: #009be1;
	font-weight: 400;
	float: right;
}

.featured-col-item, .featured-col-item.second {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	height: calc(100% - 20px);
}

.featured-col-img img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	border: 1px solid #e5e3df;
	border-bottom: 0;
	border-radius: 5px;
	object-position: top;
}

.featured-col-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	border-top: 0;
	border: 1px solid #e5e3df;
	border-radius: 0 0px 5px 5px;
	z-index: 2;
}

.featured-col-content h5 {
	padding: 0 10px 0 0;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #009be1;
	cursor: pointer;
	transition: all ease .4s;
}

.featured-col-content h5:hover {
	color: #ff9800;
}

.featured-col-content span {
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	color: #fe8000;
}

.featured-col-item.second {
	height: calc(50% - 20px);
}

.featured-col-item.second .featured-col-img img {
	height: 240px;
}

.featured-col-item.second .featured-col-content {
	opacity: 0.9;
}

.featured-col-item.second.featured-col-content span {
	font-size: 20px;
}

.social-recent-products {
	padding: 25px 0;
}

.social-recent-products .product-slide {
	overflow: hidden;
}

.social-recent-product-title {
	margin-bottom: 13px;
	margin-top: -10px;
}

.social-recent-product-title h3 {
	padding-bottom: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #585755;
}

.recent-product-info {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	margin-bottom: 20px;
	width: 100%;
}

.swiper-pagination {
	position: static;
}

.swiper-pagination-bullet-active {
	background: #fbae41;
}

.recent-product-img {
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.listing-preview-img {
	position: relative;
	overflow: hidden;
	z-index: 0;
	text-align: center;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	display: inline-block;
	min-width: 300px;
	max-width: 300px;
}

.listing-preview-img img {
	height: 200px;
	object-position: top;
	object-fit: cover;
}

.recent-product-img img {
	height: 300px;
	width: 100%;
	object-position: top;
	object-fit: cover;
}

.recent-product-content {
	padding: 20px 10px 0;
}

.recent-product-price-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.recent-product-price-list h4 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #ee870e;
}

.recent-product-price-list a {
	padding: 6px 15px;
	min-width: 65px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #009be1;
	border-radius: 4px;
	font-size: 13px;
	color: #009be1;
	transition: all ease .4s;
	display: inline-block;
}

.recent-product-price-list a:hover {
	background-color: #039fe5;
	color: #fff;
	border-color: #039fe5;
}

.recent-product-content p {
	padding-bottom: 0;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	color: #009be1;
	cursor: pointer;
	text-transform: capitalize;
	transition: all ease .4s;
	min-height: 45px;
}

.recent-product-content p:hover {
	color: #ff9800;
}

.recent-product-content h6 {
	font-size: 14px;
	font-weight: 400;
	color: #777;
	line-height: 24px;
}

.recent-product-info:hover .product-img-effect, .featured-col-item:hover .product-img-effect
	{
	opacity: 1;
	visibility: visible;
	transform: none;
}

.recent-product-info:hover {
	border-color: #fbae41;
}

.product-img-effect {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	transition: all ease 0.4s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
	border-radius: 4px 4px 0 0;
}

.featured-col-img .product-img-effect {
	border-radius: 5px;
}

.product-img-effect ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.product-img-effect ul li {
	display: inline-block;
	padding: 0 10px;
}

.product-img-effect ul li a {
	display: inline-block;
	padding: 12px 15px;
	background-color: #fff;
	border: none;
	border-radius: 5px;
}

.product-img-effect ul li a:hover i {
	color: #ff9800;
}

.product-img-effect ul li a i {
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
	transition: all ease .4s;
}

.product-img-effect ul li a .fa-heart-o {
	color: #de3fcd;
}

.product-img-effect ul li a .fa-eye {
	color: #3ea7ea;
}

.product-img-effect ul li a .fa-plus {
	color: #f29c2c;
}

.recent-product-into {
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.recent-product-into ul {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	padding: 0;
	margin: 0;
}

.recent-product-into ul li {
	display: inline-block;
	padding-right: 15px;
}

.recent-product-into ul li:last-child {
	padding-right: 0;
}

.recent-product-into ul li a {
	color: #000;
}

.recent-product-into ul li a:hover {
	color: #ff9800;
}

.recent-product-into ul li a i {
	margin-right: 3px;
	font-size: 16px;
	color: #ea82dd;
	position: relative;
	top: 1px;
}

.recent-product-into ul li a img {
	width: 15px;
	margin-right: 5px;
}

.recent-product-into-icon img {
	width: 40px;
	border-radius: 100%;
}

.recent-product-into-icon span {
	margin-left: 10px;
	font-size: 13px;
	font-weight: 500;
	line-height: 22px;
	color: #524646;
	cursor: pointer;
	text-decoration: underline;
	transition: all ease .4s;
}

.recent-product-into-icon span:hover {
	color: #ff9800;
}

/* Main Banner */
.main-get-btn {
	display: inline-block;
	margin-top: 20px;
	padding: 16px;
	min-width: 200px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	background-color: #009be1;
	transition: all ease 0.4s;
	color: #fff;
}

.main-get-btn i {
	font-size: 24px;
	float: right;
	color: #f6e88a;
}

.main-get-btn:hover {
	background-color: #0980b5;
	color: #fff;
}

.main-banner {
	position: relative;
}

.mobile-image {
	display: none;
}

.main-banner>img {
	width: 100%;
}

.main-banner-info {
	position: absolute;
	top: 130px;
	left: 50px;
	max-width: 550px;
	z-index: 1;
}

.main-banner-info h2 {
	padding-bottom: 15px;
	font-size: 60px;
	font-weight: 500;
	line-height: 66px;
	text-align: left;
	color: #4a4135;
}

.main-banner-info p {
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	color: #4f4f4f;
}

/* Free Website Socialize */
.free-website-socialize {
	padding: 60px 50px;
	background-color: #fff;
}

.socialize-warp {
	position: relative;
	z-index: 0;
	text-align: center;
}

.socialize-warp img {
	width: 100%;
}

.free-socialize-info {
	display: inline-block;
	padding-left: 50px;
}

.free-socialize-info span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 10px 20px;
	background-color: #f2f2f2;
	border-radius: 25px;
	min-width: 160px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #858585;
}

.free-socialize-info h2 {
	padding-bottom: 20px;
	font-size: 54px;
	font-weight: 400;
	line-height: 56px;
	color: #343434;
}

.free-socialize-inner {
	display: flex;
	align-items: baseline;
	margin-bottom: 30px;
}

.socialize-icon {
	padding-right: 20px;
}

.socialize-icon i {
	font-size: 18px;
	font-weight: 300;
	color: #ffaa32;
}

.socialize-text h4 {
	padding-bottom: 8px;
	font-size: 20px;
	font-weight: 500;
	line-height: 26px;
	color: #000;
}

.socialize-text p {
	padding-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #333333;
}

.free-socialize-consectetur {
	padding: 25px 0 0;
	border-top: 1px solid #e5e5e5;
}

.free-socialize-consectetur p {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	color: #585858;
}

/* Free Website Shop */
.free-website-shop {
	padding: 80px 50px;
	background-color: #081b4a;
	background-image: url('../images/free-website-shop-bg.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.free-shop-content {
	max-width: 900px;
}

.free-shop-content span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 10px 20px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 25px;
	min-width: 160px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #a9adb9;
}

.free-shop-content h2 {
	font-size: 60px;
	font-weight: 400;
	color: #fff5b0;
	padding-bottom: 10px;
}

.free-shop-content p {
	padding-bottom: 0;
	line-height: 28px;
	color: #dedfe3;
}

.free-shop-info {
	display: inline-block;
	padding-top: 50px;
}

.free-shop-inner {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
	max-width: 400px;
}

.free-shop-icon {
	margin-right: 20px;
}

.free-shop-icon span {
	display: inline-block;
	padding: 10px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background: rgba(35, 133, 250, 0.4);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.free-shop-text h5 {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	color: #e5d7b8;
}

.free-shop-tempor-box {
	padding-top: 10px;
}

.free-shop-box {
	max-width: 700px;
	margin-bottom: 20px;
	position: relative;
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 3px;
	border-left: 7px solid #f7b04b;
}

.free-shop-box p {
	padding-bottom: 0;
	font-size: 16px;
	line-height: 28px;
	color: #4f4f51;
}

/* Free Website Promote */
.free-website-promote {
	position: relative;
	padding: 0 50px;
	background-color: #f3f1eb;
	background-image: url('../images/website-promote-bg.jpg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.website-promote-inner {
	max-width: 700px;
	padding: 60px 0 60px 30px;
}

.promote-content span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 10px 20px;
	background-color: #e7e5de;
	border-radius: 25px;
	min-width: 160px;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	color: #858585;
}

.promote-content h2 {
	padding-bottom: 15px;
	font-size: 60px;
	font-weight: 400;
	color: #343434;
}

.promote-content p {
	color: #535250;
}

.promote-inner h3 {
	margin-bottom: 20px;
	position: relative;
	padding: 25px 30px;
	background-color: #0079e9;
	border-radius: 5px;
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
}

.promote-inner h3:before {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
	content: "";
	width: 22px;
	height: 2px;
	background-color: #fff;
}

.promote-inner p {
	padding-bottom: 0;
	color: #535250;
}

.promote-inner .row {
	margin-top: 10px;
}

.promote-list {
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 18px;
	color: #535250;
	font-weight: 400;
}

.promote-list li {
	float: left;
	width: 49%;
	padding: 8px 0;
}

.promote-list li i {
	font-size: 16px;
	margin-right: 5px;
	color: #d4a260;
}
/*.accordion-item {
  margin-bottom: 20px;
}*/
.accordion-item h2 {
	padding-bottom: 0;
}

.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 20px;
	border-radius: 3px;
	border: 1px solid #e6e2de;
	background-color: #fff;
	color: #927b72;
}

.accordion-button:after {
	position: unset;
	background-image: none !important;
}

.accordion-button:before {
	position: absolute;
	content: "+";
	right: 20px;
	font-size: 38px;
	color: #ecbc60;
}

.accordion {
	-bs-accordion-bg: transparent;
	-bs-accordion-border-width: 0;
}

.accordion-button:not(.collapsed):before {
	content: "-";
	color: #fff;
}

.accordion-item .accordion-button {
	outline: none;
	font-size: 20px;
	font-weight: 400;
}

.accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	position: relative;
	background-color: #0980b5;
	color: #fff;
	border-color: transparent;
}

.accordion-body {
	padding: 10px 0 0;
	background: transparent;
}

.website-promote-img img {
	width: 680px;
}

.website-promote-product h5 {
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	color: #535250;
}

.website-promote-product h5 i {
	margin-right: 5px;
	font-size: 22px;
	color: #a9863c;
}

.website-promote-product form {
	display: flex;
	align-items: center;
}

.website-promote-product .form-control {
	padding: 10px 15px;
	height: 54px;
	background-color: #fff;
	color: #a3a3a3;
	border: 1px solid #dad5d5;
	border-radius: 5px 0 0 5px;
	font-size: 16px;
	letter-spacing: normal;
}

.website-promote-product .main-get-btn {
	padding: 15px;
	margin-top: 0;
	border-radius: 0 5px 5px 0;
	min-width: 190px;
	z-index: 9;
}

/**
 * Responsive CSS
*/
@media screen and (min-width:576px) {
	#loginModal .modal-body {
		padding: 30px;
	}
}

@media screen and (max-width:1650px) {
	.classifieds-bottom h2 {
		font-size: 26px;
	}
	.bottom-label span {
		font-size: 14px;
	}
}

@media screen and (max-width:1599px) {
	.mtf-mid-wrap .container {
	  padding: 0 50px;
	}
    .social-banner-info h1 {
        font-size: 52px;
    }
    .social-dashboard-banner > img {
	  width: 100%;
	  height: 490px;
	  object-fit: cover;
}
	.classifieds-table th, .classifieds-table .table td {
		font-size: 15px;
	}
	.mtf-badge {
		left: 30px;
	}
	.classifieds-table .table thead th, .classifieds-table .table tbody td {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* Mtf Normal CSS */
	#earn-block .dashboard-records>.row>[class*="col-"] {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.suggestions.suggestion-view .user-action-list .message-item .col-md-5,
		.suggestions.suggestion-view .user-action-list .message-item .col-md-7
		{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
	}
	.suggestions.suggestion-view .user-action-list .message-item .user-info .mtf-buttons-wrap
		{
		text-align: left;
		padding-top: 10px;
	}
	.dashboard-records .withdrawl-amount {
		margin-top: 0;
	}
	.dashboard-records .summary-chart {
		padding-top: 25px;
	}
	.mtf-navigation {
		text-align: left;
	}
	.mtf-navigation ul li {
		padding: 0 40px 0 0;
	}
	.container {
		padding: 0 50px;
	}
	.mtf-random-signup {
		padding: 5px 50px 3px;
	}
	.home-matchmakers {
		left: 50px;
	}
	/* Mtf My Contacts Page CSS */
	.user-info .mtf-btn {
		min-width: 130px;
	}
	.user-info .mtf-btn.fav-btn-icon {
		min-width: 10px;
		margin-right: 20px;
	}
	/* Mtf Match Step 2 Page CSS */
	.select-match {
		font-size: 16px;
	}
	.select-match img {
		max-width: 60px;
		margin: 0 5px;
		border-width: 4px;
	}
	.user-info .mtf-btn+.mtf-btn {
		margin-left: 5px;
	}
	.my-matches .user-info .mtf-btn .mtf-icon {
		font-size: 12px;
	}
	/* Mtf About Page CSS */
	.mtf-contact:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(219, 223, 227, 0.8);
		content: "";
	}
	.suggestions .nav-tabs .nav-item .text-only {
		font-size: 12px
	}
	.home-video {
		right: 50px;
	}
}

@media screen and (max-width:1599px) {
	.shop-big-img>img, .shop-small-img>img, .shop-inner-one>img {
		height: 400px;
	}
	.shop-small-half-img>img {
		height: 185px;
	}
	.shop-inner-two>img {
		height: 192px;
	}
}

@media screen and (max-width:1449px) {
	.product-preview-inner .recent-product-into {
		display: block;
	}
	.nav-tabs.before-shop-menu .nav-item {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.nav-tabs.before-shop-menu .nav-link {
		padding: 15px 11px;
		font-size: 13px;
	}
	.blog-info-detail .img-detail h2 {
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width:1399px) {
    .social-dashboard-banner > img {
        height: 470px;
    }
    .social-banner-form {
        margin: 30px 0 20px;;
    }
    .social-banner-info {
        max-width: 800px;
    }
	.drizzle-footer p {
		font-size: 12px;
	}
	.drizzle-footer ul li {
		padding: 0 10px;
	}
	.nav-tabs.after-shop-menu .nav-link {
		padding: 13px 8px;
		font-size: 12px;
	}
	.shop-big-img>img, .shop-small-img>img, .shop-inner-one>img {
		height: 330px;
	}
	.shop-small-half-img>img {
		height: 150px;
	}
	.shop-img-text h4 {
		font-size: 16px;
	}
	.shop-img-text h2 {
		font-size: 28px;
	}
	.shop-img-btn {
		padding: 10px 15px;
		min-width: 150px;
	}
	.shop-img-text {
		right: 30px;
	}
	.shop-small-half-img .shop-img-text h2 {
		font-size: 22px;
	}
	.shop-small-half-img .shop-img-text {
		min-width: 160px;
	}
	.shop-small-img .shop-img-text {
		top: 30px;
		right: 30px;
	}
	.home-shop .shop-big-img .shop-img-text h2, .home-shop .shop-small-img .shop-img-text h2
		{
		font-size: 26px;
	}
	.shop-small-half-img .shop-img-text {
		min-width: 150px;
	}
	.home-shop .shop-big-img .shop-img-text {
		top: 20px;
		left: 40px;
	}
	.home-shop .shop-small-img .shop-img-text {
		top: 20px;
	}
	.electronics .shop-small-img .shop-img-text {
		top: 20px;
		left: 30px;
	}
	.shop-inner-one .shop-img-text {
		left: 15px;
		top: 15px;
	}
	.shop-inner-one .shop-img-text h2 {
		font-size: 22px;
	}
	.shop-inner-two>img {
		height: 158px;
	}
	.shop-inner-two .shop-img-link {
		top: 10px;
	}
	.feature-img-item ul {
		overflow: hidden;
		padding: 10px;
	}
	.feature-img-item ul li {
		float: left;
		width: 20%;
	}
	.feature-img-item ul li a {
		padding: 5px;
		border-top: none;
		border-bottom: none;
	}
	.dashboard-feeds .post-list .user-info .col-md-1 {
		right: 10px;
	}
	.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap {
		width: 340px;
	}
}

@media screen and (max-width:1370px) {
	.classifieds-table th, .classifieds-table .table td {
		white-space: nowrap;
	}
}

@media screen and (max-width:1366px) {
	.mtf-work-process:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 254, 239, 0.8);
	}
	.profile-info-list h2 {
		font-size: 24px;
	}
	.banner-subtitle br {
		display: none;
	}
	.nav-tabs .nav-link {
		padding: 10px;
	}
	.icon-only.available-mambers, .icon-only.available-matchmakers {
		background-size: 20px auto !important;
		width: 20px;
	}
	.suggestions .nav-tabs .nav-item {
		padding: 0 5px;
	}
	a.create-post {
		padding: 8px 10px;
		font-size: 12px;
	}
}

@media screen and (max-width:1340px) {
	/* Mtf My Contacts Page CSS */
	.new-post-comment {
		min-height: 200px;
	}
	.search-filters {
		padding-right: 0;
	}
	.mtf-about:before {
		background: rgba(0, 0, 0, 0.6);
	}
	.withdrawl-amount h5 {
		padding: 0;
	}
	.mtf-contact {
		min-height: 1150px;
	}
	.mtf-contact .last .col-lg-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contact-form .text-right {
		text-align: left !important;
		margin-top: 15px;
	}
	.account-status .col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.user-name {
		font-size: 16px;
	}
	/* Mtf Withdrawl Report Page CSS */
	.withdrawl-form .form-control, .withdrawl-form .mtf-medium-btn,
		.withdrawl-filters ul {
		font-size: 14px;
	}
	.withdrawl-amount .col-md-8, .withdrawl-amount .col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.withdrawl-amount .col-md-8 {
		padding-bottom: 15px;
	}
	.user-profile-page .col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.post-filters a {
		margin: 10px 5px 0;
	}
	.post-filters a:after {
		display: none;
	}
}

@media screen and (max-width:1550px) {
	.g-recaptcha {
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
}

@media screen and (max-width:1359px) {
	.post-loc-date .post-meta {
		padding-right: 10px;
	}
	.profile-inner-title {
		display: block;
	}
}

@media screen and (min-width:1341px) {
	/* Mtf Unlock Profile Page CSS */
	.user-item.lock-profile .mtf-image+.mtf-image:before, .user-item.lock-profile .mtf-image+.mtf-image:after
		{
		left: -30px;
		font-size: 48px;
	}
	.user-item.lock-profile .mtf-image+.mtf-image:after {
		left: -32px;
		margin: 1px 0 0 -1px;
		font-size: 54px;
	}
	.lock-profile .user-info {
		padding-top: 56px;
	}
}

@media screen and (max-width:1250px) {
	.classifieds-bottom .mtf-btn {
		background-size: 28px auto;
	}
	.classifieds-title-wrap .col-md-5, .classifieds-title-wrap .col-md-6,
		.classifieds-title-wrap .col-md-7 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.classifieds-title-wrap .textright {
		text-align: left;
	}
	.classifieds-title-meta {
		border-top: 1px solid #d0cfcb;
		padding: 15px 0 0;
		overflow: hidden;
	}
	.classifieds-title-meta .mtf-btn {
		float: right;
	}
	.classifieds-title-meta .classifieds-link {
		float: left;
		margin: 5px 30px 0 0;
	}

	/* Mtf Normal CSS */
	.cards-wrap>.row>[class*="col-"] {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.mtf-container {
		max-width: 1170px;
		padding: 0 15px;
	}
	.mtf-about .col-lg-6:first-child {
		display: none;
	}
	.mtf-about .col-lg-6, .mtf-work-process .col-lg-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	/* .mtf-small-device .col-md-5, .mtf-small-device .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  } */
	.mtf-small-device .col-md-5 .user-name {
		padding-bottom: 10px;
	}
	.user-info.mtf-small-device .mtf-buttons-wrap {
		text-align: left;
	}
	.user-info.mtf-small-device.no-height .mtf-buttons-wrap {
		text-align: right;
	}
	.mtf-header .container {
		padding: 0 20px;
	}

	/* Mtf Match Step 2 Page CSS */
	.select-match img {
		max-width: 50px;
	}
	.message-info h5 {
		padding-bottom: 0;
	}
	.message-info {
		margin-top: 15px;
	}
	.dashboard .mtf-whitebox .user-name {
		font-size: 12px;
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.home-blogs {
		margin-left: 32%;
	}
}

@media screen and (max-width:1199px) {
	.social-banner-info h1 {
	  font-size: 48px;
	}
	.social-banner-info p {
	  margin: 11px 0;
	}
    .social-banner-info {
	  	max-width: 690px;
		padding-right: 30px;
		left: 34%;
}	
	.social-banner-form input {
	    font-size: 16px;
	}
    
    
	.responsive-full-width .mtf-buttons-wrap .dropdown-menu.user .dropdown-item.user {
		min-width: 134px;
	}
	.how-it-work-item:after {
		height: 160px;
	}
	.work-image-info {
		padding: 20px;
		max-width: 440px;
	}
	.work-image {
		padding-left: 20px;
	}
	.work-image.left {
		padding: 0 20px 0 0;
	}
	.work-image-info h2 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 10px;
	}
	.work-image-info:before, .work-image-info:after {
		border-top: 13px solid transparent;
		border-bottom: 13px solid transparent;
		border-left: 13px solid #07183b;
	}
	.work-image-info.right:before {
		border-right: 13px solid #07183b;
	}
	.work-image-info.right:after {
	  border-right: 13px solid #3a4b6e;
	}
	.work-image-info:after {
		border-left: 13px solid #3a4b6e;
	}
	.dropdown-btn {
		min-width: 105px;
	}
	.dashboard-feeds .nav-tabs .nav-item:first-child {
		padding-left: 0;
	}
	.dashboard-feeds .nav-tabs .nav-item:last-child {
		padding-right: 0;
	}
	.nav-tabs.network-tab .nav-item {
		width: auto;
	}
	.product-preview-inner .recent-product-into {
		display: flex;
	}
	.product-preview-inner .featured-col-item {
		margin-top: 20px;
	}
	.product-preview-inner .featured-col-item.second {
		margin-top: 0;
	}
	.drizzle-footer {
		text-align: center;
	}
	.drizzle-footer ul {
		padding: 10px 0;
	}
	.drizzle-footer p {
		font-size: 14px;
	}
	.mtf-buttons-wrap .btn-light {
		padding: 10px 7px;
		font-size: 12px;
		min-width: 124px;
	}
	.dropdown-menu.user {
		min-width: 110px;
	}
	.mtf-buttons-wrap .dropdown-menu.user .dropdown-item.user {
		padding: 6px 10px;
		min-width: 124px;
	}
	.nav-tabs.after-shop-menu {
		display: block;
		overflow: hidden;
	}
	.nav-tabs.after-shop-menu .nav-item {
		width: 25%;
		float: left;
		text-align: left;
		padding: 0;
	}
	.nav-tabs.after-shop-menu .nav-link {
		padding: 13px;
		border-bottom: 1px solid #e2e2e2;
		margin: -1px;
	}
	.nav-tabs.after-shop-menu .nav-item:last-child .nav-link {
		border-right: 1px solid #e2e2e2;
	}
	.nav-tabs.before-shop-menu .nav-link {
		padding: 10px;
	}
	.nav-tabs.before-shop-menu {
		display: block;
		overflow: hidden;
	}
	.nav-tabs.before-shop-menu .nav-item {
		width: 25%;
		float: left;
		padding: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	}
	.shop-inner-wrap {
		max-width: 33.3333%;
		flex: 0 0 33.3333%;
	}
	.shop-small-half-img .shop-img-text {
		right: 15px;
		min-width: 100px;
	}
	.shop-img-text h2 {
		font-size: 26px;
	}
	.shop-small-half-img .shop-img-text h2 {
		font-size: 18px;
	}
	.shop-small-half-img .shop-img-text h4 {
		font-size: 14px;
	}
	.home-shop .shop-big-img .shop-img-text, .home-shop .shop-small-img .shop-img-text
		{
		left: 25px;
	}
	.home-shop .shop-big-img .shop-img-text h2, .home-shop .shop-small-img .shop-img-text h2
		{
		font-size: 22px;
	}
	.feature-img-item ul li {
		width: 25%;
	}
	.suggestion-view .store-banner, .homepage .store-banner {
		display: none;
	}
	.homepage .m-view-tabs .store-banner {
		display: block;
	}
	.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap {
		width: 270px;
	}
	.classifieds-link {
		margin-right: 20px;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap:before {
		left: auto;
		right: 60px;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap {
		left: auto;
		right: 0;
	}
	.home-classifieds.ad-mobile-view {
		display: block;
	}
	.home-classifieds.ad-desktop-view {
		display: none;
	}
	.home-blogs.ad-mobile-view {
		display: block;
	}
	.classifieds-bottom .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.bottom-label {
		display: block;
	}
	.classified-lists .bottom-label {
		display: inline-block;
	}
	.classifieds-bottom {
		padding: 15px;
	}
	.bottom-label span {
		display: inline-block;
	}
	.classified-lists .bottom-label span {
		display: block;
	}
	.classifieds-title-wrap h2 {
		font-size: 24px;
	}
	.profile-info-list h2 {
		font-size: 28px;
	}
	.tooltip {
		display: none;
	}
	.m-view-tabs {
		display: block;
	}
	.background-post h5, .post-list .user-item .user-info .background-post h5
		{
		font-size: 30px;
	}
	.suggestion-view {
		width: 66%;
		margin: 0 2%;
		display: none;
	}
	.interests-list, .suggestion-view.style-two {
		width: 100%;
		margin: 0 0 40px;
	}
	.safety-warnings span {
		display: none;
	}
	#cardPreviewModal .card-message-wrap.message-preview {
		font-size: 36px;
		line-height: 45px;
	}
	.card-preview .card-back .message-author {
		top: 35px;
		left: 35px;
	}
	.card-preview .card-back .message-author+.message-author {
		top: auto;
		bottom: 35px;
		left: auto;
		right: 35px;
	}
	.card-message-wrap.message-preview {
		font-size: 24px;
		line-height: 30px;
	}
	.card-preview .modal-dialog {
		max-width: 300px;
	}
	#cardPreviewModal.card-preview .modal-dialog {
		max-width: 500px;
	}
	#cardPreviewModal .card-view-wrap {
		height: 650px;
	}
	.cards-wrap.mtf-scroll {
		height: 452px;
	}
	.card-colors a {
		width: 24px;
		height: 24px;
	}
	.post-loc-date {
		font-size: 14px;
	}
	.dashboard-profile {
		width: 30%;
	}
	.dashboard-feeds .post-list .user-info .col-md-1 {
		right: 0;
	}
	.suggestions.suggestion-view .user-action-list .message-item .col-md-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.suggestions.suggestion-view .user-action-list .message-item .col-md-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.suggestions.suggestion-view .user-action-list .message-item .user-info .mtf-buttons-wrap
		{
		text-align: right;
	}
	/* Mtf Normal CSS */
	.mtf-container {
		max-width: 960px;
	}
	.withdrawl-form .col-lg-10 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.whitebox-width {
		max-width: 100%;
		margin: 70px 50px 0;
	}

	/* Mtf Home Page CSS */
	.banner-title {
		font-size: 48px;
	}
	.banner-subtitle {
		font-size: 30px;
	}
	.section-title {
		font-size: 40px;
	}
	/* Mtf My Contacts Page CSS */
	.user-email {
		font-size: 16px;
	}
	.user-info {
		padding-left: 15px;
	}
	.user-info .mtf-btn {
		min-width: 10px;
		font-size: 13px;
	}
	.user-info .mtf-btn [class*="fa-heart"].unmatch:after {
		right: 5px;
	}
	.mtf-btn .mtf-icon {
		font-size: 14px;
	}
	.nav-tabs {
		font-size: 13px;
	}
	.nav-tabs .nav-item {
		padding-right: 10px;
	}
	#MatchedContacts .user-name, #PendingContacts .user-name {
		font-size: 14px;
	}
	/* Mtf Match Step Pages CSS */
	.finding-match .user-item {
		padding: 20px;
		text-align: center;
	}
	.finding-match .user-item .mtf-image {
		float: none;
		max-width: 150px;
		margin: 0 auto;
	}
	.finding-match .user-item .mtf-table-wrap, .finding-match .user-item .mtf-align-wrap
		{
		display: block;
	}
	.finding-match .user-activity {
		padding-top: 10px;
	}
	.finding-match .user-info {
		overflow: visible;
		padding: 10px 0 0;
	}
	.finding-match .user-name, .finding-match .user-email {
		font-size: 15px;
	}
	/* Mtf Match Step2 Page CSS */
	.finding-style-two .match-connector {
		font-size: 40px;
	}
	/* Mtf Match Step4 Page CSS */
	.user-detail-item {
		display: block;
		padding-top: 10px;
	}
	.user-detail-item+.user-detail-item {
		padding-left: 0;
	}
	.match-wrap-link .mtf-btn .btn-wrap {
		display: block;
	}
	.match-wrap-link .mtf-btn .mtf-icon {
		padding: 0 0 5px;
	}
	button.full-width {
		font-size: 12px;
	}
	.finding-match .user-item label {
		font-size: 14px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.manage-style-two .box-heading {
		font-size: 18px;
	}
	/* Mtf My Matches Page CSS */

	/* Mtf Messages List Page CSS */
	.message-menus ul {
		font-size: 14px;
	}
	.message-menus ul li a .fa {
		min-width: 20px;
		font-size: 18px;
	}
	.message-info p {
		font-size: 15px;
		line-height: 22px;
	}
	.message-info h5 {
		font-size: 18px;
	}
	.message-info .message-meta {
		font-size: 13px;
	}
	.users-conversation {
		height: 300px;
	}
	/* Mtf Earning Summary Page CSS */
	.summary-chart {
		padding-top: 50px;
	}
	/* Mtf Dashboard Page CSS */
	#msg-block {
		height: auto !important;
	}
	.dashboard .dash-block {
		margin-bottom: 15px;
	}
	.matchmaker-profile .profile-detail .row>[class*="col-"] {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.suggestions .nav-tabs .nav-item {
		width: auto;
	}
}

@media screen and (max-width:1024px) {
	.navbar-expand-md .navbar-nav .new-topbar-link .nav-link {
		height: 72px;
		min-width: 55px;
	}
}

@media screen and (max-width:991px) {
	.mtf-mid-wrap .container.container-two {
	  padding: 0 20px;
	}
	.sign-up-interst .interest-icon {
	  width: 130px;
	}
	.sign-up-modal .modal-header {
		padding: 25px 15px 20px;
	}
	.sign-up-steps a {
		font-size: 14px;
	}
	.sign-up-steps span {
		font-size: 15px;
	}
	.sign-up-modal .modal-dialog {
	  max-width: 750px;
	}
    .social-banner-info .modal-dialog {
        min-width: 750px;
        max-width: min-content;
    }
    .social-model-inner .interests-tab {
        padding: 0 30px 20px;
        justify-content: start;
    }
    .social-model-inner .interests-tab .nav-item span {
        font-size: 12px;
    }
    .social-model-inner .interests-tab .nav-link.active {
        max-width: 90px;
    }
    .social-banner-info .sign-up-topbar h5 {
        font-size: 26px;
    }
    .social-banner-info .tab-content .tab-username-info h3 {
        font-size: 22px;
		line-height: 22px;
    }
    .social-banner-info {
        position: static;
		transform: none;
		max-width: none;
		text-align: left;
		padding: 70px 25px;
    }
    .social-banner-info h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .social-banner-info p {
        font-size: 16px;
		line-height: 24px;
    }
    
	.how-it-work-item:after {
		height: 130px;
	}
	.drizzle-page-title {
		padding: 80px 0;
	}
	.drizzle-page-title-inner h1 {
		font-size: 40px;
	}
	.work-image-info {
	  padding: 15px;
		max-width: 340px;
	}
	.how-it-work-item {
	  padding: 30px 0;
	}
	.work-image-info p {
		font-size: 15px;
		line-height: 24px;
	}
	.work-image-info h2 {
	  font-size: 22px;
	  line-height: 26px;
	  margin-bottom: 8px;
	}
	.social-dashboard-banner > img {
		display: none;
	}
	.social-dashboard-banner {
		min-height: 10px;
		background-image: url(../images/drizzle-images/social-mob-banner.png);
		background-position: left 50%;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}
	#basic-datatable .product-body {
		max-width: 430px;
		min-width: 430px;
		white-space: normal;
	}
	.product-body p {
		display: none;
	}
	.hide-filter-default-mobile .search-filters {
		display: none;
	}
	.dropdown-menu.user .dropdown-item.user.profile-modal-icon {
		min-width: 130px;
	}
	#emptyListPreview .card-body {
		min-height: 10px;
	}
	.page-title.shop-page-title .breadcrumb {
		justify-content: center;
	}
	.nav-tabs.after-shop-menu .nav-item {
		width: 33.33%;
	}
	.shop-small-img>img {
		object-position: center;
	}
	.shop-big-img>img, .shop-small-img>img {
		height: 250px;
	}
	.shop-small-half-img>img {
		height: 180px;
	}
	.shop-small-half-img {
		margin-top: 30px;
	}
	.home-shop .shop-big-img, .jewelry .shop-small-img, .electronics .shop-big-img
		{
		margin-bottom: 30px;
	}
	.nav-tabs.shop-tabs .nav-item {
		width: 33.333%;
		margin: 0 !important;
	}
	.nav-tabs.shop-tabs .nav-link {
		border-bottom: 1px solid #e3ebf6;
	}
	.feature-img-item ul li {
		width: 33.333%;
	}
	.tab-interest-item {
		margin-bottom: 20px;
	}
	.tab-interest-link {
		min-height: 115px;
	}
	.border-btn {
		min-width: 130px;
	}
	.tab-interest-icon img {
		width: 28px;
	}
	.tab-interest-item {
		font-size: 14px;
	}
	.drizzle-profile-tab.nav-tabs .nav-item {
		width: 32% !important;
		padding: 0 !important;
	}
	#userProfileModal .modal-dialog, #matchBlockAlert .modal-dialog,
		#showUserProfileModal .modal-dialog {
		max-width: 90%;
	}
	.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap {
		width: 100%;
		left: 0;
	}
	.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap a {
		padding: 12px;
		font-size: 14px;
	}
	.wrapper .mtf-header .mtf-navigation ul li .dropdown-wrap.show {
		top: 100%;
	}
	.dropdown-wrap .mtf-scroll {
		max-height: 200px;
	}
	.mtf-toggle {
		display: block;
	}
	.mtf-header {
		padding: 15px;
	}
	.caret {
		position: absolute;
		right: 10px;
		top: 50%;
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 2px;
		vertical-align: middle;
		border-top: 5px dashed;
		border-top: 5px solid\9;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
	}
	.mtf-header .dropdown-menu {
		width: 240px;
	}
	.sidebarnav-open .header-wrap {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	.mtf-header .mtf-buttons-wrap {
		float: none;
		text-align: left;
	}
	.mtf-header .mtf-buttons-wrap {
		text-align: center;
	}
	.mtf-header .mtf-buttons-wrap .mtf-btn {
		margin: 10px 0;
		min-width: 100%;
		width: 100%;
	}
	.header-wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 300px;
		height: 100%;
		padding: 15px 25px;
		background: #ffffff;
		text-align: center;
		overflow: auto;
		-webkit-transition: all ease .4s;
		-ms-transition: all ease .4s;
		transition: all ease .4s;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		z-index: 4;
	}
	.header-right {
		display: table;
		width: 100%;
		height: 100%;
		padding: 25px 0;
	}
	.header-right-wrap {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}
	.mtf-navigation {
		display: block;
		padding-top: 0;
	}
	.mtf-navigation ul li {
		display: block;
		padding: 0;
	}
	.mtf-navigation ul li a {
		display: block;
		padding: 10px 0;
		color: #474747;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.mtf-header .mtf-navigation ul li a {
		display: block;
		color: #474747;
		border-top: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		text-align: left;
		font-size: 14px;
	}
	.mtf-header .mtf-navigation ul li.active>a {
		color: #91240f;
		border-bottom-color: #91240f;
	}
	.mtf-header .mtf-navigation ul li a span.mtf-icon, .mtf-header .mtf-buttons-wrap a span.mtf-icon
		{
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px 0 0;
	}
	.mtf-header .mtf-buttons-wrap a span.mtf-icon.pull-right {
		margin: 0 12px 0 0;
	}
	.mtf-header .mtf-navigation ul li a span.mtf-icon {
		width: 30px;
	}
	.mtf-header .mtf-navigation ul li a span.mtf-icon+span {
		display: inline-block;
		vertical-align: middle;
	}
	.profile-link img {
		margin-right: 10px;
	}
	.mtf-toggle {
		margin-top: 0;
	}
	.mtf-header .mtf-buttons-wrap.style-two a.mtf-btn {
		text-align: center;
		margin: 20px 0;
	}
	.mtf-header .mtf-buttons-wrap a:nth-child(n) {
		display: block;
		padding: 12px 0;
		margin: 0;
		color: #474747;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		text-align: left;
	}
	.mtf-header .mtf-buttons-wrap a .btn-wrap {
		display: inline-block;
		vertical-align: middle;
	}
	.my-ad-reply {
		padding: 15px;
		border-top: 1px solid #dcdcdd;
	}
	.mtf-badge {
		left: auto;
		right: 0;
		top: 15px;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap:before {
		right: 45px;
	}
	.classifieds-title-meta {
		margin-top: 10px;
	}
	.ad-reply-user {
		border: none;
	}
	.my-ad-reply img {
		max-width: 25px;
	}
	.my-ad-reply p {
		font-size: 16px;
		padding: 0 0 0 10px;
	}
	/*  mobile responsive */
	.mtf-header .mtf-buttons-wrap .mtf-btn {
		font-size: 14px;
		padding: 9px;
		min-width: 150px;
	}
	.mtf-header .container {
		position: relative;
		padding: 0;
	}
	.mtf-header .mtf-buttons-wrap {
		width: 100%;
	}
	.user-payment .message-apply .mtf-image {
		min-width: 90px;
		text-align: center;
	}
	.how-it-work .nav-tabs .nav-link {
		padding: 15px;
		font-size: 16px;
	}
	.being-reward {
		font-size: 18px;
	}
	.being-reward img {
		margin-right: 10px;
		width: 25px;
	}
	.work-list {
		padding: 20px;
	}
	.work-list .col-md-4 img, .work-list .col-md-3 img {
		max-width: 90%;
	}
	.ad-top-bar .classified-lists.gray-bg {
		padding: 0;
	}
	/* .msg-toggle.classifieds-top-filters {
    float: left;
    width: 59%;
    display: inline-block;
  } */
	.ad-top-bar, .ad-top-bar.message-item {
		padding: 15px;
	}
	.ad-top-bar .pull-right {
		display: block;
		width: 100%;
		padding: 15px 15px 0;
		border-top: 1px solid #e0e0e0;
		margin-top: 15px;
	}
	.ad-top-bar .classified-lists.gray-bg h2 {
		display: inline-block;
	}
	.user-payment .message-apply {
		padding-top: 20px;
	}
	.classifieds-title-wrap h2 {
		font-size: 22px;
	}
	.mtf-profile-wrap, .mtf-main-profile {
		position: static;
	}
	.profile-badges.style-two span {
		right: -210px;
		left: 0;
		top: 170px;
		width: 23px;
		margin: 0 auto;
	}
	.my-profile-pic {
		margin: 0 auto;
	}
	.mtf-main-profile .mtf-image, .mtf-main-profile .profile-info-list {
		text-align: center;
	}
	.mtf-main-profile:before {
		display: none;
	}
	.mtf-banner-wrap {
		height: 250px;
	}
	.profile-inner-wrap {
		width: auto;
		float: none;
		min-height: 10px;
		padding: 0 35px 50px;
	}
	.mtf-profile-detail {
		min-height: 10px;
		padding: 15px;
		border-left: none;
	}
	.profile-inner-info {
		margin-top: -130px;
	}
	.banner-meta {
		position: static;
		padding-bottom: 15px;
	}
	.banner-meta ul li a {
		border-color: #e1e1e1;
	}
	.member-detail {
		font-size: 16px;
		text-align: left;
	}
	ul.small-label, .log-item-wrap {
		text-align: left;
	}
	.member-detail li span {
		padding-top: 4px;
	}
	.small-label li br {
		display: none;
	}
	.log-title {
		position: relative;
		cursor: pointer;
	}
	.log-title:after {
		position: absolute;
		right: 0;
		top: -5px;
		font-size: 22px;
		content: "+";
		z-index: 1;
	}
	.log-item {
		padding-bottom: 13px;
	}
	.log-inner-item {
		display: none;
		padding-top: 5px;
		-webkit-transition: all ease .3s;
		-ms-transition: all ease .3s;
		transition: all ease .3s;
	}
	.log-inner-item.open {
		display: block;
	}
	.dashboard-profile {
		width: 100%;
		margin: 0 0 20px;
	}
	.dashboard-profile .mtf-whitebox {
		display: none;
		margin-bottom: 20px;
	}
	.random-blog {
		padding: 0 0 20px;
	}
	.dashboard-feeds {
		width: 100%;
		margin: 0;
	}
	.mobile-toggle {
		display: block;
	}
	.suggestion-view, .dash-block.suggestion-view {
		width: 100%;
		margin: 0;
	}
	.dashboard-feeds .post-list .user-item {
		text-align: left;
	}
	.dashboard-profile .form-help-group .mtf-btn {
		min-width: 100%;
		padding: 12px;
	}
	.dashboard-feeds .post-list .user-info .col-md-11 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.dashboard-feeds .post-list .user-info .col-md-1 {
		top: 10px;
		right: 20px;
		z-index: 1;
		width: 50px;
	}
	.dashboard-feeds .post-loc-date .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.dashboard-feeds .user-item {
		text-align: center;
	}

	/* Mtf Normal CSS */
	.mtf-container {
		max-width: 100%;
		padding: 0 50px;
	}
	#user-profile-modal .profile-info, .profile-info.new-height {
		height: auto;
	}
	.invitation-info .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.invitation-info .mtf-buttons-wrap {
		text-align: left;
		padding-top: 5px;
	}
	.invitation-info .mtf-btn {
		margin: 0 10px 0 0;
	}
	.radio.pull-right {
		width: 100%;
		text-align: center;
	}
	.user-info label.mtf-btn {
		width: 100%;
	}
	.my-preferences .form-group {
		width: 100%;
	}
	.mtf-footer {
		padding: 15px;
		text-align: center;
	}
	.report-filters h5 {
		font-size: 16px;
	}
	.mtf-footer .textright {
		text-align: center;
	}
	.invite-wrap-title {
		padding: 50px;
	}
	.view-profile {
		padding: 0 0 15px;
	}
	.user-profile-page .col-lg-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	user-menus ul {
		margin: 0;
	}
	.set-rate .col-md-8, .set-rate .col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	.set-rate p {
		padding: 5px 0 10px;
	}
	.invite-title {
		padding-left: 25px;
		font-size: 34px;
		line-height: 45px;
	}
	/* Mtf Invite Contacts Page CSS */
	.nav-tabs .nav-link {
		font-size: 14px;
	}
	.invitation-info .mtf-btn {
		min-width: 10px;
	}
	.text-only {
		display: none;
	}
	.suggestions .nav-tabs .nav-link .text-only {
		display: inline-block;
	}
	/* Mtf My Contacts Page CSS */
	.filters-toggle, .msg-toggle {
		display: block;
	}
	.search-filters, .msg-filters {
		display: none;
		padding-bottom: 10px;
	}
	/* Mtf Match Step Pages CSS */
	.finding-match {
		padding-bottom: 25px;
	}
	/* Mtf Photos Page CSS */
	#UploadModal .modal-dialog {
		max-width: 730px;
	}
	/* Mtf Profile Page CSS */
	.profile-image img {
		max-width: 150px;
	}
	.profile-image a .profile-badges span, .profile-image-wrap .profile-badges span
		{
		right: 3px;
	}
	.profile-info {
		padding: 0 0 0 25px;
	}
	.profile-info .user-name {
		padding-bottom: 15px;
		font-size: 24px;
	}
	.profile-info-item {
		padding: 0 25px 10px 0;
	}
	/* .modal-dialog {
    max-width: 90%;
  } */
	/* Mtf Messages List Page CSS */
	.message-menus {
		padding-top: 0;
	}
	/* Mtf Earning Summary Page CSS */
	.earning-summary-title {
		font-size: 22px;
	}
	.withdrawl-amount h5 {
		font-size: 18px;
	}
	/* Mtf Withdrawl Report Page CSS */
	.table-responsive {
		white-space: nowrap;
	}
	/* Mtf About Page CSS */
	.mtf-about .container, .mtf-contact .container, .mtf-work-process .container
		{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.about-wrap p {
		padding-bottom: 10px;
	}
	.mtf-contact {
		background-position: 90% 0;
	}
	.mtf-about .mtf-icon {
		display: none;
	}
	.mtf-work-process {
		background: url(../images/background2-mobile.jpg) no-repeat 55% 50%
			#fffeef;
		background-size: cover;
	}
	.icon-only.available-mambers, .icon-only.available-matchmakers {
		background-size: 25px auto !important;
		width: 30px;
	}
	.profile-options {
		width: 80px;
		height: 80px;
		background-size: 50px auto !important;
	}
	.profile-options:after {
		left: 60px;
	}
	.modal-body.less-space .profile-incomplete p {
		font-size: 14px;
	}
	.profile-incomplete h6 {
		font-size: 14px;
		line-height: 20px;
	}
	.home-video {
		width: 200px;
		right: 30px;
	}
	/* Mtf Available Contacts Page CSS */
	.modal-questions-answers .modal-title {
		font-size: 14px;
	}
	.modal-questions-answers .modal-title img {
		width: 20px;
	}

	/* 07-19-2019 */
	.blog-info-detail {
		width: 100%;
	}
}

@media screen and (max-width:899px) {
	.mview {
		display: block;
	}
	.dview {
		display: none;
	}
}

@media screen and (max-width:823px) {
	.dashboard-profile .post-filters .checkbox-caption a {
		margin: 0;
	}
}

@media screen and (max-width:800px) {
	/* Mtf Normal CSS */
	.mfp-close, .card-preview button.close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		background: rgba(0, 0, 0, 0.6);
	}
	.mfp-close:active {
		top: 0;
	}
	.mfp-close:before, .mfp-close:after {
		top: 9px;
		left: 16px;
	}
	.mfp-arrow-left {
		left: 15px;
	}
	.mfp-arrow-right {
		right: 15px;
	}
	.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
		position: fixed;
		top: 0;
		width: 35px;
	}
}

@media screen and (max-width:851px) {
	.style-two .text-format {
		padding-top: 20px;
	}
	.col-md-10.style-two {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
	}
	/* 07-19-2019 */
	.blog-info-detail .img-detail .col-5, .blog-info-detail .img-detail .col-7
		{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.blog-info-detail .img-detail h2 {
		padding: 20px;
	}
}

/*@media screen and (max-width:610px) {
	#basic-datatable .product-body {
		min-width: 10px;
		white-space: normal;
	}
	#basic-datatable th, #basic-datatable td {
	  white-space: nowrap;
	}
}*/
@media screen and (max-width:767px) {
	.mtf-mid-wrap.mid-wrap-style-two {
		padding-bottom: 50px;
	}
	.signup-bottom-link-two .custom-control {
	  display: block;
	  padding-bottom: 15px;
	}
	.mtf-mid-wrap .container.container-two {
	  padding: 0 15px;
	}
	.modal-footer.modal-footer-two {
		display: block;
	}
	.modal-footer-two .custom-control {
	  max-width: 210px;
	  margin: 0 auto 10px !important;
	}
	.form-input-wrap span:not(span.border-two) {
		display: none;
	}
	.form-input-wrap span.border-two i {
		font-style: normal;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		display: block;
		padding-bottom: 8px;
	}
	.login-layout-wrap body {
	  padding-bottom: 0;
	}
	.mtf-mid-wrap {
	  padding: 20px 0;
	}
	.mtf-mid-wrap .logo {
		line-height: 10px;
		position: static;
		transform: none;
		padding: 0 0 20px;
	}
	.mtf-mid-wrap .logo a img {
	  width: 220px;
	}
	.mtf-mid-wrap .container {
	  padding: 0 15px;
	}
	.sign-up-item .custom-control {
		margin: 3px 0;
	}
	.sign-up-interst .interest-icon-box {
	  width: 25%;
	}
	.sign-up-interst .interest-icon {
	  width: 115px;
	}
	.sign-up-form .form-group {
	  display: block;
	}
	.sign-up-form .btn {
	  min-width: 100%;
	  margin: 10px 0 0;
	}
	.sign-up-modal .modal-header {
		padding: 15px;
	}
	.sign-up-item {
		margin-top: 35px;
	}
	.sign-up-modal .modal-dialog {
		margin: 15px;
	}
	.sign-up-modal .modal-header h2 {
	  font-size: 26px;
	}
	.sign-up-modal .modal-header p {
	  font-size: 16px;
	  margin-bottom: 10px;
	}
	.sign-up-item h2 {
	  font-size: 24px;
      margin-bottom: 15px;
	}
	.sign-up-meta-item {
		padding: 10px 0;
	}
	.topbar-email-icon {
		display: flex;
	}
    .recovery-tab-info {
          margin-top: 10px;
    }
    .recovery-tab-info p {
        font-size: 14px !important;
		line-height: 22px !important;
    }
    .tab-interests-info {
        margin-top: 20px;
    }
    .tab-username-info .username-tab-form {
        margin-top: 20px;
    }
    .username-tab-1-info {
        padding-top: 0;
        display: block;
    }    
    .social-banner-info .modal-dialog {
        margin: 100px 15px;
		overflow: hidden;
		min-width: auto;
		max-width: 100%;
    }
    .social-model-inner .interests-tab {
        padding: 0 15px 15px;
        display: inline-flex;
		width: 100%
    }
    .social-banner-info .tab-content {
        padding: 20px 15px 30px;
    }
    .social-banner-info .sign-up-topbar h5 {
        font-size: 22px;
        line-height: 20px;
    }
    .social-banner-info .sign-up-topbar p {
        font-size: 14px;
    }
    .social-banner-info .tab-content .tab-username-info h3 {
        font-size: 20px;
    }
    .tab-website-info {
		padding-bottom: 10px;
    }
    .username-tab-form .form-control {
        font-size: 14px;
        height: 50px;
    }
    .username-form-inner .subscribe-btn {
        min-width: 170px;
		height: 50px;
		padding: 12px 15px;
		margin: 0 0 0 10px;
		font-size: 12px;
    }
    .tab-username-info .username-tab-form .robot-btn {
        padding: 14px 15px;
		min-width: 160px;
		font-size: 12px;
    }
    .social-banner-info .modal-footer {
        padding: 15px;
    }
    .social-dashboard-banner {
        padding: 60px 0 60px;
    }
    .social-tabs-info .social-tabs-item {
        min-width: 10px;
		max-width: none;
		min-height: 10px;
		height: auto;
		display: block;
		width: 100%;
		margin-right: 13px;
		border-width: 1px;
    }
.social-tabs-info .social-tabs-item:hover {
	border: 1px solid #2b3958;
}
    
    
	.responsive-full-width .mtf-buttons-wrap {
	  padding-top: 0;
	}
	.work-image {
		position: relative;
		opacity: 1;
	}
	.work-image:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(9, 30, 74, 0.5);
		z-index: 1;
		opacity: 1;
	}
	.highlighted .work-image:before {
		opacity: 0;
	}
	.how-it-work-item:after {
		display: none;
	}
	.how-it-work-inner {
		padding: 30px 0;
	}
	.work-image, .work-image.left {
		padding: 0;
	}
	.work-image-info {
		margin: 25px 0 15px;
		max-width: none;
	}
	.work-image-info:before, .work-image-info:after, .work-image-info h2 br {
		display: none;
	}
	.drizzle-page-title {
	  padding: 70px 15px;
	}
	.drizzle-page-title-inner h1 {
	  font-size: 36px;
	}
	.how-it-work-item {
		position: relative;
		z-index: 2;
	}
	.social-banner-info {
	  position: relative;
	  left: 0;
	  top: 0;
	  z-index: 2;
	  max-width: 100%;
	  padding: 0 15px;
	}
	.social-banner-info p {
		margin: 15px 0 20px;
	}
	#basic-datatable .product-body {
		max-width: 370px;
		min-width: 370px;
	}
	.product-body h5 {
		font-size: 16px !important;
	}
	body {
		padding-bottom: 50px;
	}
	.navbar-expand-md .navbar-nav .new-topbar-link .nav-link span.badge-danger
		{
		top: -2px;
		right: 0;
	}
	.navbar-expand-md .navbar-nav .new-topbar-link .nav-link.active:before {
		display: none;
	}
	.terms-wrap {
		padding: 10px;
	}
	.top-link-toggle {
		display: inline-block;
	}
	.responsive-top-link .new-topbar-link {
		display: block !important;
	}
	.main-menus.responsive-top-link {
		display: flex !important;
		width: 100%;
		left: 0;
		right: 0;
		flex-direction: row;
		top: auto;
		bottom: 0;
		background: #fff;
		border: 1px solid #d0d7e1;
		border-radius: 3px;
		justify-content: space-around;
		position: fixed;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	}
	.navbar-expand-md .navbar-nav .new-topbar-link .nav-link {
		padding: 10px 8px;
		height: auto;
	}
	.new-topbar-link-icon {
		min-height: 33px;
	}
	.navbar-expand-md .navbar-nav .new-topbar-link .nav-link img {
		margin-bottom: 0;
		width: 32px;
		margin-top: 2px;
	}
	.navbar-expand-md .navbar-nav .new-topbar-link:nth-child(2) .nav-link img
		{
		width: 20px;
		margin-top: 0;
	}
	.navbar-expand-md .navbar-nav .new-topbar-link:nth-child(3) .nav-link img
		{
		width: 26px;
		margin-top: 3px;
	}
	.navbar-expand-md .navbar-nav .new-topbar-link:nth-child(4) .nav-link img
		{
		width: 24px;
		margin-top: 2px;
	}
	.social-recent-product-title .back-list-link {
		display: block;
	}
	#savedListProducts .page-title {
		text-align: left !important;
	}
	.m-view-tabs .inner-tabs .nav-tabs {
		border-bottom: 1px solid #e3ebf6;
	}
	.dropdown-menu.user .dropdown-item.user.profile-modal-icon {
		min-width: 120px;
	}
	.nav-tabs.drizzle-profile-tab, .dashboard-feeds .nav-tabs {
		border-bottom: 1px solid #e3ebf6 !important;
	}
	.nav-tabs.drizzle-profile-tab .nav-item {
		margin: 0 5px -1px !important;
	}
	.dashboard-feeds .nav-tabs .nav-item {
		margin-bottom: -1px !important;
	}
	.border-btn i {
		margin-right: 5px;
	}
	.border-btn {
		min-width: 10px;
		font-size: 13px;
		padding: 10px 11px;
		margin-right: 5px;
	}
	.profile-info-item span {
		font-weight: 500;
	}
	.nav-close-icon {
		display: inline-block
	}
	.page-title.shop-page-title {
		text-align: left !important;
	}
	.page-title.shop-page-title .text-right {
		text-align: right !important;
	}
	.shop-page-title .btn-block .btn {
		display: inline-block;
		width: auto;
		background-color: #fff;
		color: #009be1;
		box-shadow: none;
		min-width: 90px;
		border-color: #a4e3ff;
	}
	.shop-page-title .btn span {
		display: none;
	}
	.page-title.shop-page-title h1 {
		margin-top: 10px;
	}
	.my-fav-view .user-info.no-height {
		height: auto;
	}
	.my-fav-view .user-info {
		height: auto;
		overflow: visible;
	}
	/*.navbar-vertical .navbar-nav>.nav-item>.close-cross-btn {
		display: block;
	}*/
	.modal-product-info h4 {
		font-size: 20px;
	}
	.modal-product-info h3 {
		font-size: 16px;
	}
	.modal-comment-img img {
		width: 70px;
		height: 70px;
		min-width: 70px;
	}
	.modal-comment-info {
		padding-left: 15px;
	}
	.modal-product-img {
		width: 100px;
		min-width: 100px;
	}
	.create-space {
		margin-top: 20px;
	}
	/*.user-info.mtf-small-device .mtf-buttons-wrap, .user-info.mtf-small-device.no-height .mtf-buttons-wrap
		{
		padding: 10px 0 35px;
	}*/
	.product-sidebar-title {
		display: none;
	}
	.social-featured-product-inner {
		margin-top: 0;
	}
	.social-mid-wrap .social-featured-products {
		padding: 20px 0;
	}
	.feature-img-item ul li {
		width: 100%;
		float: none;
	}
	.feature-item-rate {
		font-size: 14px;
		padding: 7px 15px;
	}
	.nav-tabs.before-shop-menu .nav-item {
		width: 100%;
		text-align: left;
	}
	.social-featured-products, .social-featured-product-inner {
		margin-top: 0 !important;
	}
	.social-feature-info {
		display: none;
		position: absolute;
		top: -20px;
		z-index: 8;
		left: 12px;
		width: auto;
		border: none;
		right: 12px;
		border: 1px solid #dbdbdb;
		box-shadow: none;
		border-top: none;
	}
	.social-feature-info.open {
		display: block;
	}
	.shop-inner-wrap {
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 30px;
	}
	.shop-inner-two {
		margin-bottom: 30px;
	}
	.shop-inner-two {
		margin-bottom: 0;
	}
	.shop-inner-two+.shop-inner-two {
		margin-top: 30px;
	}
	.shop-default-img {
		display: none;
	}
	.shop-mobile-img {
		display: block;
	}
	.shop-img-text {
		position: static;
		transform: none;
		padding: 25px 20px;
		background-color: #293e4e;
		border-radius: 0 0 5px 5px;
	}
	.shop-small-half-img .shop-img-text {
		background-color: #66491f;
	}
	.shop-small-half-img:last-child .shop-img-text {
		background-color: #164e65;
	}
	.jewelry .shop-small-img .shop-img-text {
		background-color: #563606;
	}
	.jewelry .shop-big-img .shop-img-text {
		background-color: #403e2f;
	}
	.home-shop .shop-img-text {
		background-color: #fbf7ea !important;
	}
	.electronics .shop-big-img .shop-img-text {
		background-color: #fbf7ea;
	}
	.electronics .shop-small-img .shop-img-text {
		background-color: #e9eaee;
	}
	.shop-inner-one .shop-img-text {
		background-color: #333333;
	}
	.shop-inner-one .shop-img-text.shop-img-text-two {
		background-color: #1c1c1c;
	}
	.shop-inner-one .shop-img-text.shop-img-text-three {
		background-color: #462c1b;
	}
	.shop-img-text.shop-img-text-three .shop-img-link {
		border-color: #524841;
	}
	.shop-inner-one .shop-img-link {
		border-color: #4b4b4b;
	}
	.shop-inner-two .shop-img-link {
		position: static;
		border: none;
		background-color: #e9eaee;
		display: block;
		text-align: left;
		font-size: 18px;
		padding: 15px;
	}
	.shop-landing-item {
		padding: 15px 0;
	}
	.electronics .shop-img-link {
		border-color: #949496;
	}
	.home-shop .shop-small-half-img:last-child .text-color-two h4 {
		color: #000;
		opacity: 0.7;
	}
	.home-shop .shop-img-link {
		border-color: #d7c9ba;
	}
	.jewelry .shop-small-img .shop-img-text h4 {
		color: #d9d4cc;
	}
	.shop-small-half-img:last-child .text-color-two h4 {
		color: #ccd9df;
	}
	.shop-small-half-img .shop-img-text h2, .shop-small-img .shop-img-text h2,
		.shop-inner-one .shop-img-text h2 {
		margin-bottom: 15px;
	}
	.shop-img-btn {
		min-width: 180px;
	}
	.shop-img-link {
		display: inline-block;
		padding: 11px 15px;
		min-width: 180px;
		background-color: transparent;
		border: 2px solid #fff;
		border-radius: 3px;
		color: #fff;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		transition: all ease .4s;
	}
	.shop-img-btn {
		background-color: transparent;
	}
	.shop-big-img>img, .shop-small-half-img>img, .shop-small-img>img,
		.shop-inner-one>img, .shop-inner-two>img {
		border-radius: 5px 5px 0 0;
	}
	.shop-big-img>img, .shop-small-img>img, .shop-small-half-img>img,
		.shop-inner-one>img, .shop-inner-two>img {
		height: auto;
		width: 100%;
	}
	.shop-small-half-img .shop-img-text h4 {
		font-size: 16px;
	}
	.shop-small-half-img .shop-img-text h2, .shop-inner-one .shop-img-text h2
		{
		font-size: 26px;
	}
	.social-mid-wrap {
		padding: 15px;
	}
	.product-sort {
		margin: 15px 0 0;
	}
	.feature-img-item ul {
		font-size: 13px;
	}
	.product-form-image {
		margin-bottom: 15px;
	}
	.tab-interest-link {
		font-size: 14px;
	}
	.profile-about, .tab-interests-wrap {
		padding: 15px;
	}
	.profile-info {
		padding: 15px 0 0;
		text-align: left;
		height: auto;
	}
	.profile-image {
		float: none;
	}
	.mtf-header {
		padding: 10px;
	}
	.post-list .user-item .user-name-wrap {
		padding: 0 0 0 10px;
	}
	.mtf-header .mtf-buttons-wrap {
		padding-top: 0;
	}
	.modal-icon {
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
		overflow: hidden;
	}
	.modal-contentbox {
		padding: 10px 0 0 0px;
		width: 100%;
		clear: both;
	}
	#list-blog .row {
		margin: 0 -10px;
	}
	.home-blogs.ad-desktop-view {
		display: none;
	}
	.classifieds-bottom .mtf-btn {
		padding-left: 20px;
	}
	.home-header .mtf-navigation {
		display: none;
	}
	#list-blog [class*="col-"] {
		padding: 10px 10px 0 10px;
	}
	.blog {
		height: auto;
	}
	.blog-text h2 {
		font-size: 18px;
	}
	.date {
		font-size: 14px;
	}
	.classified-ad-creation .col-md-6.text-right {
		text-align: left !important;
	}
	.modal-footer.style-two .form-group {
		margin: 0 0 15px;
	}
	/* .mtf-mid-wrap.mid-wrap-style-two.classifieds-layout {
    margin-top: 70px;
  }*/
	.bal-details .pull-left {
		width: 50px;
	}
	.bal-details {
		padding: 20px;
	}
	.bal-details p {
		padding: 10px 0 0 15px;
		font-size: 16px;
	}
	.avl-bal {
		text-align: center;
	}
	.classified-lists {
		padding: 10px;
	}
	.work-list .col-md-4, .work-list .col-md-3 {
		background: none;
		border-bottom: 1px solid #e7e7e7;
	}
	.faq-link {
		padding: 15px 20px 0;
	}
	.section-sub-heading {
		padding: 10px 20px;
	}
	.classifieds-top.user-item {
		text-align: left;
	}
	.classifieds-bottom .bottom-label {
		display: inline-block;
	}
	.classifieds-title-meta .mtf-btn {
		float: right;
	}
	.classifieds-bottom .mtf-btn {
		margin-top: 10px;
	}
	.classifieds-link {
		float: left;
		margin-top: 15px;
	}
	.classifieds-bottom .bottom-label span {
		display: block;
	}
	.classifieds-top.user-item .mtf-image {
		float: left;
	}
	.faq-list {
		font-size: 16px;
	}
	.modal-body.less-space.style-two {
		padding: 15px;
	}
	.classifieds-info h3, .classifieds-info h3 a {
		font-size: 20px;
		line-height: normal;
	}
	.applicants-meta ul {
		padding: 10px 0;
		text-align: left;
	}
	.applicants-meta ul li {
		padding: 3px 10px;
	}
	.classified-details h5 {
		font-size: 20px;
		line-height: 28px;
	}
	.classifieds-item {
		margin-bottom: 15px;
	}
	.classifieds-title-wrap {
		padding: 10px 0 20px;
	}
	.classifieds-title-wrap .textright {
		text-align: left;
	}
	.classifieds-title-meta {
		padding-top: 10px;
	}
	.mtf-main-profile .profile-inner-info .mtf-image a .profile-badges span
		{
		bottom: 27px;
		right: 0;
	}
	.profile-badges.style-two span {
		right: -130px;
		top: 90px;
	}
	.change-pic {
		top: 80px;
	}
	.change-pic a {
		padding: 10px;
	}
	/* .cropImage {
  height: 100vh;
    width: 100vh !important;
    object-fit: cover;
} */
	.mtf-banner-wrap {
		height: 180px;
	}
	.profile-inner-wrap {
		padding: 25px 20px 20px;
	}
	/*.mtf-profile-detail {
    padding: 20px 20px 10px;
  }*/
	.mtf-profile-detail p {
		font-size: 15px;
	}
	.mtf-profile-detail h4 {
		padding-bottom: 5px;
	}
	.profile-inner-info {
		margin-top: -100px;
	}
	.my-profile-pic {
		border-width: 3px;
		width: 150px;
		height: 150px;
	}
	.profile-inner-info .mtf-image img {
		width: 150px;
		height: 150px;
	}
	.profile-info-list h2 {
		font-size: 26px;
		line-height: 32px;
	}
	.profile-info-list {
		padding-left: 0;
		padding-right: 0;
	}
	.upload-btn {
		padding-bottom: 20px;
	}
	.upload-images .upload-btn {
		padding: 0;
	}
	.banner-meta ul li a {
		margin-left: 8px;
	}
	.cover-images-wrap {
		right: 15px;
	}
	.cover-images {
		right: 0;
		width: 290px;
		padding: 20px 20px 0;
	}
	.cover-images-list {
		margin: 0 -6px;
		padding-top: 15px;
	}
	.cover-images-list .mtf-image {
		padding: 0 6px 11px;
	}
	.cover-images {
		padding-bottom: 10px;
	}
	.about-me {
		padding: 15px 0 10px;
	}
	.mtf-profile-detail .mtf-image {
		margin: 8px 16px 8px 0;
	}
	.profile-detail .tab-content .nav-tabs .nav-item .nav-link {
		padding: 10px;
	}
	.m-view-tabs .inner-tabs {
		padding: 0 0 15px;
	}
	.mtf-small-device .col-md-5 .mtf-buttons-wrap {
		text-align: center;
	}
	.mtf-btn.mtf-msg-btn {
		min-width: 120px;
	}
	.mtf-small-device .col-md-5 .mtf-buttons-wrap .mtf-btn {
		width: auto;
		margin: 0;
	}
	.mtf-small-device .col-md-5 .mtf-buttons-wrap .mtf-btn.fav-btn-icon {
		margin-right: 10px;
	}
	.mature-post {
		padding: 30px 10px;
	}
	.background-post h5, .post-list .user-item .user-info .background-post h5
		{
		font-size: 24px;
	}
	.background-post {
		height: 330px;
	}
	.notification-item-title {
		font-size: 15px;
	}
	.logo {
		padding-bottom: 15px;
	}
	#cardPreviewModal .card-back .message-author {
		top: 50px;
		left: 50px;
	}
	#cardPreviewModal .message-author+.message-author {
		top: auto;
		bottom: 50px;
		left: auto;
		right: 50px;
	}
	.default-menu {
		display: none;
	}
	.dashboard-profile .post-filters .checkbox .checkbox-wrap {
		margin-top: 0;
	}
	.card-writer .form-control {
		font-size: 24px;
	}
	.filters-toggle, .msg-toggle {
		margin-bottom: 15px;
	}
	.write-message-link, .card-view-container:hover .write-message-link {
		height: 75px;
		width: 75px;
	}
	.curling-inner {
		width: auto;
		padding: 5px;
		font-size: 9px;
	}
	.mtf-custom-popup {
		padding: 20px;
	}
	.cards-wrap.mtf-scroll {
		height: 427px;
	}
	.card-preview .card-back .message-author {
		top: 25px;
		left: 25px;
	}
	/* #selectedCard {
    min-height: 85px;
  } */
	.card-preview .card-back .message-author+.message-author {
		top: auto;
		bottom: 25px;
		left: auto;
		right: 25px;
	}
	.card-message-wrap.message-preview {
		font-size: 14px;
		line-height: 18px;
	}
	#cardPreviewModal .card-message-wrap.message-preview {
		font-size: 30px;
		line-height: 35px;
	}
	#cardPreviewModal.card-preview .modal-dialog {
		max-width: 450px;
	}
	#cardPreviewModal .card-view-wrap {
		height: 600px;
	}
	.cards-wrap>.row {
		margin: 0 -7px;
	}
	.cards-wrap>.row>[class*="col-"] {
		padding: 0 7px;
	}
	.cards-wrap .card-item {
		padding-bottom: 14px;
	}
	.custom-popup-title {
		margin-bottom: 15px;
	}
	.custom-popup-title h5 {
		font-size: 18px;
	}
	.popup-close-link {
		font-size: 20px;
	}
	.verification-wrap .mtf-image {
		margin: 15px 0 5px;
	}
	.verification-wrap>.mtf-image img {
		width: 200px;
	}
	.verification-wrap .mtf-icon h2 {
		font-size: 26px;
	}
	.verification-wrap>.mtf-icon img {
		width: 150px;
	}
	.verification-wrap .mtf-buttons-wrap {
		padding-top: 10px;
	}
	.verification-code h2 {
		margin-bottom: 15px;
		font-size: 48px;
		line-height: 48px;
	}
	.verification-code h3 {
		padding-bottom: 10px;
		font-size: 26px;
	}
	.new-post-comment {
		min-height: 150px;
	}
	.new-post-comment.bg-post {
		min-height: 250px;
	}
	.mobile-menu {
		display: block;
		list-style: none;
		text-align: left;
		margin: 10px 0 0;
		padding: 0;
	}
	.mobile-menu li a {
		display: inline-block;
		padding: 7px 0;
		font-size: 16px;
	}
	.mtf-banner {
		height: 300px;
		background-position: 50px 0;
	}
	.post-list .user-item .user-info {
		text-align: left;
	}
	.suggestions.suggestion-view .user-action-list .message-item .col-md-5,
		.suggestions.suggestion-view .user-action-list .message-item .col-md-7
		{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	.suggestions.suggestion-view .user-action-list .message-item .user-info .mtf-buttons-wrap
		{
		text-align: center;
	}
	.dashboard-feeds .post-loc-date .col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Mtf Normal CSS */
	.finding-match .user-item.no-activity {
		border-bottom: 1px solid #dcdcdd;
	}
	.profile-info-item:last-child {
		white-space: normal;
	}
	.tab-pane .user-item:first-child {
		padding-top: 20px;
	}
	.user-info label.mtf-btn {
		width: 50%;
		margin: 0 auto;
	}
	a.create-post {
		font-size: 13px;
		padding: 10px;
		min-width: 200px;
	}
	.profile-detail .tab-content .nav-tabs .nav-item {
		padding: 0 5px;
	}
	.user-info.mtf-small-device .mtf-buttons-wrap, .user-info.mtf-small-device.no-height .mtf-buttons-wrap
		{
		text-align: center;
	}
	.space-list {
		padding: 0;
	}
	.user-info, .modal-body .post-list.style-two .user-item .user-info {
		height: auto;
	}
	.post-list .user-item.icon-msg .user-info {
		padding: 15px 0 0;
	}
	.invite-options a.facebook, .invite-options a.twitter, .invite-options a.linkedin
		{
		margin-top: 0;
	}
	.modal-note-msg {
		padding: 20px 15px;
	}
	.suggestions .message-item .user-info {
		float: left;
		width: 100%;
	}
	.invite-contact-img {
		width: 100%;
	}
	.invite-contact-msg {
		padding: 20px 0 0;
		width: 100%;
	}
	.invite-earnings {
		font-size: 16px;
	}
	.suggestions .message-item .mtf-image {
		float: none;
		margin: 0 auto;
		/* overflow: hidden; */
		text-align: center;
		width: 90px;
	}
	.contact-earnings p {
		line-height: 18px;
	}
	.profile-incomplete h2 {
		font-size: 18px;
	}
	.contact-user-img {
		padding: 7px;
		width: 65px;
		height: 65px;
	}
	.earning-requirements {
		padding: 15px 0;
	}
	.earning-required-msg {
		padding: 5px 0 0 15px;
	}
	.post-left {
		width: 100%;
	}
	.suggestions .message-item .mtf-image img {
		max-width: 100%;
	}
	.matchmaker-url {
		float: left;
		width: 100%;
	}
	.my-banner img {
		max-width: 150px;
	}
	.matchmaker-profile .profile-image {
		width: 100%;
	}
	.invite-options.style-two {
		padding-bottom: 15px;
	}
	.matchmaker-profile .profile-info {
		padding: 20px 0 0;
		width: 100%;
		text-align: center;
	}
	.mtf-banner:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
	}
	.checkbox.style-two {
		padding-bottom: 15px;
	}
	.mob-pad {
		padding-bottom: 10px;
	}
	.matchmaker-profile .profile-detail .row .connect-with,
		.matchmaker-profile .profile-detail .row .my-banner {
		padding: 20px 15px;
	}
	.matchmaker-profile {
		padding: 20px 0;
	}
	.matchmaker-profile .profile-detail .banner-title {
		font-size: 24px;
	}
	.matchmaker-profile .profile-detail .my-banner p {
		padding-bottom: 15px;
	}
	.modal-header .close {
		right: 5px;
	}
	.mtf-croping {
		text-align: center;
		padding-bottom: 20px;
	}
	.my-address:last-child {
		padding-top: 10px;
	}
	.profile-detail .row dl {
		border-right: none;
	}
	.withdraw-earnings .form-help-group.style-three {
		padding: 0 20px 20px;
	}
	.report-filters .text-right {
		text-align: left !important;
	}
	.account-status .col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.account-status .col-md-4.last {
		padding-top: 15px;
	}
	.messages-filter.active {
		display: block;
		position: absolute;
		width: 180px;
		top: 37px;
		right: 15px;
		background: #fff;
		border: 1px solid #e3e3e3;
		z-index: 1;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.mpt-10 {
		padding-bottom: 1rem;
	}
	.recent-withdrawls {
		padding: 15px 20px 0;
	}
	.form-help-group {
		padding: 0 0 15px;
	}
	.finding-match .user-item {
		min-height: inherit;
	}
	.match-step-two {
		padding: 10px 15px 25px;
	}
	.match-steps .form-help-group.style-three {
		padding: 0 15px 15px 15px;
	}
	.match-steps .manage-invitations.manage-style-two {
		padding: 15px 15px 0;
	}
	.match-steps .whitebox-wrap.mobile-padding {
		padding: 0 15px;
	}
	.message-actions {
		width: auto;
		position: absolute;
		top: 20px;
		right: 15px;
		z-index: 2;
	}
	.mobile-filters .classified-lists {
		border-top: 1px solid #d9d9d9;
		margin-top: 15px;
		padding: 15px 0 0;
		text-align: center;
	}
	.messages-filter {
		display: none;
	}
	.toggle-messages-filters {
		display: inline-block;
		padding: 5px 15px 0;
		margin-left: 10px;
		border: 1px solid #e3e3e3;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.messages-filter ul li {
		display: block;
		width: 100%;
		padding: 0;
	}
	.messages-filter ul li a {
		display: block;
		padding: 10px;
		border-bottom: 1px solid #e3e3e3;
	}
	.messages-filter ul li:last-child a {
		border-bottom: none;
	}
	.profile-detail>.row>[class*="col-"]:nth-child(2n) dl {
		border-right: none;
	}
	.more-filters .search-filter-title a span {
		font-size: 14px;
	}
	.my-matches .user-item {
		border: none;
		padding: 20px 20px 5px;
	}
	.modal-body, .modal-body.less-space {
		padding: 20px;
	}
	.payment-info-wrap .form-box-title {
		padding: 0;
	}
	.payment-info-wrap, .make-payment h5 {
		font-size: 16px;
	}
	.whitebox-wrap.mobile-padding, .mobile-padding {
		padding: 10px;
	}
	.whitebox-wrap.looking-for-page {
		padding: 0;
	}
	.whitebox-wrap.looking-for-page .row .col-md-6:first-child {
		border-right: none;
	}
	.whitebox-wrap.looking-for-page .row .col-md-6 {
		padding: 10px 15px;
	}
	.whitebox-wrap.looking-for-page .row .col-md-6.result {
		padding: 0 15px 10px;
	}
	.des-view {
		display: none;
	}
	.whitebox-wrap.mobile-padding.for-invites {
		padding: 10px;
	}
	.form-help-group.style-three {
		padding: 20px;
	}
	.invite-options a#uploadLink {
		padding: 7px 10px;
	}
	.dashboard-records .user-item {
		width: 33.33%;
		min-height: 100px;
	}
	.required-height {
		min-height: inherit;
	}
	.container {
		padding: 0 15px;
	}
	.mtf-big-btn {
		padding: 15px 25px;
		font-size: 18px;
	}
	.no-results, .table .no-results {
		height: auto;
		padding: 20px 10px;
	}
	.no-results img.img-icon {
		max-width: 100px;
	}
	.mtf-footer .textright {
		text-align: center;
	}
	.mtf-social {
		padding: 10px 0 15px;
	}
	.whitebox-width {
		margin: 70px 15px 0;
	}
	.whitebox-wrap {
		padding: 0;
	}
	.invite-wrap-title {
		min-height: 10px;
		padding: 25px;
		text-align: center;
	}
	.dashboard .dash-block {
		margin: 0 0 15px;
	}
	.invite-wrap-title img {
		width: 130px;
	}
	.invite-title {
		display: block;
		padding: 10px 0 0;
		font-size: 30px;
		line-height: 36px;
		overflow: hidden;
	}
	.buy-page .invite-title {
		padding-left: 0;
		font-size: 20px;
	}
	.light-gray-bg {
		padding: 15px;
	}
	.mtf-medium-btn {
		padding: 13px 20px;
		font-size: 14px;
	}
	/*.mtf-mid-wrap .mtf-container {
    padding: 0 15px;
  }*/
	/* Mtf Home Page CSS */
	.home-matchmakers {
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.mtf-random-signup {
		padding: 5px 10px 3px;
	}
	.mtf-banner .mtf-buttons-wrap {
		padding-top: 10px;
	}
	.banner-title {
		padding-bottom: 10px;
		font-size: 36px;
	}
	.banner-subtitle {
		font-size: 24px;
	}
	.mtf-buttons-wrap {
		padding-top: 20px;
	}
	.mtf-work-process {
		text-align: center;
	}
	.mtf-work-process .container {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.section-title-wrap {
		padding-bottom: 15px;
	}
	.section-title-wrap p {
		font-size: 18px;
	}
	.section-title {
		font-size: 36px;
	}
	.work-process-wrap {
		max-width: 100%;
	}
	.work-process-item {
		padding-bottom: 15px;
	}
	.work-process-item:after {
		display: none;
	}
	.work-process-item .mtf-icon {
		width: 100px;
		height: 100px;
	}
	.work-process-info {
		padding: 10px 0 0;
	}
	.work-process-title {
		font-size: 24px;
	}
	/* Mtf Form Pages CSS */
	/*.mtf-mid-wrap {
    padding: 20px 0;
  }*/
	.form-box {
		max-width: 100%;
	}
	.form-box-title {
		font-size: 24px;
	}
	.mtf-work-process .section-title-wrap {
		text-align: center;
	}
	.work-process-info p {
		font-size: 16px;
	}
	.logo a {
		width: 250px;
	}
	.section-heading .text-right {
		text-align: left !important;
	}
	.dashboard {
		padding: 20px 15px;
	}
	/*.dashboard.style-two, .mid-wrap-style-two {
    margin-top: 70px;
  }*/
	/* Mtf Terms And Conditions Page CSS */
	/*.mid-wrap-style-two {
    padding-left: 15px;
    padding-right: 15px;
  }*/
	/* Mtf Invite Contacts Page CSS */
	.manage-invitations .pull-right {
		float: none;
		padding-top: 5px;
	}
	.invite-wrap-title.invite-wrap-style-two {
		padding-bottom: 70px;
	}
	.nav-tabs {
		font-size: 14px;
	}
	.nav-tabs.tabs-style-one {
		padding: 0 25px;
	}
	.nav-tabs .nav-link {
		padding: 10px 15px;
	}
	.invitation-item .mtf-image img {
		max-width: 77px;
	}
	.invitation-info .mtf-btn {
		margin: 10px 10px 0 0;
	}
	.invitation-info .mtf-buttons-wrap {
		text-align: left;
	}
	#MatchedContacts .user-item.lock-profile .user-info {
		padding-top: 18px;
	}
	.invitation-author {
		font-size: 16px;
	}
	.invitation-author-email {
		font-size: 14px;
	}
	.invite-options-label {
		display: block;
		padding: 10px 0 15px;
	}
	.invitation-info .col-md-6 {
		width: 50%;
	}
	/* Mtf My Contacts Page CSS */
	.user-item .mtf-image {
		font-size: 12px;
		float: none;
		margin: 0 auto;
		display: inline-block;
		vertical-align: middle;
	}
	.user-item {
		position: relative;
		padding: 20px 20px 15px;
		text-align: center;
	}
	.user-item .mtf-image+.mtf-image:before, .user-item .mtf-image+.mtf-image:after
		{
		font-size: 24px;
	}
	.user-item .mtf-image+.mtf-image:after {
		font-size: 28px;
	}
	.user-info {
		padding: 15px 0 0;
		text-align: center;
	}
	.user-name {
		font-size: 16px;
	}
	.user-email {
		font-size: 15px;
	}
	.user-info .mtf-buttons-wrap {
		padding: 10px 0 5px;
		text-align: center;
	}
	/* .user-info .mtf-btn {
    padding: 10px;
    width: 47%;
    float: none;
  } */
	.list-inline-item {
		display: block;
	}
	.list-inline-item .pagination {
		justify-content: center;
	}
	#MatchedContacts .user-info, #PendingContacts .user-info {
		padding-top: 2px;
	}
	/* Mtf Match Step Pages CSS */
	.finding-match {
		padding-bottom: 15px;
	}
	.finding-match .user-item .mtf-image {
		max-width: 50px;
	}
	.finding-match .user-item.current:before, .finding-match .user-item.current:after
		{
		display: none;
	}
	.finding-match .user-item.no-activity .user-activity {
		display: none;
	}
	.finding-match .user-activity {
		padding-top: 5px;
	}
	.finding-match .user-info {
		padding-top: 5px;
	}
	.match-connector {
		padding-bottom: 8px;
		font-size: 30px;
	}
	.manage-style-two .box-heading a {
		float: none;
		margin-top: 0;
	}
	/* Mtf Match Step 2 Page CSS */
	.manage-invitations .box-heading img {
		max-width: 40px;
		margin: 0 5px;
	}
	.finding-style-two .match-connector {
		padding-bottom: 8px;
	}
	.select-match.left {
		text-align: center;
	}
	.select-match {
		font-size: 14px;
	}
	.select-matching-profile {
		padding: 15px 20px;
		font-size: 15px;
	}
	/* Mtf Match Step3 Page CSS */
	.match-wrap-link {
		padding-top: 0;
	}
	.match-wrap-link p {
		padding-bottom: 10px;
	}
	/* Mtf Match Step 4 Page CSS */
	.user-detail-item h6 {
		padding-bottom: 3px;
		font-size: 14px;
	}
	/* .user-detail-item p {
    font-size: 15px;
    line-height: 22px;
  } */
	.match-wrap-link {
		padding-top: 20px;
	}
	.match-wrap-link .mtf-btn {
		min-width: 10px;
	}
	.match-wrap-link .mtf-btn .btn-wrap {
		display: inline-block;
	}
	/* Mtf Photos Page CSS */
	#UploadModal .modal-dialog {
		max-width: 100%;
		margin: 25px;
	}
	/* Mtf Profile Page CSS */
	.profile-info .user-name {
		padding-bottom: 10px;
	}
	.profile-info .mtf-buttons-wrap {
		padding-top: 5px;
	}
	.profile-info-item {
		padding-right: 20px;
	}
	.mtf-title {
		padding: 15px 20px;
	}
	.selected-match-user {
		margin: 0 0 12px;
	}
	.selected-match-user img {
		width: 50px;
	}
	.inline-view {
		width: 100%;
		float: left;
	}
	.view-user-profile {
		position: absolute;
		top: 35px;
		right: 30px;
		z-index: 1;
	}
	.manage-style-two .box-heading span.required-info {
		display: block;
	}
	.modal-title {
		font-size: 16px;
	}
	/* Mtf Unlock Profile Page CSS */
	.user-item.lock-profile {
		padding: 25px;
	}
	/* Mtf Unlock Profile Page CSS */
	.user-item.lock-profile .mtf-image {
		max-width: 100px;
	}
	/* Mtf Messages List Page CSS */
	.message-menus ul {
		font-size: 13px;
	}
	.message-menus ul li a .fa {
		font-size: 16px;
	}
	.messages-filter .textright {
		text-align: left;
	}
	.messages-filter .checkbox {
		padding-right: 15px;
	}
	.messages-filter .checkbox+.checkbox {
		padding-left: 0;
	}
	/* Mtf Message Detail Page CSS */
	.messages-filter {
		text-align: left;
	}
	.message-writer .form-control {
		font-size: 15px;
	}
	.message-writer .mtf-btn {
		font-size: 18px;
	}
	.users-conversation {
		height: 250px;
	}
	/* Mtf Earning Summary Page CSS */
	.earning-summary-title {
		padding-bottom: 15px;
		font-size: 20px;
	}
	.earning-summary-wrap .table th {
		font-size: 15px;
	}
	.withdrawl-amount h5 {
		font-size: 16px;
	}
	.withdrawl-amount .col-md-8 {
		padding-bottom: 10px;
	}
	.withdrawl-amount h5 spna {
		display: block;
		padding-top: 5px;
	}
	.summary-chart {
		padding-top: 15px;
	}
	/* Mtf Withdrawl Report Page CSS */
	.withdrawl-form {
		padding-bottom: 0;
	}
	.withdrawl-form .mtf-btn {
		margin-top: 5px;
	}
	.withdrawl-filters ul {
		padding-bottom: 10px;
	}
	.withdrawl-amount.pb-4 h5 {
		padding-bottom: 10px;
	}
	/* Mtf Help Popup CSS */
	.question-info-wrap {
		width: 100%;
	}
	.help-popup-wrap {
		width: 100%;
		height: 100%;
	}
	.mtf-help-popup {
		top: 15px;
		left: 15px;
	}
	/* Mtf Payment Page CSS */
	.make-payment {
		padding: 15px 25px;
	}
	.payment-info-wrap p {
		font-size: 15px;
	}
	.payment-info-wrap h5 {
		font-size: 16px;
	}
	/* Mtf Buy Credits Page CSS */
	.buy-credits h4 {
		padding-bottom: 5px;
		font-size: 20px;
	}
	.credit-item h5 {
		font-size: 16px;
	}
	/* Mtf Dashboard Page CSS */
	.dashboard-records .no-results img.img-icon {
		max-width: 90px;
	}
	.dashboard-records .no-results h2 {
		padding-bottom: 0;
		font-size: 18px;
	}
	.dash-title {
		font-size: 16px;
	}
	.dash-controls a {
		margin-left: 5px;
		font-size: 13px;
	}
	.dashboard .dash-block {
		margin-bottom: 0;
	}
	#earn-block .dashboard-records {
		padding: 10px 15px;
	}
	#msg-block .no-results {
		padding: 50px 0;
	}
	.withdrawl-amount {
		padding-top: 15px;
	}
	/* Mtf About Page CSS */
	.mtf-about, .mtf-contact, .mtf-work-process {
		height: auto !important;
		min-height: 10px;
	}
	.mtf-about .container, .mtf-contact .container, .mtf-work-process .container
		{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.about-wrap, .about-wrap .section-title-wrap, .mtf-contact .section-title-wrap,
		.contact-wrap-title {
		text-align: center;
	}
	.mtf-contact .section-title-wrap {
		padding-bottom: 15px;
	}
	.about-wrap p {
		padding-bottom: 10px;
		font-size: 16px;
		line-height: 24px;
	}
	.about-wrap .external-link {
		font-size: 15px;
	}
	.contact-item {
		padding: 0 0 20px;
		text-align: center;
	}
	div:last-child>.contact-item {
		padding-bottom: 0;
	}
	.contact-item .mtf-icon {
		float: none;
		width: 90px;
		height: 90px;
		font-size: 35px;
	}
	.contact-info {
		padding: 10px 0 0;
	}
	.recent-posts {
		
	}
	.post-btn {
		text-align: center;
		padding: 15px 0;
		width: 100%;
	}
	.post-list .user-item .user-info {
		padding: 10px 0 0 0;
	}
	.post-list .user-item .user-info h5 {
		font-size: 15px;
	}
	.post-list .user-item .user-info .col-md-1 {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		width: 50px;
	}
	.profile-incomplete .col-md-3 {
		width: 50%;
	}
	.posting .radio-caption {
		font-size: 13px;
	}
	.home-video {
		width: 300px;
		right: 0;
		left: 0;
		bottom: 30px;
		margin: 0 auto;
	}
	.home-matchmakers {
		bottom: 210px;
	}
	.delete-my-post {
		right: 30px;
	}

	/* 07-19-2019 */
	.blog-detail-text h2 {
		font-size: 26px;
	}
	.blog-info-detail .img-detail h2 {
		font-size: 16px;
		line-height: 20px;
	}
	.blog-info-detail .img-detail span {
		font-size: 16px;
		line-height: 20px;
	}
	.blog-info-detail .blog-detail {
		padding: 15px 25px 35px;
	}
	.blog-info-detail .details h3 {
		padding: 20px;
		font-size: 16px;
	}
	.blog-info-detail .details h3 a {
		font-size: 16px;
	}
}

@media screen and (max-width:650px) {
	.invite-more-suggestions p br {
		display: none;
	}
	.invite-more-suggestions {
		padding: 20px 15px;
	}
}

@media screen and (max-width:640px) {
	/* mobile responsive */
	.profile-detail .tab-content .nav-tabs .nav-item {
		width: 100%;
		padding: 0 10px 10px;
	}
	.suggestions.suggestion-view .nav-tabs .nav-item {
		width: 100%;
	}
	.suggestions.suggestion-view .nav-tabs .nav-item .icon-only {
		float: left;
	}
	.my-fav-view .suggestion-filters .nav-tabs {
		padding: 0;
	}
	.signup-steps .form-box-wrap .row [class*="col-"] {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.form-input-slash:after {
		display: none;
	}
	/* Mtf Home Page CSS */
	.box-heading {
		font-size: 20px;
	}
	.question-item h6, .question-item p {
		font-size: 13px;
		padding-bottom: 0;
	}
	.user-profile-role {
		font-size: 15px;
	}
	#user-profile-modal .profile-detail .row dl {
		padding: 10px;
	}
	.ans-length {
		width: 100%;
		float: left;
		padding-bottom: 5px;
	}
	.profile-detail .tab-content .nav-tabs .nav-item {
		width: 100%;
		padding: 0 0 5px;
	}
	.custom-settings .profile-info {
		float: left;
		width: 100%;
		padding: 15px 0 0;
	}
	.custom-settings .profile-info .user-name span {
		float: left;
		width: 100%;
		padding: 5px 0 0;
	}
	.custom-settings .profile-info .profile-info-item {
		width: 100%;
		padding: 0 0 5px 0;
	}
	.custom-settings .profile-info h6 {
		padding-left: 10px;
	}
	.profile-detail .nav-tabs .nav-link.active {
		border-color: #ef0c00;
	}
	.mid-wrap-style-two .tab-pane dl, .mid-wrap-style-two .tab-pane ol,
		.mid-wrap-style-two .tab-pane ul {
		padding: 0 0 0 10px;
	}
	.credit-item .form-control {
		width: 100%;
		margin: 10px 0;
	}
	.credit-item .radio {
		display: block;
		padding-top: 15px;
	}
	.mobile-full {
		display: block;
		font-size: 15px;
	}
	.manage-invitations {
		padding: 10px 10px 15px;
	}
	.manage-invitations .box-heading {
		font-size: 20px;
	}
	.invitation-info .col-md-6 {
		width: 100%;
	}
	.invitation-info .mtf-btn {
		margin: 0 5px 0 0;
	}
	.nav-tabs.tabs-style-one .nav-link {
		padding-bottom: 5px;
	}
	.icon-only {
		float: none;
		display: inline-block;
		margin-right: 0;
	}
	.invite-count {
		display: none;
	}
	/* Mtf My Contacts Page CSS */
	.nav-tabs.tabs-style-one {
		padding: 0 20px;
	}
	/* Mtf Match Step2 Page CSS */
	.finding-style-two .match-connector {
		font-size: 30px;
	}
	/* Mtf About Page CSS */
	.mtf-contact {
		background-position: 80% 0;
	}
	.suggestion-toggle {
		display: block;
	}
	.suggestion-filters {
		display: none;
	}
	.suggestions .nav-tabs {
		text-align: left;
		border: none;
		padding: 20px 15px 5px;
		border-bottom: 1px solid #e3e3e3;
	}
	.suggestions .nav-tabs .nav-item {
		display: block;
		width: 100%;
		padding: 0 !important;
	}
	.suggestions .nav-tabs .nav-link {
		background: none;
		border: none;
		text-align: left;
		padding: 10px 0;
		border-top: 1px solid #e3e3e3;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	.suggestions .nav-tabs .nav-item .text-only {
		font-size: 14px;
	}
	.icon-only.available-mambers, .icon-only.available-matchmakers {
		float: left;
	}
}

@media screen and (max-width:575px) {
	.social-tabs-popup, .social-tabs-popup h3 {
		display: block;
	}
	.tabs-popup-icon {
		display: none;
	}
	.form-box-tab a {
		font-size: 14px;
	}
	.sign-up-item .row {
		margin: 0 -4px;
	}
	.sign-up-item .col-4 {
		padding: 0 4px;
	}
	.social-tabs-item span + span:after {
		bottom: 104px;
	}
	.social-tabs-item:hover span + span:after {
		bottom: 104px;
	}
	.sign-up-steps span {
	  font-size: 14px;
		padding: 8px 15px;
		margin: 0;
		max-width: 142px;
		line-height: 16px;
	}
	.form-input-wrap {
		display: block;
	}
	.form-input-wrap span {
		border-right: none;
		border-bottom: 1px solid #eaeaea;
		display: block;
	}
	.form-input-wrap span.border-two {
		border-left: none;
		border-top: 1px solid #eaeaea;
		border-bottom: none;
	}
	.sign-up-interst {
	  padding-top: 15px;
	}
	.sign-up-interst .interest-icon-box {
	  width: 33.3333%;
	}
	.sign-up-interst .interest-icon {
	  width: 100%;
	}
	.sign-up-modal .modal-header p {
		line-height: 22px;
		font-size: 15px;
	}
	.sign-up-form-two p {
		font-size: 14px;
		line-height: 24px;
	}
	.sign-up-item h2 {
		font-size: 20px;
		margin-bottom: 10px;
		line-height: 28px;
	}
	.social-tabs-info .social-tabs-item:hover span {
		background: transparent;
	}
	.social-dashboard-banner {
	  padding: 40px 0 30px;
	}
	.social-tabs-info {
		flex-wrap: wrap;
	}
	.social-tabs-info .social-tabs-item .tab-icon {
		min-height: 60px;
		line-height: 35px;
		border-radius: 5px;
	}
	.social-tabs-info .social-tabs-item {
		width: 15%;
		margin: 0 0 40px;
		height: 60px;
		border-radius: 5px;
	}
	.social-tabs-info .social-tabs-item .tab-icon img {
	  width: 25px;
	}
	.social-tabs-info .social-tabs-item span + span {
		position: relative;
		bottom: -15px;
		line-height: normal;
		min-height: 5px;
		font-size: 13px;
	}
    .tab-interests-info .interest-icon-box {
        padding: 10px 7.5px;
    }
    .file-uploader-info .form-group label span, .tab-username-info .username-tab-form label span {
        font-size: 12px;
        display: block;
    }
    .tab-username-info .username-tab-form h5 {
        font-size: 14px;
    }
    .tab-username-info .username-tab-form h5 span img {
        width: 20px;
		height: 20px;
    }
    .social-model-inner .interests-tab .nav-link:not(.active) {
        font-size: 14px;
    }
    .tab-username-info .username-tab-form label {
        font-size: 14px;
    }
    
	.responsive-full-width .mtf-buttons-wrap .dropdown-menu.user .dropdown-item.user {
		min-width: 134px;
	}
	.comment-info-meta {
		display: block;
	}
	.user-site-frame {
		height: 100vh;
		position: fixed;
		top: 54px;
	}
	.post-info {
		padding: 10px;
	}
	.user-comments {
		padding: 10px 10px 15px;
	}
	#loginModal .btn {
	  min-width: 120px;
	}
	.drizzle-page-title-inner h1 {
	  font-size: 32px;
	}
	.drizzle-page-title-inner p {
		font-size: 14px;
	    line-height: 24px;
	}
	.social-banner-info h1 {
		font-size: 38px;
	}	
	.post-img img {
		max-height: none;
	}
	.post-img.post-video, .post-img.post-video .full-iframe {
		max-height: none;
	}
	.mobile-action {
		display: block !important;
	}
	.hide-in-mobile {
		display: none !important;
	}
	.product-images {
		display: none;
	}
	#basic-datatable .product-body {
		padding-left: 0;
		min-width: 280px;
	}
	.frame-header {
		height: 53px;
	}
	.terms-wrap .nav-tabs {
		margin-top: 0;
	}
	.terms-wrap .nav-tabs .nav-item {
		padding-right: 0;
	}
	.terms-wrap .nav-tabs .nav-link {
		padding: 10px 5px;
	}
	.m-view-tabs .inner-tabs {
		padding: 0;
	}
	.m-view-tabs .inner-tabs .nav-tabs .nav-item {
		margin-bottom: -2px !important;
	}
	.m-view-tabs .inner-tabs .nav-tabs .nav-link {
		border: 1px solid #e5e5e5;
		background: #fafafa;
	}
	.mtf-whitebox {
		border-radius: 0;
	}
	.m-view-tabs .nav-tabs .nav-link:not(.active), .m-view-tabs .nav-tabs .nav-link:not(.active):hover
		{
		color: #565656;
	}
	.m-view-tabs .inner-tabs .nav-tabs .nav-item.show .nav-link,
		.m-view-tabs .inner-tabs .nav-tabs .nav-link.active {
		background: #fff;
		color: #009be1;
		border-bottom-color: #fff;
	}
	.inner-tabs.style-two .nav-tabs .nav-item {
		text-align: center;
		width: 50%;
		padding: 0;
	}
	.frame-close-link {
		display: inline-block;
		padding: 5px 8px;
		font-size: 10px;
	}
	.frame-close-link i {
		margin: 0 auto 3px;
	}
	.btn-block.saved-list-btn .btn {
		font-size: 12px;
	}
	.modal-comment-img img {
		width: 60px;
		height: 60px;
		min-width: 60px
	}
	.modal-comment-info-wrap {
		font-size: 14px;
	}
	.modal-product-info h4 {
		font-size: 18px;
	}
	.modal-product-info h3 {
		font-size: 16px;
		line-height: 22px;
	}
	.modal-comment-info {
		padding-left: 10px;
	}
	.modal-comment-info .modal-comment-img img {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}
	.nav-tabs.before-shop-menu {
		margin: 0;
	}
	.product-form-image-upload .file-uploader.form-input label {
		min-height: 10px;
	}
	.nav-tabs.shop-tabs .nav-item {
		text-align: left;
	}
	#userProfileModal .modal-dialog, #matchBlockAlert .modal-dialog,
		#showUserProfileModal .modal-dialog {
		max-width: 100%;
	}
	.nav-tabs.drizzle-profile-tab {
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #e3ebf6;
	}
	.whitebox-wrap .nav-tabs .nav-item {
		width: 100%;
	}
	.store-banner {
		padding: 15px 15px 15px 70px;
		background-size: 80px auto;
		background-position: 0 0;
	}
	.store-banner span {
		width: 100%;
		padding: 0 0 10px;
		font-size: 17px;
	}
	.store-banner a {
		min-width: inherit;
		width: 100%;
		background: #fff url(../images/icons/shop-btn-icon.png) no-repeat 95%
			50%;
	}
	.suggestion-view .store-banner span, .m-view-tabs .store-banner span {
		font-size: 15px;
	}
	.store-banner p {
		font-size: 14px;
	}
	/* mobile-responsive */
	.mtf-header .mtf-buttons-wrap .mtf-btn {
		min-width: 80px;
	}
	.classifieds-title-meta .mtf-btn {
		min-width: 100%;
		margin-top: 13px;
	}
	.section-heading .dash-title span {
		display: block;
		padding-bottom: 10px;
	}
	.dash-title .classifieds-link {
		float: none;
		font-size: 14px;
	}
	.mtf-header.home-header .container {
		padding: 0 15px;
	}
	.mtf-header .container {
		padding: 0;
	}
	.user-payment .message-apply .mtf-image {
		min-width: 75px;
	}
	.how-it-work .nav-tabs .nav-item:first-child, .how-it-work .nav-tabs .nav-item:last-child
		{
		padding: 0;
		width: 45%;
		display: inline-block;
	}
	.how-it-work .nav-tabs .nav-link {
		padding: 10px;
		font-size: 14px;
	}
	.being-reward {
		font-size: 15px;
	}
	.classifieds-top {
		padding: 15px 20px;
	}
	.classified-lists li, .applicants-meta ul li {
		display: block;
	}
	.classifieds-style-two .classifieds-top .mtf-image img {
		max-width: 70px;
	}
	.classifieds-style-two .classifieds-top h2 {
		font-size: 30px;
	}
	.reward-label {
		text-align: center;
		padding: 10px 0 0;
		margin-top: 15px;
		border-top: 1px solid #d9d9d9;
	}
	.classifieds-info h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.message-title-wrap {
		padding: 20px 20px 10px;
	}
	.classifieds-bottom {
		padding: 20px;
	}
	.classifieds-info {
		padding: 20px 20px 8px;
	}
	/* New profile view css*/
	/*.mtf-mid-wrap.mid-spacer-two {
    padding-top: 45px;
  }*/
	.profile-badges.style-two span {
		right: -105px;
		top: 80px;
	}
	.mtf-main-profile .profile-inner-info .mtf-image a .profile-badges span
		{
		right: -8px;
	}
	.my-profile-pic {
		width: 125px;
		height: 125px;
	}
	.profile-inner-info .mtf-image img {
		width: 125px;
		height: 125px;
	}
	.change-pic {
		top: 55px;
	}
	.cover-images-wrap .mtf-btn {
		min-width: 10px;
	}
	.banner-meta ul {
		display: block;
	}
	.banner-meta ul li {
		display: block;
		padding: 10px 0 0;
	}
	.banner-meta ul li a {
		margin: 0;
		width: 100%;
		display: block;
	}
	.cover-images-wrap .mtf-btn .mtf-icon .fa {
		margin: 0;
	}
	.cover-images-wrap .mtf-btn .btn-wrap {
		display: none;
		text-indent: -99999px;
	}
	.profile-stats {
		font-size: 15px;
	}
	.profile-inner-title {
		display: inline-block;
	}
	.mtf-profile-detail .no-image img {
		width: 50px;
	}
	.cover-images {
		padding: 20px 20px 0;
	}
	.upload-btn {
		padding-top: 5px;
	}
	.upload-btn .file-uploader.images-upload label {
		text-align: center;
	}
	.profile-inner-item {
		padding: 0;
		border-top: none;
	}
	.profile-inner-list {
		padding: 10px 20px;
		border-bottom: 1px solid #dadada;
	}
	.profile-inner-item:last-child .col-sm-4:last-child .profile-inner-list
		{
		border-bottom: none;
	}
	.profile-inner-list.no-border {
		/* border-bottom: none; */
		
	}
	.profile-info-wrap h5 {
		border-bottom: 1px solid #dadada;
	}
	.m-view-tabs .inner-tabs.stle-two {
		padding: 0 0 15px;
	}
	.m-view-tabs .inner-tabs.style-two .nav-tabs {
		padding: 0;
		text-align: center;
	}
	.m-view-tabs .inner-tabs .nav-tabs .nav-item {
		display: inline-block;
		padding: 0 5px;
		min-width: 50%;
	}
	.m-view-tabs .inner-tabs .nav-tabs .nav-item:first-child {
		padding-left: 0;
	}
	.m-view-tabs .inner-tabs .nav-tabs .nav-item:last-child {
		padding-right: 0;
	}
	.profile-detail .row dl {
		padding: 8px 12px;
	}
	/*.inner-tabs.style-two .nav-tabs .nav-item {
		padding: 0;
		width: 32%;
		display: inline-block;
	}*/
	.inner-tabs.style-two .nav-tabs .nav-link {
		padding: 14px 10px;
	}
	.inner-tabs .nav-tabs .nav-link {
		padding: 10px 0px;
	}
	.background-post h5, .post-list .user-item .user-info .background-post h5
		{
		white-space: normal;
		padding: 40px 30px;
	}
	#cardPreviewModal .card-info-wrap {
		margin: 0 15px;
	}
	#cardPreviewModal .card-back .message-author {
		top: 40px;
		left: 40px;
	}
	#cardPreviewModal .card-message-wrap.message-preview {
		font-size: 24px;
		line-height: 28px;
	}
	.my-fav-view .suggestion-filters .nav-tabs .nav-item {
		padding: 0 0 10px;
		width: 100%;
	}
	#cardPreviewModal .message-author+.message-author {
		top: auto;
		bottom: 40px;
		left: auto;
		right: 40px;
	}
	#cardPreviewModal.card-preview .modal-dialog {
		max-width: 400px;
	}
	#cardPreviewModal .card-view-wrap {
		height: 493px;
	}
	/* Mtf Normal CSS */
	.card-preview .modal-dialog {
		margin: 25px auto;
	}
	.cards-wrap.mtf-scroll {
		height: 412px;
	}
	.verification-code h3 {
		padding-bottom: 5px;
		font-size: 24px;
	}
	.verification-code h2 {
		font-size: 36px;
		line-height: 36px;
	}
	.verification-code h4 {
		font-size: 16px;
		line-height: 24px;
	}
	.form-group label span.pull-right {
		float: none;
		display: block;
		padding-top: 5px;
	}
	.modal-buttons .mtf-btn {
		min-width: 100%;
		margin: 5px 0;
	}
	.image-guideline .col-sm-3 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.image-guideline .col-sm-9 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.photo-guideline {
		width: 100%;
	}
	.photo-guideline a {
		float: left;
	}
	.form-input-slash:after {
		display: none;
	}
	/* .mtf-header .mtf-buttons-wrap .mtf-btn {
    min-width: 100%;
    margin-right: 0;
  } */
	.custom-settings .profile-info {
		padding: 20px 0 0;
	}
	.suggestions .user-info .mtf-btn {
		width: 70%;
		font-size: 14px;
	}
	.form-box-wrap dl, .form-box-wrap ol, .form-box-wrap ul {
		padding: 0;
		list-style: none;
	}
	.mtf-footer ul li:after {
		padding: 0 5px;
	}
	.user-item {
		padding: 15px 10px 10px;
	}
	.account-status .mtf-medium-btn {
		width: 100%;
		min-width: inherit;
	}
	/* Mtf Profile Page CSS */
	.profile-info .mtf-buttons-wrap .row {
		margin: 0;
	}
	.profile-detail .row dt {
		padding: 0;
	}
	.profile-detail .row dt i {
		width: 22px;
	}
	.profile-detail .row dd {
		padding: 0 0 0 35px;
	}
	.profile-info .mtf-buttons-wrap [class*="col-"] {
		padding: 5px 0;
		flex: 0 0 100%;
		max-width: 100%;
		display: block;
	}
	/* .my-matches .user-info .mtf-btn:first-child {
    width: 30%;
    float: left;
  } */
	/* .my-fav-view .my-matches .user-info .mtf-btn {
    width: 100% !important;
  } */
	/* .my-matches .user-info .mtf-btn:nth-child(2) {
    width: 66%;
    margin-right: 0;
    float: right;
  } */
	/* .my-matches .user-info .mtf-btn:last-child {
    width: 100%;
    margin: 0 0 5px;
  } */
	.my-matches .user-item {
		padding: 15px 10px 5px;
	}
	.nav-tabs.tabs-style-one {
		padding: 0;
		display: block;
	}
	.whitebox-style-two .nav-tabs.tabs-style-one, .whitebox-width .nav-tabs.tabs-style-one,
		.profile-detail .tab-content .nav-tabs {
		padding: 0 10px;
	}
	.nav-tabs .nav-item {
		display: inline-block;
	}
	.mtf-toggle {
		width: 40px;
		height: 35px;
		padding: 10px 9px;
		margin-top: 4px;
	}
	.mtf-link {
		font-size: 14px;
	}
	.invite-title {
		font-size: 24px;
		line-height: 30px;
	}
	/* Mtf Home Page CSS */
	.banner-title, .section-title {
		font-size: 28px;
	}
	.banner-subtitle, .work-process-title {
		font-size: 22px;
	}
	.no-results h2 {
		font-size: 18px;
	}
	/* Mtf Form Pages CSS */
	.signup-wrap {
		padding-top: 5px;
	}
	.signup-option {
		margin-bottom: 20px;
	}
	.form-box-wrap {
		padding: 15px 25px 20px;
	}
	.banner-subtitle, .work-process-title {
		font-size: 20px;
	}
	.section-title-wrap p {
		font-size: 16px;
	}
	.my-invitee {
		padding: 0 0 0 15px;
	}
	.mtf-banner .mtf-btn {
		min-width: 200px;
	}

	/* Mtf Invite Contacts Page CSS */
	.invitations-filter .col-sm-5, .invitations-filter .col-sm-7 {
		width: 50%;
	}
	.nav-tabs .nav-link {
		padding: 10px;
	}
	.photo-list .col-sm-3 {
		padding-bottom: 20px;
	}
	/* Mtf Profile Page CSS */
	.profile-wrap {
		text-align: center;
	}
	.profile-image {
		float: none;
	}
	.profile-info.style-two {
		padding: 20px;
		overflow: hidden;
	}
	.profile-info {
		padding: 15px 0 0;
		text-align: left;
		height: auto;
	}
	.profile-info-item {
		padding: 0 0 10px;
		display: block;
	}
	.profile-info .user-name {
		font-size: 18px;
	}
	.profile-detail .row dl {
		padding: 12px;
	}
	#recommendationModal .mtf-btn, #userProfileModal .mtf-btn {
		min-width: inherit;
		width: 100%;
	}
	#userProfileModal .modal-full .mtf-btn {
		min-width: 160px;
	}
	/* Mtf Messages List Page CSS */
	.messages-filter .checkbox {
		padding-bottom: 15px;
	}
	.message-item .mtf-image img {
		max-width: 75px;
	}
	.message-info {
		padding: 0 75px 0 15px;
	}
	.message-info h5 {
		font-size: 14px;
	}
	.message-info .message-meta {
		font-size: 12px;
	}
	.message-info .message-meta span {
		padding-bottom: 0;
	}
	.message-info .message-meta .message-time {
		font-size: 11px;
	}
	.message-info p, .unblock-contact {
		font-size: 14px;
		line-height: 18px;
		height: 25px;
		padding: 0;
	}
	.message-block {
		display: block;
		padding: 5px 0 0;
	}
	/* Mtf Message Detail Page CSS */
	.message-item.my .message-info {
		padding-right: 15px;
	}
	.message-item.my .message-info .message-meta {
		float: none;
	}
	/* Mtf Dashboard Page CSS */
	.dashboard .mtf-whitebox.without-box .section-heading, .dashboard .mtf-whitebox.without-box .section-heading .textright
		{
		text-align: center;
	}
	.dash-controls a {
		margin: 8px;
	}
	.dash-controls a:first-child {
		margin-left: 8px;
	}
	.dashboard .no-results {
		padding: 15px;
	}
	/* Mtf Buy Credits Page CSS */
	.match-completed.form-group.form-help-group {
		padding: 20px 0 0;
		margin: 15px 0 0;
	}
	/* Mtf About Page CSS */
	.mtf-contact {
		background-position: 75% 0;
	}
	/* Mtf Available Contacts Page CSS */
	#qamodal-block .modal-header {
		display: block;
		text-align: left;
	}
	.modal-questions-answers .modal-title {
		float: left;
	}
	.modal-questions-answers .mtf-back-link {
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	/* create post css*/
	.start-post-modal {
		width: 80%;
	}
}

@media screen and (max-width:499px) {
	#cardPreviewModal .card-message-wrap.message-preview {
		font-size: 20px;
		line-height: 28px;
	}
}

@media screen and (max-width:487px) {
	.btn-block.saved-list-btn .btn, .btn-block.saved-list-btn .btn ~ .btn {
		display: inline-block;
		width: auto;
		min-width: 10px;
		margin: 3px !important;
	}
}

@media screen and (max-width:479px) {
	.social-tabs-popup {
		padding: 15px;
	}
	.signup-bottom-link-two .custom-control {
	  padding: 11px 1.5rem 8px;
	}
	.signup-bottom-link {
	  padding: 10px 15px;
	}
	.signup-bottom-link .btn {
	  width: 100%;
	  margin: 8px 0 !important;
	}
	.form-box-tab a {
		padding: 10px 15px;
	}
	.sign-up-item label {
		font-size: 14px;
	}
	.form-box-tab a br {
		display: inline-block;
	}
	.social-tabs-info .social-tabs-item span + span {
		bottom: -9px;
		font-size: 9px;
	}
	.social-tabs-info .social-tabs-item .tab-icon {
		min-height: 50px;
		line-height: 45px;
		padding: 0;
	}
	.social-tabs-info .social-tabs-item .tab-icon img {
	  width: 20px;
	}
	.social-tabs-info .social-tabs-item {
		height: 50px;
	}
	.social-tabs-item span + span::after {
	  bottom: 82px;
	}
	.social-tabs-item:hover span + span::after {
	  bottom: 82px;
	}
	.sign-up-meta {
		padding: 10px;
	}
	.sign-up-icon {
		min-width: 40px;
		width: 40px;
		height: 40px;
	}
	.sign-up-icon img {
	  width: 20px;
	}
	.sign-up-meta-info h4 {
	  font-size: 15px;
	}
	.sign-up-meta-info h5 {
	  font-size: 14px;
	}
	.sign-up-steps span {
		margin: 3px 0;
	}
	.sign-up-item-title {
		font-size: 15px;
		top: -13px;
	}
	.sign-up-interst h5 {
		font-size: 18px;
		line-height: 24px;
	}
	.sign-up-item {
	  padding: 20px 10px;
	}
	.sign-up-modal .modal-body label {
	  font-size: 14px;
	}
	.sign-up-interst p {
		font-size: 14px;
		line-height: 22px;
	}
	.interest-icon-box {
		padding: 13px 8px;
	}
	.social-banner-info h1 {
	  font-size: 28px;
	  line-height: 35px;
	}
    .recovery-email-address label span {
        display: block;
    }
    .social-banner-info .modal-footer .btn-primary {
        display: block;
    }
    .social-banner-info .modal-footer .btn-light {
        display: block;
		margin: 10px 0;
    }
    .username-tab-form .form-control {
        border-radius: 3px;
    }
    .username-form-inner {
        display: block;
    }
    .username-form-inner .subscribe-btn {
        margin: 10px 0;
        border-radius: 3px;
        min-width: 160px;
    }
    .social-banner-info .sign-up-topbar {
        padding: 0 15px;
        margin-bottom: 10px;
    }
    .social-banner-info .sign-up-topbar p {
        line-height: 18px;
    }
    .social-banner-info .tab-content .tab-username-info h3 {
        font-size: 18px;
    }
	.responsive-full-width .mtf-buttons-wrap .btn-light {
		min-width: 58px;
	}
	.responsive-full-width .mtf-buttons-wrap .btn-light i {
		margin-right: 0;
	}
	.responsive-full-width .dropdown-menu.user {
	  min-width: 58px;
	}
	.responsive-full-width .mtf-buttons-wrap .dropdown-menu.user .dropdown-item.user {
	  min-width: 58px;
	}
	.follow-btn-text {
		display: none;
	}
	.comment-info-reply ul li {
		padding-right: 10px;
	}
	.user-site-frame {
		top: 61px;
	}
	.frame-header {
		height: 60px;
	}
	.product-body span.product-data {
		display: none;
	}
	.product-body h5 {
		font-size: 14px;
	}
	#basic-datatable .product-body {
		min-width: 145px;
	}
	.social-recent-product-title .back-list-link {
		max-width: none;
	}
	.frame-view-link {
		display: block;
		font-size: 8px;
		max-width: 70px;
	}
	.frame-close-link {
		padding: 10px 8px;
	}
	.frame-view-link i {
		margin: 0 0 3px;
	}
	.border-btn i {
		font-size: 14px;
	}
	.modal-product-img img {
		height: 80px;
	}
	.modal-product-img {
		width: 80px;
		min-width: 80px;
	}
	.modal-comment-img img {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}
	.drizzle-footer ul {
		font-size: 14px;
	}
	.drizzle-footer ul li {
		padding: 0 6px;
	}
	.btn-block.saved-list-btn .btn, .btn-block.saved-list-btn .btn ~ .btn {
		margin: 2px !important;
		min-width: 10px;
		padding: 8px;
		font-size: 10px;
	}
	.create-space {
		margin-top: 15px;
	}
	.modal-comment-info {
		padding: 0 0 0 10px;
	}
	.modal-body .form-group {
		margin: 15px 0 0;
	}
	.modal-comment-info .product-comment-item {
		padding: 5px 0 0;
	}
	.modal-comment-info-wrap {
		font-size: 14px;
		padding: 10px;
	}
	.comment-info-date {
		font-size: 14px;
	}
	.modal-body .form-group .form-control {
		font-size: 14px;
	}
	.comment-info-reply ul {
		font-size: 14px;
	}
	.modal-product-info h3 {
		font-size: 14px;
		line-height: 20px;
	}
	#copyAndMoveModal .modal-footer .btn {
		min-width: 100%;
		margin: 8px 0 !important;
	}
	.mob-categories a {
		padding: 6px;
		font-size: 14px;
	}
	.shop-small-half-img .shop-img-text h2, .shop-inner-one .shop-img-text h2,
		.shop-img-text h2 {
		font-size: 22px;
	}
	.shop-img-text {
		padding: 20px 15px;
	}
	.nav-tabs.before-shop-menu .nav-link {
		font-size: 12px;
	}
	.nav-tabs.shop-tabs .nav-item {
		width: 49% !important;
	}
	.recent-product-content p {
		min-height: 10px;
	}
	.social-featured-title h3 a, .social-recent-product-title h3 a {
		float: right;
		display: block;
		max-width: 60px;
		margin-top: 0;
	}
	.input-group-merge.product-url {
		display: block;
	}
	.product-url .btn {
		min-width: 100%;
		margin: 15px 0 0 !important;
	}
	.product-preview .recent-product-info h3 {
		font-size: 16px;
	}
	.product-form-image img {
		height: 150px;
	}
	.frame-header-user {
		padding: 10px;
		max-width: 210px;
		min-width: 10px;
		overflow: hidden;
		white-space: nowrap;
	}
	.frame-header-user h3 {
		font-size: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.frame-header-user p {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.datenow-social {
		font-size: 13px;
	}
	.datenow-social a .social-icon {
		width: 50px;
		height: 50px;
		font-size: 18px;
	}
	.blog-text h2 {
		font-size: 16px;
	}
	.date {
		font-size: 13px;
	}
	#list-blog [class*="col-"] {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap {
		top: 65px;
		width: 300px;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap a {
		font-size: 14px;
	}
	.message-item.user-payment .message-info {
		margin-top: 0;
		padding-left: 15px;
	}
	.classifieds-link {
		margin-top: 0;
	}
	.ad-top-bar .pull-right {
		padding: 15px;
	}
	.user-payment .message-apply .mtf-image {
		min-width: 10px;
	}
	.user-payment .message-apply .mtf-image img {
		width: 45px;
	}
	.user-payment .apply-info {
		overflow: hidden;
		padding: 0 0 0 15px;
	}
	.message-apply .mtf-image {
		float: none;
	}
	.apply-info {
		overflow: visible;
		padding: 15px 0 0;
	}

	/* new profile view css*/
	.mtf-main-profile .profile-inner-info .mtf-image a .profile-badges span
		{
		bottom: 17px;
	}
	.mtf-banner-wrap {
		height: 150px;
	}
	.banner-meta:before, .profile-info-list .banner-meta ul:before,
		.banner-meta:after, .profile-info-list .banner-meta ul:after {
		display: table;
		content: "";
	}
	.banner-meta:after, .profile-info-list .banner-meta ul:after {
		clear: both;
	}
	.banner-meta .mtf-btn {
		min-width: 100%;
	}
	.edit-profile-btn .mtf-btn {
		min-width: 100%;
		text-align: center;
	}
	#userProfileModal .modal-full .mtf-btn {
		min-width: 100%;
		text-align: center;
	}
	.profile-info-list .banner-meta ul {
		display: block;
		text-align: left;
		padding: 0;
		margin: 0;
	}
	.profile-info-list .banner-meta ul li {
		display: block;
		padding: 10px 0 0;
	}
	.banner-meta ul li a {
		display: block;
		width: auto;
		margin: 0;
		text-align: center;
	}
	.profile-info-list h2 {
		padding-bottom: 0;
		font-size: 22px;
		line-height: 30px;
	}
	.profile-info-list {
		padding-top: 5px;
	}
	.upload-btn {
		padding-top: 0;
	}
	/* Create post css */
	.cards-wrap.mtf-scroll {
		height: 387px;
	}
	/*.inner-tab-count {
		text-indent: -9999px;
		line-height: normal;
		min-width: 2px;
		width: 5px;
		height: 10px;
		background: #ca422f;
	}*/
	.custom-popup-title h5 {
		font-size: 16px;
	}
	.cards-wrap>.row>[class*="col-"] {
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}
	.message-links .link-item {
		padding: 10px 5px;
	}
	.verification-wrap .mtf-btn {
		min-width: 100%;
	}
	.verification-code h3 {
		font-size: 20px;
	}
	.verification-code h2 {
		font-size: 34px;
	}
	.message-item.user .profile-badges span {
		bottom: 0;
		right: -8px;
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}
	.form-group .text-counter {
		font-size: 14px;
	}
	.start-post-modal a img, .start-post-title .image-link img {
		width: 20px;
	}
	.modal-profile .mtf-buttons-wrap .mtf-btn {
		margin: 0 0 10px;
		width: 100%;
	}
	.modal-profile .mtf-buttons-wrap .mtf-btn:last-child {
		margin: 0;
	}
	/* .mtf-banner .mtf-align-wrap {
    vertical-align: bottom;
  }
  .mtf-banner .container {
    padding-bottom: 20px;
  } */
	.start-post-modal a {
		padding: 11px 15px 8px;
	}
	.image-link .file-uploader {
		padding: 11px;
	}
	.modal .image-link .file-uploader {
		padding: 5px;
		margin: 0;
	}
	.start-post-modal a {
		font-size: 16px;
	}
	.start-post-modal a i {
		font-size: 18px;
	}

	/* Mtf Normal CSS */
	label {
		font-size: 14px;
	}
	label.bold-text .custom-radio {
		padding-top: 4px;
		padding-left: 10px;
	}
	.mtf-btn.copy-btn {
		padding: 22px 0 23px;
		min-width: 50px;
	}
	.my-banner:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.7);
	}
	.matchmaker-profile .profile-detail .banner-title {
		color: #ffffff;
	}
	.home-matchmakers {
		padding: 0 20px;
	}
	.home-matchmakers .item, .home-matchmakers .item p {
		font-size: 14px;
	}
	.no-results br {
		display: none;
	}
	.modal-title span {
		display: block;
	}
	#userQuestionAnswerModal .modal-title span {
		display: inline-block;
	}
	.dashboard-records .user-item {
		width: 50%;
	}
	.style-three .mtf-darkred-btn {
		padding: 15px;
		min-width: 230px;
		font-size: 16px;
	}
	.style-three .mtf-darkred-btn .mtf-icon img {
		max-width: 15px;
	}
	.users-conversation .message-info {
		width: 100%;
		float: left;
		padding: 10px 0 0;
		overflow: visible;
	}
	.users-conversation .message-info .message-meta {
		position: absolute;
		top: -35px;
		right: 0;
		z-index: 0;
	}
	.message-info .message-meta .message-status {
		position: absolute;
		right: 0;
		bottom: -10px;
		z-index: 0;
	}
	.form-input .mtf-icon {
		width: 40px;
	}
	.form-input .mtf-icon i {
		font-size: 16px;
	}
	.form-input .mtf-icon+.form-control {
		padding-left: 55px;
	}
	.form-control {
		height: 45px;
		font-size: 14px;
	}
	select.form-control:not([size]):not([multiple]) {
		height: 45px;
	}
	.invite-title {
		font-size: 22px;
		line-height: 28px;
	}
	/* Mtf Home Page CSS */
	.banner-title br {
		display: none;
	}
	/* Mtf Form Pages CSS */
	.form-box-wrap {
		padding: 15px 15px 20px;
	}
	.form-box-wrap .mtf-btn {
		min-width: 100%;
	}
	.form-box-title {
		font-size: 18px;
	}
	.form-help-group .mtf-link {
		display: block;
		padding: 10px 0 0;
	}
	.g-recaptcha {
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	.mtf-footer {
		font-size: 13px;
	}
	/* Mtf Invite Contacts Page CSS */
	.invitation-item {
		padding: 15px 0 0 6px;
	}
	.invitation-item .mtf-image .checkbox {
		margin-right: 5px;
	}
	.invitation-info {
		float: left;
		width: 100%;
		padding: 10px 0 0 30px;
	}
	.invitation-info .mtf-btn:first-child {
		width: 100%;
		margin: 0 0 10px;
	}
	.invitation-info .mtf-btn {
		float: left;
		width: 49%;
		margin: 0 2px 0 0;
	}
	.invitation-info .mtf-btn:last-child {
		margin: 0 0 0 2px;
	}
	.invitation-item .mtf-image img {
		max-width: 30px;
	}
	.invitation-author {
		font-size: 14px;
	}
	.invitation-info .mtf-btn {
		padding: 5px 15px;
	}
	.invitations-filter {
		padding: 5px;
	}
	.invitations-filter .row {
		margin: 0;
	}
	.invitations-filter .col-sm-5 {
		width: 40%;
		padding: 0;
	}
	.invitations-filter .col-sm-7 {
		width: 60%;
		padding: 0;
	}
	.checkbox-caption {
		padding: 1px 0 0 30px;
	}
	/* Mtf My Contacts Page CSS */
	.manage-invitations .box-heading {
		font-size: 18px;
	}
	.manage-invitations .mtf-btn {
		width: 47%;
		padding: 10px;
		font-size: 12px;
	}
	/* .user-info .mtf-btn {
    font-size: 12px;
  } */
	/* .manage-invitations .mtf-btn .mtf-icon {
    display: none;
  }
  .manage-invitations.set-rate .mtf-btn .mtf-icon {
    display: inline-block;
  } */
	.nav-tabs .nav-item {
		padding-right: 5px;
	}

	/* Mtf Match Step 2 Page CSS */
	.manage-invitations .box-heading img {
		max-width: 30px;
	}
	.profile-info .mtf-buttons-wrap .mtf-btn {
		padding: 10px;
		font-size: 12px;
	}
	.profile-info.modal-profile .mtf-buttons-wrap .mtf-btn {
		font-size: 14px;
		padding: 8px 20px;
		width: 100%;
		margin: 0 0 10px;
	}
	.profile-info.modal-profile .mtf-buttons-wrap .mtf-btn:last-child {
		margin: 0;
	}
	.recommendation-link {
		float: left;
		margin-bottom: 10px;
	}
	/* Mtf Unlock Profile Page CSS */
	.user-item.lock-profile {
		padding: 15px;
	}
	#MatchedContacts .user-item.lock-profile .user-info {
		padding-top: 15px;
	}
	/* Mtf Messages List Page CSS */
	.search-message .mtf-btn {
		height: 43px;
	}
	.message-item {
		padding: 10px 10px 10px 20px;
	}
	.message-item.unread-msg:before {
		top: 30px;
		left: 5px;
		width: 10px;
		height: 10px;
	}
	.message-item .mtf-image img {
		max-width: 50px;
	}
	.ad-top-bar.message-item .profile-badges span {
		right: -7px;
		width: 18px;
		height: 18px;
		font-size: 10px;
		line-height: 15px;
		border: 2px solid #ffffff;
		bottom: 5px;
	}
	.message-info {
		padding-left: 10px;
		margin-top: 5px;
	}
	/* Mtf Message Detail Page CSS */
	.message-item {
		position: relative;
	}
	.message-item.user .mtf-image {
		float: left;
	}
	.message-writer .form-control {
		height: 70px;
		padding: 12px 65px 12px 20px;
		font-size: 14px;
	}
	.message-writer .mtf-btn {
		min-width: 50px;
	}
	.message-writer .btn-text {
		display: none;
	}
	.users-conversation .message-item .mtf-image img {
		max-width: 35px;
	}
	.users-conversation .message-info h5 {
		font-size: 14px;
		position: absolute;
		top: -25px;
		left: 45px;
		z-index: 0;
	}
	/* Mtf Earning Summary Page CSS */
	/* Mtf Payment Page CSS */
	.payment-info-wrap {
		padding: 15px;
	}
	.make-payment {
		padding: 15px 20px;
	}
	/* Mtf Buy Credits Page CSS */
	.buy-credits h4 {
		font-size: 18px;
	}
	.buy-credits .mtf-btn {
		min-width: 100%;
	}
	.credit-item h5 {
		font-size: 14px;
	}
	/* Mtf About Page CSS */
	.contact-form .mtf-btn {
		min-width: 100%;
		font-size: 18px;
		padding: 15px 0;
	}
	.mtf-about {
		background-position: 25% 0;
	}
	.mtf-contact {
		background-position: 70% 0;
	}
	.invite-options a {
		padding: 10px;
		margin: 0 6px 0 0;
	}
	.abt-me label span.pull-right {
		float: left;
		width: 100%;
		padding: 3px 0 5px;
	}
	.invite-earnings a {
		display: block;
	}
	.invite-toast {
		left: 10px;
		bottom: 10px;
	}
	.invite-toast {
		font-size: 16px;
	}
	/* Mtf Available Contacts Page CSS */
	.question-item {
		padding-left: 65px;
	}
	.question-item:before {
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
}

@media screen and (max-width:448px) {
	/* Create post css */
	/* .card-view-wrap {
    height: 450px;
  } */
	.card-info-wrap .card-image img, #cardPreviewModal .card-view-wrap {
		height: 448px;
	}
	.card-writer .form-control {
		height: 179px;
	}
}

@media screen and (max-width:442px) {
	/* Create post css */
	.post-filters a:first-child {
		margin-left: 5px;
	}
}

@media screen and (max-width:399px) {
	.sign-up-modal .modal-footer .btn {
	  min-width: 100%;
	  margin: 5px 0;
	}
	.inner-tabs.style-two .nav-tabs .nav-link img {
		width: 15px;
		margin-right: 0px;
	}
	.inner-tabs.style-two .nav-tabs {
		padding: 0 5px;
	}
	.card-back .message-author+.message-author {
		right: 40px;
		left: auto;
	}
	.bal-details .pull-left {
		width: 100%;
		text-align: center;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap {
		right: -40px;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap:before {
		right: 60px;
	}
	/*.home-classified-layout .mtf-mid-wrap.mid-wrap-style-two {
  margin-top: 125px;
}*/
	.bal-details .pull-left img {
		max-width: 80px;
	}
	.bal-details p {
		padding: 10px 0 0 0;
		text-align: center;
		clear: both;
	}
	.video-post {
		padding-bottom: 106.25%;
	}
	.home-logo {
		width: 210px;
		margin: 0 auto;
		overflow: hidden;
		float: none;
	}
	.home-header .header-wrap {
		width: 100%;
	}
	.home-header .mtf-buttons-wrap {
		width: 100%;
		text-align: center;
		width: 100%;
		padding-top: 15px;
	}
	.profile-inner-title {
		display: block;
	}
	#cardPreviewModal .card-message-wrap.message-preview {
		font-size: 20px;
		line-height: 24px;
	}
	.card-info-wrap .card-image img, #cardPreviewModal .card-view-wrap {
		height: 418px;
	}
	.card-writer .form-control {
		height: 149px;
	}
	.card-colors a {
		width: 20px;
		height: 20px;
	}
	.write-message-link, .card-view-container:hover .write-message-link {
		height: 65px;
		width: 65px;
	}
	.card-writer .form-control {
		font-size: 22px;
	}
}

@media screen and (max-width:340px) {
	.card-info-wrap .card-image img, #cardPreviewModal .card-view-wrap {
		height: 367px;
	}
	#cardPreviewModal .card-message-wrap.message-preview {
		font-size: 16px;
		line-height: 20px;
	}
	.card-writer .form-control {
		height: 99px;
	}
	.cards-wrap>.row>[class*="col-"] {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.card-writer .form-control {
		font-size: 20px;
	}
}

@media screen and (max-width:359px) {
	.sign-up-item-title {
	  font-size: 13px;
	  top: -12px;
	}
	.sign-up-steps span {
		font-size: 12px;
		max-width: 122px;
		line-height: 16px;
		padding: 8px 10px;
	}
	#basic-datatable .product-body {
		min-width: 120px;
	}
	.frame-header-user {
		max-width: 190px;
	}
	.terms-wrap .nav-tabs .nav-link {
		font-size: 10px;
	}
	.footer-link a {
		font-size: 12px;
	}
	.drizzle-footer ul li {
		padding: 0 5px;
	}
	.btn-block.saved-list-btn .btn, .btn-block.saved-list-btn .btn ~ .btn {
		font-size: 8px;
	}
	.nav-tabs.after-shop-menu .nav-link {
		padding: 10px;
		font-size: 11px;
	}
	.header-wrap {
		width: 250px;
	}
	.form-input-inline .select-option {
		display: block;
		margin: 3px 0;
		text-align: center;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap {
		right: -55px;
	}
	.mtf-header .mtf-navigation ul li .dropdown-wrap:before {
		right: 75px;
	}
	.modal-footer .mtf-btn.ad-apply-btn, .modal-footer .mtf-btn.applied,
		.modal-footer .mtf-btn.approved, .modal-footer .mtf-btn.rejected {
		margin: 0 0 10px;
		min-width: 10px;
		width: 100%;
	}
	.form-input-inline .form-control {
		display: block;
		width: 100%;
	}
	.classifieds-style-two .classifieds-top h2 {
		font-size: 24px;
	}
	.classifieds-style-two .classifieds-top .mtf-image img {
		max-width: 50px;
	}
	.reward-label {
		padding-left: 80px;
	}
	.about-me {
		padding-top: 15px;
	}
	.upload-btn {
		padding: 10px 0 5px;
	}
	.profile-inner-info {
		margin-top: -80px;
	}
	.mtf-profile-detail h4 {
		padding-bottom: 8px !important;
	}
}

.page-title.style-two {
	margin: 1.5rem 0 !important;
}

.mh-200 {
	min-height: 200px;
}

.setup-prize-title h1 {
	margin: 9px 0 12px;
	color: #524646;
	font-weight: 400;
}

.setup-prize-title h4 {
	font-weight: 400;
	margin-bottom: 0;
	color: #555657;
	font-size: 14px;
}

.setup-prize-top {
	margin-top: -17px;
}

.Select-box.completed {
	cursor: pointer;
}

.Select-inner {
	padding-top: 35px;
}

.Select-box.active {
	background-color: #fffef7;
	position: relative;
}

.Select-box.active:before {
	position: absolute;
	top: 50%;
	right: -21px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #edeaea;
	content: "";
	rotate: 90deg;
	transform: rotate(0deg);
}

.Select-box.active:after {
	position: absolute;
	top: 50%;
	right: -20px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid transparent;
	content: "";
	z-index: 1;
	border-block-color: #fffef7;
	rotate: 90deg;
}

.Select-box {
	display: flex;
	align-items: center;
	margin-top: -1px;
	padding: 22px 42px;
	background-color: #ffffff;
	border: 1px solid #edeaea;
	text-align: left;
}

.Select-box.active {
	display: flex !important;
	align-items: center;
}

.prize-icon {
	min-width: 44px;
	margin-right: 32px;
}

.Select-box.active h3, .Select-box h3 {
	margin-bottom: 4px;
	font-size: 22px;
	font-weight: 400;
	line-height: 32px;
	color: #009be1;
}

.Select-box h3 {
	color: #000000;
}

.Select-box.completed h3 i, .Select-box h3 i {
	margin-left: 5px;
	color: #61b566;
}

.Select-box h3 i {
	color: #adadad;
}

.Select-box.active p, .Select-box p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #585755;
}

.Select-box p {
	color: #585858;
}

.mobile-btn {
	display: none;
}

.prizes-bg {
	height: 100%;
	min-height: calc(100vh + 17px);
	padding: 30px;
	border-left: 1px solid #ddd;
}

.page-title.prize-mt {
	margin-top: 0 !important;
}

.setup-prize {
	padding: 30px 10px;
}

.card-box-shadow {
	border-color: #edf2f9 !important;
	box-shadow: 0 0.75rem 1.5rem rgb(18 38 63/ 3%) !important;
}

#loadRecentActivityOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat center;
	z-index: 99999;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

.note-right h5 .user-role {
	background: #f5f7c8;
	display: inline-block;
	padding: 5px 10px;
	color: #c7af7f;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	margin-left: 5px;
	border-radius: 0.125rem;
}

.timeline-alt {
	padding: 10px 0;
	position: relative;
}

.timeline-alt .timeline-item {
	position: relative;
}

.timeline-item.timeline-item-spacer {
	padding-bottom: 20px;
}

.timeline-alt .timeline-item .timeline-icon {
	float: left;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 4px solid #ffffff;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
}

.timeline-alt .timeline-item .timeline-item-info {
	margin-left: 30px;
}

.timeline-alt:before {
	background-color: #e3eaef;
	bottom: 30px;
	content: "";
	left: 9px;
	position: absolute;
	top: 30px;
	width: 2px;
	z-index: 0;
}

.order-timeline-date {
	background: #fafafa;
	padding: 15px;
	color: #758a9f;
	font-weight: 500;
	border-top: 1px solid #e3eaef;
	border-bottom: 1px solid #e3eaef;
}

.order-timeline {
	display: block;
	position: relative;
	padding: 15px 0 0;
	margin-bottom: 15px;
	color: #545361;
}

.order-timeline:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 5px;
	background: #e5e5e5;
	height: 100%;
}

.order-timeline:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 5px;
	background: #fff;
	height: 13px;
}

.order-timeline .row {
	padding: 10px 0;
}

.timeline-log {
	padding-left: 20px;
	position: relative;
}

.timeline-log:before {
	content: "";
	position: absolute;
	top: 4px;
	left: -4px;
	z-index: 0;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 100%;
}

.timeline-log:after {
	content: "";
	position: absolute;
	top: 7px;
	left: -2px;
	z-index: 0;
	width: 10px;
	height: 10px;
	background: #b2b2b2;
	border-radius: 100%;
}

.order-timeline a, .order-timeline a:hover {
	color: #545361;
}

.order-timeline .text-muted {
	text-align: right;
	display: block;
}

.rm-note {
	float: right;
	color: #f30233;
	font-size: 12px;
	font-weight: 400;
}

.member-notes .note-list:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.note-list {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 0;
	border-bottom: 1px solid #e9ecef;
}

.note-user-pic {
	width: 70px;
}

.note-right {
	width: calc(100% - 70px);
	font-size: 14px;
}

.note-right h4 {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 5px;
}

.note-list p {
	margin-bottom: 5px;
	line-height: 24px;
}

.member-note-area {
	display: block;
	position: relative;
}

.member-note-box {
	display: block;
	padding-right: 140px;
}

.member-note-box .form-control {
	height: 42px;
}

.save-note-btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.save-note-btn .btn {
	padding: 10px;
}

.pdf-avatar {
	font-size: 1rem;
	position: relative;
	display: inline-block;
	width: 3rem;
	height: 3rem;
}

.rfp-document {
	display: inline-block;
	min-width: 55px;
	position: relative;
	margin-right: 20px;
}

.inner-overlay-block {
	position: relative;
}

.inner-overlay-block #modaloverlay {
	width: 50px;
	background-size: contain;
}

.member-wrap-item {
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #e3eaef;
	border-radius: 4px;
}

.member-wrap-item h4 {
	padding: 15px 20px;
	background-color: #fffef8;
	border-bottom: 1px solid #e3eaef;
	font-size: 18px;
	margin: 0;
}

.member-wrap-item-inner {
	padding: 25px 20px 10px;
	border-bottom: 1px solid #e3eaef;
}

.member-wrap-item-inner h5 {
	font-size: 16px;
	margin-bottom: 5px;
}

.component-grid-block {
	border: 1px solid #f2f2f2;
	padding: 40px 25px 15px;
	margin: -0.5px;
	max-width: 20%;
	flex: 0 0 20%;
}

.component-grid-block p {
	line-height: 26px;
}

.component-grid-meta {
	min-height: 100px;
	display: flex;
	padding-bottom: 25px;
}

.component-grid-image {
	min-width: 55px;
	width: 55px;
}

.component-grid-title {
	padding-left: 15px;
}

.component-grid-title h4 {
	font-size: 20px;
	font-weight: 400;
}

.global-css-prop-editor-tab .serarch-item {
	width: 50%;
}

.global-css-prop-editor-tab .serarch-item .select2-container--default .select2-selection--single
	{
	max-width: none;
}

.global-css-prop-editor-tab .serarch-wrap .serarch-item-tag {
	display: inline-block;
	padding: 0 20px;
}

.no-search-result-row p {
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .8125rem;
	color: #4d617a;
	min-width: 150px;
	padding: .6375rem;
	border: 1px solid #f2f2f2;
	background: #ffffff;
	border-radius: 0 .125rem .125rem 0;
	box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, .03);
	margin: -15px 0 0;
	text-align: center;
}

.serarch-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.serarch-item .select2.select2-container {
	min-width: 320px;
}

.serarch-item .form-control {
	min-width: 320px;
}

.serarch-item-tag {
	color: #6d747e;
	font-size: 14px;
	text-transform: uppercase;
}

.custom-alert-box {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	max-width: 450px;
	transform: translate(-50%, -50%);
	background: #fff;
	box-shadow: 0px 0px 20px #8c8c8c;
}

.custom-alert-box-shadow {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #12263f;
	width: 100%;
	height: 100%;
	opacity: .5;
}

.color-palette-option {
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: middle;
	border: 1px solid #e6e6e6;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.custom-height-scroll {
	height: 72vh;
	overflow-y: auto;
}

.search-dropdown-list.select2-container--default .select2-results__option--highlighted[aria-selected]
	{
	background: #fefef9;
	color: #4499da;
}

#serverLog {
	margin: 15px;
}

.campaign-subject {
	max-width: 350px;
	display: block;
	white-space: normal;
}

.crm-view.search-dropdown-item {
	position: static;
}

.notification-list .dropdown-menu.dropdown-menu-right.search-dropdown {
	width: 100%;
	padding: 0;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}

.search-dropdown .modal-body {
	display: flex;
	justify-content: space-between;
}

.search-dropdown .form-control {
	border: none;
	height: 73px;
	font-size: 18px;
	padding: 10px 30px;
	font-weight: 500;
}

.search-actions {
	display: flex;
}

.search-action-item {
	width: 100%;
	min-width: 240px;
	max-width: 240px;
	height: 73px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px 20px;
	border-left: 1px solid #e4e4e0;
}

.search-action-right-border {
	background-color: #fff;
	border-right: 1px solid #e4e4e0;
}

.topbar-right-menu .search-dropdown .select2-container {
	min-width: 10px;
}

.search-form-group select.form-control:not([size]):not([multiple]) {
	height: auto;
	border: none;
	background: transparent;
	padding: 0;
}

.search-dropdown .select2-container .select2-selection--single {
	padding: 0;
	height: auto;
	border: none;
	background: transparent;
}

.search-dropdown .select2-container .select2-selection--single .select2-selection__arrow
	{
	top: 5px;
	right: 3px;
	height: 22px;
	width: 14px;
}

.search-dropdown .select2-container .select2-selection--single .select2-selection__rendered
	{
	max-width: 190px;
	line-height: normal;
	padding: 0 15px 0 0;
	font-size: 16px;
	font-weight: 500;
	color: #585858;
}

.search-dropdown .modal-body label {
	color: #737373;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 14px;
}

.search-dropdown .select2-container .select2-selection--single .select2-selection__arrow b
	{
	border-color: #505f7a transparent transparent transparent;
}

.search-dropdown .select2-container--open .select2-selection--single .select2-selection__arrow b
	{
	border-color: transparent transparent #505f7a transparent !important;
}

.search-actions .btn {
	margin: 11px;
	min-width: 160px;
}

.search-actions .btn i {
	margin-left: 8px;
	color: #83ffff;
}

.email-newsletter {
	display: inline-block;
	padding: 6px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	margin-left: 5px;
}

.email-from-tooltip {
	display: inline-block;
	border: 1px solid #cdcdcd;
	width: 23px;
	height: 23px;
	text-align: center;
	background-color: #fff;
	line-height: 22px;
	border-radius: 100%;
	margin-right: 5px;
}

.email-from-tooltip:hover {
	color: #fff;
	background-color: #4499db;
	border-color: #4499db;
}

.popover-body h4 {
	color: #4499db;
}

.email-status-spacing span {
	display: inline-block;
	padding-left: 25px;
}

.email-status-spacing span:first-child {
	padding-left: 0;
}

.console-wrap {
	overflow: hidden;
	max-width: 1400px;
	margin: 80px auto;
	border-top: 1px solid #e3ebf6;
	border-left: 1px solid #e3ebf6;
	border-radius: 5px;
}

.console-wrap .row {
	margin: 0;
}

.console-wrap [class*="col-"] {
	padding: 0;
}

.console-item {
	min-height: 305px;
	padding: 45px 25px;
	display: block;
	text-align: center;
	background-color: #fff;
	transition: all ease .4s;
}

.console-item:hover {
	background-color: #009be1;
}

.console-item:hover .console-title, .console-item:hover .console-subtitle
	{
	color: #fff;
}

.console-item span {
	display: block;
}

.console-title {
	margin-bottom: 15px;
	color: #554d4c;
	font-weight: 600;
	font-size: 20px;
	transition: all ease .4s;
}

.console-subtitle {
	color: #4c4c4c;
	font-size: 16px;
	line-height: 26px;
	transition: all ease .4s;
}

.console-icon {
	min-height: 52px;
	margin-bottom: 40px;
	position: relative;
}

.console-hover-icon {
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 1;
}

.console-item:hover .console-hover-icon {
	opacity: 1;
}

.console-item:hover .console-defult-icon {
	opacity: 0;
}

.date-filter .select2 {
	width: 200px !important;
	float: right;
	text-align: left;
}

.dropdown-item i.mdi-account-plus {
	font-size: 16px;
	color: #45a4ce;
	line-height: 16px;
}

.dropdown-item i.mdi-download {
	font-size: 16px;
	color: #5fbb5b;
	line-height: 16px;
}

.select-template-inner {
	overflow: hidden;
	width: 100%;
	max-width: 460px;
	height: 280px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	cursor: pointer;
}

.select-template-view .email-header-border, .select-template-view .email-content-table
	{
	border-left: none !important;
	border-right: none !important;
}

.select-template-view .email-header-bg img {
	width: 160px;
}

.select-template-view .table tr td, .select-template-view table tr td {
	padding: 0;
	background: transparent;
	font-size: 13px;
	border: none;
	height: 18px;
}

.select-template-view .email-template-subject {
	font-size: 16px !important;
}

.select-template-link {
	display: inline-block;
	margin-top: 15px;
	font-size: 16px;
}

.follow-main-wrap {
	display: flex;
}

.follow-right-tab {
	width: 100%;
}

.follow-left-tab {
	min-width: 250px;
	background: #fff;
	width: 250px;
	border-right: 1px solid #e5e5e5;
}

.follow-left-tab .nav-tabs {
	font-size: 15px;
	display: block;
	border: none;
}

.follow-left-tab .nav-tabs .nav-item {
	margin: 0;
}

.follow-left-tab .nav-tabs .nav-link:not(.active):hover {
	border-top: none !important;
	border-bottom: 1px solid #e5e5e5;
}

.follow-left-tab .nav-tabs .nav-link:focus {
	border-color: #e5e5e5;
}

.follow-left-tab .nav-tabs .nav-link {
	padding: 13px 15px;
	color: #7c8a9b;
	border-top: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	border-radius: 0;
}

.follow-left-tab .nav-tabs .nav-link:hover {
	background-color: #f0f0f0;
}

.follow-left-tab .nav-tabs .nav-link span {
	margin-top: 3px;
	width: 23px;
	height: 23px;
	background-color: #7c8a9b;
	float: right;
	color: #fff;
	text-align: center;
	border-radius: 100%;
	font-size: 13px;
	line-height: 22px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link span,
	.follow-left-tab .nav-tabs .nav-link.active span {
	background-color: #009be1;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link, .follow-left-tab .nav-tabs .nav-link.active
	{
	background-color: #fffef8;
	color: #009be1;
	border-bottom-color: #e5e5e5;
}

.follow-left-icon {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 28px;
	background-image: url(../images/follow-left-icon.png);
	background-repeat: no-repeat;
	background-position: 1px 6px;
	background-size: 100px auto;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon {
	background-position: -69px 6px;
}

.follow-left-icon.scheduled-icon {
	background-position: 1px -44px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.scheduled-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.scheduled-icon
	{
	background-position: -71px -44px;
}

.follow-left-icon.inprogress-icon {
	background-position: 2px -418px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.inprogress-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.inprogress-icon
	{
	background-position: -72px -418px;
}

.follow-left-icon.delivered-icon {
	background-position: 1px -90px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.delivered-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.delivered-icon
	{
	background-position: -71px -90px;
}

.follow-left-icon.not-opened-icon {
	background-position: 1px -135px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.not-opened-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.not-opened-icon
	{
	background-position: -72px -135px;
}

.follow-left-icon.opened-icon {
	background-position: 5px -181px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.opened-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.opened-icon
	{
	background-position: -67px -181px;
}

.follow-left-icon.unsubscribed-icon {
	background-position: 1px -274px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.unsubscribed-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.unsubscribed-icon
	{
	background-position: -71px -274px;
}

.follow-left-icon.replied-icon {
	background-position: 1px -229px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.replied-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.replied-icon
	{
	background-position: -71px -229px;
}

.follow-left-icon.bounced-icon {
	background-position: 1px -322px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.bounced-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.bounced-icon
	{
	background-position: -72px -322px;
}

.follow-left-icon.spam-icon {
	background-position: 2px -371px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.spam-icon,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.spam-icon
	{
	background-position: -70px -371px;
}

.follow-left-icon.not-sent {
	background-position: 2px -465px;
}

.follow-left-tab .nav-tabs .nav-item.show .nav-link .follow-left-icon.not-sent,
	.follow-left-tab .nav-tabs .nav-link.active .follow-left-icon.not-sent
	{
	background-position: -71px -465px;
}

.aws-configuration-data span {
	display: inline-block;
	padding-left: 10px;
	background: transparent;
}

.alert {
	padding-right: 35px;
}

.alert .close {
	position: absolute;
	top: 14px;
	right: 15px;
	padding: 0 !important;
}

.collapse {
	display: block;
}

.legal-doc-list .form-inline {
	display: block;
}

.account-notifications {
	margin-bottom: 30px;
}

.tab-right-info .no-data-avl {
	padding: 20px 0;
}

.tab-main-info {
	flex-direction: inherit;
}

.tab-left-info {
	width: 250px;
	min-width: 250px;
}

.tab-right-info {
	width: 100%;
}

.account-tab-title {
	color: #000000;
	font-weight: 500;
	font-size: 26px;
	margin-bottom: 25px;
}

.tab-right-info .card {
	box-shadow: none;
	border-radius: 0;
	border: none;
}

.account-tabs {
	height: 100%;
	background-color: #fff;
	border-right: 1px solid #e5e5e5;
}

.account-tabs .nav {
	font-size: 15px;
	display: block;
	border-bottom: none;
}

.account-tabs .nav-tabs .nav-item {
	margin: 0;
}

.account-tabs .nav-tabs .nav-link img {
	margin-right: 5px;
	margin-top: -2px;
}

.account-tabs .nav-tabs .nav-link {
	color: #76797b !important;
	padding: 16px 15px;
	border-bottom: 1px solid #e5e5e5;
}

.account-tabs .nav-tabs .nav-link.active .default-icon, .account-tabs .nav-tabs .nav-link .hover-icon,
	.account-tabs .nav-tabs .nav-link:hover .default-icon {
	display: none;
}

.account-tabs .nav-tabs .nav-link.active .hover-icon, .account-tabs .nav-tabs .nav-link .default-icon,
	.account-tabs .nav-tabs .nav-link:hover .hover-icon {
	display: inline-block;
}

.account-tabs .nav-tabs .nav-item.show .nav-link, .account-tabs .nav-tabs .nav-link.active,
	.account-tabs .nav-tabs .nav-link:hover {
	color: #009be1 !important;
	background-color: #fffef8;
	border-bottom-color: #e5e5e5;
}

.account-tabs .nav-tabs .nav-link:hover {
	background-color: #f0f0f0;
}

.account-tabs-label {
	padding: 10px 15px;
	background-color: #fffef8;
	border-bottom: 1px solid #e5e5e5;
	font-size: 13px;
	color: #777777;
	text-transform: uppercase;
	display: block;
}

.help-alart-header {
	padding: 15px 25px;
	background-color: #0076ba;
}

.help-alart-header-icon {
	display: table-cell;
	vertical-align: middle;
}

.help-alart-header-info {
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
}

.help-alart-header-info h3 {
	font-size: 32px;
	color: #b4e4ff;
	text-transform: uppercase;
	margin: 0;
}

.help-alart-header-info h3 span {
	display: block;
	font-size: 20px;
}

.help-alart-footer {
	padding: 20px 15px;
	text-align: center;
	border-top: 1px solid #e9ecef;
}

.help-alart-footer .btn {
	min-width: 180px;
}

.floationg-help-alart {
	position: absolute;
	top: 100%;
	margin-top: 10px;
	border: 1px solid #d9e3e9;
	width: 380px;
	right: -1px;
	background-color: #fff;
	border-radius: 4px;
	z-index: 2;
}

.floationg-help-alart p {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 0;
	padding: 20px 25px;
}

.floationg-help-alart:before {
	content: '';
	position: absolute;
	right: 20px;
	top: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #0076ba;
	clear: both;
}

.fade {
	opacity: 1;
}

.modal {
	opacity: 1;
}

.popover.right>.arrow {
	border-color: transparent;
}

.popover.tour {
	min-width: 350px;
	max-width: 350px;
	border: none;
	padding: 0;
	border-radius: 8px;
}

.popover.tour .popover-title {
	padding: 20px 15px 0;
	font-weight: 600;
	font-size: 22px;
	background-color: #ffffff;
	color: #1281ca;
	border-bottom: none;
}

.popover.tour .popover-content {
	padding: 11px 15px 20px;
	font-size: 18px;
	color: #858485;
	line-height: 26px;
	min-height: 90px;
}

.popover.tour .popover-navigation .btn-group {
	display: block;
}

.popover.tour .popover-navigation .btn.btn-sm {
	min-width: 81px;
	padding: 7px 10px 6px;
	text-transform: none;
	color: #333;
	font-size: 16px;
	border-color: #cdcccc;
	margin: 0 5px !important;
	border-radius: 5px !important;
}

.popover.tour .popover-navigation .btn.btn-sm:hover {
	background-color: #e6e6e6;
}

.popover.tour .popover-navigation .btn.btn-sm.disabled {
	color: #333 !important;
	background: #fcfcfc !important;
	border-color: #dcdbdb;
	opacity: .65 !important;
}

.popover.tour .popover-navigation .btn.btn-sm i {
	font-size: 22px;
	line-height: 20px;
	vertical-align: sub;
	margin: 0 -5px;
	display: inline-block;
}

.popover.tour .popover-navigation .btn.btn-sm+.btn.btn-sm {
	float: right;
	background-color: #0083d0;
	border-color: #0083d0;
	color: #fff !important;
}

.popover.tour .popover-navigation .btn.btn-sm+.btn.btn-sm:hover {
	background-color: #0980b5;
	border-color: #0980b5;
}

.popover.tour .popover-navigation {
	padding: 15px 10px;
	background: #f7f7f7;
	border-top: 1px solid #dedede;
	border-radius: 0 0 5px 5px;
}

.popover.tour.right>.arrow {
	left: -19px;
	border-right-color: transparent;
}

.popover.tour.left>.arrow {
	border-left-color: transparent;
	right: -19px;
}

.popover.tour.left>.arrow:after {
	border-left-color: #fff;
}

.popover.tour.bottom>.arrow {
	border-bottom-color: transparent;
}

.popover.tour.bottom>.arrow:after {
	border-bottom-color: #0082cf;
}

.top-image {
	min-height: 135px;
	position: relative;
}

.top-image img {
	border-radius: 3px 3px 0 0;
}

.tour-end {
	display: inline-block;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #000;
	opacity: 0.3;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
}

.tour-backdrop {
	opacity: 0.6;
}

.tour-icon {
	display: inline-block;
	width: 60px;
	text-align: center;
	padding: 18px 0 13px;
	border-left: 1px solid #dee2e6;
}

.tour-icon span {
	display: block;
	color: #585858;
	font-size: .562rem;
	font-weight: 600;
	padding-top: 7px;
	text-transform: uppercase;
}

.popover.tour.fade:not(.show) {
	opacity: 1;
}

.popover .arrow {
	border-width: 9px;
}

.cart2order-tour {
	padding: 70px 25px 20px;
	margin: 35px 0;
	background-color: #fff;
	position: relative;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.tour-close-icon {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 35px;
	height: 35px;
	background: #828e99;
	border-radius: 100%;
	z-index: 1;
	color: #fff;
	opacity: 0.3;
	text-align: center;
	font-size: 24px;
	line-height: 34px;
}

.tour-close-icon:hover {
	opacity: 0.6;
	color: #fff;
}

.tour-section-title {
	text-align: center;
}

.tour-section-title h2 {
	font-size: 30px;
	color: #51617b;
	margin-bottom: 8px;
}

.tour-section-title p {
	color: #656565;
	font-size: 18px;
}

.cart2order-tour-inner {
	max-width: 1700px;
	margin: 0 auto;
}

.cart2order-tour-item {
	text-align: center;
	max-width: 350px;
	margin: 25px auto;
	cursor: pointer;
}

.cart2order-tour-item h4 {
	font-size: 22px;
	margin: 25px 0 18px;
	transition: all ease .4s;
}

.cart2order-tour-item:hover h4 {
	color: #4499db;
}

.cart2order-tour-item p {
	font-size: 16px;
	line-height: 28px;
	color: #656565;
}

.cart2order-tour-item:hover .cart2order-tour-icon {
	box-shadow: 0 0 15px rgba(183, 229, 225, 0.6);
}

.cart2order-tour-icon {
	display: flex;
	width: 170px;
	height: 170px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all ease .4s;
	position: relative;
}

.cart2order-tour-icon img {
	border-radius: 100%;
}

.cart2order-tour-item:hover .cart2order-tour-hover-icon {
	opacity: 1;
}

.cart2order-tour-hover-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
}

.carousel-item {
	text-align: center;
	height: 500px;
	padding: 15px 0;
	border: 1px solid #dee2e6;
	border-radius: 3px;
}

.carousel-item img, .carousel-item video {
	width: 100%;
	object-fit: contain;
	height: 100%;
}

.carousel-control-next, .carousel-control-prev {
	top: 40%;
	bottom: auto;
	transform: translateY(-50%);
}

.carousel-indicators {
	position: static;
	width: 100%;
	text-align: center;
	padding: 20px 0;
	margin: 0;
}

.carousel-indicators li.active {
	background-color: #ffd046;
	border-color: #f5bd74;
}

.carousel-indicators li {
	width: 60px;
	height: 60px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	padding: 10px;
	border-radius: .2rem;
}

.carousel-indicators li img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.carousel a .icon {
	font-size: 100px;
	line-height: 120px;
	color: #ebebeb;
}

.carousel-item img {
	background: #fff;
}

.product-name {
	font-size: 24px;
	color: #000;
	padding: 15px 0;
	line-height: 30px;
}

.product-bio .row {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 10px 0;
	margin: 0;
}

.product-bio .row span {
	display: inline-block;
	padding-right: 5px;
	position: relative;
	color: #524647;
}

.tag-effect, .product-body span.product-data span.tag-effect {
	background: #f4f8fe;
	border: 1px solid #e7e7e7;
	color: #494a4c;
	padding: 0px 5px;
	padding-right: 5px;
	border-radius: 3px;
	font-size: 11px;
}

.tag-effect.variant-tag {
	background: #fffef8 !important;
	color: #f59105 !important;
}

.mdi-check-circle.text-green {
	color: #6ea21c;
}

.product-bio .row span {
	display: inline-block;
	padding-right: 5px;
	position: relative;
	color: #524647;
}

.product-bio .row strong {
	display: block;
}

.form-border-label.style-two {
	font-size: 20px;
	top: -15px;
}

.product-attributes ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	position: relative;
	flex-wrap: wrap;
}

.product-attributes ul li {
	display: inline-block;
	width: 25%;
	padding: 15px;
}

.product-attributes ul li strong {
	display: inline-block;
	font-size: 14px;
	color: #4d617a;
}

.product-attributes ul li span {
	font-size: 14px;
}

.mdi-help-circle {
	color: #a4aab1;
}

a:hover .mdi-help-circle {
	color: #009be1;
}

.modal-footer {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.custom-control-label {
	display: block;
}

.csv-upload .file-uploader.form-input label, .csv-upload .uploader-input label
	{
	padding: 42px 20px;
	margin: 0;
}

.csv-upload .custom-control-label.bg-none {
	padding: 0 0 0 22px;
	color: #9d9d9d;
}

.search-result-history.account-notifications .section-title {
	margin-bottom: 0;
	padding: 15px;
}

.table .custom-control.custom-checkbox {
	padding-left: 0;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
}

.table .checkbox-column {
	position: relative;
}

table .custom-checkbox .custom-control-label:before, table .custom-checkbox .custom-control-label:after
	{
	left: 0;
}

.csv-upload .custom-checkbox .custom-control-label:before, .csv-upload .custom-control-label:after
	{
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.csv-upload .upload-icon {
	display: inline-block;
	margin-right: 5px;
	font-size: 20px;
}

.csv-upload .file-title {
	display: inline-block;
}

.file-uploader label.bg-none {
	background: none;
	padding: 0 0 0 22px;
	border: none;
}

.pos-none {
	padding-left: 0;
	display: inline-block;
}

.basic-info {
	display: inline-block;
	padding-left: 30px;
}

.sub-desc {
	display: block;
	font-size: 14px;
}

.and-or {
	position: relative;
	padding: 15px 0;
}

.and-or:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 1px;
	background: #e5e5e5;
}

.and-or span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translateY(-50%);
	transform: translateX(-50%);
	padding: 2px 8px;
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: 11px;
	color: #b1b1b1;
	text-transform: uppercase;
	border-radius: 3px;
}

.page-title.add-product-style-two {
	margin: 1.5rem 0 !important;
}

.page-title.add-product-style-two h1 {
	margin-bottom: 0;
	font-size: 24px;
}

.full-width-radio .custom-control {
	padding: 0;
}

.full-width-radio .custom-control-label {
	padding: 20px 20px 20px 40px;
}

.full-width-radio .form-group {
	margin-bottom: 0;
}

.full-width-radio .custom-control-label:before {
	top: 25px;
	left: 15px;
}

.full-width-radio .custom-control-label:after {
	top: 25px;
	left: 15px;
}

.full-width-radio .font-normal .custom-control-input:checked ~.custom-control-label
	{
	background: #fffef8;
	border-bottom: 1px solid #e3eaef;
	border-top: 1px solid #e3eaef;
}

.full-width-radio .form-group:first-child {
	margin-top: -1px;
}

.full-width-radio .form-group:last-child {
	margin-bottom: -1px;
}

.account-notifications .section-title {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
	margin-bottom: 1.5rem;
	display: block;
	position: relative;
}

.account-notifications .section-title span {
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
}

.account-notifications .section-title span span {
	text-transform: inherit;
	font-size: 14px;
	color: #a2a2a2;
	font-weight: normal;
	display: inline-block;
}

.font-normal label {
	font-size: 18px;
	line-height: 24px;
	color: #333230;
}

.font-normal .custom-control-input:checked ~.custom-control-label {
	color: #e6793a;
}

.section-title a.float-right {
	color: #e6793a;
	height: 1rem;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.font-normal .custom-control-input:checked ~.custom-control-label {
	color: #e6793a;
}

.choose-group .group-row:last-child {
	border-bottom: none !important;
}

.group-modal {
	padding: 20px;
	background: #f9f6e7;
}

.group-modal-icon {
	display: table-cell;
	vertical-align: middle;
}

.group-modal p {
	display: table-cell;
	vertical-align: middle;
	line-height: 24px;
	padding-left: 20px;
}

.group-modal p span {
	display: block;
	color: #d27343;
	padding-bottom: 10px;
	font-size: 22px;
}

.floationg-help-icon {
	display: inline-block;
	width: 60px;
	text-align: center;
	padding: 18px 0 15px;
	border-left: 1px solid #dee2e6;
}

.floationg-help-icon img {
	filter: grayscale(70%);
	transition: all ease .4s;
}

.show .floationg-help-icon img, .floationg-help-icon:hover img {
	filter: grayscale(0);
}

.floationg-help-icon span {
	display: block;
	color: #585858;
	font-size: .562rem;
	font-weight: 600;
	padding-top: 4px;
	text-transform: uppercase;
}

.floationg-help-icon.dropdown-toggle:after {
	display: none;
}

.floationg-help-top {
	position: relative;
}

.floationg-help-info.dropdown-menu {
	right: 0 !important;
	transform: translate3d(2px, 0, 0px) !important;
	width: 400px;
	padding: 0;
	border: 1px solid #d9e3e9;
	box-shadow: none;
}

.floationg-help-header {
	background-color: #4499db;
	padding: 15px 20px 0;
	position: relative;
}

.help-tab .row {
	margin: 0 -5px;
}

.help-tab [class*="col-"] {
	padding: 0 5px;
}

.help-tab a {
	display: inline-block;
	padding: 11px 15px;
	background-color: #295c83;
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 16px;
	border-radius: 4px 4px 0 0;
	transition: all ease .4s;
}

.help-tab a.active {
	background-color: #fff;
	color: #4499db;
}

.help-tab a.active:hover {
	color: #4499db;
}

.help-tab a:hover {
	color: #fff;
}

.tab-tour-item {
	padding: 50px 25px;
	text-align: center;
}

.tab-tour-item p {
	margin: 25px 0;
	font-size: 16px;
	line-height: 28px;
}

.floationg-help-body {
	background-color: #fff;
	padding: 25px 20px;
}

.floationg-help-body .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
	{
	width: 100%;
}

.floationg-help-body .form-control {
	height: 45px;
	border-radius: 5px;
}

.floationg-help-body textarea.form-control {
	height: 140px;
	resize: none;
}

.floationg-help-body .bs-searchbox {
	display: none;
}

.floationg-help-bottom {
	text-align: center;
	padding-top: 25px;
	margin-top: 30px;
	border-top: 1px solid #e2e2e2;
}

.floationg-help-bottom .btn-primary, .floationg-help-bottom .btn-light {
	width: 100%;
	font-size: 15px;
}

.floationg-help-bottom .cancle-btn {
	display: block;
	color: #323232;
	font-size: 15px;
	text-transform: uppercase;
}

.floationg-help-bottom .cancle-btn:hover {
	color: #009be1;
}

.floationg-active-icon, .floationg-help-icon.active .floationg-default-icon
	{
	display: none;
}

.floationg-help-icon.active .floationg-active-icon {
	display: inline-block;
}

.floationg-thankyou {
	padding: 40px 0 0;
	text-align: center;
}

.floationg-thankyou>img {
	width: 200px;
}

.floationg-thankyou p {
	margin: 15px 0 0;
	color: #555;
	font-size: 16px;
	line-height: 28px;
}

.floationg-thankyou-btn {
	padding-top: 20px;
	border-top: 1px solid #d2d2d2;
	margin-top: 30px;
}

.floationg-thankyou-close {
	display: inline-block;
	font-size: 16px;
	color: #333;
	padding: 11px 15px;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
	background: #fff;
	text-transform: uppercase;
	font-weight: 500;
	min-width: 140px;
}

.floationg-thankyou-close:hover {
	background: #f4f4f4;
	color: #333;
}

.floationg-help-body-innner .row {
	margin: 0 -5px;
}

.floationg-help-body-innner [class*="col-"] {
	padding: 0 5px;
}

.floationg-help-body .select2-selection select2-selection--single {
	height: 46px;
	line-height: 28px;
}

.floationg-help-body .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	top: 9px;
}

.campaigns-meta {
	padding: 20px 0 10px;
}

.campaigns-meta ul {
	padding: 0;
	margin: 0;
	color: #555657;
	font-size: 16px;
	line-height: normal;
}

.campaigns-meta ul li {
	display: inline-block;
	padding-right: 30px;
}

.campaigns-meta ul li i {
	position: relative;
	top: 1px;
	font-size: 18px;
	color: #7f99b2;
}

.campaigns-meta ul li span {
	color: #009be1;
}

.campaigns-meta ul li:last-child {
	padding-right: 0;
}

.inline-checkbox .custom-checkbox .custom-control-label:before,
	.inline-checkbox .custom-checkbox .custom-control-label:after {
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.category-label {
	display: block;
	padding: 15px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .8125rem;
	color: #4d617a;
}

ul, #list-ul {
	list-style-type: none;
}

.new-product-categories ul {
	padding: 0;
}

.new-product-categories .category-colum {
	padding: .625rem 0;
	border: 1px solid #f2f2f2;
	margin: 0 0 10px;
	font-size: 17px;
	border-radius: .125rem;
	box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, .03);
}

.new-product-categories .category-colum:hover {
	background: #e9eff7;
	border-color: #e9eff7;
}

#positionPagination li.active {
	color: #33b3ed;
	background-color: #f5f5f5;
}

.set-position-btn {
	padding: 0;
	border: 1px solid #c9c9ca;
	display: inline-block;
	background: #fff;
	border-radius: 4px;
	line-height: 15px;
	cursor: pointer;
	width: 18px;
	height: 18px;
}

.set-position-btn.new-dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	vertical-align: .2125em;
	border-top: 4px solid #898889 !important;
	border-right: 4px solid transparent !important;
	border-bottom: 0 !important;
	border-left: 4px solid transparent !important;
}

.set-position-dropdown {
	padding: 0;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.set-position-list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.set-position-list ul li {
	cursor: pointer;
	padding: 7px 15px;
	border-bottom: 1px solid #ededed;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.set-position-list ul li:hover {
	color: #33b3ed;
	background-color: #f5f5f5;
}

.set-position-list ul li:last-child {
	border-bottom: none;
}

.setting-count {
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 1;
}

.bg-brown {
	background: #f9f6e7;
}

.applying-template .info-alert {
	text-align: left;
	border-bottom: none;
	margin: -30px -30px 0;
	padding: 20px 20px 20px 10px;
	background: #fdfbf5;
}

.applying-template .info-alert p {
	margin: 0;
	overflow: hidden;
}

.pre-warning {
	padding: 25px 20px 15px;
}

.applying-template img {
	height: 180px;
}

.configure-site-success .login-template, .template-globe {
	display: inline-block;
	vertical-align: middle;
}

.template-globe {
	margin-left: 10px;
}

.template-globe img {
	width: 130px;
}

.login-template {
	max-width: 155px;
	margin-left: auto;
	text-align: center;
	padding-top: 35px;
}

.login-template img {
	width: 145px;
	height: 155px;
	object-fit: cover;
	padding: 5px;
	object-position: top;
	box-shadow: 0 0 10px rgb(0 0 0/ 10%);
	border-radius: 3px;
}

.configure-site-success .login-template, .template-globe {
	display: inline-block;
	vertical-align: middle;
}

.configure-site-success .h2-heading {
	font-size: 20px;
}

.company-information-modal .modal-dialog {
	max-width: 620px;
}

.add-sender .info-alert, .company-information-modal .info-alert {
	border: none;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 0;
	margin-bottom: 0;
	padding: 18px 1.5rem 8px 14px;
}

.add-sender .info-alert p, .company-information-modal .info-alert p {
	overflow: hidden;
	line-height: 24px;
}

.overflow-hide {
	overflow: hidden;
}

.h2-heading {
	color: #009be1;
	font-size: 26px;
}

.template-link {
	display: inline-block;
	margin-top: 8px;
	color: #407ff0;
	font-weight: 500;
	font-size: 14px;
	position: relative;
}

.template-link::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #407ff0;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	content: "";
	z-index: 1;
}

.template-link:hover:after {
	width: 0;
}

.template-link:hover {
	color: #407eef;
}

.configure-site-name {
	color: #009be1;
	text-transform: capitalize;
}

.configure-site-success .modal-body {
	background: #fdfaf5;
}

.configure-site-success .modal-body p {
	font-size: 16px;
	line-height: 28px;
	color: #838080;
}

.configure-site-middle {
	padding-top: 30px;
	text-align: left;
}

.configure-site-middle h4 {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 26px;
	color: #8d8d8d;
}

.configure-template-image img {
	width: 145px;
	height: 155px;
	object-fit: cover;
	padding: 5px;
	object-position: top;
	box-shadow: 0 0 10px rgb(0 0 0/ 10%);
	border-radius: 3px;
}

.quick-view-modal .modal-dialog {
	margin-top: 60px;
	max-width: 950px;
}

.email-sender-wrap {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.email-sender-address {
	display: inline-block;
	vertical-align: middle;
	background-color: #fffef8;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	padding-left: 20px;
	overflow: hidden;
}

.email-sender-address ul {
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #697076;
	list-style: none;
}

.email-sender-address ul li {
	display: inline-block;
	padding-right: 16px;
	max-width: 390px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}

.email-sender-address ul li:last-child {
	padding-right: 0;
}

.email-sender-edit {
	display: inline-block;
	color: #f59105;
	border-left: 1px solid #e5e4df;
	padding: 10px 11px;
	vertical-align: middle;
	background: #fff;
	font-size: 18px;
}

.email-sender-edit i {
	top: 3px;
	position: relative;
}

.email-sender-edit:hover, .email-sender-edit:hover {
	color: #f59105;
}

.email-sender-address ul li img {
	margin: -2px 5px 0 0;
}

.card-header.style-two i {
	font-size: 24px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
}

.card-header.style-two a {
	font-weight: normal;
	color: #758a9f;
	font-size: 14px;
	text-align: right;
}

.card-header.style-two {
	padding: 12px 15px 12px 45px;
	background: #fafafa;
	color: #5c5c6b;
	display: flex;
	font-weight: 600;
}

.card-body.style-two {
	padding: 1rem;
}

.ship-to {
	display: flex;
	word-break: break-word;
}

.info-alert {
	padding-bottom: 0;
	border-color: #dee2e6;
	padding-left: 0;
	background-color: #fffcf1;
	border-radius: 5px;
}

.info-alert i {
	font-size: 24px;
	display: inline-block;
	float: left;
	padding: 0px 10px;
	color: #f0a92d;
}

.api-icons .api-icon {
	display: inline-block;
	text-align: center;
	margin: 11px 21px 11px 0;
}

.api-icons .api-icon a {
	display: inline-block;
	width: 195px;
	border: 1px solid #e3eaef;
	border-radius: 4px;
	padding: 30px 20px 20px;
	position: relative;
}

.api-icons .api-icon span.api-icon-label {
	font-weight: 500;
	font-size: 13px;
}

.api-icons .api-icon span.api-icon-label.blue-text {
	color: #2a82b4;
}

.api-icons .api-icon span.api-icon-label.red-text {
	color: #d5855e;
}

.api-icons .api-icon span.api-icon-label.green-text {
	color: #32a82a;
}

.api-icons .api-icon a .default-icon {
	display: inline-block;
}

.api-icons .api-icon a .active-icon {
	display: none;
}

.api-icons .api-icon a.active .default-icon {
	display: none;
}

.api-icons .api-icon a.active .active-icon {
	display: inline-block;
}

.api-icons .api-icon span {
	font-weight: 600;
	font-size: 18px;
	display: block;
	color: #6b6b6b;
}

.api-icon span.api-icon-image {
	margin-bottom: 25px;
}

.api-icons .api-icon a.active span {
	color: #e6793a;
}

.api-icons .api-icon span.api-icon-status {
	width: 25px;
	height: 25px;
	color: #009be1;
	border: 1px solid #009be1;
	border-radius: 100%;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 15px;
}

.api-icons .api-icon a.active span.api-icon-status {
	color: #009be1;
}

.api-icons .api-icon span.api-icon-status.text-red, .api-icons .api-icon a.active span.api-icon-status.text-red
	{
	color: #f77034;
	border-color: #f77034;
}

.order-badge-count {
	position: absolute;
	left: 48px;
	border-radius: 100%;
	font-size: 10px;
	padding: 5px !important;
	min-width: 20px;
	line-height: 9px;
	margin-top: 1px !important;
	background-color: #fc511d;
	border: 1px solid #ffffff;
}

.email-preview .table tr td, .email-preview table tr td {
	padding: 0;
	background: inherit;
	border: none;
	font-size: inherit;
}

label {
	font-weight: 500;
}

.form-border-set {
	border: 1px solid #dee2e6;
	position: relative;
	padding: 20px 15px 15px 15px;
}

.form-border-label {
	position: absolute;
	top: -12px;
	left: 15px;
	z-index: 0;
	padding: 0 7px;
	background: #fff;
}

.dashboard-tab a {
	display: inline-block;
	padding: 11px 15px;
	border: 1px solid #dfe3e7;
	color: #554a4a;
	text-transform: uppercase;
	float: left;
	min-width: 155px;
	text-align: center;
	background: #ffffff;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.dashboard-tab a:first-child {
	border-radius: 4px 0 0 4px;
}

.dashboard-tab a:last-child {
	border-radius: 0 4px 4px 0;
}

.dashboard-tab a.active {
	background: #fff;
	color: #009be1;
}

.dashboard-tab a img {
	position: relative;
	top: -1px;
	width: 17px;
}

.dashboard-tab a .active-icon, .dashboard-tab a.active .default-icon {
	display: none;
}

.dashboard-tab a.active .active-icon {
	display: inline-block;
}

.bold-icon i {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
	margin-top: -2px;
}

.alert-dismissible .close {
	padding: .75rem;
}

.job-filter .badge {
	display: inline-block;
	vertical-align: middle;
	padding: 9px 10px;
	color: #000000;
	font-weight: 400;
	font-size: 14px;
	min-width: 85px;
	text-align: left;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	background: #ffffff;
}

.job-filter .badge .badge-close {
	display: inline-block;
	float: right;
	cursor: pointer;
	color: #ef5362
}

.job-categories span {
	padding: 2px 8px;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #000000;
	background: #f4f8fe;
	border: 1px solid #eeeff0;
	border-radius: 3px;
	margin-right: 5px;
}

.count-message-text {
	text-align: right;
	font-size: 13px;
}

.template-info-preview i {
	width: 20px;
	display: inline-block;
	height: 20px;
	border: 1px solid #009be1;
	text-align: center;
	border-radius: 100%;
	vertical-align: middle;
	line-height: 17px;
}

.preview-layout, .preview-layout body, .preview-layout .theme-frame-preview,
	.theme-frame-preview #webPreviewFrame {
	height: 100%;
}

.preview-layout .ipad-frame, .preview-layout .iphone-frame {
	height: 675px !important;
}

.referral-toast {
	position: fixed;
	bottom: 15px;
	font-size: 13px;
	right: 20px;
	z-index: 1;
	background: #0980b5;
	color: #fff;
	padding: 5px 15px;
	text-align: center;
	min-width: 200px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.action-link .btn-circle.disabled-link i.mdi-content-save {
	color: #d0d0d0;
}

.action-link .btn-circle.disabled-link img {
	display: inline-block;
}

.action-link .btn-circle.disabled-link .mdi-content-save:before {
	opacity: 0;
}

.action-link .btn-circle img {
	display: none;
	position: absolute;
	top: 11px;
	left: 50%;
	transform: translateX(-50%);
	width: 16px;
	z-index: 9;
}

.disabled-link {
	color: #d0d0d0;
	opacity: 0.5;
	pointer-events: none;
}

.control-prop-edit {
	position: absolute;
	margin-left: 5px;
}

.search-filters {
	display: block
}

.search-filters .filter-text {
	display: inline-flex;
	font-weight: 500;
}

.search-filters .badge {
	padding: 2px 20px 2px 8px;
	line-height: 18px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #e0e2e4;
	position: relative;
	margin: 0 5px;
	display: inline-flex;
	border-radius: .15rem;
}

.search-filters .badge a {
	position: absolute;
	top: 1px;
	right: 6px;
	z-index: 0;
	font-size: 14px;
	color: #ef857a;
}

.alert-success {
	color: #056c4f;
	background-color: #cef5ea;
	border-color: #baf2e2;
}

.alert-success a {
	color: #056c4f;
	position: relative;
}

.alert-success a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 1px;
	background: #056c4f;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.alert-success a:hover:before {
	width: 0;
}

.btn {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 1.5;
	display: inline-block;
	padding: .75rem 1rem;
	min-width: 120px;
	font-size: 13px;
}

.dropdown-menu {
	min-width: 12rem;
}

.dropdown-item img {
	margin-right: 3px;
}

.dropdown-item {
	padding: .375rem .595rem;
	color: #6c757d;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dropdown-item:focus, .dropdown-item:hover {
	color: #12263f;
}

.dropdown-item:hover img {
	opacity: 1;
}

.btns-toolbar {
	display: inline-flex;
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: .15rem;
}

.btns-toolbar .dropdown-item {
	width: auto;
	padding: 6px 10px;
	float: left;
	border-right: 1px solid #e7e7e7;
}

.btns-toolbar .dropdown-item:last-child {
	border-right: none;
}

.btn-block .btns-toolbar {
	display: inline-flex;
	vertical-align: middle;
}

.btn-block .btns-toolbar .dropdown-item {
	padding: 11px 15px;
	height: 44px;
}

.store-name .dropdown-menu {
	min-width: 12rem;
}

.store-name .custom-dropdown-menu .dropdown-item img {
	margin-right: 3px;
	opacity: 0.7;
}

.store-name .custom-dropdown-menu .dropdown-item:hover img {
	opacity: 1;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.users
	{
	background-image: url(../images/admin-menu.png);
	background-repeat: no-repeat;
	background-position: 9px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.users
	{
	background-position: -49px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.users
	{
	background-position: -112px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.organizations
	{
	background-image: url(../images/admin-menu.png);
	background-repeat: no-repeat;
	background-position: 9px -49px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.organizations
	{
	background-position: -49px -49px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.organizations
	{
	background-position: -112px -49px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.lists
	{
	background-image: url(../images/marketing-menu.png);
	background-repeat: no-repeat;
	background-position: 9px 10px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.lists
	{
	background-position: -42px 10px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.lists
	{
	background-position: -103px 10px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.campaigns
	{
	background-image: url(../images/marketing-menu.png);
	background-repeat: no-repeat;
	background-position: 9px -46px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.campaigns
	{
	background-position: -42px -46px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.campaigns
	{
	background-position: -104px -46px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.site-messages
	{
	background-image: url(../images/marketing-menu.png);
	background-repeat: no-repeat;
	background-position: 11px -102px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.site-messages
	{
	background-position: -42px -102px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.site-messages
	{
	background-position: -104px -102px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.email-log
	{
	background-image: url(../images/marketing-menu.png);
	background-repeat: no-repeat;
	background-position: 11px -150px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.email-log
	{
	background-position: -43px -150px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.email-log
	{
	background-position: -101px -150px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.blogs
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.blogs
	{
	background-position: -42px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.blogs
	{
	background-position: -104px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.affiliates-icon
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -500px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.affiliates-icon
	{
	background-position: -45px -500px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.affiliates-icon
	{
	background-position: -107px -500px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.menu-notifications
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -548px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.menu-notifications
	{
	background-position: -43px -548px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.menu-notifications
	{
	background-position: -106px -548px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.marketing-emails
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -595px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.marketing-emails
	{
	background-position: -43px -595px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.marketing-emails
	{
	background-position: -106px -595px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.prospects-icon
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 8px -790px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.prospects-icon
	{
	background-position: -44px -790px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.prospects-icon
	{
	background-position: -102px -790px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.sequences-icon
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 14px -839px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.sequences-icon
	{
	background-position: -40px -839px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.sequences-icon
	{
	background-position: -96px -839px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.master-notifications
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -645px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.master-notifications
	{
	background-position: -41px -645px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.master-notifications
	{
	background-position: -107px -645px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.admin-notifications
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 8px -741px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.admin-notifications
	{
	background-position: -45px -741px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.admin-notifications
	{
	background-position: -103px -741px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.manage-releases
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 10px -889px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.manage-releases
	{
	background-position: -43px -889px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.manage-releases
	{
	background-position: -101px -889px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.master-templates
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 13px -691px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.master-templates
	{
	background-position: -40px -691px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.master-templates
	{
	background-position: -105px -691px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.page
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -405px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.page
	{
	background-position: -37px -405px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.page
	{
	background-position: -106px -405px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.templates
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -452px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.templates
	{
	background-position: -41px -452px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.templates
	{
	background-position: -102px -452px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.careers
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -46px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.careers
	{
	background-position: -42px -46px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.careers
	{
	background-position: -104px -46px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.contact-us
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -105px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.contact-us
	{
	background-position: -42px -105px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.contact-us
	{
	background-position: -104px -105px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.news
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -165px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.news
	{
	background-position: -42px -165px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.news
	{
	background-position: -104px -165px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.galleries
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -226px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.galleries
	{
	background-position: -42px -226px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.galleries
	{
	background-position: -104px -226px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.reviews
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -287px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.reviews
	{
	background-position: -42px -287px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.reviews
	{
	background-position: -104px -287px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.meet-the-team
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -347px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.meet-the-team
	{
	background-position: -42px -347px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.meet-the-team
	{
	background-position: -104px -347px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.events
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 11px -936px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.events
	{
	background-position: -40px -936px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.events
	{
	background-position: -99px -936px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.members
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 8px -983px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.members
	{
	background-position: -45px -983px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.members
	{
	background-position: -103px -983px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.rfps
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 8px -1033px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.rfps
	{
	background-position: -45px -1033px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.rfps
	{
	background-position: -102px -1033px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.home
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 9px -1082px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.home
	{
	background-position: -46px -1082px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.home
	{
	background-position: -101px -1082px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.portfolio
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 9px -1130px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.portfolio
	{
	background-position: -45px -1130px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.portfolio
	{
	background-position: -102px -1130px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.resume
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 8px -1181px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.resume
	{
	background-position: -44px -1181px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.resume
	{
	background-position: -102px -1181px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.photos-videos
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 8px -1231px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.photos-videos
	{
	background-position: -45px -1231px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.photos-videos
	{
	background-position: -102px -1231px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.shop
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 8px -1280px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.shop
	{
	background-position: -45px -1280px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.shop
	{
	background-position: -102px -1280px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.socialize
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 6px -1323px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.socialize
	{
	background-position: -47px -1323px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.socialize
	{
	background-position: -103px -1323px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.visit-site
	{
	background-image: url(../images/components-menu.png?10262022);
	background-repeat: no-repeat;
	background-position: 8px -1371px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.visit-site
	{
	background-position: -48px -1371px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.visit-site
	{
	background-position: -104px -1371px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.services {
	background-image: url("../images/report-menu.png");
	background-repeat: no-repeat;
	background-position: 13px -113px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.services {
	background-position: -50px -114px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.services {
	background-position: -110px -114px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.theme-settings {
	background-image: url("../images/report-menu.png");
	background-repeat: no-repeat;
	background-position: 15px -463px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.theme-settings {
	background-position: -49px -463px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.theme-settings {
	background-position: -109px -463px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.product-list-report
	{
	background-position: 9px -48px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.product-list-report
	{
	background-position: -56px -48px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.product-list-report
	{
	background-position: -121px -48px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.total-sales-report
	{
	background-position: 8px -164px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.total-sales-report
	{
	background-position: -56px -164px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.total-sales-report
	{
	background-position: -121px -164px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.date-range-report
	{
	background-position: 8px -226px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.date-range-report
	{
	background-position: -56px -226px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.date-range-report
	{
	background-position: -121px -226px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.zip-code-report
	{
	background-position: 8px -285px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.zip-code-report
	{
	background-position: -56px -285px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.zip-code-report
	{
	background-position: -121px -285px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.hours-report
	{
	background-position: 8px -345px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.hours-report
	{
	background-position: -56px -345px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.hours-report
	{
	background-position: -121px -345px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.order-status-report
	{
	background-position: 8px -575px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.order-status-report
	{
	background-position: -56px -575px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.order-status-report
	{
	background-position: -121px -575px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link i.best-selling-product-report
	{
	background-position: 8px -403px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i.best-selling-product-report
	{
	background-position: -56px -403px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i.best-selling-product-report
	{
	background-position: -121px -403px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a i
	{
	background-image: url(../images/store-submenu.png);
	background-repeat: no-repeat;
	background-position: 11px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a:hover i
	{
	background-position: -41px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a.active i
	{
	background-position: -100px 12px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a i.store-groups
	{
	background-position: 11px -35px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a:hover i.store-groups
	{
	background-position: -42px -35px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a.active i.store-groups
	{
	background-position: -102px -35px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a i.store-discounts
	{
	background-position: 10px -85px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a:hover i.store-discounts
	{
	background-position: -46px -85px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a.active i.store-discounts
	{
	background-position: -101px -85px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a i.store-inventory
	{
	background-position: 10px -135px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a:hover i.store-inventory
	{
	background-position: -45px -135px;
}

.navbar-expand-md .navbar-nav .side-nav-second-level.store-menus li a.active i.store-inventory
	{
	background-position: -102px -135px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i {
	display: inline-block;
	min-width: 2.813rem;
	font-size: 26px;
	line-height: 46px;
	color: #7d8a99;
	height: 2.813rem;
	padding-bottom: .125em;
	margin-bottom: 3px;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i {
	background: url("../images/main-menu.png") no-repeat -63px 10px;
	color: #585858;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.dashboard {
	background-position: 7px 10px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.dashboard {
	background-position: -63px 10px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.store-view {
	background-position: 7px -69px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.store-view {
	background-position: -63px -69px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.orders {
	background-position: 7px -677px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.orders {
	background-position: -65px -677px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.customers {
	background-position: 7px -747px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.customers {
	background-position: -63px -747px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.site {
	background-position: 7px -822px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.site {
	background-position: -63px -822px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.main-site {
	background-position: 7px -957px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.main-site {
	background-position: -63px -957px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.reports {
	background-position: 7px -897px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.reports {
	background-position: -63px -897px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.components {
	background-position: 7px -149px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.components {
	background-position: -63px -149px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.marketing {
	background-position: 7px -228px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.marketing {
	background-position: -63px -228px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.templates-view {
	background-position: 7px -308px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.templates-view
	{
	background-position: -63px -308px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.master-templates {
	background-position: 7px -1022px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.master-templates
	{
	background-position: -63px -1022px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.users {
	background-position: 7px -390px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.users {
	background-position: -63px -390px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.pages {
	background-position: 7px -470px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.pages {
	background-position: -63px -470px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.admin {
	background-position: 7px -530px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.admin {
	background-position: -58px -530px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.product-view {
	background-position: 6px -604px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.product-view {
	background-position: -62px -604px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.socialize {
	background-position: 2px -1065px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.socialize {
	background-position: -57px -1065px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.shop-menu {
	background-position: 2px -1117px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.shop-menu {
	background-position: -55px -1117px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.promote {
	background-position: 1px -1165px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.promote {
	background-position: -59px -1165px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.promote {
	background-position: 1px -1165px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.promote {
	background-position: -59px -1165px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.marketing-icon {
	background-position: -1px -1272px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.marketing-icon
	{
	background-position: -58px -1272px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.analytics {
	background-position: -1px -1321px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.analytics {
	background-position: -57px -1321px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.dating {
	background-position: -1px -1372px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i.dating {
	background-position: -57px -1372px;
}

.store-name .store-ctrl .mdi-view-grid {
	color: #fbb44f;
}

.navbar-custom .main-menus .crm-view .nav-link i.mdi-access-point {
	line-height: 18px;
	font-size: 20px;
	color: #e79f2d;
}

.navbar-custom .main-menus .crm-view .nav-link.inactive-live i.mdi-access-point
	{
	color: #e7482d;
}

.add-site-options {
	background: #fdfbf5;
}

.add-site-options .form-group {
	clear: both;
	float: left;
	width: 100%;
}

.add-site-options .form-group h3 {
	line-height: 28px;
}

.add-site-options .form-group .custom-control {
	float: left;
	width: 100%;
}

.add-site-options .form-group>label {
	cursor: pointer;
}

.add-site-menu {
	float: left;
	width: 100px;
	height: 100px;
	border: 2px solid rgba(0, 0, 0, 0.13);
	border-radius: 100%;
	background: #fff;
	text-align: center;
	padding-top: 22px;
}

.add-site-menu img {
	filter: brightness(0);
	opacity: 0.25;
}

.custom-radio .custom-control-input:checked ~.custom-control-label .add-site-menu img
	{
	filter: none;
	opacity: 1;
}

.custom-radio .custom-control-input:checked ~.custom-control-label .add-site-title
	{
	color: #e9864d;
}

.add-site-info {
	float: left;
	width: calc(100% - 100px);
	padding: 20px 0 0 20px;
}

.add-site-title {
	float: left;
	width: 100%;
	color: #818080;
	font-size: 22px;
	text-transform: uppercase;
}

.add-site-options .custom-control-label:before, .add-site-options .custom-control-label:after
	{
	top: 45px;
	left: -30px;
}

.add-site-options .custom-control {
	padding-left: 30px;
}

.nav.nav-scroll {
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

.nav.nav-scroll .nav-item {
	white-space: nowrap;
}

.navbar.fixed {
	padding: 0;
	position: fixed;
	width: calc(100% - 100px);
	top: 0;
	right: 0;
	z-index: 9;
}

.img-hover-scroll {
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

@keyframes imgscroll { 0% {transform: translateY(0%);}50%{transform:translateY(-80%);}100%{transform:translateY(-0%);}}
.img-hover-scroll img {
	width: 100%;
	height: auto;
	max-width: 100%;
	transition: all 4s;
	animation-duration: 25s;
	animation-name: imgscroll;
	animation-iteration-count: 1000;
}

.publish-switch {
	padding-top: 10px;
}

.publish-txt {
	display: block;
	overflow: hidden;
	padding: 5px 0 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;
}

.card-custom-switch {
	display: inline-block;
	top: 3px;
	color: #737373;
}

.teammate-position {
	padding: 10px 0;
	color: #3b6088;
	font-size: 14px;
}

.teammate-skills .badge {
	color: #494a4c;
	background: #f4f8fd;
	border: 1px solid #e7e7e7;
	padding: 5px 8px;
	margin-bottom: 5px;
}

.team-socials {
	padding: 15px 0;
}

.team-socials a {
	display: inline-block;
	font-size: 30px;
	color: #7d8a98;
	line-height: 30px;
}

.modal-body .video-title {
	font-size: 24px;
	color: #343434;
}

.modal-body .teammate-position {
	font-size: 18px;
	color: #7d8a98;
	padding: 10px 0 15px;
}

#additionalDetails {
	display: none;
}

.modal-confirm-block {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	align-items: center;
	top: 0;
	left: 0;
	padding: 20px;
	display: flex;
}

.flatpickr-calendar {
	font-family: 'Poppins', sans-serif;
	margin-top: 7px;
}

.flatpickr-calendar:before {
	border-width: 7px;
	margin: 0 -7px;
}

.flatpickr-calendar:after {
	border-width: 6px;
	margin: 0 -6px;
}

.flatpickr-day {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	min-width: 32px;
	width: 32px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	border-radius: 4px;
	border: 1px solid transparent;
	white-space: nowrap;
	cursor: pointer;
}

.flatpickr-days, .flatpickr-rContainer {
	width: 100%;
}

.dayContainer {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

span.flatpickr-weekday {
	font-weight: 500;
	color: #524646;
}

.flatpickr-weekdays {
	height: auto;
}

.flatpickr-calendar .flatpickr-current-month {
	font-size: 12px;
	font-weight: 500;
}

.flatpickr-current-month span.cur-month {
	font-weight: 500;
}

.flatpickr-calendar .flatpickr-day {
	border-radius: 0 4px 4px 4px;
}

.flatpickr-calendar .flatpickr-day:hover {
	background-color: #eee;
	border-color: transparent;
}

.flatpickr-calendar .flatpickr-day.today {
	background-color: #009be1;
	border-color: transparent;
	color: #fff !important;
}

.flatpickr-current-month span.cur-month:hover, .numInputWrapper:hover {
	background: none;
}

.flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay
	{
	color: #999 !important;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
	padding: 0 10px;
}

.flatpickr-current-month input.cur-year {
	font-weight: 500;
}

.new-york {
	background-color: #fec948 !important;
}

.san-francisco {
	background-color: #85da9f !important;
}

.singapore {
	background-color: #a798f4 !important;
}

.sydney {
	background-color: #80aeed !important;
}

.content-scroll {
	max-height: 200px;
	overflow: auto;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: #009be1;
}

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

.font-17 {
	font-size: 17px;
}

.product-body {
	display: block;
	padding-left: 120px;
	max-width: 500px;
}

.product-body h5 {
	color: #009be1;
	font-size: 20px;
	font-weight: 400;
}

.product-body p {
	padding: 5px 0 0;
	white-space: normal;
	font-size: 16px;
	margin: 0;
}

.product-images {
	float: left;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border: 1px solid #ededed;
	text-align: center;
}

.product-images i {
	font-size: 24px;
}

.product-images span {
	display: block;
	text-transform: uppercase;
	color: #313131;
	font-size: 12px;
	font-weight: 600;
	line-height: 14px;
}

.user-name-email span.review-by {
	color: #84b742;
	font-weight: 400;
	font-size: 20px;
}

.product-images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
	padding: 10px;
}

.reivew-display {
	display: block;
	max-width: 500px;
	white-space: normal;
}

.review-by {
	color: #84b742;
	font-weight: 400;
	font-size: 20px;
}

.review-box i.mdi-star {
	color: #b8b8b8;
}

.review-box i.mdi-star.active-star {
	color: #fdc730;
}

table td.min-width-90 {
	min-width: 90px !important;
}

.navbar-custom, .dropdown-menu, .icon-menu .left-side-menu, .navbar {
	-webkit-box-shadow: 0 0 35px 0 #e8e8e8;
	box-shadow: 0 0 35px 0 #e8e8e8;
}

.widget-flat h2.card-data {
	margin-bottom: 35px;
}

.widget-flat .card-body {
	padding: 2rem 1.5rem;
}

.widget-flat h5.text-muted {
	margin-bottom: 18px;
}

.daterangepicker th.month {
	width: auto;
}

.daterangepicker .calendar-table th {
	font-weight: 500;
	color: #524646;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td
	{
	padding: 0;
}

.daterangepicker .calendar-table td {
	border-radius: 0 4px 4px 4px;
}

.daterangepicker td.start-date.end-date {
	border-radius: 0 4px 4px 4px;
}

.daterangepicker {
	font-family: 'Poppins', sans-serif;
	z-index: 1;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td
	{
	line-height: inherit;
}

.daterangepicker.show-calendar .drp-buttons {
	display: none;
}

.nav-tabs.nav-style-two .nav-link {
	padding: 0 0 10px 0 !important;
}

.dayContainer {
	padding: 10px;
}

.flatpickr-calendar {
	color: #524646;
}

.form-control {
	color: #6c757d;
}

.page-wise-data table.table.dataTable td {
	white-space: normal;
}

.text-success {
	color: #84b833 !important;
}

.text-danger {
	color: #fa5c7c !important;
}

.widget-flat i.widget-icon {
	color: #7ec146;
	font-size: 20px;
	background-color: rgba(114, 124, 245, .25);
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	display: inline-block;
}

.widget-flat i.widget-icon {
	background: #f5f5f5;
	display: block !important;
}

.widget-flat i.mdi-pulse {
	color: #6faadd;
}

.widget-flat i.mdi-cart-plus {
	color: #fab163;
}

.widget-flat i.mdi-currency-usd {
	color: #009be1;
}

.widget-flat i.mdi-account-multiple {
	color: #fc6c39;
}

.text-muted {
	color: #737373 !important;
	font-weight: 400;
}

.custom-selectbox .select2-container {
	width: auto !important;
	padding-right: 50px;
}

.section-shorting ul {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	overflow: hidden;
}

.section-shorting ul li {
	display: block;
	padding: 15px 15px 15px 65px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
}

.section-shorting ul li:last-child {
	border-bottom: none;
}

.draggable-handle {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	border-right: 1px solid #e1e1e1;
	width: 50px;
	height: 100%;
	background: #fcfcfc;
	cursor: grab;
}

.draggable-handle span {
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 1;
	width: 30px;
	height: 2px;
	background: #9da6af;
	transform: translateY(-50%);
}

.draggable-handle span:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: -5px;
	z-index: 0;
	background: #9da6af;
}

.draggable-handle span:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: -5px;
	z-index: 0;
	background: #9da6af;
}

.draggable-content {
	display: block;
}

.draggable-content img {
	max-width: 120px;
	margin-right: 10px;
}

.content-section-name {
	font-size: 15px;
	font-weight: 600;
}

.delete-section {
	position: absolute;
	top: 50%;
	right: 25px;
	z-index: 0;
	font-size: 20px;
	transform: translateY(-50%);
}

.manage-page-content-block {
	background: #f7f7f7;
}

.manage-page-content-block .owl-carousel .owl-item img {
	height: auto;
}

.manage-page-content-block .owl-carousel .owl-nav button.owl-prev,
	.manage-page-content-block .owl-carousel .owl-nav button.owl-next {
	left: -38px;
}

.manage-page-content-block .owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -38px;
}

.owl-carousel.owl-drag .owl-item .item a {
	display: block;
}

.owl-carousel.owl-drag .owl-item .item span {
	display: block;
	padding-top: 10px;
}

.content-blocks {
	display: block;
}

.content-inner-block a {
	display: block;
	padding: 20px;
	text-align: center;
	color: #7d8a99;
}

.content-inner-block a i {
	font-size: 40px;
}

.content-inner-block a span {
	display: block;
	padding-top: 10px;
}

.single-image-view {
	position: relative;
}

.single-image-view .change-image {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	text-align: center;
	padding: 6px 0 0;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 15px;
	left: 50%;
	background: #000;
	transform: translateX(-50%);
	display: none;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.single-image-view:hover .change-image {
	display: block;
}

.content-manager-block {
	position: fixed;
	top: 177px;
	right: -120%;
	z-index: 1;
	width: 300px;
	height: calc(100% - 177px);
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.content-manager-block .card {
	background: #e9ecf1;
}

.content-manager-block .card-body {
	padding: 15px;
}

.content-manager-block.show {
	right: 20px;
}

.content-listings {
	height: 620px;
	overflow-y: auto;
	margin-top: 20px;
}

.content-listings ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}

.content-listings ul li {
	display: block;
	position: relative;
	padding: 0 0 15px;
}

.content-listings ul li a {
	display: block;
}

.content-listings ul li span {
	display: block;
	width: 100%;
	color: #fff;
	background: #333;
	padding: 8px 16px;
	font-size: 13px;
}

.close-manager {
	padding: 5px 0;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #b71a1a;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	border-radius: 100%;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.close-manager:hover {
	color: #fff;
}

.btn-light.text-green {
	color: #009be1;
}

.btn-light.text-green:hover {
	color: #585858;
}

.btn-light.text-green i {
	color: #009be1;
	margin-right: 3px;
}

.applying-template {
	padding: 30px;
	text-align: center;
	background: #f9f6e7;
	/*border-bottom: 1px solid #e0ddcf;*/
}

.applying-template h3 {
	color: #d27343;
	text-transform: uppercase;
}

.applying-template .progress-bar.bg-success {
	background: #84b917 !important;
}

.applying-template .progress {
	border: 1px solid #e9e6d8;
	background: #ffffff;
}

.applying-template .progress-span-value {
	color: #716f68;
}

.template-status {
	text-align: center;
}

.template-status h3 {
	color: #84b917;
	text-transform: uppercase;
}

.theme-frame-preview {
	text-align: center;
	padding-top: 42px;
	display: flex;
}

.theme-frame-preview iframe {
	border: none;
}

.desktop-frame {
	width: 100%;
}

.ipad-frame {
	width: 990px;
	height: 675px;
	background: url(../images/ipad-frame.png) no-repeat 50% 0;
	padding: 32px 62px 28px;
	background-size: contain;
	margin: 20px auto;
}

.iphone-frame {
	width: 370px;
	height: 675px;
	background: url("../images/iphone-frame.png") no-repeat 50% 0;
	padding: 69px 25px 90px 30px;
	background-size: contain;
	margin: 20px auto;
}

.template-content {
	padding: 15px;
}

.theme-preview-bar .template-info-preview {
	border-right: 1px solid #e3eaef;
	padding: 10px 15px;
	display: inline-block;
}

.use-template {
	display: inline-flex;
}

.use-template a {
	border-left: 1px solid #e3eaef;
	padding: 10px 15px;
	display: inline-block;
	color: #707070;
}

.use-template a:hover {
	background: #f7f7f7;
	color: #707070;
}

.use-template a i {
	margin-right: 5px;
}

.theme-preview-bar {
	border-bottom: 1px solid #e3eaef;
	background: #ffffff;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.theme-preview-bar .dropdown-menu {
	padding: 0;
	min-width: 320px;
}

.theme-preview-bar .template-content h4 {
	font-size: 20px;
}

.theme-preview-bar .template-content p {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 0;
}

.theme-preview-bar .theme-preview {
	position: static;
	margin-right: 0;
}

.theme-preview-bar .theme-preview a {
	border-radius: 0;
	border-top: none;
	border-bottom: none;
	padding: 11px 15px;
}

.theme-preview-bar .theme-preview a:first-child {
	border-radius: 0;
}

.theme-preview-bar .theme-preview a:last-child {
	border-radius: 0;
}

.theme-preview-bar .theme-preview a:hover, .theme-preview-bar .theme-preview a.active
	{
	background: #f7f7f7;
	color: #707070;
}

.template-edit-options a {
	text-align: center;
	padding: 15px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.template-option-btns {
	border-top: 1px solid #e3ebf6;
}

.template-option-btns a {
	color: #009be1;
	float: left;
	width: 50%;
	text-align: center;
	padding: 15px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.template-option-btns a i {
	margin-right: 5px;
}

.template-option-btns a.btn-bg-green {
	background: #009be1;
	color: #fff;
}

.template-option-btns a.btn-single {
	width: 100%;
	background: #fffef8;
}

.tooltip {
	font-family: 'Poppins', sans-serif;
}
.tooltip.show {
	opacity: 1;
}

.tooltip-inner {
	background: #009be1;
	color: #fff;
	border: 1px solid #009be1;
	box-shadow: 0px 0px 35px 0px #ddd;
	font-size: 14px;
	line-height: 18px;
}

.bs-tooltip-auto[x-placement^=top] .arrow:before, .bs-tooltip-top .arrow:before
	{
	border-top-color: #009be1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow:before
	{
	border-bottom-color: #009be1;
}

* {
	-webkit-print-color-adjust: exact !important; /*Chrome, Safari */
	color-adjust: exact !important; /*Firefox*/
}

.note-editor h1 {
	font-size: 40px;
	line-height: 54px;
	font-weight: 400;
}

.note-editor h2 {
	font-size: 35px;
	font-weight: 400;
}

.note-editor h3 {
	font-size: 30px;
	font-weight: 400;
}

.note-editor h4 {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 15px;
}

.note-editor h5 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
}

.note-editor h6 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
}

.note-editor p {
	line-height: 24px;
}

.note-editor ul {
	line-height: 30px;
}

.tree-view ul li a.active:after {
	content: "\F5E1";
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 1;
	display: inline-block;
	font-family: "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #009be1;
	font-size: 20px;
}

.editor-empty-view {
	display: flex;
}

.editor-empty-container {
	display: block;
	margin: 0 auto;
	min-width: 700px;
	padding: 50px;
	text-align: center;
}

.editor-empty-container h4 {
	color: #575755;
	padding: 30px 0 0;
	margin: 0;
	font-size: 24px;
}

/*body {
  min-height: inherit;
}*/
.editor-tabs.nav-tabs {
	border: none;
}

.close-editor-tab {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #263238;
}

.close-editor-tab:hover {
	color: #263238;
}

.active ~.close-editor-tab {
	color: #263238;
}

.add-new-data {
	padding: 0 15px;
}

.add-new-data .col-md-4 {
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #e3ebf6;
}

.add-new-data .col-md-4:last-child {
	border-right: none;
}

.add-new-data a {
	color: #4a4a4a;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.add-new-data a i {
	color: #009be1;
}

.modal-body .tree-view {
	max-height: 300px;
	overflow-y: auto;
}

.editor-tabs.nav-tabs .nav-item {
	margin: 0 3px 0 0;
	position: relative;
}

.editor-tabs.nav-tabs .nav-link {
	padding: 5px 25px 5px 10px;
	background: #ffffff;
	border-radius: 5px 5px 0 0;
	border: 1px solid #e3ebf6;
	border-bottom: none;
}

.editor-tabs.nav-tabs .nav-link:not(.active) {
	color: #263238;
}

.editor-tabs.nav-tabs .nav-link.active {
	color: #fff;
	background: #009be1;
}

.editor-btns {
	display: block;
	padding: 20px;
}

.editor-btns .btn {
	display: inline-block;
	margin: 0 5px;
}

.editor-btns .btn i {
	color: #009be1;
}

.no-store-yet {
	display: block;
	padding: 0 0 0 15px;
}

.tree-view {
	display: block;
	overflow: auto;
	padding: 0 0 15px;
}

.tree-view ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

.tree-view ul li {
	display: block;
	position: relative;
	white-space: nowrap;
}

.tree-view ul li a {
	display: block;
	padding: 5px 10px 5px 20px;
	font-size: 14px;
	color: #333;
	position: relative;
}

.tree-view ul li a:hover {
	background: #faf9f3;
}

.tree-view ul li a:before {
	content: "\F35F";
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	position: absolute;
	top: 2px;
	left: 0;
}

.tree-view ul li.selected>a:before {
	content: "\F35D";
}

.tree-view ul li a.file {
	padding: 5px 10px;
}

.tree-view ul li a.file:before {
	display: none;
}

.tree-view ul li a i {
	margin-right: 5px;
	position: relative;
	z-index: 1;
	font-size: 18px;
}

.tree-view ul li a i.mdi-folder {
	color: #f5b703;
}

.tree-view ul li ul {
	display: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.tree-view ul li a.active {
	background: #faf9f3;
}

.tree-view ul li.selected>a i.mdi-folder:before {
	content: "\F76F";
}

.tree-action-icon {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 1;
	display: none;
}

.tree-view ul li:hover>.tree-action-icon {
	display: block;
}

.tree-view ul li .tree-action-icon a {
	font-size: 14px;
	color: #383838;
	padding: 0 2px;
	display: inline-block;
	background: none;
}

.tree-view ul li .tree-action-icon a:before {
	display: none;
}

.tree-view ul li .tree-action-icon a i {
	font-size: 14px;
	color: #383838;
}

.tree-view ul li .tree-action-icon a i.mdi-border-color {
	color: #faae34;
}

.tree-view ul li .tree-action-icon a i.mdi-cursor-move {
	color: #4767a2;
}

.tree-view ul li .tree-action-icon a i.mdi-pencil {
	color: #ff9200;
}

.tree-view ul li .tree-action-icon a i.mdi-delete {
	color: #e76171;
}

.tree-view ul li.selected>ul {
	display: block;
}

.tree-view ul li ul {
	padding: 0 0 0 15px;
}

.custom-dropdown-menu {
	padding: 0;
}

.custom-dropdown-menu .dropdown-item {
	position: relative;
	/* padding: 10px 10px 10px 30px; */
	padding: 10px;
	border-bottom: 1px solid #d9e3e9;
	font-size: 14px;
}

.custom-dropdown-menu .dropdown-item:last-child {
	border-bottom: none;
}

.custom-dropdown-menu .dropdown-item i {
	position: absolute;
	left: 10px;
	z-index: 0;
}

.store-name .dropdown {
	float: left;
}

.store-name .store-ctrl.disabled {
	background: #eeeeee;
	color: #a8a8a8;
	border-color: #dde1e5;
}

.card-body .custom-selectbox .select2-container .select2-selection--single
	{
	background: #ffffff;
	border-color: #ffffff;
}

.custom-selectbox .select2-container .select2-selection--single {
	height: 39px;
	background: #f9fbfd;
	border-color: #f9fbfd;
	margin-bottom: 7px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}

.custom-selectbox .select2-container .select2-selection--single .select2-selection__rendered
	{
	color: #524646;
	padding: 0;
	font-size: 1.375rem;
}

.user-select2 .custom-selectbox.small-checkbox .select2-container .select2-selection--single .select2-selection__rendered
	{
	font-size: 1.375rem;
}

.user-select2 .custom-selectbox.small-checkbox .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	top: 5px;
}

.email-sender-list-block .custom-selectbox .select2-container .select2-selection--single .select2-selection__rendered,
	.custom-selectbox.small-checkbox .select2-container .select2-selection--single .select2-selection__rendered
	{
	font-size: 18px;
}

.email-sender-list-block .custom-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow,
	.custom-selectbox.small-checkbox .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	top: 8px;
	height: 25px;
	width: 25px;
}

.email-sender-list-block .select2-container--default .select2-selection--single .select2-selection__arrow b,
	.small-checkbox .select2-container--default .select2-selection--single .select2-selection__arrow b
	{
	top: 45%;
}

.custom-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	top: 5px;
	height: 30px;
	width: 30px;
	background: #fff;
	border: 1px solid #dee2e6;
	border-radius: .15rem;
}

.select2-container .select2-selection--multiple {
	min-height: calc(2.5125rem + 2px);
	border-radius: .125rem;
}

.custom-selectbox .select2-container .select2-selection--single .select2-selection__arrow b
	{
	border-color: #737373 transparent transparent transparent;
	margin-left: -6px;
}

.custom-selectbox .select2-container--open .select2-selection--single .select2-selection__arrow b
	{
	border-color: transparent transparent #ffffff transparent !important;
}

.custom-selectbox .select2-container--open .select2-selection--single .select2-selection__arrow
	{
	background: #009be1;
	border-color: #009be1;
}

.select2-dropdown {
	border: 1px solid #d3dee6;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #444;
}

.select2-container--open .select2-dropdown--below {
	box-shadow: 0 0.75rem 2rem rgb(18 38 63/ 10%);
	padding: 0;
}

.select2-container--default .select2-search--dropdown {
	background: #f6f7fd;
	padding: 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
	{
	background: #f9fbfd;
	color: #009be1;
}

.select2-container--default .select2-results__option[aria-selected=true]:hover
	{
	background: #f9fbfd;
	color: #009be1;
}

.select2-container--default .select2-results__option[aria-selected=true]
	{
	background: #ffffff;
	color: #009be1;
	position: relative;
}

.select2-container--default .select2-results__option[aria-selected=true]:after
	{
	content: "\F5E1";
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 1;
	display: inline-block;
	font-family: "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #009be1;
	font-size: 20px;
}

.select2-results__option {
	padding: 10px;
	border-top: 1px solid #d3dee6;
	font-size: 14px;
	color: #524646;
	position: relative;
}

.select2-results__option .in-use:after {
	content: "In Use";
	position: absolute;
	top: 50%;
	right: 60px;
	z-index: 0;
	transform: translateY(-50%);
}

.select2-search--dropdown .select2-search__field {
	font-size: 14px;
	color: #737373;
	padding: 5px 10px;
}

.select2-container .select2-selection--single .select2-selection__arrow b
	{
	border-color: #b2c5d3 transparent transparent transparent;
	border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b
	{
	border-color: transparent transparent #b2c5d3 transparent !important;
	border-width: 0 6px 6px 6px !important;
}

.note-toolbar .btn {
	min-width: inherit;
}

.selected-store .dripicons-web {
	color: #5598c2;
	margin-right: 2px;
}

.store-list .store-link i {
	display: inline-block;
	color: #5598c2;
}

.dropdown-menu {
	-webkit-box-shadow: 0 0 35px 0 #e8e8e8;
	box-shadow: 0 0 35px 0 #e8e8e8;
}

.notification-empty {
	padding: 1rem;
	text-align: center;
	border-top: 1px solid #d9e3e9;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link span.contact-us-count
	{
	color: #fff !important;
}

.notification-list .dropdown-menu.dropdown-menu-right {
	padding: 0;
}

.main-menus .modal-footer {
	background: none;
	justify-content: center;
}

.btn {
	min-width: 147px;
}

.modal-footer>:not(:first-child) {
	margin-left: .75rem;
}

.modal-footer>:not(:last-child) {
	margin-right: .25rem;
}

.btn-light:hover {
	color: #009be1;
	border-color: #e0e2e4;
	background-color: #ffffff;
}

.dropdown-lg {
	width: 320px;
}

@media ( max-width : 767.98px) {
	.dropdown-lg {
		width: 300px !important;
	}
}

.dropdown-menu-animated {
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	margin-top: 20px !important;
}

.dropdown-toggle.arrow-none:after {
	display: none;
}

.show>.dropdown-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 0 !important;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link span.badge-danger {
	color: #fff;
	background-color: #fc511d;
	display: inline-block;
	padding: 0;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
}

.video-js, .my-player-dimensions {
	width: 100% !important;
	clear: both;
}

.my-store-info {
	float: left;
	display: none;
	text-align: center;
	padding: 6px 15px;
}

.my-store-info i {
	font-size: 24px;
	background: #f8f8f8;
	width: 32px;
	vertical-align: middle;
	text-align: center;
	color: #96a0ac;
	display: inline-block;
	line-height: 30px;
	border-radius: 30px;
	height: 32px;
	border: 1px solid #e7e7e7;
}

.my-store-info span {
	display: block;
	margin-top: 5px;
	color: #585858;
	font-size: .562rem;
	font-weight: 600;
	text-transform: uppercase;
}

.add-new-store {
	background: #fafbe1;
	color: #009be1;
	display: block;
	padding: 15px;
	border-bottom: 1px solid #e3eaef;
	font-size: 16px;
}

.store-list {
	display: block;
	padding: 10px 15px;
	border-bottom: 1px solid #e9ecef;
	cursor: pointer;
}

.store-list:hover, .store-list.active {
	background: #f9fbfd;
}

.store-list .edit-this-store, .store-list .store-url {
	display: inline-block;
	padding: 15px 10px 10px;
	text-align: center;
	position: static;
	border: none;
}

.store-list .edit-this-store span, .store-list .store-url span {
	display: block;
	color: #585858;
	font-size: .562rem;
	font-weight: 600;
	text-transform: uppercase;
}

.store-list strong {
	color: #4c617c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.store-list .store-link {
	color: #585858;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.store-list .store-link span {
	font-size: 12px;
	font-weight: 400;
}

.store-list i.mdi-border-color {
	display: block;
	margin-top: 12px;
	color: #ff9000;
}

.store-list i.mdi-open-in-new {
	display: block;
	margin-top: 10px;
	color: #738cbe;
}

.store-name {
	position: relative;
	color: #4c617c;
	font-size: 20px;
	font-weight: 500;
	float: left;
}

.store-name.active {
	display: block !important;
}

.store-name .dropdown-toggle {
	float: left;
	color: #4c617c;
	background: #fffef8;
	padding: 14px 35px 13px 15px;
	border-right: 1px solid #e3eaef;
	width: 235px;
	position: relative;
}

.store-name .dropdown-toggle:after {
	display: none;
}

.store-name .dropdown-toggle:focus, .store-name .dropdown-toggle:hover {
	color: #6c757d;
}

.store-name .store-ctrl {
	float: left;
	width: 60px;
	color: #738cbe;
	font-size: .9375rem;
	padding: 11px 0;
	height: 100%;
	border-right: 1px solid #e3eaef;
	text-align: center;
}

.store-name .store-ctrl .mdi-home {
	color: #009be1;
}

.store-name .store-ctrl .mdi-buffer, .btn-circle i.mdi-buffer {
	color: #6ac9a9;
}

.mdi-open-in-new {
	color: #b5324e;
}

.mdi-format-list-bulleted {
	color: #75cfa9;
	font-size: 22px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
}

.store-name .store-ctrl .mdi-border-color {
	color: #ff9000;
}

.store-ctrl span {
	display: block;
	color: #585858;
	font-size: .562rem;
	font-weight: 600;
	text-transform: uppercase;
}

.store-ctrl:hover, .store-ctrl:focus {
	color: inherit;
}

.store-ctrl:hover, .store-ctrl.active {
	background: #fffef8;
}

.add-new-store:focus, .add-new-store:hover {
	color: #219be1;
}

.store-list.all-dashboard-view {
	background: #f9fbfd;
}

.store-list.all-dashboard-view i {
	font-size: 17px;
	margin-right: 1px;
}

.selected-store-name {
	font-size: 18px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.store-title {
	display: block;
	width: 100%;
}

.store-name .mdi-chevron-down {
	position: absolute;
	top: 50%;
	right: 5px;
	z-index: 1;
	font-size: 28px;
	transform: translateY(-50%);
}

.selected-store {
	display: block;
	position: relative;
	font-size: 12px;
	top: -3px;
	font-weight: 400;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pagination .page-link {
	width: 40px;
	height: 40px;
	padding: 5px;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	margin: 0 3px;
}

.app-search {
	max-width: 320px;
}

.store-name .dropdown-lg {
	width: 345px;
}

.main-content .navbar .container-fluid {
	padding: 0 !important;
}

.modal-overlay-cls {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat center;
	z-index: 99999;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

.note-editor.note-airframe, .note-editor.note-frame {
	border-color: #dee2e6 !important;
	border-radius: .125rem;
}

.note-editable {
	min-height: 230px;
	max-height: 550px;
	background: #ffffff;
}

.note-dropdown-menu li {
	padding: 5px 0;
}

.note-dropdown-menu li a {
	display: block;
	padding: 2px 10px;
	color: #353535;
}

.note-editor .note-editing-area {
	border-top: 1px solid #dee2e6;
}

.note-toolbar .btn-default {
	color: #313a46;
	background-color: #e3eaef;
	border-color: #e3eaef;
	padding: .28rem .8rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .15rem;
}

.note-toolbar .btn-default:hover {
	color: #313a46;
	background-color: #cbd8e1;
	border-color: #c3d2dc;
}

.note-editor .note-toolbar, .note-popover .popover-content {
	background: #ffffff;
}

.note-resizebar {
	background-color: #fafbfc;
}

.navbar-vertical.navbar-expand-md .navbar-nav {
	margin-right: 0;
	margin-left: 0;
}

.small-preview, #previewBlock img {
	display: inline-block;
	max-width: 150px;
	border-radius: .125rem;
	border: 1px solid #dee2e6;
	padding: 2px;
}

.logo {
	display: block;
	line-height: 70px;
	margin-bottom: 10px;
	position: relative;
}

.logo:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 78%;
	height: 1px;
	margin: 0 auto;
	background: #e3ebf6;
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
}

.navbar-vertical.navbar-expand-md {
	padding-left: 0;
	padding-right: 0;
}

.navbar {
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	padding: 0;
	position: fixed;
	width: calc(100% - 100px);
	top: 0;
	right: 0;
	z-index: 9;
	margin: -5px 0;
	-webkit-box-shadow: 0 0 35px 0 #e8e8e8;
	box-shadow: 0 0 35px 0 #e8e8e8;
}

.main-content {
	margin-top: 85px;
}

#messageContent h5 {
	font-size: 18px;
}

.custom-control-input.default-disabled:disabled ~.custom-control-label:before
	{
	background-color: #edf2f9;
	border-color: #edf2f9;
}

table.dataTable>tbody>tr.child td.child {
	white-space: normal;
}

p {
	font-weight: normal;
}

.parent-section .section-block.active {
	border: none;
	margin-bottom: 0;
}

.bootstrap-select>.dropdown-toggle:after {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 0;
	width: auto;
	height: auto;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
	.filter-option-inner, .bootstrap-select .dropdown-toggle .filter-option
	{
	outline: none;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
	.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
	.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	outline: none !important;
}

.dropup .dropdown-menu {
	z-index: 1102;
}

.test-qus-counter {
	display: block;
	overflow: hidden;
}

.html2canvas-container {
	width: 3000px !important;
	height: 3000px !important;
}

.not-allowed {
	font-size: 18px;
	background: #f5f5f5;
	width: 42px;
	vertical-align: middle;
	text-align: center;
	color: #b5b5b5;
	display: inline-block;
	line-height: 40px;
	border-radius: 30px;
	height: 42px;
}

.dtr-data .custom-control {
	top: 6px;
}

body table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
	padding: 15px;
	background: #fff;
}

table.dataTable>tbody>tr.child span.dtr-title {
	min-width: inherit;
	padding-right: 3px;
	position: relative;
	vertical-align: top;
}

table.dataTable>tbody>tr.child span.dtr-title:after {
	content: ":";
	display: inline-block;
	margin-left: 5px;
}

.custom-switch .custom-control-input:checked[disabled] ~.custom-control-label:before,
	.table tbody tr:hover .custom-switch .custom-control-input:checked[disabled]
	 ~.custom-control-label:before, .custom-control-input:disabled ~.custom-control-label:before
	{
	border-color: #d2d2d2;
	background-color: #d2d2d2;
}

.account-notifications .section-title {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
}

.account-notifications .alert-light {
	background: #d9edf6;
	border-color: #d9edf6;
	color: #346f8d;
}

.dropdown-divider {
	margin: .4rem 0;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link span.mobile-only {
	display: none;
}

.main-menus.open, .main-menus {
	display: inherit;
}

.custom-control-input:disabled ~.custom-control-label {
	color: inherit;
}

#viewNotificationInfo td:empty {
	visibility: hidden;
}

li.unRead {
	background: #f7f8f9;
}

li.unRead:after, tr.unRead td:last-child:after, table.table.dataTable .unRead td:last-child:after
	{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	width: 8px;
	height: 8px;
	background: #009be1;
	border-radius: 100%;
}

li.unRead:after {
	right: 10px;
}

tr.unRead td, table.table.dataTable .unRead td {
	position: relative;
}

#topbar .dropdown-menu {
	top: 100%;
}

.navbar-user .dropdown-menu, .d-md-none .dropdown-menu {
	top: 47px;
}

span.default-notifications {
	position: static;
}

.default-notifications .dropdown-toggle:after {
	display: none;
}

.default-notifications .dropdown-menu.dropdown-menu-right {
	right: -1px;
	top: 100% !important;
	z-index: 2;
	padding: 0;
}

.default-notifications .dropdown-menu li:first-child {
	background: #f9fbfd;
	color: #009be1;
	display: block;
	padding: .675rem;
}

.dropdown-menu {
	color: #6c757d;
}

.default-notifications .dropdown-menu li:first-child a {
	float: right;
	padding: 0;
	color: #009be1;
}

.default-notifications .dropdown-menu li:first-child a:before {
	display: none;
}

.default-notifications .dropdown-menu li {
	position: relative;
}

.default-notifications .dropdown-menu li:last-child {
	border-bottom: none;
}

.default-notifications .dropdown-menu li a {
	position: relative;
	padding: 10px 20px 10px 30px;
	font-size: 13px;
}

.default-notifications .dropdown-menu li a:before {
	content: "\F1EF";
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
	z-index: 0;
}

.default-notifications .dropdown-menu li.unRead a:before {
	content: "\F1EE";
	color: #ea8745;
}

.notification-link {
	color: #12263e;
	position: relative;
	padding-left: 20px;
	display: inline-block;
}

.notification-link:before {
	content: "\F1EF";
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	left: -7px;
	transform: translateY(-50%);
	z-index: 0;
	color: #788da8;
}

.new-data-table span.notification-link {
	padding-left: 0;
}

.new-data-table span.notification-link:before {
	display: none;
}

.unRead .notification-link:before {
	content: "\F1EE";
	color: #ea8745;
}

.email-date-time {
	display: block;
	color: #333230;
}

.email-subject {
	display: block;
	font-weight: 600;
	word-break: break-word;
	color: #132750;
	white-space: normal;
}

.email-by {
	display: block;
	color: #666560;
	font-style: italic;
}

.modal-content {
	border: none;
}

.navbar .dropdown.d-md-none {
	position: absolute;
	right: 50px;
	top: 8px;
	z-index: 0;
}

.navbar-light .navbar-collapse:before {
	display: none;
}

.update-video-thumb {
	width: 100%;
}

.update-video-thumb .thumbnail-images img {
	width: 250px;
}

.update-video-cover {
	width: 100%;
}

.update-video-cover .btn .file-uploader label {
	padding: 25px 0;
}

div.dataTables_wrapper div.dataTables_filter input {
	width: 100%;
	margin: 0;
}

.thumbnail-images {
	display: block;
}

.cover-image-div.btn-default {
	width: 100%;
	background-color: #fffef8;
}

.file-title {
	white-space: break-spaces;
}

.btn .file-uploader label {
	padding: 12px 0;
}

.thumbnail-images .file-preview {
	width: 30%;
	margin: 0;
}

.thumbnail-images .file-preview img {
	width: 100%;
	min-width: inherit;
	max-width: inherit;
}

.dtr-data {
	white-space: normal;
	display: inline-block;
	word-break: break-word;
}

.file-preview {
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
}

.file-preview img {
	max-width: 100px;
	border: 2px solid #d4d4d4;
	min-width: 200px;
	cursor: pointer;
	margin-bottom: 10px;
}

.file-preview.pdf {
	border: none;
}

.blue-color {
	color: #009be1;
}

#setPosition {
	display: none;
}

#logo {
	background: url(../images/logo.png) no-repeat center center/contain;
	max-width: 240px;
	height: 120px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.navbar-vertical .navbar-nav .open .nav-link:after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.full-iframe {
	width: 100%;
	border: none;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
}

iframe.full-iframe {
	height: 400px;
}

.table .none {
	display: none !important;
}

table.table.dataTable td, table.table.dataTable th {
	min-width: 10px;
	outline: none;
}

table.table.dataTable td {
	background: #ffffff;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"].checkbox-wrap>td:first-child
	{
	padding-left: 15px;
	padding-right: 30px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"].checkbox-wrap>td:first-child:before
	{
	top: 50%;
	transform: translateY(-50%);
	left: 45px;
	z-index: 1;
}

.table-responsive table.dataTable td, .table-responsive table.dataTable th
	{
	min-width: 10px;
}

.page-item:last-child .page-link, .page-item:first-child .page-link {
	border-top-right-radius: 100%;
	border-bottom-right-radius: 100%;
	border-top-left-radius: 100%;
	border-bottom-left-radius: 100%;
}

.custom-checkbox .custom-control-label:before {
	-webkit-border-radius: 0;
	border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
	{
	top: 8px;
	right: 8px;
	display: block;
}

#permission-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: #ffffff;
	display: none;
}

#total_visits_gt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat center;
	z-index: 99999;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

#unique_visits_gt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat center;
	z-index: 99999;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

#overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/ajax-loader.gif) no-repeat center;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

#commentOverlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
	z-index: 9999;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

#modaloverlay, #getHelpOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/ajax-loader.gif) no-repeat center;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

#courseoverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/ajax-loader.gif) no-repeat center;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

#contentoverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/ajax-loader.gif) no-repeat center;
	background-color: #f2f2f2;
	opacity: 0.3;
	display: none;
}

.loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #009be1;
	-webkit-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
	z-index: 99999;
}

.loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #07192a;
	-webkit-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

.loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #ff9000;
	-webkit-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin { 0% {
	-webkit-transform: rotate(0deg);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: rotate(0deg);
	/* IE 9 */
	transform: rotate(0deg);
	/* Firefox 16+, IE 10+, Opera */
}100%{-webkit-transform:rotate(360deg);/* Chrome, Opera 15+, Safari 3.1+ */-ms-transform:rotate(360deg);/* IE 9 */transform:rotate(360deg);/* Firefox 16+, IE 10+, Opera */}}

@keyframes spin { 0% {
	-webkit-transform: rotate(0deg);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: rotate(0deg);
	/* IE 9 */
	transform: rotate(0deg);
	/* Firefox 16+, IE 10+, Opera */
}
100%
{-webkit-transform:rotate(360deg);/* Chrome, Opera 15+, Safari 3.1+ */-ms-transform:rotate(360deg);/* IE 9 */transform:rotate(360deg);/* Firefox 16+, IE 10+, Opera */}}

.question-answer-list h3 {
	margin-bottom: 5px;
	text-transform: capitalize;
}

textarea.form-control {
	height: 120px;
}

.question-answer-list ul {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none;
}

.question-answer-list ul li {
	padding-left: 0;
	margin: 15px 0;
}

.question-answer-list ul li label {
	margin: 0;
	font-size: 14px;
	color: #57658c;
}

.question-answer-list .file-uploader {
	width: 100%;
	height: 120px;
}

.thumb-img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
}

.question-answer-list textarea.form-control.with-img {
	padding-right: 60px;
}

.question-answer-list textarea.form-control:focus {
	border-color: #dee2e6;
}

.question-answer-list .file-uploader label {
	text-align: center;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	left: 0;
	right: 0;
	-webkit-border-radius: .375rem;
	border-radius: .375rem;
}

.question-answer-list .file-uploader form {
	display: block;
	background: #fffef8;
	border: 2px dashed #d4d4d4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.file-uploader.form-input, .form-input.uploader-input {
	display: block;
	background: #fffef8;
	border: 2px dashed #d4d4d4;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.question-answer-list .file-uploader form:hover, .file-uploader.form-input.ishover,
	.form-input.uploader-input:hover, .file-uploader.form-input:hover {
	border-color: #ff9800;
}

.placeholder-text {
	color: #605f5f;
}

.pos-rel {
	position: relative;
}

.rm-img {
	position: absolute;
	top: -7px;
	right: -7px;
	z-index: 1;
	padding: 1px 0 0;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	width: 25px;
	height: 25px;
}

.rm-user-img {
	position: absolute;
	top: -7px;
	right: -10px;
	z-index: 1;
	padding: 1px 0 0;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	width: 25px;
	height: 25px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	text-align: center;
	color: #ff0021;
}

.thumbnail-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 12px 15px 0;
	position: relative;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before
	{
	top: 19px;
	line-height: 16px;
}

.table-responsive {
	min-height: 300px;
	position: relative;
	z-index: 0;
}

.table-responsive .dropdown-menu {
	max-height: 180px;
	overflow-y: auto;
}

.dataTables_filter {
	float: left;
}

.dataTables_length {
	float: right
}

div.dataTables_wrapper div.dataTables_length select {
	margin: 0 10px;
}

.table-nowrap td code, .table-nowrap th code {
	white-space: normal;
}

table.dataTable.mg-data-table {
	width: 100% !important;
	margin: 0 !important;
}

.d1-none {
	display: none !important;
}

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

.file-uploader {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.file-uploader input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: 0;
}

.file-uploader label, .modal-body .file-uploader label {
	display: block;
	padding: 12px 25px;
	color: #9d9d9d;
	word-break: break-all;
	text-align: center;
}

.file-uploader.form-input label, .uploader-input label {
	padding: 20px;
}

.file-uploader.form-input.ishover label {
	border-color: #009be1;
	background: #fff;
}

.uploade-result {
	text-align: center;
}

#image {
	max-width: 100%;
}

img {
	max-width: 100%;
}

.uploade-cropped {
	display: inline-block;
	max-width: 100px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.nav-item .collapse {
	display: none;
}

table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting {
	position: relative;
}

table.dataTable thead .sorting:after {
	content: "" !important;
	opacity: 0.3;
}

table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting:after
	{
	content: "" !important;
	position: absolute;
	bottom: 15px;
	background: url("../images/icons/desc.png") no-repeat 50% 50%;
	background-size: 16px auto;
	width: 16px;
	height: 16px;
	opacity: 0.8;
}

table.dataTable thead .sorting_asc:after {
	content: "" !important;
	position: absolute;
	bottom: 15px;
	background: url("../images/icons/asc.png") no-repeat 50% 50%;
	background-size: 16px auto;
	width: 16px;
	height: 16px;
	opacity: 0.8;
}

.nav-item .collapse.block {
	display: block;
}

.dataTables_length label {
	margin-bottom: .5rem;
}

.navbar-vertical.navbar-expand-md .navbar-brand-img {
	max-height: 2.5854rem;
}

.compose-btn {
	text-align: right;
}

.custom-accordions h2 {
	background: #ffffff;
	color: #717171;
	display: block;
	padding: 15px 45px;
	font-size: 16px;
	outline: none;
	cursor: pointer;
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #dbddde;
	border-radius: 3px;
}

.custom-accordions h3 {
	background: none;
	color: #626262;
	display: block;
	padding: 15px 45px 15px 75px;
	font-size: 14px;
	outline: none;
	cursor: pointer;
	position: relative;
	margin-bottom: 0;
	border-bottom: 1px solid #e5e5e5;
}

.custom-accordions h2 i, .custom-accordions h3 i {
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.custom-accordions .active h2 i {
	color: #fff;
}

.custom-accordions .fe-clock {
	color: #f79a21;
}

.custom-accordions .fe-check {
	color: #5aad20;
}

.section-block.active .parent-section .section-block:last-child h3,
	.section-block:last-child .child-section {
	border-bottom: none;
}

.section-block.active .parent-section .section-block:last-child h3.active
	{
	border-bottom: 1px solid #e5e2d8;
}

.custom-accordions h3:before {
	top: 12px;
	left: 45px;
	height: 18px;
	width: 18px;
	display: block;
	position: absolute;
	color: white;
	border: 2px solid white;
	border-radius: 14px;
	box-shadow: 0 0 3px #444;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	font-family: 'Courier New', Courier, monospace;
	line-height: 18px;
	content: '+';
	background: #979797;
}

.parent-section {
	display: none;
}

.child-section {
	padding: 15px 15px 15px 75px;
	display: none;
	border-bottom: 1px solid #e5e5e5;
}

.parent-section-ques-answer {
	padding: 15px 15px 15px 45px;
	border-bottom: 1px solid #e5e5e5;
}

.question-answer-list .btn i {
	margin: 0;
}

.custom-accordions .active h2 {
	background: #009be1;
	color: #fefd42;
	margin: 0;
	border-radius: 0;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom-color: #009be1;
}

.custom-accordions .active h2:before {
	content: '-';
	background-color: #f54836;
}

.custom-accordions h3.active {
	margin: 0;
	border-bottom-color: #e5e2d9;
	background: #fffcf2;
}

.custom-accordions h3.active:before {
	content: '-';
	background-color: #99968b;
}

.custom-accordions h2 p {
	font-size: 15px;
}

.custom-accordions h2:before {
	background: #009be1;
	width: 18px;
	height: 18px;
	line-height: 20px;
	top: 13px;
	left: 13px;
	display: block;
	position: absolute;
	color: white;
	border: 2px solid white;
	border-radius: 14px;
	box-shadow: 0 0 3px #444;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0 !important;
	font-family: 'Courier New', Courier, monospace;
	content: '+';
}

.section-block.active {
	border: 1px solid #e9eff7;
	margin-bottom: 15px;
	border-radius: 3px;
	background: #fff;
}

.section-block.active .parent-section {
	padding: 0;
}

.survey-btn {
	background: #ffffff;
	border-color: #000;
}

.survey-btn i {
	color: #000000;
}

.btn.btn-default {
	font-size: 14px;
	border-color: #e7e7e7;
	background-color: #ffffff;
	color: #6c757d !important;
	text-transform: none;
	font-weight: 400;
	line-height: 20px;
	border-radius: 3px;
}

.btn.btn-default img {
	margin: -3px 2px 0 0;
}

.blue-icon {
	color: #009be1;
}

.btn-default:hover, .btn-default:active, .btn-default.active {
	color: #12263f !important;
}

.btn-default .fe-corner-up-right {
	color: #336699;
}

.btn-default .fe-play-circle {
	color: #33cc66;
}

.btn-default .fe-file-text {
	color: #33ccff;
}

.btn-default .fe-eye {
	color: #3399ff;
}

.btn-default .fe-edit {
	color: #ff9933;
}

.btn-default .fe-trash-2 {
	color: #ff6633;
}

.btn-default .fe-users {
	color: #33cc66;
}

.question-counter {
	position: absolute;
	top: -5px;
	left: -22px;
	width: 25px;
	height: 25px;
	background: #7493a1;
	color: #ffffff;
	font-size: 11px;
	line-height: 26px;
	text-align: center;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	z-index: 0;
	text-transform: uppercase;
}

.answer-counter {
	position: absolute;
	top: -2px;
	left: 0;
	width: 25px;
	height: 25px;
	background: #6ba397;
	color: #ffffff;
	font-size: 11px;
	line-height: 26px;
	text-align: center;
	-webkit-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	z-index: 0;
	text-transform: uppercase;
}

.question-answer-list h4 {
	position: relative;
	min-height: 20px;
	padding-left: 12px;
	color: #586381;
}

.buttons-wrap .btn {
	margin: 4px 2px;
}

.buttons-wrap .btn:last-child {
	margin-right: 0;
}

i.text-oranger {
	color: #ff8066 !important;
}

/* custom theme elements*/
.input-group.input-group-merge>.input-group-append>.input-group-text {
	padding-left: .850rem;
}

.ans-view {
	position: relative;
	padding-left: 35px;
	color: #57658c;
}

.video-title {
	display: block;
	font-size: 20px;
	font-weight: 400;
	/* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
	color: #009be1;
}

.list-content .card-body {
	padding: 1rem 1.5rem 1.5rem;
}

.video-title.detail-page-title, .video-title.detail-page-title:hover {
	white-space: normal;
	color: #009be1;
}

.divDisabled {
	pointer-events: none;
	cursor: default;
	color: #a9acb1;
}

.view-video img, img.pdf-preview {
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: top;
	height: 100%;
}

.content-document {
	font-size: 14px;
	padding: 0 0 10px;
}

.content-document i {
	display: inline;
}

.page-title-right:before, .page-title-right:after {
	display: table;
	clear: both;
	content: "";
}

.page-title-right .breadcrumb {
	float: left;
}

.page-title-right button {
	float: right;
}

.upload-icon {
	display: block;
	margin-right: 5px;
	font-size: 30px;
}

#editable-answers td span.badge {
	font-family: 'Poppins', sans-serif;
	font-size: .9375rem;
	width: 100%;
	text-align: left;
	padding: 0;
}

span.edit-badge[contenteditable] {
	display: block;
	width: 100%;
	padding: .75rem;
	outline: 0px solid transparent;
}

span.edit-badge[contenteditable]:empty:before {
	content: 'Enter your answer';
	display: block;
}

span.edit-badge[contenteditable]:empty:focus:before {
	content: 'Start typing your answer';
}

span.edit-badge[contenteditable]:focus {
	border: 1px solid #2c7be5;
	background: #fff;
}

video {
	outline: none;
}

.answerTime {
	display: none;
}

.answerTime.open {
	display: block;
}

li.select2-results__option:empty {
	display: none;
}

button:disabled, button[disabled], button:disabled:hover, button[disabled]:hover,
	button:disabled:focus, button[disabled]:focus, a.divDisabled {
	border: 1px solid #bbbbbb !important;
	background-color: #e4e4e4 !important;
	color: #666666 !important;
	opacity: .3 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button:disabled i, button[disabled] i, a.divDisabled i {
	color: #666666 !important;
}

/* New CSS Elements */
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child
	{
	padding-left: 50px;
}

.modal-body table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
	.modal-body table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child
	{
	max-width: 200px;
	/* white-space: break-spaces; */
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before
	{
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
	table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before
	{
	background: #009be1;
	width: 18px;
	height: 18px;
	line-height: 20px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before
	{
	background: #f54836;
	color: #fff;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,
	table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
	background: none;
	border: none;
	padding: 0;
	border-radius: 0;
}

table.dataTable tbody tr td.child {
	background: none;
	border: none;
	padding: 0;
	border-radius: 0;
}

.table tbody tr {
	box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, .03);
}

.table th {
	padding: 0 .9375rem;
}

.table td, .table th {
	vertical-align: middle;
}

.table tr td:not(.email-template-preview table tr td), table tr td:not(.email-template-preview table tr td)
	{
	padding: .6375rem;
	background: #ffffff;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	font-size: 17px;
}

.table tr.child td, table tr.child td {
	background: none;
}

.table tr td:first-child {
	border-left: 1px solid #f2f2f2;
	border-radius: .125rem 0 0 .125rem;
}

.table tr td:last-child {
	border-right: 1px solid #f2f2f2;
	border-radius: 0 .125rem .125rem 0;
}

/* .avatar-img {
  box-shadow: 5px 5px 10px 0px #ddd;
} */
.avatar {
	float: left;
}

.user-name-email {
	display: block;
	overflow: hidden;
	padding-left: 15px;
}

.user-name-email span {
	display: block;
	font-size: 0.938rem;
}

.user-name-email span:first-child {
	font-size: 1rem;
	font-weight: 500;
}

.user-name-email span:last-child {
	color: #989696;
}

.avatar-img {
	border: 1px solid #e7e7e7;
}

.user-select2.custom-selectbox .select2-container .select2-selection--single .select2-selection__rendered
	{
	font-size: 1.375rem;
	color: #444;
}

.user-select2.custom-selectbox .select2-container--default .select2-selection--single .select2-selection__arrow
	{
	top: 3px;
}

.user-select2.custom-selectbox .select2-container .select2-selection--single
	{
	margin-bottom: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .user-name-email span:last-child
	{
	color: #bdbdbd;
}

.table tbody tr:hover td {
	background: #e9eff7;
	border-color: #e9eff7;
}

.custom-switch {
	min-height: 1.5rem;
	padding-left: 3.5rem;
	position: relative;
	display: block;
}

.custom-switch input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

.custom-switch .custom-control-input {
	position: absolute;
	left: 0;
	z-index: -1;
	width: 1rem;
	height: 1.20313rem;
	opacity: 0;
}

.custom-switch .custom-control-label {
	position: relative;
	margin-bottom: 0;
	vertical-align: top;
	display: inline-block;
	box-shadow: none;
}

.custom-switch .custom-control-label:before {
	top: 0;
	height: 1.5rem;
	border-radius: .75rem;
	left: -3.5rem;
	width: 3rem;
	pointer-events: all;
	-webkit-transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out;
	transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out;
	box-shadow: none;
	cursor: pointer;
}

.custom-switch .custom-control-label:after {
	top: .1875rem;
	left: -3.3125rem;
	background-color: #fff;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: .5625rem;
	-webkit-transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out, -webkit-transform .15s ease-in-out;
	transition: background-color .15s ease-in-out, border-color .15s
		ease-in-out, -webkit-transform .15s ease-in-out;
	transition: transform .15s ease-in-out, background-color .15s
		ease-in-out, border-color .15s ease-in-out;
	transition: transform .15s ease-in-out, background-color .15s
		ease-in-out, border-color .15s ease-in-out, -webkit-transform .15s
		ease-in-out;
	position: absolute;
	display: block;
	content: "";
	box-shadow: none;
	cursor: pointer;
}

.custom-switch .custom-control-input:checked ~.custom-control-label:before,
	.table tbody tr:hover .custom-switch .custom-control-input:checked ~.custom-control-label:before
	{
	color: #ffffff;
	border-color: #009be1;
	background-color: #009be1;
	box-shadow: none;
}

.custom-switch .custom-control-input:checked ~.custom-control-label:after,
	.table tbody tr:hover .custom-switch .custom-control-input:checked ~.custom-control-label:after
	{
	background-color: #fff;
	-webkit-transform: translateX(1.5rem);
	transform: translateX(1.5rem);
	box-shadow: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .custom-switch .custom-control-input:checked
	 ~.custom-control-label:before {
	/* border-color: #ffffff;
  background-color: #ffffff; 
  box-shadow: 5px 5px 10px 0px #272727;*/
	
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .custom-switch .custom-control-input:checked
	 ~.custom-control-label:after {
	/* background-color: #4d4d4d; */
	box-shadow: none;
}

.table tbody tr:hover .custom-switch .custom-control-label:before {
	box-shadow: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .custom-switch .custom-control-label:before
	{
	/* box-shadow: 5px 5px 10px 0px #5a5a5a; */
	
}

table.dataTable tbody tr td .dropdown-ellipses, .dropdown-ellipses {
	font-size: 36px;
	background: #f5f5f5;
	width: 42px;
	vertical-align: middle;
	text-align: center;
	color: #b5b5b5;
	display: inline-block;
	line-height: 40px;
	border-radius: 30px;
	height: 42px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .dropdown-ellipses
	{
	color: #ffffff;
	background: #009be1;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .dropdown-ellipses .dripicons-dots-3
	{
	
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td .dropdown-ellipses:hover
	{
	/* color: #ffffff; */
	
}

/* .navbar-vertical .navbar-nav>.nav-item>.nav-link>i {
  display: inline-block;
  min-width: 2.813rem;
  font-size: 26px;
  line-height: 46px;
  color: #7d8a99;
  height: 2.813rem;
  border-radius: 100%;
  margin-bottom: .438rem;
  -webkit-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
} */
.navbar-vertical .navbar-nav>.nav-item>.nav-link:hover {
	background: #f0f0f0;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.dripicons-briefcase {
	line-height: 42px;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link>i.dripicons-dots-3 {
	font-size: 35px;
}

.navbar-vertical.navbar-expand-md {
	text-align: center;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link {
	font-size: .562rem;
	padding: .438rem 0;
	color: #5e5e5e;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
}

/* .navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover {
  background: none;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active {
  background: none;
  color: inherit;
}
.menu-small .navbar-vertical.navbar-expand-md .navbar-nav .nav-link:hover {
  color: #95aac9;
  background: none;
}
.menu-small .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active {
  color: #009be1;
  background: none;
} */
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link span {
	display: block;
}

.main-content .navbar-nav nav-link>i {
	margin-right: .438rem;
}

table.dataTable>tbody>tr.child span.dtr-title {
	font-weight: 600;
}

.paging_simple_numbers {
	display: block;
	padding: 0 0 1rem;
}

.paging_simple_numbers .pagination {
	display: inline-block;
}

.pagination>li>a, .pagination>li.active>span {
	display: inline-block;
	min-width: 40px;
	height: 40px;
	border-radius: 100%;
	text-align: center;
	padding: 10px 12px;
}

.paginate_button {
	display: inline-block;
	padding: 0 5px;
}

.pagination>li>a {
	color: #009be1;
}

.pagination>li.active>a {
	background-color: #009be1;
	color: #fff;
}

#searchFields .modal-body {
	padding: 1rem;
}

.form-group>label, .modal-body label {
	color: #323233;
	font-weight: 500;
}

.dropdown-item i {
	margin-right: 3px;
}

.navbar-divider {
	width: 100%;
}

table.dataTable>tbody>tr.child ul.dtr-details {
	padding: .9375rem;
	border: 1px solid #edf2f9;
	background: #ffffff;
	display: block;
	margin: -16px 0 0;
	border-radius: .125rem;
}

.list-inline {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown-menu {
	z-index: 1038;
}

.navbar-brand {
	background: url("../images/logo-icon.png") no-repeat 50% 50%;
	width: 50px;
	height: 50px;
	background-size: cover;
	padding: 0;
	margin: 0 auto .625rem;
}

.menu-small .navbar-vertical.navbar-expand-md {
	max-width: 66px;
	padding-left: .75rem;
	padding-right: .75rem;
	overflow: visible;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-collapse {
	margin-left: -.75rem;
	margin-right: -.75rem;
	padding-left: .75rem;
	padding-right: .75rem;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link
	{
	-webkit-box-pack: center;
	justify-content: center;
	padding-left: .75rem;
	padding-right: .75rem;
	text-align: center;
}

.menu-small .navbar-vertical.navbar-expand-md.fixed-left:not([style*="display: none"])
	 ~.main-content {
	margin-left: 66px;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-nav {
	margin-left: -.75rem;
	margin-right: -.75rem;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item>.nav-link span
	{
	display: none;
}

.menu-small .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item:hover>.nav-link span
	{
	background: #e9eff7;
}

.menu-small .navbar-vertical .navbar-heading {
	text-align: center;
}

/* .menu-small .tooltip {
  display: inherit;
}
.tooltip {
  display: none;
} */
.navbar-vertical.navbar-expand-md {
	-webkit-transition: all ease .1s;
	-ms-transition: all ease .1s;
	transition: all ease .1s;
}

.main-content .navbar {
	padding: 0 10px 0 0;
}

.nav-user {
	display: block;
	padding: 1.2rem 1.25rem .875rem 4.375rem !important;
	text-align: left !important;
	position: relative;
	border-left: 1px solid #dee2e6;
	min-height: 72px;
}

.navbar-nav .nav-link>.fe {
	font-size: .9375rem;
}

.nav-user .account-user-name {
	display: block;
	color: #516b73;
	font-weight: 600;
	font-size: .813rem;
}

.nav-user .account-user-avatar {
	position: absolute;
	top: 1rem;
	left: .875rem;
}

.nav-user .account-position {
	display: block;
	font-size: .75rem;
	margin-top: -3px;
	color: #98a6ad;
}

.main-content .navbar .nav-link>i.dripicons-bell {
	font-size: 1.25rem;
}

.main-content .navbar .nav-link>i.dripicons-bell.noti-icon {
	font-size: 22px;
}

.main-content .navbar .nav-link .badge {
	position: absolute;
	margin-left: -9px;
	top: 15px;
	border-radius: 100px;
	line-height: .625rem;
}

.org-name {
	position: absolute;
	top: 12px;
	left: 25px;
	color: #4c617c;
	font-size: 20px;
	font-weight: 500;
}

.dropdown-item i.mdi-sort, .dropdown-item i.mdi-eye {
	color: #0dc7a8;
}

.dropdown-item i.mdi-border-color {
	color: #ff9200;
}

.dropdown-item i.mdi-delete {
	color: #f15560;
}

.dropdown-item i.mdi-tune, .dropdown-item i.fe-edit-2 {
	color: #00a7ef;
}

/* .navbar-vertical.navbar-expand-md.fixed-left {
  overflow: visible;
} */
.navbar-expand-md .navbar-nav .dropdown-menu .nav-link i {
	margin-right: 8px;
	line-height: 42px;
}

.navbar-vertical.navbar-expand-md {
	padding-bottom: 0;
}

.new-data-table .custom-control {
	min-height: inherit;
	display: inline-block;
	margin-right: 40px;
}

.new-data-table .custom-control .custom-control-label:after,
	.new-data-table .custom-control .custom-control-label:before {
	left: 5px;
}

.new-data-table .custom-control-label {
	position: static;
}

.navbar-vertical .navbar-heading {
	margin-bottom: 0;
}

.navbar-vertical .dropdown-toggle:after {
	display: none;
}

.navbar-vertical .dropdown-menu.second-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -100%;
	z-index: 1;
	height: 100vh;
	background: #ffffff;
	border: none;
	border-right: 1px solid #e3ebf6;
	border-radius: 0;
	margin-top: 0;
	min-width: 250px;
	box-shadow: 0px 0 30px -20px #525252;
	padding: 0;
	overflow: auto;
	padding-bottom: 80px;
}

.navbar-vertical .dropdown-menu.second-menu.show {
	left: 95px;
}

.side-nav-second-level li {
	display: block;
	overflow: hidden;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link {
	padding: 10px;
	overflow: hidden;
	color: #585858;
	font-size: .9375rem;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link span.contact-us-count
	{
	color: #fff;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover
	{
	color: #d76138;
	background: #f9f9f9;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link:hover i
	{
	color: #f79f59;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active
	{
	color: #009be1;
	background: #f9f9f9;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active i
	{
	color: #009be1;
}

.navbar-expand-md .navbar-nav .side-nav-second-level li .nav-link.active:before
	{
	display: none;
}

.side-nav-second-level li a.close-open-menu, .side-nav-second-level li a.close-open-menu:hover,
	.side-nav-second-level li a.close-open-menu:focus {
	text-align: right;
	padding: 10px;
	background: none;
	color: #777777;
	text-transform: uppercase;
	font-size: 11px;
	float: right;
	line-height: 22px;
}

.side-nav-second-level li .menu-group {
	color: #777777;
	background: #F9FBFD;
	border-top: 1px solid #e3ebf6;
	border-bottom: 1px solid #e3ebf6;
	text-transform: uppercase;
	display: block;
	padding: 10px;
	font-size: 11px;
}

.side-nav-second-level.report-menu li a.close-open-menu i,
	.side-nav-second-level.store-menu li a.close-open-menu i,
	.side-nav-second-level li a.close-open-menu i, .side-nav-second-level li a.close-open-menu:hover i,
	.side-nav-second-level li a.close-open-menu:focus i {
	width: 20px;
	height: 20px;
	line-height: 18px;
	font-size: 12px;
	margin: 0 0 0 5px;
	border-radius: 60px;
	min-width: 20px;
	background: #8c8c8c;
	border-color: #8c8c8c;
	color: #ffffff;
	float: right;
	text-align: center;
}

.side-nav-second-level li a i {
	display: inline-block;
	min-width: 2.5rem;
	font-size: 1.25rem;
	line-height: 2.4rem;
	padding-bottom: .125em;
	color: #7d8a99;
	height: 2.5rem;
	margin: 0;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	text-align: center;
	float: left;
}

.side-nav-second-level li a:focus, .side-nav-second-level li a:hover,
	.side-nav-second-level li a.active {
	color: #009be1;
	background: #e9eff7;
}

.side-nav-second-level li a:focus i, .side-nav-second-level li a:hover i,
	.side-nav-second-level li a.active i {
	
}

.new-data-table .custom-control-label:after, .new-data-table .custom-control-label:before
	{
	top: 50%;
	transform: translateY(-50%);
}

.form-inline .new-data-table .custom-control-label {
	display: inline-block;
	;
}

/* .clone-answer td:first-child {
  min-width: 500px;
} */
.saved-answers {
	position: relative;
	border: 1px solid #dee2e6;
	padding: 15px;
	border-radius: 10px;
}

.saved-answers:before {
	position: absolute;
	top: -20px;
	left: 20px;
	content: '';
	width: 0;
	height: 0;
	display: inline-block;
	border: 10px solid transparent;
	border-bottom-color: #dee2e6;
}

.form-inline-data {
	display: block;
}

.form-inline-data label {
	min-width: 105px;
	float: left;
	margin-top: 8px;
}

.inline-data {
	display: block;
	overflow: hidden;
}

iframe#upload-target {
	opacity: 0;
	display: none;
}

.question-answer-list ul li a.ans-icon img {
	width: 18px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 3px;
}

.question-answer-list ul li a, .question-answer-list ul li a:hover {
	color: #fa6912;
	font-size: 14px;
}

.question-answer-list ul li a.btn {
	color: #fff;
}

.question-answer-list ul li a.ans-icon span {
	display: inline-block;
	color: #fa6912;
	position: relative;
}

.question-answer-list ul li a.ans-icon span.underline-text:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fa6912;
	bottom: 0;
	left: 0;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.question-answer-list ul li a:hover span.underline-text:before {
	width: 0;
}

table.dataTable>tbody>tr.child ul.dtr-details {
	display: block;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
	display: block;
}

#imagePreviewModal {
	z-index: 1051;
}

.modal-backdrop+.modal-backdrop {
	z-index: 1050;
}

.m-menu {
	font-size: 36px;
	background: #f5f5f5;
	width: 42px;
	vertical-align: middle;
	text-align: center;
	color: #b5b5b5;
	display: none;
	line-height: 40px;
	border-radius: 30px;
	height: 42px;
	margin: 0 15px 0 0;
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Auther Ksharma
*******************************/
.modal.left .modal-dialog, .modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 765px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content, .modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

/*Left*/
.modal.left.fade .modal-dialog {
	left: -765px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
	left: 0;
}

/*Right*/
.right .selected-store {
	font-size: 14px;
}

.right .category-colum {
	min-height: 84px;
}

.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 765px;
	max-width: none;
	right: 0;
	height: 100%;
	-webkit-transform: translateX(100%) !important;
	transform: translateX(100%) !important;
}

.modal.right.right-style-two .modal-dialog {
	width: 450px;
}

.right .modal-content {
	height: 100%;
	overflow-y: auto;
	-webkit-box-shadow: 0 0 50px 0 #000;
	box-shadow: 0 0 50px 0 #000;
}

.modal.show.right .modal-dialog {
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

.right .modal-body .no-data-avl {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
}

.modal.right.fade .modal-dialog {
	right: -765px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}

.modal-header {
	background: #009be1;
	color: #ffffff;
	position: relative;
}

.modal-header h4 {
	color: #ffffff;
	display: flex;
}

.modal-header .close {
	margin: 0;
	padding: 0;
	color: #ffffff;
	opacity: 1;
	position: absolute;
	top: 15px;
	right: 20px;
	z-index: 1;
}

.modal-header .close:hover {
	color: #ffffff !important;
}

.modal.right .modal-footer {
	justify-content: flex-start;
}

.modal.right .btn-success {
	background: #7fc051;
	border-color: #7fc051;
}

.custom-control p {
	margin: 5px 0 0;
}

.comment-view-box {
	display: block;
	background: #fffaf1;
	border: 1px solid #efefef;
	padding: 15px;
	position: relative;
	margin: 15px 0 15px 35px;
	border-radius: 5px;
}

.comment-view-box:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #efefef;
	position: absolute;
	top: -10px;
	left: 30px;
	z-index: 0;
}

.comment-view-box:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fefaf1;
	position: absolute;
	top: -8px;
	left: 30px;
	z-index: 0;
}

.comment-view-box p {
	margin: 0;
	color: #57658c;
}

.thumb-link {
	display: inline-block;
	margin: 10px 10px 0 0;
}

.video-cat {
	background: #fff2d9;
	font-size: 10px;
	color: #fea032;
	border-radius: 5px;
	padding: 5px 8px;
	display: inline-block;
	margin: 5px 0;
	border: none;
}

.video-dec {
	min-height: 70px;
	line-height: 24px;
	font-size: 16px;
}

.table tr td.text-right a .mdi-eye {
	color: #4ad8c7;
}

.section-title {
	display: block;
}

.section-title span {
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
}

.section-title a {
	float: right;
}

.mg-data-table .badge {
	padding: 8px;
}

.first-td-blue {
	margin-bottom: 0;
}

.first-td-blue tr td:first-child {
	color: #009be1;
}

.highcharts-container {
	width: 100% !important;
	height: 100% !important;
}

.owl-carousel .owl-prev, .owl-carousel .owl-next, .owl-carousel .owl-dot
	{
	cursor: pointer;
}

.owl-carousel .owl-nav {
	text-align: center;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next
	{
	position: absolute;
	top: 35%;
	left: -10px;
	width: 25px;
	height: 65px;
	background-color: #fff;
	outline: none;
	border: 1px solid #e5e6e8;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform: translateY(-35%);
	-ms-transform: translateY(-35%);
	transform: translateY(-35%);
	z-index: 1;
	border-radius: 5px;
}

.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -10px;
}

.owl-carousel .owl-nav button.owl-prev:hover {
	color: #009be1;
}

.owl-carousel .owl-nav button.owl-next:hover {
	color: #009be1;
}

.owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-nav .owl-prev.disabled
	{
	color: #abb2bb;
	background: #f1f1f1;
}

.owl-carousel .owl-nav .owl-next.disabled:hover, .owl-carousel .owl-nav .owl-prev.disabled:hover
	{
	color: #abb2bb;
}

.owl-carousel .owl-dots {
	padding-bottom: 25px;
	text-align: center;
}

.owl-carousel button.owl-dot {
	display: inline-block;
	vertical-align: middle;
	width: 11px;
	height: 10px;
	margin: 0 6px;
	background: #8c8c8c;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 11px auto;
	cursor: pointer;
	text-indent: -999px;
	outline: none;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.owl-carousel button.owl-dot.active {
	background: #009be1;
}

.slider-no-current {
	display: none;
	padding-top: 46px;
}

.current-no:after {
	content: "/"
}

.view-video img {
	width: 100%;
}

.answer-list-preview {
	border: 1px solid #f2f2f2;
	background: #ffffff;
	box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, .03);
	padding: 15px;
	margin-bottom: 15px;
}

.answer-list-preview .custom-control-label {
	padding: 0 0 0 25px;
	color: #4d617a;
}

.answer-list-preview .custom-control-label:after, .answer-list-preview .custom-control-label:before
	{
	left: 0;
}

.test-info-section {
	padding-bottom: 15px;
	color: #4d617a;
}

.text-timer i {
	color: #69bb3f;
	margin-right: 5px;
}

.text-timer #timeCounter {
	color: #fd6322;
}

.text-timer {
	float: right;
}

.test-results img {
	float: left;
	max-width: 100px;
}

.result-info {
	display: block;
	overflow: hidden;
	padding: 20px 0 0 30px;
}

.test-results h3 {
	font-size: 24px;
}

.test-results h4 {
	font-size: 16px;
	color: #555657;
}

.test-results p {
	font-size: 16px;
	color: #555657;
}

.test-results p span {
	color: #fd7747;
	font-weight: 600;
}

.pass h3 {
	color: #229f3c;
}

.fail h3 {
	color: #e02121;
}

.right-sidebar {
	margin-top: -1.5rem;
	height: 100%;
}

.right-sidebar.disabled {
	background: none;
}

.right-sidebar .card {
	height: 100%;
	margin: 0;
	border: 1px solid #e3eaef;
}

.related-content {
	padding: 15px 0 0;
}

.related-content .video-info {
	padding: 15px 0 0;
}

.test-started img {
	display: inline-block;
	margin-right: 5px;
}

.text-orange {
	color: #fd7747;
}

.receent-tests-info {
	padding-bottom: 10px;
}

.recent-test-date-time {
	font-style: italic;
	color: #737373;
	padding-bottom: 5px;
}

.recent-test-title {
	color: #585858;
	padding-bottom: 5px;
}

/* .recent-test-title a {
  color: #585858;
} */
.receent-tests-info .badge {
	padding: 8px;
	margin-left: 8px;
}

.btn-border {
	background: #fff;
	color: #009be1;
}

.btn-border:hover, .btn-border:focus {
	background: #f8f8f8;
	color: #009be1;
}

.sidebar-data {
	padding: 15px 0 20px;
}

.report-btn {
	padding-top: 30px;
}

.modal-dialog.modal-full {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	max-width: none !important;
}

.modal-full .modal-content {
	height: auto;
	min-height: 100%;
	border-radius: 0;
}

.certificate-content {
	position: relative;
	display: inline-block;
}

.certificate {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 145px 200px;
}

.certificate-heading {
	font-family: 'CopperplateGothicStd-31AB';
}

.certificate-heading h2 {
	font-size: 100px;
	color: #162f4d;
	line-height: normal;
	margin: 0;
}

.certificate-heading h5 {
	font-size: 45px;
	color: #162f4d;
	line-height: normal;
	margin: 0;
	position: relative;
	top: -20px;
}

.cerficate-holder {
	font-size: 30px;
	color: #fff;
	font-family: 'CopperplateGothicStd-31AB';
	position: relative;
	top: -3px;
}

.certificate-info {
	font-family: 'SavoyeLetPlain';
	font-size: 48px;
	line-height: 50px;
	padding: 40px 0;
	color: #010000;
}

.certificate-info span {
	font-weight: bold;
}

.certificate-info span.holder-name {
	color: #a83f0c;
}

.certificate-info span.date-score {
	font-family: 'SavoyeLetPlain';
	font-size: 48px;
	font-weight: bold;
}

.certificate-code {
	position: absolute;
	bottom: 55px;
	text-align: left;
	padding-left: 10px;
}

.certificate-code h6 {
	font-size: 17px;
	font-family: 'RaleighTwoMedium-Regular';
	margin-bottom: 0;
}

.certificate-code p {
	font-family: 'PTSerif-Caption';
	font-size: 12px;
	color: #8a8683;
}

.s3upload-progress-div {
	display: none;
}

.course-progress.progress {
	height: 8px;
	background-color: #d4d4d4;
}

.pos-rel.small {
	width: 75px;
}

.course-progress .progress-bar {
	background-color: #7ec146;
	color: #009be1;
	position: relative;
}

.link-color-blue, a.link-color-blue {
	color: #4f719c;
	position: relative;
}

.link-color-blue .mdi-certificate {
	color: #d88b1c;
	position: absolute;
	top: -6px;
	font-size: 24px;
	left: 0;
}

.link-color-blue .dripicons-wrong {
	color: #98a8b5;
}

.unavailable {
	color: #9eaeba;
}

.unavailable i.dripicons-wrong {
	margin-right: 3px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #76797b;
	border-color: #76797b;
}

.nav-tabs .nav-link:not(.active), .nav-tabs .nav-link:not(.active):hover
	{
	color: #009be1;
}

.no-recound-found {
	text-align: center;
}

.no-recound-found h3 {
	color: #dc6a16;
	font-size: 24px;
}

.no-data-image {
	padding: 30px 0 15px;
}

.no-recound-found p {
	font-size: 20px;
}

.link-color-blue .dripicons-arrow-thin-right {
	color: #fa8a7a;
}

.link-color-blue .mdi-plus-circle {
	color: #8BC34A;
}

.link-color-blue .mdi-delete {
	color: #F44336;
}

.link-color-blue.certificate-view {
	padding-left: 30px;
}

.course-progress.progress.s3upload-progress {
	height: 15px;
	background-color: #eaeaea;
}

.progress-span-value {
	display: block;
}

.view-video video, .view-video .video-js {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	height: 100%;
	width: 100%;
	object-fit: cover;
	background: #000;
}

.view-video:hover video, .view-video:hover .video-js {
	display: block;
}

.video-js video {
	display: block;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
}

.video-js .vjs-tech {
	top: 50%;
	left: 50%;
}

.video-js .vjs-control-bar {
	z-index: 1;
}

.view-video {
	position: relative;
	height: 30vh;
	overflow: hidden;
	display: block;
	clear: both;
}

.view-video a {
	display: block;
	height: 100%;
}

.view-video.video-player {
	height: inherit;
}

.video-length {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 4px;
	background: rgba(0, 0, 0, 0.7);
	padding: 2px 5px;
	color: #fff;
	z-index: 0;
	font-size: 11px;
	font-weight: 600;
	border-radius: 3px;
}

.select2-container .select2-selection--single .select2-selection__rendered
	{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.view-video video.full-iframe {
	position: static;
	display: block;
	transform: none;
}

.custom-alert {
	background: #f9f6e6;
	color: #5b6773;
	margin-bottom: 0;
}

.custom-alert strong {
	color: #39758a;
	display: inline-block;
	margin-right: 5px;
}

.custom-alert.process strong {
	color: #d3753c;
}

.custom-alert img {
	display: inline-block;
	margin-right: 5px;
}

.custom-alert.success strong {
	color: #4f9a26;
}

.thumbnail-images img {
	object-fit: cover;
}

.modal-full-width {
	max-width: 95%;
}

.video-player video {
	max-height: 70vh;
}

.dropdown-menu.inner {
	display: block;
}

.bootstrap-select>.dropdown-toggle {
	border-color: #dee2e6;
	background-color: #ffffff;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
	.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
	.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: #009be1;
}

.bootstrap-select .dropdown-menu li a {
	padding: 5px 15px;
	display: block;
	color: #6e84a3;
}

.bootstrap-select .dropdown-menu li a.adding-data {
	background: #f3f9ff;
	color: #009be1;
	padding: 10px 15px;
}

.bootstrap-select .dropdown-menu.show {
	padding: 0;
	margin: 0;
}

.btn-light {
	border-color: #d4d4d4;
}

.bs-placeholder {
	padding: .5rem .75rem;
	line-height: 24px;
	height: calc(2.40625rem + 2px);
}

.selected-plan {
	display: inline-block;
	color: #1f9fd9;
	font-size: 24px;
	padding-right: 30px;
	vertical-align: super;
}

.selected-plan p {
	margin: 0;
}

.selected-plan a {
	font-size: 16px;
	color: #000;
	text-decoration: underline;
}

.selected-plan a:hover {
	color: #1f9fd9;
	text-decoration: none;
}

.plan-info {
	display: inline-block;
	color: #7fc051;
	font-size: 16px;
	padding: 10px 30px;
	border-left: 1px solid #e5e5e5;
}

.plan-info p {
	margin: 0;
	color: #7d8a98;
	font-size: 17px;
}

.gray-box {
	display: block;
	border-left: 1px solid #e5e5e5;
	padding: 0 20px;
}

.gray-box h4 {
	color: #575757;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 18px;
}

.gray-box ul {
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
}

.gray-box ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 10px 10px 25px;
	color: #343434;
	margin-bottom: 6px;
	position: relative;
	display: inline-block;
	width: 47%;
	vertical-align: top;
}

.gray-box ul li:before {
	position: absolute;
	top: 18px;
	left: 5px;
	z-index: 1;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #b2b2b2;
	content: "";
}

.gray-box p {
	line-height: 30px;
}

.select-default-one {
	padding: 20px 0;
}

.select-default-one a {
	color: #737373;
	display: inline-block;
	position: relative;
	margin: 0 10px;
	padding: 120px 0 0;
	min-width: 100px;
	text-align: center;
}

.select-default-one a:hover, .select-default-one a.active {
	color: #009be1;
}

.select-default-one a:before {
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	border: 1px solid #e2e2e2;
	border-radius: 100%;
	-webkit-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

.select-default-one a:hover:before, .select-default-one a.active:before
	{
	border-color: #009be1;
}

.select-default-one a:first-child:before {
	background: url(../images/select-project.png) no-repeat 25px -50px
		#fafafa;
	background-size: 170px auto;
}

.select-default-one a:first-child.active:before {
	background: url(../images/select-project.png) no-repeat 25px 25px #fff;
	background-size: 170px auto;
}

.select-default-one a:last-child:before {
	background: url(../images/select-project.png) no-repeat -100px -50px
		#fafafa;
	background-size: 170px auto;
}

.select-default-one a:last-child.active:before {
	background: url(../images/select-project.png) no-repeat -100px 25px #fff;
	background-size: 170px auto;
}

.project-actions {
	display: block;
	padding: 25px 0 0;
}

.default-project .btn {
	min-width: 180px;
}

.default-project .btn i {
	float: right;
}

.color-black {
	color: #72716c;
}

a.color-black:hover {
	color: #009be1
}

.navbar-vertical.navbar-expand-md {
	overflow-y: visible;
}

/*.navbar-vertical.navbar-expand-md .navbar-nav {
  overflow-y: auto;
  height: calc(100vh - 67px);
}*/
.slimScrollDiv {
	height: auto !important;
}

.certificate-print {
	display: none;
}

.page-title .breadcrumb {
	float: right;
	padding: 0 0 10px;
	margin-bottom: 0;
	font-size: 14px;
}

.breadcrumb .breadcrumb-item a {
	color: #009be1;
	position: relative;
}

.breadcrumb-item.active {
	color: #737373;
}

.page-title h1 {
	margin: 9px 0 12px;
	color: #524646;
	font-weight: 400;
}

.page-title h4 {
	font-weight: 400;
	margin-bottom: 0;
	color: #555657;
	font-size: 14px;
}

.page-title h2, .page-title h3 {
	font-weight: 400;
	font-size: 1.375rem;
}

.btn-block {
	overflow: hidden;
	clear: both;
}

.no-data-avl {
	padding: 80px 0;
	text-align: center;
	max-width: 450px;
	margin: 0 auto;
}

.no-data-avl p {
	font-size: 16px;
	color: #585858;
}

.no-data-avl .btn {
	min-width: 170px;
}

body {
	font-family: 'Poppins', sans-serif;
	color: #524646;
	font-size: 14px;
	background: #f9fbfd;
}

.btn-circle {
	text-align: center;
	display: inline-block;
	color: #737373;
	position: relative;
	top: 3px;
}

.btn-circle i {
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	width: 38px;
	height: 38px;
	color: #7c7c7c;
	border: 1px solid #d3d1cd;
	background: #ffffff;
	border-radius: 100%;
}

.btn-circle i.mdi-border-color {
	line-height: 42px;
	color: #f59105;
	font-size: 16px;
}

.btn-circle i.mdi-delete {
	color: #ef5362;
	font-size: 15px;
}

.btn-circle imdi-dots-horizontal {
	font-size: 24px;
	line-height: 38px;
}

.btn-circle span {
	display: block;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;
	padding-top: 5px;
}

.btn-circle:hover {
	opacity: .9;
	color: #7c7c7c;
}

a:hover {
	color: #009be1;
}

.btn-circle.dropdown-toggle:after {
	display: none;
}

.crm-view {
	position: relative;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link {
	min-width: 60px;
	font-size: .9375rem;
	padding: 15px 0 10px;
	height: 100%;
	text-align: center;
	display: inline-block;
	margin: 0;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link .dripicons-article {
	font-size: 16px;
}

.crm-view .mdi-television {
	color: #738cbe;
}

.navbar-expand-md .navbar-nav .crm-view .nav-link span {
	display: block;
	color: #585858;
	font-size: .562rem;
	font-weight: 600;
	margin-top: 9px;
	text-transform: uppercase;
}

.link-disabled {
	pointer-events: none;
	opacity: 0.7;
	color: #a8a8a8;
	border-color: #dde1e5;
}

.disabled {
	pointer-events: none;
	opacity: 0.7;
	background: #eeeeee;
	color: #a8a8a8;
	border-color: #dde1e5;
}

.store-name .store-ctrl.disabled {
	background: #eeeeee;
	color: #a8a8a8;
	border-color: #dde1e5;
}

.store-name .store-ctrl.disabled .mdi-buffer, .store-name .store-ctrl.disabled .mdi-border-color
	{
	color: #a8a8a8;
}

.notification-link.no-before {
	padding-left: 0;
}

.store-name .store-ctrl.disabled span {
	color: #919191;
}

.paginate_button.disabled {
	background: none;
}

.page-title.style-two h1 {
	margin: 0;
}

.table th, .table thead th {
	color: #4d617a;
}

.table tbody tr.parent td, .table-hover tbody tr.parent:hover td {
	background: #fffef4;
	border-top-color: #f5b877 !important;
}

.table tbody tr.parent td:last-child, .table-hover tbody tr.parent:hover td:last-child
	{
	border-right-color: #f5b877;
}

.table tbody tr.parent td:first-child, .table-hover tbody tr.parent:hover td:first-child
	{
	border-left-color: #f5b877;
	border-radius: .125rem 0 0 0;
}

.table tbody tr.parent td.last-child, .table-hover tbody tr.parent:hover td.last-child
	{
	border-right: 1px solid #f5b877;
	border-radius: 0 .125rem 0 0;
}

table.dataTable>tbody>tr.child ul.dtr-details {
	padding: 0;
	border: 1px solid #f5b877;
	background: #fcfcfc;
	display: block;
	margin: -16px 0 0;
	border-radius: .125rem;
	border-top-color: #edf2f9;
	white-space: normal;
}

table.dataTable.only-one-child>tbody>tr.child ul.dtr-details>li:last-child
	{
	width: 100%;
	padding: 0 !important;
}

table.dataTable>tbody>tr.child span.dtr-title {
	min-width: 100%;
	padding-right: 3px;
	position: relative;
	vertical-align: top;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .8125rem;
	color: #4d617a;
}

.dtr-data {
	white-space: normal;
	display: block;
	font-size: 15px;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
	padding: 15px !important;
	width: 25%;
	display: inline-block;
}

.card.card-tabs {
	margin-bottom: 0;
	border-bottom: none;
	box-shadow: none;
	position: relative;
	z-index: 1;
	bottom: -2px;
}

.card-tabs .card-body {
	padding-bottom: 0;
}

.theme-preview {
	display: inline-flex;
	margin-right: 8px;
	position: relative;
	top: 2px;
}

.theme-preview a {
	padding: 10px 15px;
	color: #707070;
	font-size: 13px;
	border: 1px solid #e3ebf6;
	background: #fff;
}

.theme-preview a:first-child {
	border-right: none;
	border-radius: 5px 0 0 5px;
}

.theme-preview a:last-child {
	border-left: none;
	border-radius: 0 5px 5px 0;
}

.theme-preview a:hover, .theme-preview a.active {
	background: #fffef8;
}

.theme-mode a {
	padding: 10px;
	color: #707070;
	border: 1px solid #e3ebf6;
	background: #fff;
	border-radius: 5px;
	display: inline-flex;
	font-size: 14px;
}

.theme-mode a:first-child {
	border-right: none;
	border-radius: 5px 0 0 5px;
}

.theme-mode a:last-child {
	border-radius: 0 5px 5px 0;
}

.theme-mode a:hover, .theme-mode a.active {
	background: #fffef8;
	color: #84b917;
}

.dropdown-item {
	padding: .375rem 1rem;
}

/* theme changes */
.navbar-vertical.navbar-expand-md {
	height: 100%;
	background: #fff;
}

.navbar-vertical .navbar-nav>.nav-item>.nav-link.active>i {
	color: #009be1;
}

/* New Change */
.setting-link {
	display: inline-block;
	padding: 7px 13px 6px;
	margin-right: 15px;
	color: #8c90ad;
	border: 1px solid #e3ebf6;
	background: #fff;
	font-size: 18px;
	vertical-align: middle;
	border-radius: 5px;
}

.editor-heading #saveBtn {
	padding: 10px;
	min-width: 110px;
	font-weight: 600;
	font-size: 13px;
	border-radius: 5px;
}

#editTemplate {
	display: inline-block;
	padding: 5px 7px;
	border: 1px solid #e3ebf6;
	font-size: 18px;
	background: #ffffff;
	border-radius: 5px;
}

.btn.manage-btn i {
	float: left;
	margin-top: -1px;
	font-size: 14px;
}

.select2-container--default .select2-results__option[aria-selected="true"]:hover,
	.select2-container--default .select2-results__option[aria-selected="true"]
	{
	background: #fafbe4;
	color: #199dde;
}

.select2-container--default .select2-results__option[aria-selected="true"]::after
	{
	color: #009be1;
	content: "\F5E0";
}

.select2-results__option[aria-selected="true"] .in-use:after {
	color: #ee8456;
}

/* New Change */
.setting-link {
	display: inline-block;
	padding: 7px 13px 6px;
	margin-right: 10px;
	color: #8c90ad;
	border: 1px solid #e3ebf6;
	background: #fff;
	font-size: 18px;
	vertical-align: middle;
	border-radius: 5px;
}

.editor-heading #saveBtn {
	padding: 7px;
	min-width: 110px;
	font-weight: 600;
	font-size: 13px;
	border-radius: 5px;
}

.editor-heading #saveBtn i {
	font-size: 18px;
	vertical-align: middle;
}

#editTemplate {
	display: inline-block;
	padding: 5px 7px;
	border: 1px solid #e3ebf6;
	font-size: 18px;
	background: #ffffff;
	border-radius: 5px;
}

.add-menu, .add-menu[aria-selected="true"] {
	cursor: default;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #199dde !important;
	background: #fafbe4 !important;
}

.add-menu:hover, .add-menu:focus, .add-menu[aria-selected="true"] {
	color: #199dde !important;
	background: #fafbe4 !important;
}

.add-menu span:after, .add-menu[aria-selected="true"] span:after {
	display: none !important;
}

.css-btn {
	display: inline-block;
	padding: 8px 13px;
	margin-right: 10px;
	color: #8c90ad;
	border: 1px solid #e3ebf6;
	background: #fff;
	font-size: 16px;
	vertical-align: middle;
	border-radius: 5px;
}

.css-btn:hover {
	background: #fffef8;
}

.large-modal {
	max-width: 1160px;
}

.global-css-prop-editor-tab .select2-container--default .select2-selection--single
	{
	max-width: 165px;
	padding-right: 30px;
}

.large-modal .select2-container--default .select2-selection--single .select2-results__option
	{
	padding: 10px 28px 10px 10px;
}

.modal .large-modal .table tr td, .modal .large-modal table tr td {
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .8125rem;
	color: #4d617a;
	min-width: 150px;
}

.large-modal .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	font-weight: 400;
	color: #6c757d;
	font-size: .9375rem;
	text-transform: none;
	letter-spacing: normal;
}

.large-modal .table-responsive {
	min-height: 10px;
	position: static;
}

.large-modal .form-control::-webkit-input-placeholder {
	color: #adb5bd;
}

.large-modal .form-control:-ms-input-placeholder {
	color: #adb5bd;
}

.large-modal .form-control::placeholder {
	color: #adb5bd;
}

.visual-editor-table .form-control {
	width: 100px;
}

.action-link {
	white-space: nowrap;
	text-align: right;
}

.action-link .btn-circle i.mdi-content-save {
	color: #199ddf;
}

.add-property-link {
	display: inline-block;
	padding: 12px 15px;
	color: #009be1;
	border: 1px solid #e0e2e4;
	background: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	vertical-align: middle;
	border-radius: .15rem;
}

.add-property-link:hover {
	background: #fffef8;
}

.add-property-link i {
	margin-right: 5px;
}

.large-modal .nav-tabs {
	margin-bottom: 20px;
	position: relative;
}

.clr-picker {
	z-index: 9999 !important;
}

.clr-field, .clr-field button {
	width: 45px !important;
}

.clr-field .form-control {
	width: 85px;
	text-indent: 999px;
	cursor: pointer;
}

.clr-field button:after {
	box-shadow: none !important;;
}

.clr-field:before {
	position: absolute;
	top: 17px;
	right: -27px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	pointer-events: none;
	border-color: #999999 transparent transparent transparent;
	content: "";
	z-index: 1;
}

.font-label {
	font-weight: 400;
	color: #4d617a;
	font-size: .9375rem;
	text-transform: none;
}

.slider-wrapper>span {
	font-weight: 400;
}

.slider.slider-horizontal {
	width: 65% !important;
	height: 20px;
	min-width: 110px;
	margin: 0 10px;
}

.height-wrapper {
	min-width: 330px !important;
}

.slider.slider-horizontal .tooltip {
	opacity: 1;
}

.slider.slider-horizontal .tooltip-inner {
	background: transparent;
	color: #4d617a;
	font-weight: 400;
	border: none;
	box-shadow: none;
}

.slider.slider-horizontal .tooltip.top {
	margin-top: -28px;
}

.slider-track {
	background: #f0f0f0;
	border: 1px solid #e1e1e1 !important;
	box-shadow: none !important;
}

.slider-selection {
	background: #199ddf !important;
	box-shadow: none !important;
}

.slider-handle {
	border: 2px solid #ffffff;
	cursor: pointer;
	background: #199ddf !important;
	box-shadow: none;
}

.btn.focus, .btn:focus {
	box-shadow: none !important;
}

.update-template-module .nav {
	margin-bottom: 25px;
}

.nav-tabs .nav-link {
	position: relative;
	border-color: transparent;
	background: none;
	color: #76797b;
	border-width: 2px;
	font-weight: 500;
	border-top: none;
	border-left: none;
	border-right: none;
}

.nav-tabs .nav-link img {
	margin-right: 3px;
}

.nav-tabs .nav-link.active .hover-icon, .nav-tabs .nav-link .default-icon
	{
	display: none;
}

.nav-tabs .nav-link.active .default-icon {
	display: inline-block;
}

/* Responsive CSS */
@media screen and (max-width:1650px) {
	.component-grid-block {
		max-width: 25%;
		flex: 0 0 25%;
	}
	.component-grid-title h4 {
		font-size: 18px;
	}
}

@media screen and (max-width:1550px) {
	.console-wrap {
		margin: 10px 0;
	}
	.console-item {
		min-height: 295px;
		padding: 45px 15px;
	}
	.console-icon {
		margin-bottom: 30px;
	}
}

@media screen and (max-width:1599px) {
	.email-sender-address ul li {
		max-width: 230px;
	}
	.dashboard-tab a {
		min-width: 10px;
		padding: 12px 10px;
		font-size: 13px;
	}
}

@media ( max-width :1399px) {
	.component-grid-block {
		max-width: 33.333333%;
		flex: 0 0 33.333333%;
	}
	.console-item {
		padding: 30px 15px;
		min-height: 255px;
	}
	.console-title {
		font-size: 18px;
	}
	.console-subtitle {
		font-size: 15px;
	}
	.console-icon {
		margin-bottom: 20px;
	}
	.owl-carousel .owl-item img {
		height: 250px;
	}
	.template-gallery .col-xl-3 {
		max-width: 33.33%;
		flex: 0 0 33.33%;
	}
}

@media ( max-width :1280px) {
	.owl-carousel .owl-item img {
		height: 200px;
	}
}

@media screen and (max-width:1249px) {
	.title-top-res .col-lg-6.custom-selectbox.full-width {
		-ms-flex: 0 0 35%;
		flex: 0 0 35%;
		max-width: 35%;
	}
	.title-top-res .col-lg-6 {
		-ms-flex: 0 0 65%;
		flex: 0 0 65%;
		max-width: 65%;
	}
	.email-sender-address {
		padding-left: 9px;
	}
}

@media screen and (max-width:1199px) {
	.prizes-bg {
		padding: 0;
		border-left: none;
	}
	.setup-prize {
		padding: 20px 0 30px;
	}
	.console-inner-item {
		max-width: 145px;
	}
	.console-inner-title {
		font-size: 16px;
	}
	.tab-main-info {
		display: block;
	}
	.tab-left-info {
		width: 100%;
	}
	.account-tabs {
		padding-bottom: 15px;
		border-right: none;
		border-bottom: 1px solid #edf2f9;
	}
	.cart2order-tour {
		padding-top: 50px;
	}
	.cart2order-tour-item h4 {
		font-size: 18px;
	}
	.email-sender-wrap {
		display: block;
		margin: 0 0 15px auto;
	}
	.dashboard-tab {
		padding-bottom: 20px;
		overflow: hidden;
	}
	.dt-bootstrap .row:last-child div[class*="col-"] {
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
	}
	.dt-bootstrap .row:last-child div.dataTables_paginate {
		text-align: center;
	}
	.responsive-reports .col-md-3 {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.responsive-reports .col-md-2 {
		max-width: 33.33%;
		flex: 0 0 33.33%;
	}
}

@media screen and (max-width:1099px) {
	.template-gallery .col-xl-3 {
		max-width: 50%;
		flex: 0 0 50%;
	}
}

@media screen and (max-width:1049px) {
	.store-ctrl span {
		display: inline-block;
	}
	.store-name .store-url.store-ctrl {
		padding: 10px;
	}
	.my-store-info {
		display: inline-block;
		margin-left: 10px;
	}
	.title-top-res .col-lg-6.custom-selectbox.full-width, .title-top-res .col-lg-6
		{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.title-top-res .col-lg-5 {
		-ms-flex: 0 0 35%;
		flex: 0 0 35%;
		max-width: 35%;
	}
	.title-top-res .col-lg-7 {
		-ms-flex: 0 0 65%;
		flex: 0 0 65%;
		max-width: 65%;
	}
	.store-name .dropdown {
		width: 100%;
	}
	.store-name {
		display: none;
		position: absolute;
		top: 70px;
		border: 1px solid #e3eaef;
		left: 0;
		z-index: 1;
		background: #fff;
		max-width: 350px;
	}
	.store-name .dropdown-toggle {
		width: 100%;
		display: block;
		border-right: none;
	}
	.store-name .store-ctrl {
		width: 100%;
		border-top: 1px solid #e3eaef;
		text-align: left;
		border-right: none;
		padding: 10px;
	}
	.store-name .store-ctrl i {
		font-size: 18px;
		float: left;
		margin-right: 8px;
	}
	.store-ctrl span {
		padding: 5px 0 0;
		font-size: 12px;
	}
	.store-name .store-ctrl br {
		display: none;
	}
	.store-name .dropdown-lg {
		width: 100% !important;
		border-left: none;
		border-right: none;
		transform: none !important;
		will-change: inherit !important;
	}
}

@media screen and (max-width:991px) {
    .username-tab-left:nth-child(2n) {
        margin-bottom: 0;
    }
    .username-tab-left {
        margin-bottom: 35px;
    }
    
	.mobile-btn {
		display: block;
	}
	.desk-btn {
		display: none;
	}
	.component-grid-block {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.search-action-item {
		max-width: none;
	}
	.search-actions {
		border-top: 1px solid #e4e4e0;
	}
	.search-dropdown .modal-body {
		display: block;
	}
	.date-filter .select2 {
		float: none;
	}
	.follow-main-wrap {
		display: block;
	}
	.follow-left-tab {
		border-right: none;
		min-width: 100%;
		width: 100%;
	}
	.tour-section-title h2 {
		font-size: 25px;
	}
	.product-attributes ul li {
		width: 50%;
	}
	.campaigns-meta {
		padding-top: 10px;
	}
	.right .modal-dialog {
		width: 665px;
	}
	.email-sender-address ul li {
		display: block;
		max-width: none;
		padding: 6px 0;
		overflow: visible;
		white-space: normal;
	}
	.email-sender-address {
		padding: 10px 15px;
	}
	.email-sender-edit {
		padding: 6px 11px;
		border: 1px solid #e5e4df;
	}
	table.dataTable>tbody>tr.child ul.dtr-details>li {
		width: 33.33%;
	}
	.title-top-res .col-lg-5 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.title-top-res .col-lg-7 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.page-title, .page-title .text-right {
		text-align: center !important;
	}
	.page-title h1 {
		margin: 0 0 10px;
	}
	.page-title h4 {
		margin-bottom: 10px;
	}
	.editor-heading .col-lg-7 {
		text-align: left !important;
		margin-bottom: 15px;
	}
	.modal-dialog {
		max-width: 90%;
	}
	.page-title .breadcrumb {
		width: 100%;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 857px) {
	table.dataTable td, table.dataTable th {
		min-width: 150px;
	}
	tr .form-group.float-right {
		float: none !important;
	}
}

@media ( max-width :992px) {
	.org-name {
		display: none;
	}
}

@media ( min-width : 768px) {
	.navbar-vertical.navbar-expand-md.fixed-left:not([style*="display: none"])
		 ~.main-content {
		display: block;
		width: calc(100% - 100px);
	}
}

@media ( max-width :767px) {
    .tab-interests-info .interests-icon-wrap .row {
        justify-content: space-between;
    }
    .tab-interests-info .interest-icon-box .interest-icon {
        width: 130px;
    }
    .recovery-email-address .form-control {
        width: 100%;
        font-size: 14px;
    }
    .username-tab-left {
        margin-bottom: 20px;
    }
	.mob-categories {
		display: block;
	}
	.mob-categories a.active {
		color: #009be1;
	}
	.nav-tabs.before-shop-menu.open, .nav-tabs.after-shop-menu.open {
		display: block;
	}
	.nav-tabs.before-shop-menu, .nav-tabs.after-shop-menu {
		display: none;
		position: absolute;
		top: 118px;
		z-index: 9;
		margin: 0;
		border: 1px solid #dbdbdb;
		left: 12px;
		right: 12px;
		width: auto;
	}
	.nav-tabs.before-shop-menu {
		border: none;
		top: 210px;
		left: 15px;
		right: 15px;
	}
	.social-mid-wrap .social-feature-info {
		top: -39px;
		left: 12px;
		right: 12px;
	}
	.social-mid-wrap .theiaStickySidebar, .main-content .theiaStickySidebar
		{
		position: static !important;
	}
	.nav-tabs.after-shop-menu .nav-item {
		width: 100%;
	}
	.mob-categories {
		display: flex;
	}
	#topbar .dropdown {
		width: auto;
	}
	#topbar .navbar-nav .dropdown-menu {
		position: absolute;
	}
	.new-topbar-link {
		display: none !important;
	}
	.navbar[class*="fixed-"] {
		z-index: 9;
	}
	#topbar .notification-list .dropdown-menu.dropdown-menu-right.search-dropdown
		{
		position: fixed;
		top: 71px !important;
		right: 0;
		border: none !important;
	}
	.search-dropdown .form-control {
		border: none;
		height: 55px;
		font-size: 16px;
		padding: 10px 15px;
	}
	.search-actions {
		border-top: none;
		display: block;
	}
	.search-action-right-border {
		border-right: none;
		border-bottom: 1px solid #e4e4e0;
	}
	.search-dropdown .select2-container .select2-selection--single .select2-selection__rendered
		{
		max-width: none;
	}
	.search-action-item {
		min-width: 10px;
		height: auto;
		border-left: none;
		border-top: 1px solid #e4e4e0;
	}
	.search-actions .btn {
		min-width: calc(100% - 30px);;
	}
	.console-inner-item {
		max-width: none;
	}
	.floationg-help-alart {
		margin-top: 0;
		right: -10px;
	}
	.floationg-help-info.dropdown-menu {
		transform: translate3d(2px, -147px, 0px) !important;
	}
	.floationg-help-icon {
		display: block;
		width: auto;
		text-align: left;
		padding: 0;
		border-left: none;
	}
	.floationg-help-icon span {
		display: none;
		font-size: 12px;
		padding-left: 4px;
	}
	.tour-icon {
		display: block;
		width: auto;
		text-align: left;
		padding: 13px 10px;
		border-left: none;
	}
	.tour-icon span {
		display: inline-block;
		font-size: 12px;
		padding-left: 4px;
	}
	.nav-user {
		padding: 0 !important;
	}
	.nav-user .account-user-avatar {
		position: relative !important;
		left: -10px !important;
		top: 14px;
	}
	.right .modal-dialog {
		width: 100%;
	}
	.slimscroll-menu {
		height: auto !important;
	}
	.navbar-toggler {
		float: left;
		padding: 0;
	}
	.navbar {
		display: block;
	}
	.theme-preview a span, .use-template a span, .template-info-preview span
		{
		display: none;
	}
	.theme-preview-bar .template-info-preview {
		border-left: none;
		border-right: 1px solid #e3eaef;
	}
	iframe.full-iframe {
		height: 280px;
	}
	.navbar-light .navbar-toggler {
		color: #a2b3c2;
	}
	.m-menu {
		color: #a2b3c2;
		line-height: 35px;
	}
	.no-data-avl {
		padding: 30px 0;
	}
	.update-video-cover {
		padding-top: 15px;
	}
	table.dataTable>tbody>tr.child ul.dtr-details>li {
		width: 50%;
	}
	.my-store-info i {
		font-size: 24px;
		width: 40px;
		vertical-align: middle;
		text-align: center;
		color: #a2b3c2;
		line-height: 36px;
		border-radius: 100%;
		height: 40px;
	}
	.store-name {
		display: none;
		left: 0;
		top: 70px;
	}
	.my-store-info span {
		display: none;
	}
	.my-store-info {
		position: absolute;
		left: 65px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
		padding: 0;
		margin: 0;
	}
	.navbar-brand {
		width: 45px;
		height: 45px;
	}
	.navbar {
		width: 100%;
		margin: 0;
	}
	.logo {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateY(-50%) translateX(-50%);
		line-height: normal;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.logo img {
		width: 40px;
	}
	.logo:before {
		display: none;
	}
	.responsive-reports .col-md-3 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.responsive-reports .col-md-2 {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.survey-type-list, .survey-section-list {
		padding-bottom: 15px;
	}
	.page-title {
		text-align: center;
		margin-bottom: 20px;
	}
	.page-title .breadcrumb {
		width: 100%;
		text-align: center;
		float: none;
		display: none;
	}
	.page-title .breadcrumb li {
		display: inline-block;
	}
	.gray-box {
		padding: 0;
		border-left: none;
	}
	.gray-box ul li {
		width: 100%;
	}
	.manage-category-list .col-sm-4 {
		max-width: 100%;
		flex: 0 0 100%;
		padding-bottom: 15px;
	}
	.manage-category-list .col-sm-4:last-child {
		padding-bottom: 0;
	}
	.dataTables_filter, .dataTables_length {
		width: 100%;
	}
	div.dataTables_wrapper div.dataTables_info {
		white-space: normal;
	}
	.manage-category-list .btn {
		width: 100%;
	}
	.manage-category-list .btn ~.btn {
		margin-top: 15px;
	}
	.modal-body {
		padding: 1rem;
	}
	#topbar .dropdown-menu {
		position: absolute;
		right: -82px;
		top: 48px !important;
		border: 1px solid #e3ebf6;
	}
	#topbar .navbar-user .dropdown-menu {
		right: 10px;
		top: 68px !important;
	}
	#topbar .floationg-help-info.dropdown-menu {
		top: 45px !important;
		transform: none !important;
		right: -55px !important;
	}
	.main-content .navbar .nav-link .badge {
		right: -3px;
		top: -6px;
	}
	.navbar-expand-md .navbar-nav .crm-view .nav-link {
		vertical-align: middle;
		padding: 0;
		min-width: 10px;
		color: #a2b3c2;
		display: none;
	}
	.navbar-expand-md .navbar-nav .crm-view .nav-link span.mobile-only,
		.navbar-expand-md .navbar-nav .crm-view .nav-link span {
		display: none;
		font-size: 12px;
	}
	.navbar-expand-md .navbar-nav .crm-view .nav-link i {
		font-size: 1.25rem;
		margin-right: 5px;
	}
	#viewNotificationInfo .modal-body {
		padding: 0 15px;
	}
	.main-menus {
		display: block;
		position: absolute;
		right: 70px;
		top: 23px;
		z-index: 2;
	}
	.navbar-toggler-icon {
		width: 40px;
		height: 40px;
	}
	.floationg-help-icon img {
		width: 18px;
	}
	.main-content .navbar .nav-link>i.dripicons-bell.noti-icon {
		font-size: 18px;
		position: relative;
		top: -2px;
	}
	.main-menus .border-left {
		border-left: none !important;
	}
	.main-menus>li {
		margin-left: 2px;
		display: inline-block;
	}
	.main-menus li.border-left {
		border-left: none !important;
	}
	.m-menu {
		display: none;
		position: absolute;
		top: -3px;
		right: 50px;
		margin: 0;
		z-index: 1;
	}
	.login-user {
		display: none;
	}
	.navbar-user {
		border: none;
		position: absolute;
		top: 1px;
		right: 0;
		z-index: 1;
	}
	.nav-user {
		border: none;
		padding: 0;
	}
	.navbar-user .dropdown-menu {
		top: 44px;
	}
	.navbar-user .dropdown.ml-2 {
		margin-left: 0 !important;
	}
	.nav-user .account-user-avatar {
		position: static;
	}
	.main-content .navbar {
		border: none;
	}
	.modal.left .modal-dialog, .modal.right .modal-dialog {
		width: 100%;
	}
	.report-btn {
		padding-top: 0;
	}
	.navbar-vertical.navbar-expand-md {
		height: auto;
		padding: 14px 10px;
	}
	.navbar-brand.menu-open {
		margin: 0;
		position: absolute;
		top: 5px;
		left: 50%;
		transform: translateX(-50%);
	}
	.navbar.dropdown.d-md-none {
		position: absolute;
		right: 50px;
		top: 8px;
		z-index: 1;
	}
	.navbar-vertical .navbar-top>.nav-item>.nav-link>i {
		min-width: 2.45rem;
		height: 2.45rem;
		font-size: 1.1rem;
		line-height: 2.5rem;
		margin: 0;
		padding: 0;
	}
	.navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		background: #fff;
		margin: 0;
		bottom: 0;
		height: 100vh;
		padding: 15px 0 0;
		width: 100px;
		border-right: 1px solid #e3ebf6;
		overflow-y: auto;
	}
	.navbar-nav {
		margin: 0;
	}
	.res-btns .btn {
		font-size: 11px;
	}
	.right-sidebar {
		margin-top: 0;
	}
	.navbar-vertical .dropdown-menu.second-menu {
		min-width: 225px;
	}
	.related-menu-list {
		margin-bottom: 15px;
	}
}

@media screen and (max-width:639px) {
	.template-gallery .col-xl-3 {
		max-width: 100%;
		flex: 0 0 100%;
	}
}

@media print {
	#printCertificateModal {
		opacity: 0;
	}
}

@media screen and (max-width:575px) {
    .tab-username-info .username-tab-form {
        margin-top: 15px;
    }
    .social-banner-form .form-control {
        height: 52px;
        font-size: 16px;
    }
    .social-banner-form label {
        margin-bottom: 10px;
    }
    .social-banner-form {
  		margin: 20px 0 15px;
    }
    
    
    
	.dropdown-menu.user .dropdown-item.user.profile-modal-icon {
		min-width: 116px;
	}
	#basic-datatable.dataTable.nowrap th, #basic-datatable.dataTable.nowrap td
		{
		white-space: nowrap;
	}
	.prize-icon {
		margin: 0 auto;
		padding-bottom: 10px;
	}
	.Select-box {
		padding: 30px 20px 10px;
		text-align: center;
		flex-direction: column !important;
	}
	.prize-icon {
		margin: 0 auto;
		padding-bottom: 10px;
	}
	.Select-box.active h3, .Select-box h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.Select-box.active p, .Select-box p {
		font-size: 14px;
		line-height: 24px;
	}
	.follow-left-tab .nav-tabs {
		margin-top: 0;
	}
	.follow-left-tab .nav-tabs .nav-item {
		width: 100%;
		text-align: left;
	}
	.account-tab-title {
		font-size: 22px;
	}
	.add-site-options {
		padding: 15px;
	}
	.account-tabs .nav-tabs .nav-item {
		width: 100%;
		text-align: left;
	}
	.account-tabs .nav-tabs .nav-link {
		font-size: 14px;
	}
	.account-tabs .nav {
		margin: 0;
	}
	.help-tab a {
		margin: 5px 0;
		border-radius: 4px;
	}
	.floationg-help-header {
		padding: 8px 15px;
	}
	.floationg-help-body textarea.form-control {
		height: 100px;
	}
	.floationg-help-info.dropdown-menu {
		width: 340px;
		transform: translate3d(10px, -147px, 0px) !important;
	}
	.product-attributes ul li {
		width: 100%;
	}
	.carousel-item {
		height: 300px;
	}
	.carousel a .icon {
		font-size: 50px;
	}
	.product-name {
		font-size: 18px;
	}
	.font-normal label {
		font-size: 15px;
		line-height: 18px;
	}
	.floationg-help-info {
		width: 300px;
		right: 10px;
	}
	.floationg-thankyou {
		padding: 30px 0 0;
	}
	.floationg-thankyou>img {
		width: 160px;
	}
	.floationg-help-body, .floationg-help-header {
		padding: 15px;
	}
	.floationg-help-bottom {
		padding-top: 15px;
		margin-top: 20px;
	}
	.floationg-help-bottom .btn-primary, .floationg-help-bottom .btn-light {
		margin: 5px 0;
	}
	.flo
  .floationg-help-bottom .btn-primary, .floationg-help-bottom .btn-light
		{
		margin: 5px 0;
	}
	.floationg-help-body .country-code {
		margin-bottom: 15px;
	}
	.campaigns-meta {
		padding-top: 0;
	}
	.api-icons .api-icon {
		display: block;
		margin: 10px 0;
	}
	.api-icons .api-icon a {
		width: 100%;
		display: block;
	}
	.user-name-email span:last-child {
		margin-top: 0;
	}
	.btn-block .btns-toolbar {
		margin-bottom: 15px;
	}
	.store-name {
		max-width: 295px;
	}
	.card {
		margin-bottom: 15px;
	}
	.modal-dialog {
		max-width: 100%;
	}
	.dataTables_length {
		display: block;
		padding: 15px 0;
	}
	.dt-bootstrap .col-sm-4 .btn {
		width: 100%;
	}
	.default-project .btn {
		font-size: 14px;
		min-width: 100%;
	}
	.btn {
		font-size: 14px;
	}
	.notification-btns .btn {
		width: 100%;
	}
	.plan-info {
		padding: 15px 0 0;
		margin-top: 15px;
		border-left: none;
		border-top: 1px solid #e5e5e5;
		display: block;
	}
	.page-title h4 {
		margin-bottom: 10px;
	}
	table.dataTable {
		margin: 0;
	}
	.table tr td .avatar {
		display: none;
	}
	.table tr td .user-name-email {
		padding: 0;
	}
	table.dataTable.nowrap th, table.dataTable.nowrap td {
		white-space: normal;
		/* min-width: 200px; */
		max-width: 100%;
	}
	.notifications-table .notification-link {
		padding-left: 50px;
	}
	.notifications-table .custom-control {
		position: absolute;
		top: 50%;
		left: -5px;
		transform: translateY(-50%);
		z-index: 1;
	}
	.notifications-table .notification-link:before {
		left: 30px;
	}
	.notifications-table .checkbox-column {
		position: relative;
		padding-left: 30px;
	}
	.new-data-table span.notification-link {
		padding-left: 35px;
	}
	.nav-tabs {
		border-bottom: none;
		width: 100%;
		margin-top: 15px;
	}
	.nav-tabs .nav-item {
		width: 33.33%;
		text-align: center;
		margin: 0 !important;
	}
	.nav-tabs .nav-link {
		padding: 10px 0;
		border-bottom: 1px solid #e3ebf6;
		font-size: 12px;
	}
	.nav-tabs.item-two .nav-item {
		width: 50%;
	}
	.page-title {
		text-align: center;
		margin-bottom: 15px;
	}
	#currentPlan .page-title {
		text-align: left;
	}
	.page-title h1 {
		font-size: 20px;
		overflow: hidden;
	}
	.h1, h1 {
		font-size: 20px;
	}
	.page-title .text-right {
		text-align: center !important;
	}
	.page-title .btn {
		margin: .1875rem !important;
	}
	.form-inline .custom-control {
		align-items: center;
		justify-content: center;
		display: inline-block;
	}
	.card-body {
		padding: 15px;
	}
	.form-inline .form-group, .form-inline label {
		display: flex;
		margin-bottom: 0;
		align-items: center;
	}
	.dataTables_filter, .dataTables_length {
		float: none;
		text-align: center;
	}
	.dataTables_paginate .pagination {
		text-align: center;
		width: 100%;
		display: block;
	}
	.dataTables_paginate .pagination li {
		display: none !important;
	}
	.dataTables_paginate .pagination li:first-child, .dataTables_paginate .pagination li:last-child
		{
		display: inline-block !important;
	}
	.compose-btn {
		text-align: justify;
	}
	.no-data-avl img {
		max-width: 150px;
	}
}

@media screen and (max-width:487px) {
	.shop-top-link.after-login-icon {
		margin-right: 10px;
	}
	.shop-top-link {
		margin-bottom: 10px;
	}
	.add-site-options .form-group .custom-control {
		float: none;
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.add-site-menu {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		float: none;
		display: inline-block;
	}
	.add-site-menu img {
		width: 40px;
	}
	.add-site-menu {
		padding-top: 18px;
	}
	.add-site-info {
		width: 100%;
		padding: 10px 0 0;
	}
	.floationg-help-alart {
		width: 300px;
	}
	.tour-close-icon {
		top: 10px;
		right: 10px;
	}
	.tour-section-title p {
		font-size: 16px;
	}
	.cart2order-tour-item {
		margin: 15px auto;
	}
	.cart2order-tour-item h4 {
		margin: 15px 0 10px;
	}
	.theme-preview-bar .template-content p {
		font-size: 14px;
		line-height: 24px;
	}
	.btn.ml-2 {
		margin-left: .1875rem !important;
	}
	.btn-block .btn {
		display: block;
		width: 100%;
		margin: 0 !important;
	}
	.btn-block .btn ~.btn {
		display: block;
		width: 100%;
		margin: 15px 0 0 !important;
	}
}

@media screen and (max-width:479px) {
    .social-banner-form .form-control {
        padding: 10px 15px;
        height: 50px;
        font-size: 14px;
    }
    .social-banner-form .social-sumbit-btn {
        height: 48px !important;
    }
	.border-btn {
		min-width: 100%;
		margin: 0 0 10px;
	}
	.dropdown-menu.user .dropdown-item.user.profile-modal-icon {
		min-width: 100%;
	}
	.dropdown-menu.user.icon {
		min-width: 100%;
		padding: 0px 10px;
		left: -10px !important;
	}
	.store-name .dropdown-toggle {
		padding: 10px 35px 10px 15px;
	}
	.selected-store-name {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.component-grid-block {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.console-inner-item {
		display: block;
		margin-right: 0;
	}
	.follow-tab .nav-tabs .nav-item {
		margin-right: 0;
	}
	.follow-tab .nav-tabs .nav-link {
		padding: .5rem 8px;
	}
	.follow-up-wrap table.dataTable>tbody>tr.child ul.dtr-details>li {
		width: 100%;
	}
}

@media screen and (max-width:419px) {
	.template-globe img {
		width: 80px;
	}
	.no-data-avl p br {
		display: none;
	}
}

@media screen and (max-width:399px) {
	.btn-block .btns-toolbar {
		width: 100%;
		display: block;
		overflow: hidden;
		border: none;
		background: none;
		margin: 0;
	}
	.btn-block .btns-toolbar .dropdown-item {
		width: 100%;
		background: #fff;
		border: 1px solid #e0e2e4;
		border-radius: .15rem;
		margin-bottom: 15px;
	}
}

@media screen and (max-width:359px) {
	.logo {
		left: 46%;
	}
	.floationg-help-alart {
		width: 280px;
	}
	.floationg-help-info.dropdown-menu {
		width: 300px;
	}
	.theme-preview-bar .dropdown-menu {
		min-width: 300px;
	}
	.dashboard-tab a {
		font-size: 12px;
	}
}

/* Socialize And Shop Page Responsive CSS */
@media screen and (max-width: 1599px) {
	.social-member-item .member-icon.active, .social-member-item .member-icon
		{
		margin-right: 15px;
	}
	.social-member-item {
		padding: 13px;
	}
	.recent-product-into {
		padding: 5px 11px 15px;
	}
	.recent-product-into-icon img {
		width: 30px;
	}
	.recent-product-into-icon span {
		margin-left: 5px;
		font-size: 12px;
	}
	.recent-product-into ul li {
		padding-right: 8px;
	}
	.recent-product-into ul {
		padding: 15px 0 0;
	}
	.user-info .mtf-btn {
		min-width: 147px;
	}
}

@media screen and (max-width: 1399px) {
	.main-banner-info {
		left: 20px;
	}
	.main-banner-info h2 {
		font-size: 50px;
		line-height: 55px;
	}
	.social-featured-products>.row>.sidebar-sticky-wrap {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.social-featured-product-inner {
		margin-top: 30px;
	}
	.social-member-item {
		align-items: start;
	}
	.free-website-promote {
		padding: 0 20px;
	}
	.website-promote-inner {
		max-width: none;
		padding: 40px 0 40px 0;
	}
	.promote-content h2 {
		padding-bottom: 5px;
		font-size: 45px;
	}
	.accordion-button {
		padding: 13px 20px;
	}
	.promote-list li {
		padding: 6px 0;
	}
	.social-navigation ul li {
		padding: 0 22px;
	}
	.free-socialize-info {
		padding-left: 0;
	}
	.free-socialize-info h2 {
		font-size: 45px;
	}
	.free-shop-content h2 {
		font-size: 60px;
	}
	.free-shop-text h5 {
		font-size: 16px;
		line-height: 28px;
	}
	.free-shop-inner {
		margin-bottom: 30px;
	}
	.free-website-shop {
		padding: 80px 20px;
	}
	.recent-product-img a img, .listing-preview-img img {
		height: 220px;
	}
	.product-socials-icons ul li {
		padding-right: 45px;
	}
	.member-price-list-content h6 {
		font-size: 14px;
	}
	.social-header {
		padding: 15px;
	}
	.social-dash-profile span {
		margin-top: 10px;
	}
	.social-filters {
		padding: 15px;
	}
	.checkbox .form-check label {
		font-size: 14px;
	}
	.form-help-group .social-btn-right {
		margin-top: 10px;
		font-size: 16px;
	}
	.social-member-topbar {
		padding: 15px;
	}
	.social-member-item {
		padding: 15px;
	}
	.dash-block.dashboard-feeds .start-post {
		padding: 20px 20px 10px;
	}
	.dash-block-socials ul {
		display: flex;
		flex-wrap: wrap;
	}
	.dash-block-socials ul li {
		margin-bottom: 10px;
	}
	.social-classifieds-item {
		padding: 15px;
	}
}

@media screen and (max-width: 1199px) {
	.user-info .mtf-btn {
		min-width: 124px;
	}
	.mtf-buttons-wrap .mtf-msg-btn {
		padding: 10px 7px;
	}
	.main-banner-info {
		top: 80px;
		max-width: 400px;
	}
	.main-banner-info h2 {
		padding-bottom: 5px;
		font-size: 40px;
		line-height: 48px;
	}
	.product-slide .swiper-pagination {
		padding-bottom: 15px;
	}
	.social-member-item {
		align-items: center;
	}
	.website-promote-img {
		padding-top: 30px;
		text-align: center;
	}
	.website-promote-img img {
		width: 450px;
	}
	.free-website-promote {
		padding: 60px 20px 0;
	}
	.website-promote-inner {
		padding: 0;
	}
	.free-website-shop {
		padding: 60px 20px;
	}
	.free-shop-right-img {
		padding-top: 40px;
		text-align: center;
	}
	.free-shop-right-img img {
		width: 450px;
	}
	.main-get-btn {
		margin-top: 5px;
	}
	.free-website-socialize {
		padding: 60px 20px;
	}
	.free-socialize-info {
		padding-bottom: 15px;
	}
	.social-brand .logo img {
		width: 190px;
	}
	.social-navigation ul li {
		padding: 0 15px;
	}
	.social-member-box, .social-member-price-list {
		display: none;
	}
	.dashboard-feeds .nav-tabs {
		display: flex;
	}
	.social-buttons-wrap .social-btn-left {
		min-width: 70px;
	}
	.social-buttons-wrap .social-btn-right {
		min-width: 170px;
	}
}

@media screen and (max-width: 991px) {
    .social-banner-form input {
        width: 100%;
    }
	.main-banner-info {
		max-width: 300px;
		top: 60px;
		left: 15px;
	}
	.main-banner-info h2 {
		font-size: 30px;
		line-height: 38px;
	}
	.main-banner-info p br {
		display: none;
	}
	.social-navigation ul li a img {
		margin-bottom: 0;
	}
	.social-navigation ul li a span {
		display: inline-block;
		margin-right: 10px;
	}
	.product-socials-icons ul li {
		padding: 0 20px 30px;
	}
	.featured-product-socials-info {
		display: block;
		text-align: center;
	}
	.mtf-toggle {
		display: inline-block;
	}
	.mobile-toggle {
		display: block;
	}
	.social-whitebox {
		display: none;
		margin-bottom: 20px;
	}
	.social-navigation {
		position: fixed;
		top: 0;
		left: 0;
		width: 300px;
		height: 100%;
		padding: 13px 20px;
		background: #fff;
		overflow: auto;
		opacity: 0;
		-webkit-transition: all ease .4s;
		-ms-transition: all ease .4s;
		transition: all ease .4s;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
		-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		z-index: 4;
	}
	.social-navigation.open {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.social-navigation ul li {
		display: block;
		padding: 0;
	}
	.social-navigation ul li a, .social-navigation ul li .active {
		background: transparent;
		display: block;
		padding: 15px 0;
		color: #474747;
		text-align: left;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 0;
	}
	.social-navigation ul li .active img {
		filter: none;
	}
	.social-navigation ul li a:hover, .social-navigation ul li .active {
		color: #009be1;
		border-bottom-color: #009be1;
	}
	.social-navigation ul {
		font-size: 15px;
	}
	.social-buttons-wrap {
		display: none;
	}
	.social-navigation .social-buttons-wrap {
		display: block;
	}
	.social-buttons-wrap .social-btn-left {
		display: block;
		padding: 15px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		margin: 20px 0;
		text-align: center;
		border-radius: 4px;
		font-size: 16px;
	}
	.social-buttons-wrap .social-btn-left:hover {
		border-color: #009be1;
	}
	.social-buttons-wrap .social-btn-right {
		min-width: 100%;
		font-size: 16px;
		padding: 16px 15px;
	}
}

@media screen and (max-width: 767px) {
    .form-group-textarea {
        padding-top: 10px;
    }
    .file-uploader-info .form-group label {
        margin-bottom: 15px;
    }
	.product-modal .modal-body .form-group {
		margin-bottom: 15px;
	}
	.mobile-image {
		display: block;
	}
	.desktop-image {
		display: none;
	}
	.main-banner-info {
		max-width: none;
		padding: 0 15px 40px;
		position: static;
		background-image: url('../images/main-banner-info-bg.jpg');
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.website-promote-product .main-get-btn {
		min-width: 160px;
	}
	.free-website-promote {
		padding: 45px 15px 0;
	}
	.promote-content h2 {
		padding-bottom: 0;
		font-size: 35px;
	}
	.free-shop-right-img img {
		width: 350px;
	}
	.free-shop-box {
		padding: 15px 20px;
	}
	.free-shop-inner {
		max-width: none;
	}
	.free-shop-info {
		padding-top: 25px;
	}
	.free-shop-content h2 {
		font-size: 45px;
	}
	.free-socialize-info h2 {
		padding-bottom: 10px;
		font-size: 40px;
	}
	.free-website-socialize, .free-website-shop {
		padding: 45px 15px;
	}
	.social-feature-topbar {
		padding: 13px;
	}
	.featured-col-img img {
		height: auto;
	}
	.product-socials-icons ul li {
		width: 30%;
	}
	.social-member-price-list {
		padding: 15px 10px 0;
	}
	.dash-block-socials ul li {
		padding-right: 30px;
	}
	.social-brand .logo img {
		width: 200px;
	}
	.social-classifieds-item {
		padding: 10px;
	}
	.social-classifieds-item-info h3 {
		padding-bottom: 5px;
	}
	.social-classifieds-item-info h5 {
		padding-bottom: 5px;
	}
	.social-classifieds-item-content a img {
		width: 70px;
	}
	.social-classifieds-item-top, .social-classifieds-item-content {
		display: block;
	}
	.social-classifieds-item-info {
		margin: 15px 0 5px;
	}
	.social-classifieds-item-top {
		margin-bottom: 0;
		position: relative;
	}
	.social-classifieds-item .classifieds-link {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 1;
	}
	.social-classifieds-item-warp span {
		font-size: 25px;
		height: 70px;
		width: 70px;
		border-width: 3px;
	}
	.social-classifieds-item p {
		padding-bottom: 10px;
	}
	.classifieds-info-form-inner {
		margin-top: 10px;
	}
}

@media screen and (max-width: 575px) {
	.section-heading {
		display: none;
	}
	.social-banner-form input {
        min-height: 50px;
		height: 50px;
		padding: 10px 15px;
    }
    .social-banner-form .social-sumbit-btn {
        height: 50px;
        font-size: 14px;
        min-width: 50px;
    }    
	
	.main-banner-info h2 {
		font-size: 28px;
		line-height: 36px;
	}
	.promote-list {
		font-size: 16px;
	}
	.promote-list li {
		width: 100%;
		float: none;
	}
	.dashboard-feeds .nav-tabs .nav-item {
		padding: 0 6px;
	}
	.dash-block-socials ul li {
		width: 49%;
	}
	.classifieds-info-form-inner {
		display: block;
	}
	.post-meta-date {
		margin-top: 10px;
	}
	.post-meta-social ul li {
		padding-right: 25px;
	}
}

@media screen and (max-width: 479px) {
    .tab-interests-info .interest-icon-box .interest-icon {
        width: 127px;
    }
    .social-banner-form label {
        font-size: 16px;
    }
    
	.main-banner-info h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.shop-tabs {
		display: block;
	}
	.shop-tabs.nav-tabs .nav-item {
		width: 100%;
	}
	.website-promote-product h5 {
		font-size: 18px;
	}
	.website-promote-product form {
		display: block;
	}
	.website-promote-product .form-control {
		border-radius: 3px;
	}
	.accordion-item .accordion-button {
		font-size: 16px;
	}
	.accordion-button:before {
		font-size: 20px;
		right: 13px;
	}
	.promote-content h2 {
		font-size: 30px;
	}
	.website-promote-product .main-get-btn {
		min-width: 100%;
		margin-top: 15px;
		border-radius: 3px;
	}
	.free-shop-icon span {
		width: 80px;
		height: 80px;
	}
	.free-shop-icon span img {
		width: 35px;
	}
	.free-socialize-info h2, .free-shop-content h2 {
		font-size: 35px;
	}
	.socialize-text h4 {
		font-size: 18px;
	}
	.mobile-products .col-6 {
		width: 100%;
	}
	.product-socials-icons ul li {
		width: 49%;
	}
	.product-socials-icons ul li {
		padding: 0 15px 15px;
	}
	.social-brand .logo img {
		width: 170px;
	}
	.social-classifieds-item p {
		font-size: 14px;
		line-height: 26px;
	}
	.dash-block-socials ul {
		display: block;
	}
	.dash-block-socials ul li {
		padding: 8px 0;
		margin: 0;
	}
	.start-post-box .image-link label {
		padding: 10px;
	}
	.start-post-box .image-link label img {
		width: 25px;
	}
	.start-post-box .start-post-title a {
		padding: 10px;
		font-size: 14px;
	}
	.start-post-box .start-post-title a img {
		width: 20px;
		margin-right: 10px;
	}
	.start-post .dash-block-socials {
		margin-top: 10px;
	}
	.dash-block.dashboard-feeds .start-post {
		padding: 13px;
	}
	.social-navigation {
		width: 280px;
	}
}

@media screen and (max-width: 359px) {
	.social-banner-info h1 {
		font-size: 25px;
	}
	.social-banner-info p {
		font-size: 15px;
	}
	.dash-block-socials ul li {
		width: 100%;
	}
	.social-navigation {
		width: 250px;
	}
	.social-member-item {
		display: block;
		text-align: center;
	}
	.social-member-item .member-icon.active, .social-member-item .member-icon
		{
		display: inline-block;
		margin: 0 0 20px;
	}
	.social-member-item .member-icon.active img, .social-member-item .member-icon img
		{
		width: 65px;
	}
}