/*==== Header css =====*/
html{
	overflow-x: hidden !important;
}
body.overflow-none #app {
	overflow: hidden !important;
}
header {
	position: fixed;
	z-index: 1040;
}
header .navbar {
	background: #353f48;
}
header .navbar a {
	color: #fff !important;
}
*:focus {
	box-shadow: none;
}
/*==== footer css =====*/
footer {
	background: #dfe1e2;
}
footer a,
footer p {
	font-size: .75rem;
}
#social-icon a {
	color: #696B79;
}
#social-icon a .social {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#social-icon a .social:hover,
#social-icon a .social:active,
#social-icon a .social:focus {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#social-icon a #social-fb:hover {
	color: #3B5998;
}
#social-icon a #social-tw:hover {
	color: #00c5ff;
}
#social-icon a #social-gp:hover {
	color: #f58529;
}
#social-icon a #social-em:hover {
	color: #bd081c;
}
/* === COMMON CSS === */
h1,
h2,
h3,
h4,
h5,
h6,
b {
	font-family: 'Montserrat', sans-serif;
	color: #282C3F;
	text-transform: uppercase;
}
p,
a,
li,
.content-wraper .po-cus ul li a {
	color: #4c4c4c !important;
	font-size: 14px !important;
	letter-spacing: 1px;
}
.example-classname {
	height: auto !important;
}
.btn {
	font-size: 0.8rem;
	letter-spacing: 1px;
	font-weight: 700 !important;
}
input.form-control {
	font-size: 0.8rem;
}
section.carousel {
	padding-top: 53px;
}
section.carousel .carousel-indicators li,
section.carousel .carousel-indicators .content-wraper .po-cus ul li a,
.content-wraper .po-cus ul li section.carousel .carousel-indicators a {
	background-color: rgba(53, 63, 72, 0.3);
}
section.carousel .carousel-indicators .active {
	background-color: #353F48;
}
section.carousel .carousel-control-prev,
section.carousel .carousel-control-next {
	width: 6%;
}
.min-150 {
	min-width: 150px;
}
.inner-template .content-wraper {
	padding-top: 53px;
}
.banner-frame {
	border-bottom: 10px solid #dee2e6;
}
.stars {
	float: right;
}
.stars input.star {
	display: none;
}
.stars input.star:checked~label.star:before {
	content: '\f005';
	color: #FD4;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.stars label.star {
	float: right;
	padding: 0 3px;
	line-height: 22px;
	font-size: 22px;
	margin-bottom: 0px;
	color: #aaa;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.stars label.star:hover {
	-webkit-transform: rotate(-15deg) scale(1.3);
	-ms-transform: rotate(-15deg) scale(1.3);
	transform: rotate(-15deg) scale(1.3);
}
.stars label.star:before {
	content: '\f006';
	font-family: FontAwesome;
}
.banner>li,
.content-wraper .po-cus ul li .banner>a {
	width: 100%;
}
.banner>li+li,
.content-wraper .po-cus ul li .banner>a+li,
.content-wraper .po-cus ul li .banner>li+a,
.content-wraper .po-cus ul li .banner>a+a {
	margin-top: 1.875rem;
}
.banner>li[class*="banner-"],
.content-wraper .po-cus ul li .banner>a[class*="banner-"] {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.banner>li.banner-1,
.content-wraper .po-cus ul li .banner>a.banner-1 {
	background-image: url(../images/web/image1.png);
}
.banner>li.banner-2,
.content-wraper .po-cus ul li .banner>a.banner-2 {
	background-image: url(../images/web/image2.png);
}
.banner>li.banner-3,
.content-wraper .po-cus ul li .banner>a.banner-3 {
	background-image: url(../images/web/image3.png);
}
.eq-height > div {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.grid-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto auto;
	grid-template-columns: auto auto;
	grid-gap: 10px;
	padding: 10px;
}
.grid-container .item1 {
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	grid-row: 1 / span 3;
}
/*======= Kabera Mockup Style 4 ======*/
@font-face {
	font-family: 'GlacialIndifferenceRegular';
	src: url("../fonts/GlacialIndifferenceRegular.eot");
	src: url("../fonts/GlacialIndifferenceRegular.eot") format("embedded-opentype"), 
	url("../fonts/GlacialIndifferenceRegular.woff2") format("woff2"), 
	url("../fonts/GlacialIndifferenceRegular.woff") format("woff"), 
	url("../fonts/GlacialIndifferenceRegular.ttf") format("truetype"), 
	url("../fonts/GlacialIndifferenceRegular.svg#GlacialIndifferenceRegular") format("svg");
}
@font-face {
	font-family: 'LemonadaSemiBold';
	src: url("../fonts/LemonadaSemiBold.eot");
	src: url("../fonts/LemonadaSemiBold.eot") format("embedded-opentype"), 
	url("../fonts/LemonadaSemiBold.woff2") format("woff2"), 
	url("../fonts/LemonadaSemiBold.woff") format("woff"), 
	url("../fonts/LemonadaSemiBold.ttf") format("truetype"), 
	url("../fonts/LemonadaSemiBold.svg#LemonadaSemiBold") format("svg");
}
.mockup-04 .border-cus {
	border: solid 1px #dedede;
	height: 100%;
	padding: 10px 10px;
	background: #f9f8f8;
	-webkit-box-shadow: 1px 3px 6px -3px grey;
	box-shadow: 1px 3px 6px -3px grey;
}
.mockup-04 .custom-banner {
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 50%;
	position: relative;
}
.mockup-04 .custom-banner h3 span {
	color: #ffbd59;
}
.mockup-04 .custom-banner ul {
	padding: 0px;
	width: 60%;
}
.mockup-04 .custom-banner ul li,
.mockup-04 .custom-banner .content-wraper .po-cus ul li a,
.content-wraper .po-cus .mockup-04 .custom-banner ul li a {
	list-style: none;
	text-align: center;
	border: solid 1px #c9d1d9;
	margin: 20px 0px;
	position: relative;
}
@media (max-width: 991px) {
	.testimonial-main .carousel .testimonial {
		padding: 30px !important;
	}
	.mockup-04 .custom-banner ul li,
	.mockup-04 .custom-banner .content-wraper .po-cus ul li a,
	.content-wraper .po-cus .mockup-04 .custom-banner ul li a {
		border: none;
	}
}
.mockup-04 .custom-banner ul li:after,
.mockup-04 .custom-banner .content-wraper .po-cus ul li a:after,
.content-wraper .po-cus .mockup-04 .custom-banner ul li a:after {
	position: absolute;
	background-image: url(../images/web/shadow_input.png);
	content: '';
	left: 0;
	width: 100%;
	bottom: -20px;
	height: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	right: 0;
}
}
.mockup-04 .custom-banner ul a {
	font-family: 'GlacialIndifferenceRegular';
	font-size: 16px !important;
	white-space: normal;
	background: white;
	padding: 10px;
}
.cus-review .rating ul {
	padding: 0;
	margin: 0;
}
.cus-review .rating ul li,
.cus-review .rating .content-wraper .po-cus ul li a,
.content-wraper .po-cus .cus-review .rating ul li a {
	list-style: none;
	display: inline-block;
}
.cus-review .rating ul li .checked {
	color: #ff914c;
}
.cus-review .rating ul li span,
.cus-review .rating .content-wraper .po-cus ul li a span,
.content-wraper .po-cus .cus-review .rating ul li a span {
	color: #d9d9d9;
	font-size: 18px;
	display: initial;
}
.cus-review .rating span {
	font-size: 13px;
}
.cus-review p {
	font-size: 13px;
}
.cus-review .custom-progress span {
	color: #4767fc;
	font-size: 13px;
	width: 20%;
}
.cus-review .custom-progress .progress {
	width: 80%;
}
.cus-review .custom-progress .progress .progress-bar {
	background-color: #ffbd59;
}
.cus-review .top-review {
	border: solid 1px #d9d9d9;
	width: 300px;
	padding: 5px 0px;
}
.cus-review .top-review select {
	font-family: 'GlacialIndifferenceRegular';
	font-size: 14px;
}
.review-detail .detail-content {
	border-bottom: 1px dashed #d9d9d9;
	margin-top: 0 !important;
	padding: 20px 0;
}
.review-detail .detail-content:last-child {
	border-bottom: 0;
}
.detail-content .comment {
	margin-bottom: 10px;
}
.review-detail .detail-content .img-cus {
	width: auto;
}
.review-detail .detail-content ul {
	padding: 0;
	margin: 0;
}
.review-detail .detail-content ul li,
.review-detail .detail-content .content-wraper .po-cus ul li a,
.content-wraper .po-cus .review-detail .detail-content ul li a {
	list-style: none;
	display: inline-block;
}
.review-detail .detail-content ul li .checked {
	color: #ff914c;
}
.review-detail .detail-content ul li span,
.review-detail .detail-content .content-wraper .po-cus ul li a span,
.content-wraper .po-cus .review-detail .detail-content ul li a span {
	color: #d9d9d9;
	font-size: 16px;
	display: initial;
}
.review-detail .detail-content p {
	font-size: 14px;
	margin-bottom: 0;
	background-color: rgba(0,0,0,0.04);
	padding: 10px;
}
.comment .pl-2 {
	padding-left: 20px !important;
}
.review-detail ul.buttons {
	padding: 0;
	margin-top: 15px;
}
.review-detail ul.buttons li,
.review-detail .content-wraper .po-cus ul.buttons li a,
.content-wraper .po-cus .review-detail ul.buttons li a {
	list-style: none;
	display: inline-block;
	padding: 0px 6px;
	position: relative;
}
.review-detail ul.buttons li:after,
.review-detail .content-wraper .po-cus ul.buttons li a:after,
.content-wraper .po-cus .review-detail ul.buttons li a:after {
	position: absolute;
	height: 130%;
	width: 2px;
	content: '';
	right: -3px;
	top: -2px;
	background: #d9d9d9;
}
.review-detail ul.buttons li:last-child:after,
.review-detail .content-wraper .po-cus ul.buttons li a:last-child:after,
.content-wraper .po-cus .review-detail ul.buttons li a:last-child:after {
	content: none;
}
.review-detail ul.buttons li a,
.review-detail .content-wraper .po-cus ul.buttons li a a,
.content-wraper .po-cus .review-detail ul.buttons li a a {
	font-family: 'GlacialIndifferenceRegular';
	font-size: 14px;
	padding: 7px 15px;
	color: #353F48;
}
.review-detail ul.buttons li a:hover,
.review-detail ul.buttons li .active,
.review-detail ul.buttons li a:active,
.review-detail ul.buttons li a:focus {
	text-decoration: none;
	background: #d9d9d9;
	color: #353F48;
}
.review-detail .see a {
	color: #4767fc;
}
.review-detail .see a:hover,
.review-detail .see ul.buttons li .active,
.review-detail ul.buttons li .see .active,
.review-detail .see a:active,
.review-detail .see a:focus {
	color: #ffbd59;
	text-decoration: none;
}
.review-detail .btn {
	color: #353F48;
	font-weight: bold;
	font-family: 'GlacialIndifferenceRegular';
	font-size: 16px;
	background: #d9d9d9;
	padding: 5px 25px;
}
.review-detail .get-started .btn {
	background: #ffbd59;
	width: 300px;
}
.mockup-04 .step-01 {
	background: url(../images/web/yellow_pipe.png), url(../images/web/tickit.png), -webkit-gradient(linear, left top, left bottom, from(#beebf7), to(#d4fbe8));
	background: url(../images/web/yellow_pipe.png), url(../images/web/tickit.png), -webkit-linear-gradient(#beebf7, #d4fbe8);
	background: url(../images/web/yellow_pipe.png), url(../images/web/tickit.png), -o-linear-gradient(#beebf7, #d4fbe8);
	background: url(../images/web/yellow_pipe.png), url(../images/web/tickit.png), linear-gradient(#beebf7, #d4fbe8);
	background-position: bottom left, bottom right;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 330px;
	background-size: 40%, 35%, 100%;
}
.mockup-04 .step-01 h1 {
	font-family: 'LemonadaSemiBold';
	color: #ffbd59;
}
.mockup-04 .step-02 {
	background: url(../images/web/cordiograph.png), url(../images/web/bottom_boll.png);
	background-position: bottom left, bottom right;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 330px;
	background-size: 55%, 35%;
}
.mockup-04 .step-02 h1 {
	font-family: 'LemonadaSemiBold';
	color: #ffbd59;
}
@media (max-width: 767px) {
	.testimonial-main .carousel .testimonial {
		padding: 15px !important;
	}
	.tagline-area {
		min-height: 300px !important;
	}
	.about-us .banner-caption,
	.contact-us .banner-caption {
		padding: 20px !important;
		height: 100px !important;
	}
	.about-us .banner-caption h1,
	.contact-us .banner-caption h1 {
		font-size: 24px !important;
	}
	.mockup-04 .step-02 .step02-cus {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}
.mockup-04 .step-03 {
	background: url(../images/web/building.png), #fbfbd7;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 330px;
	background-size: contain, 100%;
}
.mockup-04 .step-03 h1 {
	font-family: 'LemonadaSemiBold';
	color: #ffbd59;
}
.mockup-04 .before-after h3 {
	font-weight: 700;
	position: relative;
}
.mockup-04 .before-after h3:after {
	position: absolute;
	background-image: url(../images/web/shadow_input.png);
	content: '';
	left: 50%;
	width: 200px;
	bottom: -15px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-position: bottom center;
}
.mockup-04 .before-after .customer-img .before-after-imgs {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@media (max-width: 767px) {
	.mockup-04 .before-after .customer-img .before-after-imgs {
		width: 50%;
		float: left;
	}
}
@media (max-width: 1199px) {
	.mockup-04 .before-after .customer-img .before-after-imgs .img-fluid {
		max-width: 50%;
	}
}
.mockup-04 .before-after .gradient {
	background-image: -webkit-linear-gradient(320deg, #626eef, #ec5969);
	background-image: -o-linear-gradient(320deg, #626eef, #ec5969);
	background-image: linear-gradient(130deg, #626eef, #ec5969);
}
.mockup-04 .before-after .gradient .sroll-content {
	overflow-y: auto;
	max-height: 800px;
}
.mockup-04 .before-after .gradient .detail-content {
	-webkit-box-shadow: 0px 18px 11px 0px #100f0f26;
	box-shadow: 0px 18px 11px 0px #100f0f26;
}
.mockup-04 .before-after .gradient .detail-content .img-cus {	
	min-width: 76px;
    min-height: 76px;
}
.mockup-04 .before-after .gradient .detail-content ul {
	padding: 0;
	margin: 0;
}
.mockup-04 .before-after .gradient .detail-content ul li,
.mockup-04 .before-after .gradient .detail-content .content-wraper .po-cus ul li a,
.content-wraper .po-cus .mockup-04 .before-after .gradient .detail-content ul li a {
	list-style: none;
	display: inline-block;
}
.mockup-04 .before-after .gradient .detail-content ul li .checked {
	color: #ff914c;
}
.mockup-04 .before-after .gradient .detail-content ul li span {
	color: #d9d9d9;
	font-size: 16px;
	display: initial;
}
@media (max-width: 1199px) {
	.mockup-04 h4 {
		font-size: 20px;
	}
	.mockup-04 .custom-banner {
		background-size: 58%;
	}
	.mockup-04 .step-01,
	.mockup-04 .step-02,
	.mockup-04 .step-03 {
		padding-top: 50px;
		padding-bottom: 200px;
	}
}
@media (max-width: 991px) {
	.mockup-04 h4 {
		font-size: 16px;
	}
	.mockup-04 .step-01,
	.mockup-04 .step-02,
	.mockup-04 .step-03 {
		padding-top: 50px;
		padding-bottom: 120px;
	}
	.mockup-04 .custom-banner {
		background-size: cover;
	}
	.mockup-04 .custom-banner:before {
		position: absolute;
		content: '';
		background-color: rgba(0, 0, 0, 0.5);
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	.mockup-04 .custom-banner h3,
	.mockup-04 .custom-banner p {
		color: #fff;
		text-align: center;
	}
}
@media (max-width: 767px) {
	.mockup-04 .step-01,
	.mockup-04 .step-02,
	.mockup-04 .step-03 {
		padding-top: 50px;
		padding-bottom: 00px;
	}
}
@media (max-width: 575px) {
	.mockup-04 .cus-promo-bnrs {
		text-align: center;
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.step .gradient {
	padding: 50px 100px;
	background-image: url(/public/images/web/page-cal-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}
.step .gradient::after {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.7);
}
@media (max-width: 1199px) {
	.step .gradient {
		padding: 50px 50px;
	}
}
.step .gradient ul {
	padding: 0px;
}
.step .gradient .custom-spin,
.step .gradient .content-wraper .po-cus ul li a,
.content-wraper .po-cus .step .gradient ul li a {
	list-style: none;
}
.step .gradient .custom-spin span,
.step .gradient .content-wraper .po-cus ul li a span,
.content-wraper .po-cus .step .gradient ul li a span {
	width: 45px;
	height: 45px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	font-weight: 100 !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px !important;
}
.step .gradient .custom-spin span:after,
.step .gradient .content-wraper .po-cus ul li a span:after,
.content-wraper .po-cus .step .gradient ul li a span:after {
	-webkit-animation-iteration-count: infinite !important;
	animation-iteration-count: infinite !important;
	-webkit-animation-timing-function: linear !important;
	animation-timing-function: linear !important;
	-webkit-animation-name: spin;
	animation-name: spin;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	border: dashed 2px #fff;
	content: '';
	border-radius: 50%;
}
.step .gradient ul li a,
.step .gradient .content-wraper .po-cus ul li a a,
.content-wraper .po-cus .step .gradient ul li a a {
	font-size: 14px;
	width: calc(100% - 35px);
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 100;
}
.step .gradient ul li a:hover,
.step .gradient .review-detail ul.buttons li .active,
.review-detail .step .gradient ul.buttons li .active {
	text-decoration: none;
}
.step .gradient-none .btn {
	position: relative;
	background-color: #007bff;
	font-size: 14px;
	padding: 10px 20px;
	font-weight: 100 !important;
}
.lft-spn {
	width: 80%;
	margin-left: 20px;
	font-weight: 200 !important;
	font-size: 16px !important;
}
.step .gradient p {
	font-weight: 200 !important;
	font-size: 16px !important;
}
.step .gradient-none .btn input {
	z-index: 9999999;
}
.step .gradient .carousel-item {
	min-height: 100px;
}
.gradient-none .areas .radio-sibling-collapse-container.main-thumbnail.text-center.mt-2 {
	padding: 0px 20px !important;
}
.step .gradient-none .btn:after {
	position: absolute;
	background-image: url(../images/web/shadow_input.png);
	content: '';
	left: 50%;
	width: 100px;
	bottom: -6px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-position: bottom center;
}
.step .gradient-none .get-started {
	background-color: #f9ae0c;
	font-size: 14px;
}
.step .gradient-none .custom-input {
	background-color: transparent;
	border: none;
	font-size: 12px;
	padding: 7px 0px;
	width: 100%;
	border-bottom: 1px solid #dadada;
	border-radius: 0px !important;
	height: 40px;
}
.step .gradient-none .pagination h1 {
	color: #d9d9d9;
}
.step .main-content-right h6 span {
	color: #ffffff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 0;
	display: flex;
	text-align: center;
	font-size: 12px;
	border: solid 3px transparent;
	align-items: center;
	justify-content: center;
	float: left;
	margin-right: 7px;
	box-shadow: inset 0px 0px 0px 40px #f9ae0c, 0px 0px 0px 1px #d8d8d8;
	font-weight: 200;
}
.step .main-content-right .main-thumbnail {
	border: solid 1px #d8d6d6;
	padding: 30px;
}
.step .main-content-right .uploaded-img {
	position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	overflow: hidden;
}
.step .main-content-right .uploaded-img:after {
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	top: 80px;
	left: 0;
	content: 'X';
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.step .main-content-right .uploaded-img:hover {
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.step .main-content-right .uploaded-img:hover:after {
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	top: 0px;
}
.products .col-sm-6.col-md-3.mb-4 {
	padding: 15px 30px;
}
.products h5 {
	color: #a6a6a6;
}
.pro-content {
	border: none !important;
	background-color: #fff;
	position: relative;
}
.pro-content h5 {
	color: #000;
	padding: 4px 4px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.pro-content h5 a {
	color: #000 !important;
}
.pro-content a {
	position: relative;
}
.pro-content a .sticker {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: red;
	border-radius: 50%;
	width: 75px;
	height: 75px;
}
.pro-content a .sticker h6 {
	color: #fff;
	font-size: 12px;
	margin-bottom: 0px;
}
.pro-content a .sticker h6 span {
	font-weight: 300;
	font-size: 10px;
}
.pro-content a .icons {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.pro-content a .icons span {
	font-size: 24px;
}
.pro-content a .icons span:hover {
	color: red;
}
.pro-content a:hover,
.pro-content .review-detail ul.buttons li .active,
.review-detail ul.buttons li .pro-content .active {
	text-decoration: none;
	color: #000;
}
.products .appointment-btn {
	background-color: #ffbd59;
	color: #353f48;
	position: relative;
}
.products .appointment-btn:after {
	position: absolute;
	background-image: url(../images/web/shadow_input.png);
	content: '';
	left: 50%;
	width: 150px;
	bottom: -10px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-position: bottom center;
}
.offer-review .buttons {
	margin-top: 0px !important;
}
.offer-review .see {
	margin-top: 15px;
}
.guarantee01 .gradient {
	background-image: -webkit-linear-gradient(40deg, #E94F6E, #812BE2);
	background-image: -o-linear-gradient(40deg, #E94F6E, #812BE2);
	background-image: linear-gradient(50deg, #E94F6E, #812BE2);
}
.guarantee01 .gradient h3 {
	font-weight: 300;
	position: relative;
}
.guarantee01 .gradient h3 span {
	font-weight: 600;
}
.guarantee01 .gradient h3:after {
	position: absolute;
	content: '';
	background-image: url(../images/web/drop-arrow.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 80px;
	background-position: left bottom;
	left: 7px;
	top: 80%;
	background-size: 70%;
}
.guarantee01 .gradient ul li span,
.guarantee01 .gradient .content-wraper .po-cus ul li a span,
.content-wraper .po-cus .guarantee01 .gradient ul li a span {
	background-color: gold;
	color: #8C2FD5;
	border-radius: 50%;
}
.guarantee01 .gradient-none .main-content-right {
	width: 300px;
}
.guarantee01 .gradient-none .main-content-right .btn {
	background-color: transparent;
}
/*Checkboxes styles*/
input[type="checkbox"] {
	display: none;
}
input[type="checkbox"]+label {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 0px;
	font: 14px/20px 'Raleway', sans-serif;
	color: #282C3F;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type="checkbox"]+label:last-child {
	margin-bottom: 0;
}
input[type="checkbox"]+label:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	border: 2px solid #FF914C;
	position: absolute;
	left: 0;
	top: 3px;
	opacity: .6;
	-webkit-transition: all .12s, border-color .08s;
	-o-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
}
input[type="checkbox"]:checked+label:before {
	width: 10px;
	top: -1px;
	left: 5px;
	border-radius: 0;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cus-slider-owl .owl-nav button {
	position: absolute;
	top: 50%;
	background-color: #000;
	color: #fff;
	margin: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.cus-slider-owl .owl-nav button.owl-prev {
	left: 0;
}
.cus-slider-owl .owl-nav button.owl-next,
.cus-slider-owl .blog .trending .owl-nav button.owl-prev,
.blog .trending .cus-slider-owl .owl-nav button.owl-prev {
	right: 0;
}
.cus-slider-owl .owl-nav button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.38) !important;
}
.cus-slider-owl .owl-nav button span {
	font-size: 70px;
	position: relative;
	top: -5px;
}
.cus-slider-owl .owl-nav button:focus {
	outline: none;
}
.cus-slider-owl h2 {
	margin-top: 50px;
	font-size: 18px;
	font-family: sans-serif;
}
.cus-slider-owl h2 span {
	color: red;
	font-size: 100%;
	position: initial;
}
.content-wraper .pro-img {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
}
.content-wraper p {
	font-size: 14px;
	margin-bottom: 0px;
}
.fa-star {
	color: #d9d9d9;
}
.checked {
	color: #ffbd59;
}
hr {
	background-color: #d9d9d9;
}
a:hover,
.review-detail ul.buttons li .active {
	text-decoration: none;
}
ul {
	margin: 0;
}
.content-wraper .breadcrumb {
	padding: 15px 0px;
	list-style: none;
	background-color: transparent;
}
.content-wraper .breadcrumb li,
.content-wraper .breadcrumb .po-cus ul li a,
.content-wraper .po-cus ul li .breadcrumb a {
	display: inline;
	font-size: 18px;
}
.content-wraper .breadcrumb li:first-child:before,
.content-wraper .breadcrumb .po-cus ul li a:first-child:before,
.content-wraper .po-cus ul li .breadcrumb a:first-child:before {
	content: none;
}
.content-wraper .breadcrumb li:before,
.content-wraper .breadcrumb .po-cus ul li a:before,
.content-wraper .po-cus ul li .breadcrumb a:before {
	padding: 8px;
	color: black;
	content: "/\00a0";
}
.content-wraper .breadcrumb li a,
.content-wraper .breadcrumb .po-cus ul li a a,
.content-wraper .po-cus ul li .breadcrumb a a {
	color: #0275d8;
	text-decoration: none;
	font-size: 15px;
}
.content-wraper .breadcrumb li a:hover,
.content-wraper .po-cus ul li .breadcrumb a a:hover,
.content-wraper .breadcrumb .review-detail ul.buttons li .active,
.review-detail ul.buttons .content-wraper .breadcrumb li .active,
.review-detail .content-wraper .breadcrumb .po-cus ul.buttons li a .active,
.content-wraper .po-cus .review-detail ul.buttons li .breadcrumb a .active,
.review-detail .content-wraper .po-cus ul.buttons li .breadcrumb a .active {
	color: #ffbd59;
}
.content-wraper .border-x {
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
@media (max-width: 767px) {
	.content-wraper .border-x {
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		border-left: none;
		border-right: none;
	}
}
.content-wraper .cust-sub-title {
	color: #dc3545;
	letter-spacing: 1px;
	font-weight: 400;
}
.content-wraper .best-seller-btn {
	background-color: #FF914C;
	letter-spacing: 2px;
	font-weight: 400;
}
.content-wraper .cus-rating {
	color: #4767fc;
}
@media (min-width: 768px) {
	.content-wraper .po-cus ul {
		padding-left: 20px;
		border-right: 1px solid #d9d9d9;
		padding-right: 40px;
	}
}
.content-wraper .po-cus ul li,
.content-wraper .po-cus ul li a {
	color: #4767fc;
}
@media (min-width: 768px) {
	.content-wraper .left-des {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
.content-wraper .left-des .do {
	width: 50%;
	border-right: 1px dotted #d9d9d9;
	padding-right: 15px;
}
@media (max-width: 767px) {
	.content-wraper .left-des .do {
		padding-right: 0px;
		width: 100%;
		border: none;
	}
}
.content-wraper .left-des .dont {
	width: 50%;
	padding-left: 15px;
}
@media (max-width: 767px) {
	.content-wraper .left-des .dont {
		padding-left: 0px;
		padding-top: 15px;
		width: 100%;
	}
}
.content-wraper .left-des .po-cus ul {
	padding-left: 20px;
	padding-right: 15px;
	border: none;
}
.content-wraper .left-des .po-cus ul li,
.content-wraper .left-des .po-cus ul li a {
	color: #c7c7c7;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 30px;
}
.content-wraper .left-des .kabera-card span {
	color: #c7c7c7;
}
.content-wraper .left-des .kabera-card p {
	font-size: 12px;
	text-align: center;
}
.content-wraper .review-content {
	width: 50%;
}
@media (max-width: 991px) {
	.content-wraper .review-content {
		width: 100%;
	}
}
.content-wraper textarea {
	border: 2px solid #d9d9d9;
}
.content-wraper .aside-description {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
}
.content-wraper .aside-description td {
	font-size: 12px;
	color: #666;
}
.content-wraper .aside-description .proceed-btn {
	background-color: #ffbd59;
	position: relative;
}
.content-wraper .aside-description .proceed-btn:after {
	position: absolute;
	background-image: url(../images/web/shadow_input.png);
	content: '';
	left: 50%;
	width: 100px;
	bottom: -7px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-position: bottom center;
}
.content-wraper .aside-description .po-cus ul {
	border: none;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 15px;
}
.content-wraper .aside-description .po-cus ul li,
.content-wraper .aside-description .po-cus ul li a {
	color: #666;
	line-height: 15px;
	margin-bottom: 10px;
}
.content-wraper .aside-description .po-cus ul li a {
	font-size: 12px;
	color: #666;
}
.content-wraper buttons .select {
	background-color: #c7c7c7;
}
.content-wraper buttons .select select {
	color: #fff;
	background-color: #c7c7c7;
}
.selling-pkg .know-btn {
	background-color: #ffbd59;
	position: relative;
	width: 150px;
}
.selling-pkg .know-btn:after {
	position: absolute;
	background-image: url(../images/web/shadow_input.png);
	content: '';
	left: 50%;
	width: 100px;
	bottom: -7px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-position: bottom center;
}
  /* ---------------------------------------------------
CONTENT STYLE
----------------------------------------------------- */
  /* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */
.dashboard-custom #sidebarCollapse {
	width: 40px;
	height: 40px;
	background-color: transparent;
}
.dashboard-custom #sidebarCollapse.active span {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	opacity: 1 !important;
	margin: 5px auto;
}
.dashboard-custom #sidebarCollapse span {
	width: 80%;
	height: 2px;
	margin: 0 auto;
	display: block;
	background: #fff;
	-webkit-transition: all 0.8s cubic-bezier(0.81, -0.33, 0.345, 1.375);
	-o-transition: all 0.8s cubic-bezier(0.81, -0.33, 0.345, 1.375);
	transition: all 0.8s cubic-bezier(0.81, -0.33, 0.345, 1.375);
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.dashboard-custom #sidebarCollapse span:first-of-type {
	-webkit-transform: rotate(45deg) translate(2px, 2px);
	-ms-transform: rotate(45deg) translate(2px, 2px);
	transform: rotate(45deg) translate(2px, 2px);
}
.dashboard-custom #sidebarCollapse span:nth-of-type(2) {
	opacity: 0;
}
.dashboard-custom #sidebarCollapse span:last-of-type {
	-webkit-transform: rotate(-45deg) translate(1px, -1px);
	-ms-transform: rotate(-45deg) translate(1px, -1px);
	transform: rotate(-45deg) translate(1px, -1px);
}
.dashboard-custom .profile-datail {
	padding: 0px 5px;
}
.dashboard-custom .profile-datail .inner-wrapper {
	cursor: pointer;
	position: relative;
}
.dashboard-custom .profile-datail .inner-wrapper span {
	font-size: 14px;
	position: relative;
}
.dashboard-custom .profile-datail .inner-wrapper span i {
	font-size: 20px;
}
.dashboard-custom .profile-datail .inner-wrapper span .budge_noti {
	position: absolute;
	right: -10px;
	top: -5px;
	background: #f9ae0c;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	font-size: 12px;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list {
	padding: 0px;
	position: absolute;
	top: 100%;
	right: 0px;
	background: #fff;
	width: 300px;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: 0.3s !important;
	-o-transition: 0.3s !important;
	transition: 0.3s !important;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	display: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list span {
	font-weight: 300;
	font-size: 12px;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list li,
.dashboard-custom .profile-datail .inner-wrapper .inner-list .content-wraper .po-cus ul li a,
.content-wraper .po-cus ul li .dashboard-custom .profile-datail .inner-wrapper .inner-list a {
	list-style: none;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list li .single-noti,
.content-wraper .po-cus ul li .dashboard-custom .profile-datail .inner-wrapper .inner-list a .single-noti {
	border-bottom: 1px solid #bfbfbf;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list li .single-noti a h6,
.content-wraper .po-cus ul li .dashboard-custom .profile-datail .inner-wrapper .inner-list a .single-noti a h6 {
	font-size: 14px;
	position: relative;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list li .single-noti a h6 small,
.content-wraper .po-cus ul li .dashboard-custom .profile-datail .inner-wrapper .inner-list a .single-noti a h6 small {
	position: absolute;
	font-size: 10px;
	right: 0px;
	top: 0px;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list li .single-noti a h6 span,
.content-wraper .po-cus ul li .dashboard-custom .profile-datail .inner-wrapper .inner-list a .single-noti a h6 span {
	font-size: 13px;
	text-transform: none;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list li .single-noti a:hover,
.content-wraper .po-cus ul li .dashboard-custom .profile-datail .inner-wrapper .inner-list a .single-noti a:hover,
.dashboard-custom .profile-datail .inner-wrapper .inner-list .review-detail ul.buttons li .single-noti .active,
.review-detail ul.buttons .dashboard-custom .profile-datail .inner-wrapper .inner-list li .single-noti .active,
.review-detail .dashboard-custom .profile-datail .inner-wrapper .inner-list .content-wraper .po-cus ul.buttons li a .single-noti .active,
.content-wraper .po-cus .review-detail ul.buttons li .dashboard-custom .profile-datail .inner-wrapper .inner-list a .single-noti .active,
.review-detail .content-wraper .po-cus ul.buttons li .dashboard-custom .profile-datail .inner-wrapper .inner-list a .single-noti .active {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list li a,
.content-wraper .po-cus ul li .dashboard-custom .profile-datail .inner-wrapper .inner-list a a {
	color: black !important;
	font-size: 13px !important;
	padding: 10px;
	display: block;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list:before {
	content: '';
	position: absolute;
	top: -10px;
	right: 0px;
	border-left: 10px solid transparent;
	border-bottom: 10px #c7c7c7 solid;
	border-right: 10px transparent solid;
	border-top: 0px transparent solid;
}
.dashboard-custom .profile-datail .inner-wrapper .inner-list.show {
	display: block;
	-webkit-transform: translateY(16px);
	-ms-transform: translateY(16px);
	transform: translateY(16px);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	z-index: 1070; }
	.dashboard-custom .profile-datail .inner-wrapper .inner-list.show li a:hover,
	.content-wraper .po-cus ul li .dashboard-custom .profile-datail .inner-wrapper .inner-list.show a a:hover,
	.dashboard-custom .profile-datail .inner-wrapper .inner-list.show .review-detail ul.buttons li .active,
	.review-detail ul.buttons .dashboard-custom .profile-datail .inner-wrapper .inner-list.show li .active,
	.review-detail .dashboard-custom .profile-datail .inner-wrapper .inner-list.show .content-wraper .po-cus ul.buttons li a .active,
	.content-wraper .po-cus .review-detail ul.buttons li .dashboard-custom .profile-datail .inner-wrapper .inner-list.show a .active,
	.review-detail .content-wraper .po-cus ul.buttons li .dashboard-custom .profile-datail .inner-wrapper .inner-list.show a .active {
		background: rgba(0,0,0,0.07); !important;
		display: inline-block;
		width: 100% !important;
	}
	.dashboard-custom .navbar-btn {
		-webkit-box-shadow: none;
		box-shadow: none;
		outline: none !important;
		border: none;
	}
	.dashboard-custom .wrapper {
		padding-top: 56px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-perspective: 1500px;
		perspective: 1500px;
	}
	.dashboard-custom .wrapper #sidebar {
		min-width: 250px;
		max-width: 250px;
		background: #c7c7c7;
		-webkit-transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
		-o-transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
		transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
		-webkit-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		transform-origin: bottom left;
	}
	.dashboard-custom .wrapper #sidebar.active {
		margin-left: -250px;
		-webkit-transform: rotateY(100deg);
		transform: rotateY(100deg);
	}
	@media (max-width: 767px) {
		.dashboard-custom .wrapper #sidebar.active {
			margin-left: 0;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
	}
	@media (max-width: 767px) {
		.dashboard-custom .wrapper #sidebar {
			margin-left: -250px;
			-webkit-transform: rotateY(90deg);
			transform: rotateY(90deg);
		}
	}
	.dashboard-custom .wrapper #sidebar ul {
		position: -webkit-sticky;
		position: sticky;
		top: 56px;
	}
	.dashboard-custom .wrapper #sidebar ul li .active {
		color: #fff !important;
		background: #353F48;
		position: relative;
	}
	.dashboard-custom .wrapper #sidebar ul li .active:after {
		position: absolute;
		content: '';
		border: solid;
		border-left: 10px solid #353F48;
		border-right: 0px solid transparent;
		border-bottom: 10px solid transparent;
		border-top: 10px solid transparent;
		width: 0;
		height: 0;
		right: -10px;
	}
	.dashboard-custom .wrapper #sidebar ul li a {
		padding: 10px;
		font-size: 1.1em;
		display: block;
		color: #000 !important;
		position: relative;
	}
	.dashboard-custom .wrapper #sidebar ul li a:hover,
	.dashboard-custom .wrapper #sidebar .review-detail ul.buttons li .active,
	.review-detail .dashboard-custom .wrapper #sidebar ul.buttons li .active {
		color: #fff !important;
		background: #353F48;
	}
	.dashboard-custom .wrapper #sidebar ul li a[aria-expanded="false"]:before {
		position: absolute;
		content: '+' !important;
		font-weight: normal;
		font-family: fontawesome;
		right: 10px;
		font-size: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
		-o-transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
		transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
	}
	.dashboard-custom .wrapper #sidebar ul li a[aria-expanded="true"]:before {
		position: absolute;
		content: '+' !important;
		font-weight: normal;
		font-family: fontawesome;
		right: 10px;
		font-size: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
		-webkit-transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
		-o-transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
		transition: all 0.6s cubic-bezier(0.945, 0.02, 0.27, 0.665);
		font-weight: 600;
	}
	.dashboard-custom #content {
		min-height: 100vh;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		width: 100%;
		padding: 15px;
	}
	@media (max-width: 768px) {
		.dashboard-custom #sidebarCollapse span:first-of-type,
		.dashboard-custom #sidebarCollapse span:nth-of-type(2),
		.dashboard-custom #sidebarCollapse span:last-of-type {
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
			opacity: 1;
			margin: 5px auto;
		}
		.dashboard-custom #sidebarCollapse.active span {
			margin: 0 auto;
		}
		.dashboard-custom #sidebarCollapse.active span:first-of-type {
			-webkit-transform: rotate(45deg) translate(2px, 2px) !important;
			-ms-transform: rotate(45deg) translate(2px, 2px) !important;
			transform: rotate(45deg) translate(2px, 2px) !important;
		}
		.dashboard-custom #sidebarCollapse.active span:nth-of-type(2) {
			opacity: 0 !important;
		}
		.dashboard-custom #sidebarCollapse.active span:last-of-type {
			-webkit-transform: rotate(-45deg) translate(1px, -1px) !important;
			-ms-transform: rotate(-45deg) translate(1px, -1px) !important;
			transform: rotate(-45deg) translate(1px, -1px) !important;
		}
	}
	.no-js .owl-carousel,
	.owl-carousel.owl-loaded {
		display: block;
	}
	.blog .banner-wrapper {
		position: relative;
	}
	.blog .banner-wrapper .carousel-caption-custom {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		background-color: rgba(0, 0, 0, 0.5);
	}
	.blog .banner-wrapper .carousel-caption-custom h1 {
		font-weight: 700;
		padding-top: 10px;
		font-size: 50px;
	}
	.blog .highlights {
		margin-top: -10%;
	}
	.blog .highlights h3 {
		position: relative;
		z-index: 1;
		padding-left: 80px;
	}
	.blog .highlights .owl-nav {
		top: -30px;
		position: absolute;
		left: 0px;
	}
	.blog .highlights .owl-nav button {
		border: solid 1px #fff !important;
		background-color: transparent !important;
		position: relative;
		width: 30px;
		height: 30px;
	}
	.blog .highlights .owl-nav button.owl-prev:hover {
		background: #fff !important;
	}
	.blog .highlights .owl-nav button.owl-prev:hover span {
		color: #000;
	}
	.blog .highlights .owl-nav button.owl-next,
	.blog .highlights .trending .owl-nav button.owl-prev,
	.blog .trending .highlights .owl-nav button.owl-prev {
		left: 10px;
	}
	.blog .highlights .owl-nav button.owl-next:hover,
	.blog .highlights .trending .owl-nav button.owl-prev:hover,
	.blog .trending .highlights .owl-nav button.owl-prev:hover {
		background: #fff !important;
	}
	.blog .highlights .owl-nav button.owl-next:hover span,
	.blog .highlights .trending .owl-nav button.owl-prev:hover span,
	.blog .trending .highlights .owl-nav button.owl-prev:hover span {
		color: #000;
	}
	.blog .highlights .owl-nav button span {
		line-height: 30px;
		font-size: 16px;
		position: absolute;
		color: #fff;
		top: 46%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		font-weight: 100;
	}
	.blog .highlights article figure {
		overflow: hidden;
	}
	.blog .highlights article figure img {
		-webkit-transition: 0.4s ease;
		-o-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.blog .highlights article figure img:hover {
		-webkit-transform: scale(1.3) rotate(-5deg);
		-ms-transform: scale(1.3) rotate(-5deg);
		transform: scale(1.3) rotate(-5deg);
	}
	.blog .highlights article figcaption {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: -40px;
		background: #fff !important;
		position: relative;
	}
	.blog .highlights article figcaption:before {
		border: solid 1px #000;
		width: 30px;
		content: '';
		left: 0px;
		bottom: 0px;
		height: 30px;
		position: absolute;
		border-right: 0px;
		border-top: 0px;
	}
	.blog .highlights article figcaption:after {
		border: solid 1px #000;
		width: 30px;
		content: '';
		right: 0px;
		bottom: 0px;
		height: 30px;
		position: absolute;
		border-left: 0px;
		border-top: 0px;
	}
	.blog .highlights article figcaption .post-categories a {
		color: #ea920d !important;
		text-transform: uppercase;
		font-size: 12px !important;
		letter-spacing: normal !important;
	}
	.blog .trending {
		background-image: url(../images/leonard-von-bibra-hep72i867oI-unsplash.jpg);
		background-size: 100% contain;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 100%;
		position: relative;
		padding-bottom: 200px;
	}
	.blog .trending:after {
		position: absolute;
		content: '';
		background: #000;
		bottom: 100%;
		left: 50%;
		width: 1px;
		height: 40px;
	}
	.blog .trending .owl-nav .owl-next,
	.blog .trending .owl-nav .owl-prev {
		right: -70px;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		background: transparent !important;
		border: solid 1px #fff !important;
	}
	.blog .trending .owl-nav .owl-next span,
	.blog .trending .owl-nav .owl-prev span {
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		font-size: 22px;
		color: #fff;
		font-weight: 100;
	}
	.blog .trending .owl-nav .owl-next:hover,
	.blog .trending .owl-nav .owl-prev:hover {
		background: #fff !important;
	}
	.blog .trending .owl-nav .owl-next:hover span,
	.blog .trending .owl-nav .owl-prev:hover span {
		color: #000;
	}
	.blog .trending .owl-nav .owl-prev {
		left: -70px;
	}
	.blog .trending .owl-nav .owl-prev:hover {
		background: #fff !important;
	}
	.blog .trending .owl-nav .owl-prev:hover span {
		color: #000;
	}
	.blog .trending article {
		background: #fff;
	}
	.blog .trending article figure {
		overflow: hidden;
	}
	.blog .trending article figure img {
		-webkit-transition: 0.4s ease;
		-o-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.blog .trending article figure img:hover {
		-webkit-transform: scale(1.3) rotate(-5deg);
		-ms-transform: scale(1.3) rotate(-5deg);
		transform: scale(1.3) rotate(-5deg);
	}
	.blog .trending article figure {
		margin-bottom: 0px;
		overflow: hidden;
	}
	.blog .trending article figcaption {
		padding: 15px;
		margin-top: -30px;
		position: relative;
	}
	.blog .trending article figcaption h4 {
		padding-top: 15px;
	}
	.blog .trending article figcaption h4 a {
		letter-spacing: normal !important;
	}
	.blog .trending h3 {
		text-transform: uppercase;
		font-weight: 100;
		font-size: 18px;
		position: relative;
		padding: 15px 0px;
	}
	.blog .trending h3:before {
		position: absolute;
		width: 1px;
		height: 50px;
		content: '';
		background: #fff;
		bottom: 100%;
		left: 50%;
	}
	.blog .trending h3 span {
		text-transform: uppercase;
		font-weight: 500;
		font-size: 40px;
	}
	.blog .trending:before {
		background: rgba(0, 0, 0, 0.7);
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
	}
	.blog .trending .post-categories a {
		color: #000 !important;
		text-transform: uppercase;
		font-size: 12px !important;
		background: #ffbd59;
		padding: 10px;
		letter-spacing: 2px;
	}
	.blog .more {
		margin-top: -150px;
		position: relative;
	}
	.blog .more article {
		position: relative;
	}
	.blog .more article figure {
		position: relative;
		overflow: hidden;
	}
	.blog .more article figure a {
		position: relative;
		-webkit-transition: 0.7s ease;
		-o-transition: 0.7s ease;
		transition: 0.7s ease;
		display: inline-block;
	}
	.blog .more article figure a img {
		-webkit-transition: 0.7s ease;
		-o-transition: 0.7s ease;
		transition: 0.7s ease;
	}
	.blog .more article figure a:before {
		width: 70%;
		height: 55%;
		top: 50%;
		left: 50%;
		position: absolute;
		border: solid 5px #fff;
		content: '';
		background: transparent;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: 0.7s ease;
		-o-transition: 0.7s ease;
		transition: 0.7s ease;
		z-index: 1020;
	}
	.blog .more article figure a:hover:before,
	.blog .more article figure .review-detail ul.buttons li .active:before,
	.review-detail ul.buttons li .blog .more article figure .active:before {
		width: 80%;
		height: 65%;
	}
	.blog .more article figure a:hover img,
	.blog .more article figure .review-detail ul.buttons li .active img,
	.review-detail ul.buttons li .blog .more article figure .active img {
		-webkit-transform: scale(1.3) rotate(-5deg);
		-ms-transform: scale(1.3) rotate(-5deg);
		transform: scale(1.3) rotate(-5deg);
	}
	.blog .more article figcaption {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.blog .more article figcaption .post-categories a {
		color: #fff !important;
		text-transform: uppercase;
		font-size: 12px !important;
		padding: 10px;
		letter-spacing: 2px;
	}
	.blog .more article figcaption h1 a {
		font-weight: 700 !important;
		font-size: 40px !important;
		color: #fff !important;
		line-height: 40px;
		text-shadow: 1px 2px 3px #4e1706;
	}
	.blog .more .caption {
		position: relative;
		background: #ffbd59;
	}
	.blog .more .caption span {
		color: #000;
	}
	.blog .more .caption h4 {
		color: #000;
	}
	.blog .more .caption p {
		color: #000;
	}
	.blog .more .caption .fold-corner {
		width: 30px;
		height: 30px;
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 4;
	}
	.blog .more .caption .fold-corner .container-corner {
		position: relative;
	}
	.blog .more .caption .fold-corner .top-corner {
		position: absolute;
		top: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 30px 0 0;
		border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
	}
	.blog .more .caption .fold-corner .bottom-corner {
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 30px 30px;
		border-color: transparent transparent #ffffff transparent;
	}
	.blog .more-news article figure {
		overflow: hidden;
	}
	.blog .more-news article figure img {
		-webkit-transition: 0.4s ease;
		-o-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.blog .more-news article figure img:hover {
		-webkit-transform: scale(1.3) rotate(-5deg);
		-ms-transform: scale(1.3) rotate(-5deg);
		transform: scale(1.3) rotate(-5deg);
	}
	.blog .more-news article figcaption {
		padding: 30px 0px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: -40px;
		background: #fff !important;
		position: relative;
	}
	.blog .more-news article figcaption h4 {
		line-height: 20px;
	}
	.blog .more-news article figcaption:before {
		border: solid 1px #000;
		width: 30px;
		content: '';
		left: 0px;
		bottom: 0px;
		height: 30px;
		position: absolute;
		border-right: 0px;
		border-top: 0px;
	}
	.blog .more-news article figcaption:after {
		border: solid 1px #000;
		width: 30px;
		content: '';
		right: 0px;
		bottom: 0px;
		height: 30px;
		position: absolute;
		border-left: 0px;
		border-top: 0px;
	}
	.blog .more-news article figcaption .post-categories {
		top: -14px;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.blog .more-news article figcaption .post-categories a {
		color: #000 !important;
		text-transform: uppercase;
		font-size: 12px !important;
		background: #ffbd59;
		padding: 10px;
		letter-spacing: 2px;
	}
	.blog .view-news {
		background: #353F48;
	}
	.blog .view-news a {
		display: block;
		padding: 10px;
		-webkit-transition: 0.4s ease;
		-o-transition: 0.4s ease;
		transition: 0.4s ease;
	}
	.blog .view-news a span {
		color: #fff;
		font-weight: 500;
		letter-spacing: 2px;
	}
	.blog .view-news a:hover,
	.blog .view-news .review-detail ul.buttons li .active,
	.review-detail ul.buttons li .blog .view-news .active {
		background: #ffbd59;
	}
	.blog .view-news a:hover span,
	.blog .view-news .review-detail ul.buttons li .active span,
	.review-detail ul.buttons li .blog .view-news .active span {
		color: #000 !important;
	}
	/* about us */
	.col-md-6.rgt-cst h1 {
		border-left: 4px #f9ae0c solid;
		padding-left: 15px;
	}
	section#banner-about,
	section#banner-contact,
	section#banner-faq,
	section#banner-terms-conditions,
	section#banner-privacy-policy,
	section#banner-testimonial {
		position: relative;
	}
	section#banner-about .row img,
	section#banner-contact .row img,
	section#banner-faq .row img,
	section#banner-terms-conditions .row img,
	section#banner-privacy-policy .row img,
	section#banner-testimonial .row img {
		position: absolute;
		z-index: -1;
	}
	section#banner-about .row,
	section#banner-contact .row,
	section#banner-faq .row,
	section#banner-terms-conditions .row,
	section#banner-privacy-policy .row,
	section#banner-testimonial .row {
		min-height: 400px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.custom-banner ul.breadcrumb {
		padding: 10px 16px;
		list-style: none;
		background: transparent;
		margin-bottom: 0px;
		display: flex;
		justify-content: center;
	}
	.custom-banner ul.breadcrumb li {
		display: inline;
		font-size: 18px;
		color: #f9ae0c !important;
	}
	.custom-banner ul.breadcrumb li+li:before {
		padding: 8px;
		color: #fff;
		content: "/\00a0";
	}
	.custom-banner ul.breadcrumb li a {
		color: #fff !important;
		text-decoration: none;
	}
	.custom-banner ul.breadcrumb li a:hover {
		color: #fff !important text-decoration: underline;
	}
	.about-us .banner-caption h1,
	.contact-us .banner-caption h1,
	.faq .banner-caption h1,
	.terms-conditions .banner-caption h1,
	.privacy-policy .banner-caption h1, .testimonial .banner-caption h1 {
		margin-bottom: 0px !important;
		color: #fff;
		font-weight: 100;
	}
	.about-us .banner-caption,
	.contact-us .banner-caption,
	.faq .banner-caption,
	.terms-conditions .banner-caption,
	.privacy-policy .banner-caption, .testimonial .banner-caption {
		background-color: rgba(0, 0, 0, 0.3);
		padding: 20px 30px 15px 30px;
		margin-top: 50px;
		z-index: 9;
	}
	/* contact us */
	.lft-cst input,
	.lft-cst textarea {
		width: 100%;
		background: #e8e8e8;
		border: none;
		font-size: 13px;
		font-weight: 100;
		padding: 10px 10px;
		margin: 10px 0px;
	}
	.lft-cst input#get-started {
		background: #353f48 !important;
		color: #fff;
		padding: 10px 30px;
		width: auto !important;
		margin-right: auto !important;
		display: flex;
	}
	.call-sec {
		background: #e8e8e8;
		margin: 15px 0px;
		border-radius: 50px 0px 0px 50px;
	}
	.call-sec .icn {
		border-radius: 50%;
		background: #f9ae0c;
		width: 80px;
		display: flex;
		height: 80px;
		justify-content: center;
		align-items: center;
		margin-right: 15px;
		margin-bottom: 0px;
		box-shadow: 2px 0px 0px 0px #FF5722;
	}
	.call-sec h5 {
		font-weight: 300 !important;
	}
	.follow ul {
		margin: 0;
		padding: 0;
		display: flex;
	}
	.follow ul li {
		list-style: none;
	}
	.follow h4 {
		text-align: center;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 15px !important;
		margin-top: 30px !important;
	}
	.follow h4::after {
		position: absolute;
		width: 30px;
		height: 1px;
		background: #f9ae0c;
		content: '';
		bottom: 0px;
		left: 50%;
		transform: translateX(-50%);
	}
	.follow ul li a {
		position: relative;
		width: 60px;
		height: 60px;
		display: block;
		text-align: center;
		margin: 0 10px;
		border-radius: 50%;
		padding: 6px;
		box-sizing: border-box;
		text-decoration: none;
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
		background: linear-gradient(0deg, #ddd, #fff);
		transition: .5s;
	}
	.follow ul li a:hover {
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	}
	.follow ul li a .fa {
		width: 100%;
		height: 100%;
		display: block;
		background: linear-gradient(0deg, #fff, #ddd);
		border-radius: 50%;
		line-height: calc(60px - 12px);
		font-size: 24px;
		color: #262626;
		transition: .5s;
	}
	.follow ul li:nth-child(1) a:hover .fa {
		color: #3b5998;
	}
	.follow ul li:nth-child(2) a:hover .fa {
		color: #00aced;
	}
	.follow ul li:nth-child(3) a:hover .fa {
		color: #dd4b39;
	}
	.follow ul li:nth-child(4) a:hover .fa {
		color: #007bb6;
	}
	.follow ul li:nth-child(5) a:hover .fa {
		color: #e4405f;
	}
	/* login */
	.custom-login-frm {
		background-image: url(../images/login/bg-txture.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.tagline-area {
		background-image: url(../images/login/bg-tagline3.jpg);
		min-height: 500px;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
	}
	.tagline-area::before {
		position: absolute;
		background: rgba(4, 29, 51, 0.81);
		width: 100%;
		height: 100%;
		content: '';
		left: 0px;
		top: 0px;
	}
	.input-area {
		background: #fff;
		min-height: 500px;
		display: flex;
		align-items: center;
	}
	.tagline-area .logo {
		position: absolute;
	}
	.tagline-detail {
		position: absolute;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		width: 80%;
	}
	.input-area .card {
		padding: 15px;
	}
	.input-area .panel.panel-default,
	.input-area .card {
		width: 100%;
	}
	.tagline-detail h1 {
		text-transform: none;
		font-weight: 200;
	}
	.tagline-detail h1 span {
		font-weight: 600;
	}
	.input-area input {
		border-radius: 0px;
	}
	.tagline-detail h5 {
		text-transform: none;
		font-weight: 200;
	}
	.input-area .panel-heading {
		padding: 15px;
	}
	.input-area .card .card-header {
		padding: 0px 0px;
	}
	.input-area .panel-heading h3,
	.input-area .card .card-header h3 {
		color: #f9ae0c;
		border-bottom: 1px solid #ced4da!important;
		padding: 10px 0px;
	}
	.input-area .card,
	.input-area .card .card-header {
		border: none;
	}
	.input-area button:hover {
		background: #f9ae0c;
		border: solid 1px #f9ae0c;
	}
	/* FAQs css */
	.accordion .card-header:after {
		font-family: 'FontAwesome';
		content: "\f068";
		float: right;
		background: #f9ae0c;
		width: 120px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 12px;
	}
	.acordion1 h4,
	.acordion2 h4 {
		border-bottom: 1px solid #ced4da!important;
		padding-bottom: 10px;
		color: #212529;
	}
	.accordion .card-header.collapsed:after {
		content: "\f067";
		background: #353f48;
		width: 100px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		transition: 0.3s ease;
		font-size: 12px;
	}
	.collapse.show {
		display: block;
		background: #e8e8e8;
		border-bottom: 2px solid #dcdcdc;
	}
	.accordion .card-header.collapsed:hover:after {
		width: 120px;
		background: #f9ae0c;
	}
	.accordion .card-header {
		border: none;
		border-bottom: 1px solid #dcdcdc;
		padding: 0px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.accordion .card {
		border: none;
	}
	.accordion .card-title {
    margin-bottom: 0px;
    padding-left: 10px;
    color: #353f48 !important;
}
	.accordion .card-header {
		border: none;
		border-bottom: 1px solid #dcdcdc;
	}
	/* t&c */
	.des-terms h5 {
		border-left: 4px #f9ae0c solid;
		padding-left: 7px;
		margin-bottom: 15px;
		width: 100%;
	}
	.user-site {
		background: #e8e8e8;
	}
	.user-site h5 {
		position: relative;
		padding-bottom: 10px;
	}
	.user-site h5::after {
		position: absolute;
		width: 60px;
		height: 2px;
		background: #f9ae0c;
		content: '';
		bottom: 0px;
		left: 0px;
	}
	.des-terms p {
		text-align: left;
		background: #e8e8e8;
		padding: 20px 25px;
	}
	.des-terms span {
		color: #f9ae0c;
		margin-bottom: 10px;
	}
	span.des-sub-title {
		display: block;
		font-size: 16px;
		color: #353f48;
		position: relative;
		padding-bottom: 3px;
		text-transform: uppercase;
	}
	span.des-sub-title::after {
		position: absolute;
		bottom: 0px;
		content: '';
		width: 40px;
		height: 1px;
		bottom: 0px;
		left: 0px;
		background: #f9ae0c;
	}
	.lft-cst input#get-started:hover {
		background: #f9ae0c !important;
	}
	#dropdownCityButton {
		position: relative;
		margin-right: 0px;
	}
	#dropdownCityButton.dropdown-toggle::after {
		position: absolute;
		bottom: 5px !important;
		right: 5px;
		border-top: 0.4em solid;
		border-right: 0.5em solid transparent;
		border-left: 0.5em solid transparent;
	}
	.ct-drop .dropdown-menu.show {
		padding: 0px 15px;
		position: absolute;
		right: 10px !important;
		padding: 10px;
		border-radius: 0px;
		top: 36px;
		left: auto;
		width: 250px;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	}
	#dropdownCityButton span#select_region {
		margin-right: 20px;
	}
	.ct-drop .dropdown-menu.show form input {
		width: 100%;
	}
	.ct-drop .search-cities {
		padding: 2px 5px;
	}
	/* ============================================= COMMON CSS */
	@media (min-width: 1640px) {
		.container {
			max-width: 1600px;
		}
	}
	/*===== 04-Dec-2019 =====*/
	.report-top-sec {
		background: linear-gradient(to right, #678581 0%, #86c5bb 100%);
		box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.7);
	}
	.report-top-sec .row [class*="col"]:nth-child(2n) {
		box-shadow: 0px -12px 25px rgba(0, 0, 0, 0.7);
	}
	.report-top-sec .row [class*="col"] {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 30px 10px 50px;
	}
	.flex-box {
		text-align: center;
	}
	.flex-box span:first-child {
		color: rgba(255, 255, 255, 0.6);
		font-weight: 600;
		line-height: 1.1;
		margin-bottom: 10px;
	}
	.flex-box span {
		color: white
	}
	.flex-box h4 {
		color: white;
		text-transform: capitalize;
	}
	.flex-box h4 span {
		opacity: .4;
		font-weight: 300;
	}
	.label-gray {
		background-color: #7e7e7e;
		font-size: 13px;
		padding: 2px 20px;
		display: inline-block;
		color: rgba(255, 255, 255, 0.6) !important;
	}
	.title {
		font-weight: 600;
		font-size: 24px;
		margin-bottom: 15px;
	}
	.border-style {
		border: 10px solid #859e9a;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 32px;
	}
	.border-style::before,
	.border-style::after {
		content: "";
		border: 1px solid #859e9a;
		display: block;
		position: absolute;
		left: -10px;
		right: -10px;
	}
	.border-style::before {
		top: -14px;
	}
	.border-style::after {
		top: 12px;
	}
	.menu-action {
		background-color: #fff;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
		border-radius: 5px;
	}
	.menu-action [class*="col"] {
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		padding: 0 !important;
	}
	.menu-action [class*="col"] .media {
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		padding: 15px;
		min-height: 80px;
	}
	.profile-sec {
		position: relative;
	}
	.profile-btn {
		position: absolute;
		left: 0;
		right: 0;
		bottom: -50px;
	}
	.profile-btn a {
		font-size: 25px !important;
		padding: 10px;
		color: #fff !important;
	}
	.menu-action .media-body h5 {
		font-size: 15px;
		font-weight: 700;
	}
	.menu-action .media-body span {
		font-size: 14px;
		font-weight: 500;
	}
	.media-list {
		padding: 15px;
	}
	.media-list ul li span:first-child {
		font-weight: 600;
		letter-spacing: 0;
		text-transform: capitalize;
	}
	.report-detail {
		border: 1px solid rgba(0, 0, 0, 0.2);
	}
	.report-detail .col {
		padding: 0 !important;
		border-right: 1px solid rgba(0, 0, 0, 0.2);
	}
	.report-detail .col .border-bottom {
		padding: 15px !important;
	}
	.report-detail .col .border-bottom span {
		color: #79797a;
		font-weight: 500;
		font-size: 16px;
	}
	.report-detail .col .border-bottom h5 {
		font-weight: 700;
		font-size: 16px;
		text-transform: capitalize;
	}
	.p-15 {
		padding: 15px !important;
	}
	b {
		text-transform: capitalize;
		font-size: 12px;
	}
	.legend {
		position: absolute;
		bottom: 15px;
		left: 15px;
		right: 0;
		width: 250px !important;
	}
	.legend p {
		font-weight: 600;
		display: flex;
		justify-content: space-between;
		margin-bottom: 10px !important;
	}
	.badge-yellow {
		background: #ffde59;
		color: #545454;
	}
	.badge-gray {
		background: #545454;
		color: #ffde59 !important;
	}
	.badge {
		border-radius: 0;
		padding: 0.45em 0.6em;
	}
	.crn-no {
		margin-bottom: 3px;
		display: block;
		font-weight: 600;
		color: rgba(255, 255, 255, 0.6) !important;
	}
	.content-wraper {
		background-color: #f8fbfd;
	}
	/*Procudure page*/
	.pay-card-block {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}
	.star-active i {
		color: #F9AE0C !important;
	}
	.btn-yellow,
	.btn-green,
	.btn-blue {
		width: 230px;
		position: relative;
		letter-spacing: 1px;
		font-weight: 700 !important;
		text-transform: uppercase;
		border-radius: 0;
	}
	.btn-green {
		background: #07ddb9;
		border: 1px solid #07ddb9;
	}
	.btn-yellow {
		background: #ffbd59;
		border: 1px solid #ffbd59;
	}
	.btn-blue {
		background: #5271ff;
		border: 1px solid #5271ff;
		color: #fff !important;
	}
	.btn-yellow:after,
	.btn-green:after,
	.btn-blue:after {
		position: absolute;
		background-image: url(../images/web/shadow_input.png);
		content: '';
		left: 50%;
		width: 150px;
		bottom: -11px;
		height: 20px;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		background-position: bottom center;
	}
	.btn:focus {
		box-shadow: none !important;
	}
	.btn-yellow+.btn-yellow {
		margin-left: 30px;
	}
	.btn-large {
		width: 300px !important;
	}
	.modal-header {
		background-color: #353f48;
		border-radius: 0;
	}
	.modal-content {
		border-radius: 0;
	}
	.modal-body h5 {
		font-weight: 600;
	}
	.close {
		color: #fff !important;
	}
	.modal-backdrop+.modal-backdrop {
		z-index: 1050;
		opacity: 0.8;
	}
	.modal+.modal {
		z-index: 1060;
	}
	.card-box {
		margin: 0 auto;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		padding: 50px 20px;
		border-radius: 3px;
	}
	.w-4 {
		width: 470px;
	}
	.gray-block {
		background-color: #c7d0d8;
		padding: 40px 50px 70px;
	}
	.btn-top {
		margin-top: -43px;
	}
	.cust-modal .modal-body {
		padding: 1rem 3.5rem;
	}
	.modal-content {
		background-color: #f6fcf9 !important;
	}
	/* Procedure Detail page */
	.bg-white-block {
		background-color: #fff;
		min-height: 0px;
		padding: 15px;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
	}
	.content-inner-area h2 {
		font-size: 40px;
		font-weight: 200;
		margin-bottom: 1px;
	}
	.content-inner-area span {
		margin-bottom: 20px;
		display: block;
		letter-spacing: 0;
		color: #000000;
		font-weight: 200;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
	}
	.rating span {
		margin-bottom: 20px;
		display: block;
		letter-spacing: 0;
		color: #000000;
		font-weight: 300;
		font-size: 14px;
	}
	.rating {
		display: flex;
		align-items: center;
		margin-bottom: 0.9375rem;
	}
	.p-style {
		font-size: 15px !important;
		color: #000 !important;
	}
	.rating a i {
		font-size: 18px;
		margin: 0 2px;
	}
	.rating-link a {
		color: #5271ff !important;
		font-weight: 300;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
	}
	.rating-link a:first-child::after {
		content: " ";
		border-right: 1px solid #5271ff;
		margin-right: 6px;
	}
	.label-warning {
		background-color: #ff914d;
		color: #fff;
	}
	.label {
		padding: 2px 15px;
		display: inline-block !important;
	}
	.label i {
		margin-left: 0.25rem;
		vertical-align: middle;
	}
	.read-more {
		color: #5271ff !important;
		font-weight: 600;
		font-size: 15px !important;
	}
	.card-block {
		border: 1px solid rgba(0,0,0,0.3);
		margin-bottom: 0.9375rem;
	}
	.card-block .card-head {
		text-align: center;
		border-bottom: 1px solid rgba(0,0,0,0.3);
		padding: 20px 10px;
		background: #cfd2d3;
	}
	.card-block .card-head h5 {
		font-size: 14px;
		font-weight: 700;
	}
	.card-block .card-content {
		padding: 0.9375rem 0.625rem;
	}
	.fw-bold {
		font-weight: 700;
	}
	.col-right-border [class*="col"] {
		border-right: 1px solid rgba(0, 0, 0, 0.3);
	}
	.col-right-border [class*="col"]:last-child {
		border-right: 0;
	}
	.flex-p p {
		display: flex;
		justify-content: space-between;
		margin-bottom: 1px;
	}
	.center-fig {
		height: 200px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.procedure-right-block {
		position: relative;
	}
	.detail-box {
		border: 7px solid #cfd1d3;
		padding: 0.9375rem;
		position: absolute;
		bottom: -400px;
		background-color: #f8fbfd;
		margin: 0 0.9375rem;
	}
	.detail-box ul li {
		position: relative;
	}
	.detail-box ul li:before {
		content: " ";
		height: 5px;
		width: 5px;
		background-color: rgba(0,0,0,0.7);
		display: inline-block;
		border-radius: 100%;
		position: absolute;
		left: -10px;
		top: 8px;
	}
	.radio-wrap {
		display: flex;
		align-items: center;
		background-color: #d9d9d9;
		width: 100%;
	}
	.radio-wrap span {
		padding: 8px 10px;
		/* border-right: 2px solid rgba(0,0,0,0.3); */
		font-size: 14px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	ul.radio_banner span:nth-child(2) {
    width: 138px;
    border-right: 2px solid rgba(0,0,0,0.3);
    border-left: 2px solid rgba(0,0,0,0.3);
}
ul.radio_banner span:nth-child(3) {
    max-width: 50px;
    width: 50px;
}
ul.radio_banner span:nth-child(1) {
    min-width: 276px;
    max-width: 200px;
}
	.radio-wrap span:nth-child(2) {
		width: 320px;
	}
	.radio-wrap span:last-child {
		border-right: none;
		display: flex;
		margin: 0 auto;
	}
	.radio-wrap input[type="radio"] {
		width: 20px;
		height: 20px;
	}
	.form-row [class*="col"] {
		border-right: 0;
	}
	small, .small {
		color: #b4b6b7;
	}
	.tc-wrap {
		display: inline-block;
		text-align: right;
	}
	.tc-link {
		color: #5271ff !important;
	}
	/*===== Media Style =====*/
	@media (min-width: 992px) {
		.modal-lg {
			max-width: 950px;
		}
	}
	/*==== Loader Style ====*/
	.loader-wrapper {
		background-color: 
		rgba(0,0,0,0.8);
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.loader {
		position: relative;
		width: 60px;
		height: 60px;
	}
	.loader-outter, .loader-inner {
		position: absolute;
		border: 4px solid #f9ae0c;
		-webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
		animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
		border-radius: 50%;
	}
	.loader-outter {
		border-left-color: transparent;
		border-bottom: 0;
		width: 100%;
		height: 100%;
	}
	.loader-inner {
		width: 40px;
		height: 40px;
		left: calc(50% - 20px);
		top: calc(50% - 20px);
		border-right: 0;
		border-top-color: transparent;
	}
	@keyframes loader-1-outter {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@keyframes loader-1-inner {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(-360deg);
			transform: rotate(-360deg);
		}
	}
	/* beard css */
	.greyboxgal{
		background-image: url(../images/procedure/hair/beard/greyboxbg.jpg);
		background-position: cover;
		padding: 40px 0px;
		background-position: center; /* Center the image */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: cover; /* Resize the background image to cover the entire container */
		margin-top: 53px;
	}
	.greybox img {
		filter: gray; 
		-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		margin-bottom:20px;
		webkit-box-shadow: 0 14px 10px -12px rgba(0, 0, 0, 0.5);
		box-shadow: 0 14px 10px -12px rgba(0, 0, 0, 0.5);
	}
	.eyeboxgal{
		background-image: url(../images/procedure/hair/beard/greyboxbg.jpg); 
		background-position: cover;
		padding: 40px 0px;
		background-position: center; /* Center the image */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: cover; /* Resize the background image to cover the entire container */
		margin-top: 53px;
	}
	.eyebox img {
		filter: gray; 
		-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
		margin-bottom:20px;
		webkit-box-shadow: 0 14px 10px -12px rgba(0, 0, 0, 0.5);
		box-shadow: 0 14px 10px -12px rgba(0, 0, 0, 0.5);
	}
	.greyhead1 {
		color: #b3b7b9 !important;
		font-weight: 600;
	}
	.cw1{
		color:#fff !important
	}
	.greybox img:hover {
		filter: none; 
		-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
	}
	.greyhead1 {
		color: #b3b7b9 !important;
		font-weight: 600;
	}
	.cw1{
		color:#fff !important
	}
	.eyebox img:hover {
		filter: none; 
		-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
	}
	.nextnn {
		background: #fff;
		height: 40px;
		width: 40px;
		display: block;
		float: right;
		border-radius: 50%;
	}
	a.nextnn i {
		font-size: 30px;
	}
	.bor333{
		border: 10px solid #c7d0d8;
	}
	.gradient-none {
		padding: 100px 30px !important;
	}
	.gradient-none h6.text-left {
		display: flex;
		align-items: center;
		text-transform: none;
		letter-spacing: normal !important;
		font-size: 15px;
		color: #092844;
	}
	.gradient-none p {
		color: #001f73 !important;
		font-size: 12px !important;
		font-family: 'Arimo', sans-serif;
		letter-spacing: 1px;
		font-weight: 100;
	}
	.step .gradient-none .custom-input:focus {
		outline: none;
		border-bottom: 1px solid #133f67 !important;
	}
	.step .gradient-none .pagination h1 {
		display: none;
	}
	.arrow.nxt-sbm {
		background: #f9ae0c;
		width: 100%;
		display: flex;
	}
	.arrow.nxt-sbm a {
		color: #fff !important;
		text-transform: uppercase;
		letter-spacing: normal;
		padding: 10px 15px;
		width: 100%;
		text-align: center;
	}
	.arrow.nxt-sbm a:hover {
		background: #007bff;
		transition: 0.3s ease;
	}
	.gradient h3 {
		font-weight: 200;
	}
	#mc_embed_signup .mc-field-group input {
		display: block;
		width: 100%;
		padding: 8px 2px;
		text-indent: 2%;
		border-radius: 0px;
	}
	footer .mc-field-group {
		width: 100% !important;
	}
	footer .right-field-group input.btn {
		margin: 0px !important;
		padding: 9px 10px;
		border: none !important;
		background-color: #f9ae0c !important;
		font-weight: 500 !important;
	}
	footer form {
		padding: 0px !important;
	}
	footer h6 {
		color: #f9ae0c;
		font-size: 14px;
		font-weight: 300;
	}
	footer {
		background:#0f161d;
	}
	footer a, footer p {
		color: #e4e4e4 !important;
		font-family: 'Montserrat', sans-serif;
		font-weight: 200;
		font-size: 13px !important;
	}
	.ex img {
		filter: invert(1);
	}
	.ex p b {
		color: white;
	}
	footer .border-bottom {
		border-bottom: 1px solid #101d27!important;
	}
	footer .border-top {
		border-top: 1px solid #101d27!important;
	}
	a#button {
		background: #f9ae0c;
	}
	a#button:hover {
		background-color: #ffffff;
	}
	a#button:hover:after {
		color: #10171d;
	}
	footer .form-control {
		height: calc(2.25rem + 1px);
	}
	.news-letter input {
		border: none !important;
	}
	.news-letter input.form-control.email {
		padding: 5px 5px !important;
	}
	.mockup-04 .get-started .btn {
		background: #f9ae0c !important;
	}
	.report-page .pro-content {
		background-color: #fff;
		border: solid 1px gray !important;
		border-radius: 5px;
		padding: 3px 3px;
	}
	.report-page .hair-offers {
		background-color: #f2f2f2;
	}
	.report-page .hair-offers h5 {
		font-size: 16px;
		text-transform: none !important;
	}
	.report-page .review-detail {
		padding-left: 30px;
	}
	.before-after .comment {
		padding-left: 15px;
	}
	.news-letter .input-group {
		flex-wrap: nowrap !important;
	}
	footer .right-field-group input.btn:hover {
		background: #007bff !important;
	}


	/* testimonials */
	.testimonial-main {
		background: #f2f2f2;
		padding-bottom: 100px !important;
	}
	.testimonial-main .carousel {
		margin: 0 auto;
		padding: 0 70px;
	}
	.testimonial-main .carousel .item {
		color: #999;
		overflow: hidden;
		min-height: 120px;
		font-size: 13px;
	}
	.testimonial-main .carousel .media {
		position: relative;
		padding: 20px 0 0px 0px;
	}
	.testimonial-main .carousel .media img {
		width: 75px;
		height: 75px;
		display: block;
		border-radius: 50%;
	}
	.testimonial-main .carousel .testimonial-wrapper {
		padding: 0 10px;
	}
	.testimonial-main .carousel .testimonial {
		position: relative;
		padding: 30px;
		background: #fff;
		border: 1px solid #efefef;
		margin-bottom: 15px;
		-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
		height: 100vh !important;
		max-height: 280px !important;
	}
	.testimonial-main .carousel .testimonial p {
		color: #757575;
		font-family: 'Montserrat', sans-serif;
		font-weight: 200;
		font-size: 15px;
		line-height: 26px;
	}
	.testimonial-main .carousel .testimonial::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		bottom: -25px;
		left: 69px;
		border-top: 25px solid #fff;
		border-right: 25px solid transparent;
	}

	.testimonial-main .carousel .star-rating li {
		margin-right: 0px !important;
	}
	.testimonial-main .carousel .overview .star-rating li span {
		font-size: 16px;
		color: #d9d9d9;
	}
	.testimonial-main .carousel .overview .star-rating li span.checked {
		font-size: 16px;
		color: #ffbd59 !important;
	}
	.testimonial-main .carousel .overview {
		padding: 3px 0 0 15px;
	}
	.testimonial-main .carousel .overview .details {
		padding: 4px 0 4px;
		color: #757575;
	}
	.testimonial-main .carousel .overview b {
		text-transform: uppercase;
		color: #007bff;
	}
	.testimonial-main .carousel .carousel-indicators {
		bottom: -70px;
	}
	.testimonial-main .carousel-indicators li, .testimonial-main .carousel-indicators li.active {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		margin: 1px 2px;
	}
	.testimonial-main .carousel-indicators li {	
		background: #e2e2e2;
		border: 4px solid #fff !important;
	}
	.testimonial-main .carousel-indicators li.active {
		color: #fff;
		background: #007bff;
		border: 5px double #fff !important;    
	}
	.testimonial-main h2 {
		font-size: 32px;
		font-weight: 200;
		text-align: center;
		margin-bottom: 30px;
	}
	.testimonial-main h2 b {
		color: #F9AE0C;
		font-size: 32px;
		text-transform: uppercase;
	}
	.procedure-right-block, .pay-card-block{
		position: sticky !important;
		top: 30px !important;
	}
	#app {
		overflow-x: unset !important;
	}
	#app header {
		height: 53px;
		top: 0 !important;
	}
	.change_p_type.selected {
		background: #636363 !important;
		border: 1px solid #636363  !important;
		cursor: auto !important;
		color: #fff !important;
	}
	.procedure-wrap {
		padding-bottom: 100px;
	}
	.procedure-right-block .detail-box {
		position: unset !important;
		margin-top: 100px;
	}
/*.image-radio {
  width: 250px;
  height: 340px;
  }*/
  .image-radio img {
  	border-top-right-radius: 5px;
  	border-top-left-radius: 5px;
/*  width: 100%;
height: 250px;*/
}
#schedule-appoint .row .col-md-3 {
	display: flex;
	justify-content: center;
}
.table-small thead tr td, .table-small tbody tr td {
	font-size: 11px;
	text-align: center;
}
.table .thead-dark td {
	background-color: #343a40 !important;
	color: #fff !important;
}
.breakdown-graft li {
	font-size: 11px !important;
	font-weight: 600;
	letter-spacing: 0;
	max-width: 160px;
	margin-bottom: 3px;
}
.breakdown-graft li:first-child {
	max-width: 100% !important;
	display: flex;
}
.red-block {
	background: #ff5757;
	padding: 5px;
	box-shadow: inset 0px 14px 8px -10px rgba(0,0,0,0.3); 
}
.red-block p {
	font-size: 11px !important;
}
.selected_opt i {
	font-size: 14px;
}
.breakdown-graft {
	position: relative;
}
.breakdown-graft::after {
	content: " ";
	background-image: url(/public/images/web/bracket.png);
	background-size: contain;
	display: block;
	height: 65px;
	background-repeat: no-repeat;
	position: absolute;
	top: 30px;
	left: 65%;
	right: 0;
}

.graft-text {
	font-size: 9px;
	width: 40px;
	display: block;
	position: absolute;
	right: 4px;
	top: 40px;
	word-break: break-word;
}
.menu-action [class*="col"]:last-child {
	border-right: 0 !important;
}
ul.m-auto li a {
	white-space: inherit !important;
}
.f-bold {
	font-weight: bold;
}
.main-space main {
	margin-top: 53px;
}

.follow-sidebar {
	max-height: 116px !important;
	overflow-y: auto;
	overflow-x: hidden;
}
.pos-abs {
	position: relative;
	height: 600px;
}
.pos-abs img {
	position: absolute;
	top: 0;
	right: -110px;
	height: 600px;
}
.overlay-wrapper {
	position: relative;
}
.overlay-content {
	position: absolute;
	top: 0;
	left: 50px;
	width: 43%;
	display: flex;
	align-items: center;
	bottom: 0;
}
.d-center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.content-area h5 {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0.9375rem;
}
.content-area ul li {
	margin-bottom: 5px;
}
.w-30 {
	width: 30% !important;
}
.z-index-1 {
	z-index: 1;
}
.faq-banner {
	background-image: url(../images/faq/faq-bg.jpg);
	background-attachment: fixed;
	position: relative;
}
.faq-banner::after {
	background: #fdc830;
	background: -webkit-linear-gradient(to right, #fdc830, #f37335);
	background: linear-gradient(to right, #fdc830, #f37335);
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.7;
}
.backbtn {
	width: 100px;
	transition: all 0.4s;
	background-color: #f9ae0c;
	color: #fff !important;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.backbtn span {
	display: inline-block;
	position: relative;
	transition: 0.5s;
}
.backbtn span:before {
	content: "\f177";
	position: absolute;
	opacity: 0;
	top: -4px;
	left: -20px;
	transition: 0.4s;
	font-size: 1.25rem;
	font-family: "FontAwesome";
}
.backbtn:hover span {
	padding-left: 25px;
}
.backbtn:hover span:before {
	opacity: 1;
	left: -3px;
}
.card {
	background-color: #fff;
	border-radius: 5px;
	border: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.fs-14 {
	font-size: 14px !important;
}
.fs-12 {
	font-size: 12px !important;
}
.after-none::after {
	background: none !important;
}
.reschedule_btn {
	color: #5876ff !important;
}
.scrollable {
	max-height: 280px;
	overflow-y: auto;
}
.dr-comment {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}
.dr-comment .card-head {
	padding: 0.625rem 0.9375rem;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.dr-comment .card-body ul li {
	padding: 0.625rem 0.9375rem;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.dr-comment .card-body ul li:last-child {
	border-bottom: 0;
}
.dr-comment .card-body ul li span {
	color: #007bff;
}
.profile-datail ul li .single-noti {
	border-bottom: 0 !important;
	border-top: 1px solid rgba(0,0,0,0.2);
}
.profile-datail ul li .single-noti:hover * {
	color: #333 !important;
}
.noti-head {
	display: flex;
	align-items: center;
	padding: 0.625rem;
	background: #f9ae0c;
	color: #fff;
	font-size: 16px !important;
}
.noti-head i {
	font-size:  1.125rem !important;
}
.text-blue {
	color: #007bff !important;
}
.arrow-list li {
	margin-bottom: 8px;
	position: relative;
	padding-left: 1.25rem;
}
.arrow-list li:before {
	content: "\f138";
	position: absolute;
	font-family: "FontAwesome";
	left: 0;
	color: #FF914C;
}
.right-sidebar p {
	display: flex;
	justify-content: space-between;
}
.right-sidebar p:nth-child(2) {
	text-align: right !important;
}
.border-cus h4 {
	font-size: 14px;
	font-weight: 700;
}
.rating span {
	margin-bottom: 0 !important;
}
.custom-progress {
	margin-bottom: 2px;
}
.pagination li .page-link {
	border: 0 !important;
	margin: 0 5px;
	color: #007bff !important;
	font-weight: 700;
}
.pagination li .page-link:focus {
	box-shadow: none;
}
.pagination li.active .page-link {
	color: #fff !important;
}
.pagination li.active .page-link, .pagination li .page-link:hover {
	border-radius: 100%;
}
.pagination {
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	padding: 8px;
   border-radius: 35px;
}
.img-cus img {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	border-radius: 100%;
}
.see a:hover {
	color: #f9ae0c !important;
}
.before-after .detail-content .img-cus img {
	width: 76px;
    height: 76px;
    max-width: 100%;
}
.more_offers .pro-content {
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	padding: 10px;
	border-radius: 7px;
}
.before-after-imgs img {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	margin: 10px;
	padding: 0 !important;
}
.pagination.justify-content-start, .pagination.justify-content-end, #reports .menu-action {
	box-shadow: none;
	padding: 0;
}
#reports .menu-action {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.justify-text p {
	text-align: justify;
   word-break: break-word;
}
.row-eq[class*="col"] {
   display: grid;
   grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
}
.twitter-typeahead {
   display: block !important;
}
.twitter-typeahead input {
   border: none !important;
   box-shadow: none !important;
   border-radius: 0 !important;
}
.offers-over-hide {
    overflow-y: hidden !important;
}
.offers-over-hide .modal-body {
    height: 450px;
    overflow-y: auto;
}
.review-detail .img-cus img{
	width: 76px;
	height: 76px;
    max-width: 100%;
}