/*==================== Body Style Start ==================== */
body {
	/* font-family: 'Roboto', sans-serif; */
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 24px;
}

/*==================== Body Style End ==================== */


/*==================== Typography Start ==================== */
h1, h2, h3, h4, .h1 {
	font-family: 'Comfortaa', cursive;
}

.h1 {
	font-size: 70px;
	text-align: center;
	margin: 0;
	line-height: 80px;
	font-weight: 700;

	color: #fff;
	text-shadow: 1px 1px 2px #052055;
}

h3 {
	font-size: 24px;
	line-height: 21px;
	text-transform: uppercase;
	margin: 0;
}
h6 {
	font-size: 12px;
	/* line-height: 21px; */
	/* text-transform: uppercase; */
	/* margin: 0; */
}


/*==================== Typography End ==================== */


/*==================== Buttons Style Start ==================== */
.vertical-align {
	padding-top: 12px;
}

.btn:active, .btn.active {
	box-shadow: none;
}

.btn-primary {
	color: #fff;
	padding: 10px 27px;
	font-size: 14px;
	line-height: 21px;
	background-color: #2eb5bb;
}

.btn-info {
	font-size: 18px;
	font-weight: 500;
	border-color: #2eb5bb;
	padding: 6px 28px;
}

.btn-info:active:hover,
.btn-info.active:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info.focus:active,
.btn-info.active.focus,
.btn-info:focus,
.btn-info.focus,
.btn-info:hover {
	background-color: #ccbd74;
	color: #fff;
}

/*==================== Buttons Style End ==================== */


/*============ SelectBox Style===============*/
.dd {
	width: 100% !important;
	cursor: pointer;
}

.dd2 {
	float: left;
	cursor: pointer;
}

.width_select {
	width: 260px;
}

.ddTitle {
	width: 100%;
	position: relative;
}

.ddChild {
	width: 100% !important;
	display: none;
	overflow: auto;
	position: absolute;
	z-index: 0 !important;
	top: 100%;
	left: 0;
	background: #fff;
	min-height: 225px;
	border-radius: 0 0 8px 8px;
	padding-top: 5px;
}

.ddTitle .arrow {
	margin-top: -3px;
	position: absolute;
	right: 0;
	top: 50%;
	vertical-align: middle;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px dashed #000;
}

.ddTitle>.ddTitleText {
	font-size: 18px;
	font-weight: 500;
	padding: 6px 0;
	display: block;
}

.ddTitle>.ddTitleText span {
	vertical-align: top;
}

.ddTitle>.ddTitleText>i {
	vertical-align: top;
	font-size: 24px;
}

.ddChild a.enabled {
	border-bottom: 1px solid #e5e5e5;
	display: block;
	padding: 5px 18px 5px 32px;
	position: relative;
	float: left;
	width: 44%;
	margin: 0 15px;
	font-size: 18px;
	line-height: 25px;
}

.ddChild .enabled i {
	font-size: 26px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 5px;
}

.ddChild a.enabled:first-child {
	display: none !important;
}

.search-wrapper .row>[class*="col-"] {
	position: static;
}

.dd i.icon-electrical {
	color: #f05a28;
}

.dd i.icon-home {
	color: #652c90;
}

.dd i.icon-pestcontrol {
	color: #ed1c24;
}

.dd i.icon-computerrepair {
	color: #00adef;
}

.dd i.icon-cleaning {
	color: #ec008b;
}

.dd i.icon-plumber {
	color: #006738;
}

.dd i.icon-appliances {
	color: #744c28;
}

.dd i.icon-geyser {
	color: #2e3092;
}

.dd i.icon-painting {
	color: #00a550;
}

.dd i.icon-vehiclecare {
	color: #ba9f2f;
}

.dd i.icon-carpentry {
	color: #262261;
}

/*==============SelectBox Style End=====================*/

/*==================== General Style Start ==================== */
a:hover, a:focus {
	text-decoration: none;
	outline: none;
}

.section-block {
	padding: 60px 0;
}

.sub-heading {
	font-size: 24px;
	color: #b4b2b2;
	font-family: 'Changa One', cursive;
	text-transform: uppercase;
}

.blue-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.row-height {
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}

.col-sm-height {
	display: table-cell;
	float: none;
	height: 100%;
	vertical-align: middle;
	padding: 0;
	
}

.inside-full-height {
	height: 100%;
	margin-bottom: 0;
}

.form-group {
	margin-bottom: 25px;
}

.form-control {
	border-color: #dedbdb;
	height: 50px;
	color: #666;
	box-shadow: none;
	background: #fff;
}

.form-control:focus {
	box-shadow: none;
}

.label_check, .label_radio {
	padding-left: 30px;
	font-weight: normal;
	min-height: 20px;
}

.label_radio {
	background: url(../images/radio-off.jpg) no-repeat;
}

.label_check {
	background: url(../images/check-off.jpg) no-repeat;
}

label.c_on {
	background: url(../images/check-on.jpg) no-repeat;
}

label.r_on {
	background: url(../images/radio-on.jpg) no-repeat;
}

.label_check input, .label_radio input {
	position: absolute;
	left: -9999px;
}

.form-group .label_check {
	font-size: 11px;
	margin: 0;
}

.help-block {
	font-size: 11px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	background: #f5f5f5;
}

/*==================== General Style End ==================== */
/*==================== Header Start ==================== */
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;/*====================YASIN_START_150562023==================== */
	z-index: 10000;/*====================YASIN_END_150562023==================== */
	background-color: #2eb5bb;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.navbar-brand {
	padding: 0;
	margin-top: 25px;
	height: auto;
	float: none;
	display: inline-block;
}

.navbar-toggle {
	margin: 0;
	float: left;
	padding: 0;
}

.navbar-toggle .icon-bar {
	width: 24px;
	height: 3px;
	background: #fff;
	border-radius: 0px;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 5px;
}

#header.sticky-header {
	background: #2eb5bb;
}

/*==================== Header End ==================== */


/*==================== Navigation Start ==================== */
.register-link {
	float: left;
	border-left: 1px solid rgba(255, 255, 255, 0.2)
}

.register-link a {
	color: #000;
	font-size: 16px;
	display: inline-block;
	padding: 6px 14px;
}

.register-link em {
	margin-right: 15px;
}

.navigation, .register-link {
	padding: 33px 0 23px;
}

.navigation {
	float: left;
}

.navbar-collapse {
	padding: 0;
}

.navbar-nav>li>a {
	/* color: #000; */
	font-size: 16px;
	background: none;
	padding: 10px 14px;
	font-family: 'Comfortaa', cursive;
}

.navigation.open .navbar-nav>li>a {
	color: #fff;
}


.nav>li>a:hover, .nav>li>a:focus {
	background: none;
}

.navbar-nav>li>.dropdown-menu {
	box-shadow: none;
	border-radius: 10px;
	padding: 5px 10px;
}

.dropdown-menu>li>a {
	font-size: 18px;
	color: #666;
	border-bottom: 1px solid #e5e5e5;
}

.dropdown-menu>li:last-child>a {
	border: none;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background: none;
}

/*==================== Navigation End ==================== */


/*==================== Banner Start ==================== */
#banner {
	position: relative;
}

#banner .slick-slide {
	position: relative;
}

#banner video {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.banner-thumb {
	background-size: cover;
	background-position: top center;
	min-height: 550px;
	opacity: .5;
}

.banner-text-wrapper {
	position: absolute;
    
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
	top: 50%;
	
	left: 25%;
		
	text-align: center;
	z-index: 1;
}



.innerPage .banner-thumb {
	min-height: 598px;
}

#banner .slick-prev, #banner .slick-next {
	z-index: 9;
}

.service-banner {
	
	text-align: left;
}

.service-banner h1 {
	font-size: 36px;
	line-height: 38px;
	color: #fff;
	text-align: left;
	margin-bottom: 20px;
}

.service-banner ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.service-banner ul li {
	color: #fff;
	background: url(../images/tick-icon.png) no-repeat left 8px;
	padding-left: 27px;
	padding-bottom: 10px;
}

.service-banner .sub-heading {
	font-size: 18px;
	color: #fff;
	text-transform: none;
	margin-bottom: 30px;
}

.search-wrapper {
	background: #fff;
}

.search-wrapper {
	padding: 12px 15px;
	/*text-align: left;*/
	margin-top: 30px;
	border-radius: 8px;
	position: relative;
}

.search-wrapper .service-list {}

#service-open {
	display: block;
	padding: 6px 0;
	font-size: 18px;
	position: relative;
	font-weight: 500;
}

#service-open:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px dashed;
}

#service-open.open:after {
	border-top: none;
	border-bottom: 7px dashed;
}

.search-wrapper .services {
	padding: 0;
	margin: 0;
	list-style: none;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border-radius: 0 0 8px 8px;
	margin-top: -7px;
	display: none;
}

.search-wrapper .services li {
	width: 50%;
	float: left;
	font-size: 18px;
	line-height: 25px;
	text-align: left;
	padding: 0 15px;
}

.search-wrapper .services li a {
	border-bottom: 1px solid #e5e5e5;
	padding: 5px 18px;
	display: block;
}

.search-wrapper .services li i {
	margin-right: 10px;
	font-size: 26px;
	vertical-align: middle;
}

.search-wrapper .services li.service1 i {
	color: #f05a28;
}

.search-wrapper .services li.service2 i {
	color: #652c90;
}

.search-wrapper .services li.service3 i {
	color: #ed1c24;
}

.search-wrapper .services li.service4 i {
	color: #00adef;
}

.search-wrapper .services li.service5 i {
	color: #ec008b;
}

.search-wrapper .services li.service6 i {
	color: #006738;
}

.search-wrapper .services li.service7 i {
	color: #744c28;
}

.search-wrapper .services li.service8 i {
	color: #2e3092;
}

.search-wrapper .services li.service9 i {
	color: #00a550;
}

.search-wrapper .services li.service10 i {
	color: #ba9f2f;
}

.search-wrapper .services li.service11 i {
	color: #262261;
}

.search-wrapper .bootstrap-select .dropdown-menu {
	border-radius: 0 0 8px 8px;
	border: none;
}

.search-wrapper .bootstrap-select {
	position: relative;
	padding-left: 25px;
	float: left;
	/*border-left: 1px solid #e5e5e5;*/
}

/*.search-wrapper .bootstrap-select:before {
	content: "\f1d9";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	top: 6px;
	color: #eb1c24;
	font-size: 18px;
}*/
.search-wrapper .btn-group .dropdown-toggle.btn-default {
	box-shadow: none;
	background: #fff;
	border-color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 6px 50px 6px 0;
}

.search-wrapper .bootstrap-select.btn-group .dropdown-menu {
	padding: 5px 10px;
	box-shadow: none;
}

.search-wrapper .bootstrap-select.btn-group .dropdown-menu li a {
	font-size: 18px;
	color: #666;
	padding: 7px 18px;
	line-height: 25px;
}

.search-wrapper .bootstrap-select.btn-group .dropdown-menu li a:hover {
	color: #ccbd74;
}

.search-wrapper .bootstrap-select.btn-group .dropdown-toggle .caret {
	border-width: 7px;
	color: ;
}

/*==================== Banner End ==================== */



/* Responsive Style Start 
-------------------------------------------------- */
@media (min-width: 768px) {

	/*==================== Navigation Start ==================== */
	.navigation .close-menu {
		display: none;
	}

	.navigation .mobile-arrow {
		display: none;
	}

	.navbar-nav>li .dropdown-menu {
		display: none !important;
	}

	.navbar-nav>li:hover .dropdown-menu {
		display: block !important;
	}

	/*==================== Navigation End ==================== */
}

@media (max-width: 1199px) {

	/*==================== Typography Start ==================== */
	h1, .h1 {
		font-size: 60px;
		line-height: 72px;
	}

	/*==================== Typography End ==================== */


	/*==================== Navigation Start ==================== */
	.register-link a {
		padding: 10px 0 10px 10px;
	}

	.register-link em {
		margin-right: 10px;
	}

	.navbar-nav>li>a {
		padding: 10px;
	}

	.dropdown-menu>li>a {
		font-size: 16px;
	}

	/*==================== Navigation End ==================== */


}

@media (max-width: 991px) {

	/*==================== Typography Start ==================== */
	h1, .h1 {
		font-size: 56px;
		line-height: 62px;
	}

	h2 {
		font-size: 44px;
	}

	/*==================== Typography End ==================== */


	/*==================== General Style Start ==================== */
	.sub-heading {
		font-size: 22px;
	}

	/*==================== General Style End ==================== */

	/*==================== Navigation Start ==================== */
	.register-link a {
		padding: 10px 0 10px 8px;
		font-size: 14px;
	}

	.register-link em {
		margin-right: 8px;
	}

	.navbar-nav>li>a {
		padding: 10px 8px;
		font-size: 14px;
	}

	.navigation, .register-link {
		padding: 15px 0 12px;
	}

	.dropdown-menu>li>a {
		font-size: 14px;
	}

	/*==================== Navigation End ==================== */

	/*==================== Banner Start ==================== */
	.banner-thumb {
		min-height: 500px;
	}

	#banner video {
		height: 500px;
	}

	/*==================== Banner End ==================== */

}

@media (max-width: 767px) {

	/*==================== Typography Start ==================== */
	h1, .h1 {
		font-size: 46px;
		line-height: 52px;
	}

	h2 {
		font-size: 42px;
	}

	/*==================== Typography End ==================== */

	/*==================== General Style Start ==================== */
	.sub-heading {
		font-size: 20px;
	}

	/*==================== General Style End ==================== */


	/*==================== Header Start ==================== */
	#header {
		padding: 12px 0 11px;
	}

	.navbar-brand {
		margin-top: 0;
	}

	.navbar-brand>img {
		max-width: 90px;
	}

	/*==================== Header End ==================== */

	/*==================== Navigation Start ==================== */
	.navbar-nav {
		margin: 0;
	}

	.navigation, .register-link {
		padding: 0;
		float: none;
	}

	.navbar-header {
		text-align: center;
	}

	.register-link {
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		float: none;
		padding: 12px 0 0;
		text-align: center;
	}

	.register-link a {
		padding: 0;
	}

	.navigation {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		padding: 10px;
		overflow-y: auto;
		z-index: 99999 !important
	}

	.navigation .close-menu {
		position: absolute;
		right: 10px;
		top: 10px;
		color: #fff;
		cursor: pointer;
		height: 21px;
		width: 21px;
		font-size: 25px;
		text-align: center;
		line-height: 18px;
	}

	.navigation .navbar-collapse {
		margin-top: 40px;
	}

	body.bodyfixed {
		overflow: hidden;
	}

	.navbar-nav>li>.dropdown-menu {
		position: static;
		top: 0;
		float: none;
	}

	.navigation .mobile-arrow {
		height: 20px;
		width: 20px;
		cursor: pointer;
		background: #fff;
		border-radius: 2px;
		font-weight: 500;
		line-height: 20px;
		position: absolute;
		right: 0;
		top: 9px;
		font-size: 35px;
		text-align: center;
	}

	.navbar-nav>li>a .fa {
		display: none;
	}

	/* Blue Background Color */
	#our-features, .copyright, #header.sticky-header, .innerPage #header, .style-box .inner-box, .style-box .box-icon, .btn-primary, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.focus:active, .btn-primary.active.focus, .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {
		background: #2eb5bb;
		color: #fff;
	}

	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
		border-bottom-color: #eb1c24;
	}

	@media (max-width: 767px) {

		/* Blue Background Color */
		.navigation {
			background-color: #2eb5bb;
			z-index: 99999 !important
		}
	}

	/*==================== Navigation End ==================== */


	/*==================== Banner Start ==================== */
	.innerPage .banner-thumb {
		min-height: 430px;
	}

	#banner video {
		height: 430px;
	}

	.service-banner ul li {
		padding-bottom: 5px;
	}

	.service-banner h1 {
		font-size: 30px;
		line-height: 28px;
		margin-bottom: 12px;
		margin-top: 35px;
	}

	.service-banner .sub-heading {
		font-size: 16px;
		margin-bottom: 18px;
	}

	.search-wrapper .bootstrap-select {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
	}

	.search-wrapper .bootstrap-select.btn-group .dropdown-toggle .caret {
		right: 0;
	}

	.search-wrapper .services li {
		width: 100%;
	}

	/*==================== Banner End ==================== */

}

@media (max-width: 639px) {

	/*============ SelectBox Style===============*/
	.ddChild a.enabled {
		width: 100%;
		margin: 0;
	}

	.ddChild {
		padding: 0 15px;
		min-height: 1px;
	}

	.search-wrapper .service-list {
		padding-top: 5px;
	}

	/*============ SelectBox Style End===============*/
}


IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
 }

.center-text
	{
		margin-left: 25%;
		margin-top:10%;
		z-index: 9999;

	}

@media (max-width: 479px) {


	.center-text
	{
		top: 10%;
		margin-left: 0%;
		z-index: 50;
	
		
	}
	


	/* center-text,.center-text{
		padding-top:30%
	} */

	/*==================== Typography Start ==================== */
	h1, .h1 {
		font-size: 34px;
		line-height: 36px;
	}

	h2 {
		font-size: 30px;
	}

	/*==================== Typography End ==================== */

	/*==================== General Style Start ==================== */
	.sub-heading {
		font-size: 18px;
	}

	/*==================== General Style End ==================== */

	/*==================== Banner Start ==================== */
	.innerPage .banner-thumb {
		min-height: 375px;
	}

	.service-banner h1 {
		font-size: 18px;
		line-height: 20px;
	}

	.service-banner .sub-heading {
		font-size: 14px;
		line-height: 14px;
	}

	.service-banner ul li {
		padding-bottom: 0;
		font-size: 13px;
	}

	/*==================== Banner End ==================== */

}

.download-nazam {
	font-size: 30px;
	color: #000;
	float: left;
	margin: auto;
	align-items: center;
	padding: 18px 0px;
}

.download-nazam span {
	display: block;
	padding: 0px;
	margin: auto;
	align-items: center;
	color: #5e5e5e;
	font-size: 20px;
}

.download-app-section {
	background: #f9f9f9;
	margin: auto;
	align-items: center;
	padding-left: 10%;
	padding-right: 10%;

}

.d-msg {
	/* margin-right: 5%; */
}
.download-nazam-msg{
	margin: auto;
	align-items: center;
	display: block;
}

.d-app {
	margin: 0px;
	padding: 0px;
	float: left;
}

.d-app li {
	list-style: none;
	padding: 0px;
	margin: 0px;

	display: inline-block;
	margin: 10px;
}

.d-app li a {
	display: block;
	width: 80px;
	height: 80px;
	background: #ccbd74;
	text-align: center;
	border-radius: 300px;
}


.d-app li a .fa {
	color: #fff;
	text-align: center;
	font-size: 56px;
	line-height: 75px;
}
.d-app img{
	display: block;
	/* width: 85% !important; */
	height: 75% !important;
	/* background: #ccbd74; */
	margin-left: 18%;
	padding-top: 10%;

	/* margin-bottom: -10px; */
	/* margin-top: 50%; */
	text-align: center;
	/* border-radius: 300px; */
}

.country-code {
	width: 75px;
	padding: 0px;
	margin-right: 20px;
	float: left;
}

.form-height-50 {
	height: 50px;
}

.sms-form-control {
	height: 50px;
	/* max-width: 50%; */
}

.input-group-addon2 {
	background: #ccbd74;
	color: #fff;
	border-radius: 6px;
	border: 1px solid #ccbd74;
	font-weight: 700;
	cursor: pointer;
}

/*SERVICE CAROUSEL */


.clearout {
	height: 20px;
	clear: both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}

.nbs-flexisel-ul {
	position: relative;
	width: 99999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	overflow: auto;
}

.nbs-flexisel-inner {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
}

.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 20px;
}

.nbs-flexisel-item img {
	cursor: pointer;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

#flexiselDemo1 img, #flexiselDemo6 img, #flexiselDemo7 img {
	max-width: 60px !important;
}

#flexiselDemo3 img {
	width: 100%;
	border-radius: 15px;
}

.flex-wrapper {
	padding: 0px 15px;
	position: relative;
	border-radius: 15px;
}

.flex-head {
	position: absolute;
	top: 50%;
	right: 15px;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	line-height: 24px;
	text-align: left;
	margin-top: -25px;
}

/*** Navigation ***/
.i-need-service .nbs-flexisel-nav-left, .i-need-service .nbs-flexisel-nav-right {
	width: 25px;
	height: 25px;
	padding-top: 10px;
	text-align: center;
	-moz-border-radius: 300px;
	-webkit-border-radius: 300px;
	position: absolute;
	cursor: pointer;
	z-index: 4;
	top: 40%;
	transform: translateY(-50%);
	background: transparent;
	color: #ccbd74;
	font-size: 30px;
}

.i-need-service .nbs-flexisel-nav-left {
	left: -7px;
}

.i-need-service .nbs-flexisel-nav-right {
	right: -7px;
}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 45px;
	height: 45px;
	padding-top: 10px;
	text-align: center;
	-moz-border-radius: 300px;
	-webkit-border-radius: 300px;
	position: absolute;
	cursor: pointer;
	z-index: 4;
	top: 50%;
	transform: translateY(-50%);
	background: #ccbd74;
	color: #fff;
	font-size: 30px;
}

.service-category-wrapper .nbs-flexisel-nav-left {
	/* left: -35px;
	z-index: 100; */
	margin-top: 100px;
}


.service-category-wrapper .nbs-flexisel-nav-right {
	/* right: -35px;
	z-index: 100; */
	margin-top: 100px;
}

.mostService .nbs-flexisel-nav-left {
	/* left: -35px;
	z-index: 100; */
	margin-top: 100px; 
}


.mostService .nbs-flexisel-nav-right {
	/* right: -35px;
	z-index: 100;
	margin-top: 100px; */
}




.service-category-wrapper .nbs-flexisel-inner {
	position: unset;
}

.mostService .nbs-flexisel-inner {
	position: unset;
}

.nbs-flexisel-nav-left {
	/* left: -25px; */

}

.nbs-flexisel-nav-left:before {
	content: "\f104";
	font-family: 'FontAwesome';
}

.nbs-flexisel-nav-left.disabled {
	opacity: 0.4;
}

.nbs-flexisel-nav-right {
	right: 5px;
}

.nbs-flexisel-nav-right:before {
	content: "\f105";
	font-family: 'FontAwesome';
}

.nbs-flexisel-nav-right.disabled {
	opacity: 0.4;
}

.nbs-flexisel-item span {
	display: block;
	padding: 0px;
	padding: 0px;
	font-size: 16px;
}

.padding-40 {
	padding: 40px 0px;
}

.h2 {
	padding: 0px 0px 30px 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #052055 !important;
}

/*SERVICE CATEGORY CSS START*/

.service-category-wrapper {
	padding: 25px 0px;
	border-top: 1px dashed #ccbd74;
	border-bottom: 1px dashed #ccbd74;
}

/*gallery CSS START*/
.gallery-section {
	position: relative;
	padding: 50px 0px;
}

.gallery-section .row {
	margin: 0px 5px;
}

.gallery-section .column {
	padding: 0px 12px;
}

.gallery-block {
	position: relative;
	margin-bottom: 20px;
}

.gallery-block .inner-box {
	position: relative;
	overflow: hidden;
	border-radius: 25px;
}

.gallery-block .inner-box .image .overlay-layer {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: rgba(0, 0, 0, 0.80);
}

.gallery-block .inner-box:hover .image .overlay-layer {
	opacity: 1;
}

.gallery-block .inner-box:hover .image img {
	transform: scale(1.5, 1.5) rotate(15deg);
	-webkit-transform: scale(1.5, 1.5) rotate(10deg);
	-moz-transform: scale(1.5, 1.5) rotate(10deg);
	-o-transform: scale(1.5, 1.5) rotate(10deg);
}

.gallery-block .inner-box .image {
	position: relative;
}

.gallery-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	transition: all 800ms ease;
}

.gallery-block .inner-box .image .content {
	position: absolute;
	left: 25px;
	top: 25px;
	z-index: 2;
}

.gallery-block .inner-box .image .content .text {
	position: relative;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
}

.gallery-block .inner-box .image .content .text a {
	color: #ffffff;
}

.nazam-content {
	font-size: 20px;
	text-align: center;
	padding: 70px 0 0 0px;
}

.how-it-work {
	background: #f9f9f9;
	padding: 35px;
	border-top: 1px solid #eee;
}

.how-it-work-box {
	padding: 15%;
	margin: 0px;
	border: 1px solid #d8d8d8;
	text-align: center;
}

.h5-hed {
	font-size: 19px;
	padding-bottom: 20px;
	font-weight: 700;
	margin: 0px;
}

.news-wrapper {
	padding: 75px 0px;
}

.sp-wrapper {
	padding: 50px 0px;
	background: #b59e30;
}

.sp-content {
	padding: 10px 0px;
	margin: 0px;
	color: #fff;
}

.white-font {
	color: #fff;
}

/*==================== Footer Start ==================== */
#footer {
	color: black;
	font-size: 13px;
}

.top-footer h3 {
	margin: 40px 0 30px;
	border-bottom: 1px solid rgba(5, 32, 85, 0.3);
	padding-bottom: 12px;
}

.top-footer .links, .top-footer .maps {
	margin: 0;
	padding: 0;
	list-style: none;
}

.top-footer .links-rtl {
	margin: 0;
	padding: 0;
	list-style: "\f100";
	font-family: 'FontAwesome';
	font-size: 14px;
}

.top-footer .maps-rtl {
	margin: 0;
	padding: 0;
	list-style: "\f041";
	font-family: 'FontAwesome';
	font-size: 14px;
}

.top-footer .links li a, .top-footer .maps li a {
	position: relative;
	padding-left: 15px;

	opacity: 0.8;
	line-height: 15px;
}

.top-footer .links-rtl li a, .top-footer .maps-rtl li a {
	position: relative;
	padding-right: 15px;
	color: #ccbd74;
	opacity: 0.8;
	line-height: 15px;
}

.top-footer .links li a:before {
	content: "\f101";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	top: 0;
}

.top-footer .maps li a:before {
	content: "\f041";
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	top: 0;
}

.top-footer .links li a:hover,
.top-footer .links-rtl li a:hover,
.top-footer .maps li a:hover,
.top-footer .maps-rtl li a:hover {
	opacity: 1;
}

.list-inline {
	margin-bottom: 0px;
}

.social-links a {
	height: 26px;
	width: 26px;
	/* border: 1px solid #ccbd74; */
	color: #ccbd74;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
}

.social-links a:hover {
	background: #2eb5bb;
	color: #fff;
}

.quick-links, .quick-links-rtl {
	border-top: 1px solid rgba(5, 32, 85, 0.3);
	padding: 24px 0;
	text-align: center;
	margin-top: 60px;
}

.quick-links li {
	border-right: 1px solid rgba(5, 32, 85, 0.8);
	line-height: 13px;
}

.quick-links-rtl li {
	border-left: 1px solid rgba(5, 32, 85, 0.8);
	line-height: 13px;
}

.quick-links li:last-child, .quick-links-rtl li:last-child {
	border: none;
}

.quick-links li a, .quick-links-rtl li a {
	/* color: black; */
	opacity: 0.8;
}

.quick-links li a:hover, .quick-links-rtl li a:hover {
	opacity: 1;
}

.copyright {
	text-align: center;
	padding: 15px 0;
	background: #2eb5bb;
	color: #fff;
}

.top-footer .contact-us {
	position: relative;
	margin-bottom: 15px;
}

.top-footer .contact-us input[type='email'] {
	height: 32px;
	border: none;
	width: 100%;
	padding: 10px 100px 10px 10px;
}

.top-footer .contact-us .btn {
	position: absolute;
	right: 0;
	top: 0;
}

/*==================== Footer End ==================== */

.inner-page-head {
	padding: 20px 0px;
	background: url(../images/register_banner.jpg) no-repeat center top fixed;
	background-size: cover;
	position: relative;
}

.overlay-pattern {
	/* background: url(../images/01.png) repeat; */
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.inner-page-head h2 {
	font-weight: 800;
	padding: 0px;
	margin: 0px;
}

.inner-page-head span {
	/*font-size:16px;*/
	padding: 0px;
	margin: 0px;
	/*text-transform:uppercase;*/
}

.loginn-section {
	padding: 50px 0px;
}

.login-bg {
	background: #fff;
	border: 1px solid #ddd;
	margin: 7%;
	padding: 50px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
}

.btn-login {
	background: #2eb5bb !important;
	color: #fff;
	font-weight: bold;
	padding: 15px 0px;
}

.btn-login:hover {
	background: #ccbd74 !important;
	color: #fff !important;
	font-weight: bold;
	padding: 15px 0px;
}

.page-header {
	background: #ccbd74;
	padding: 25px 0px;
	margin-top: 80px;
	color: #fff;
}


.h2-head {
	padding: 0px;
	margin: 0px;
	font-size: 30px;
	font-weight: 800;
	text-transform: uppercase;
}




.deal-category-tab-wrapper {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	text-align: center;
	padding: 15px;
	background: #f1f4fa;
}


.deal-category-tab ul {
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.deal-category-wrapper ul li a:hover {
	border-left: 5px solid #ffca08;
}

.deal-category-wrapper ul li a IMG {
	width: 30px;
	margin-right: 10px;
}

.deal-category-tab ul li {
	display: inline-block;
	margin-right: 5px;

}

.deal-category-tab ul li a {
	padding: 10px 20px;
	border: 1px solid #ccbd74;
	color: #ccbd74;
	text-transform: uppercase;
	display: block;
	border-radius: 6px;
}

.deal-category-tab ul li a:hover {
	background: #ccbd74;
	color: #fff;
}

.deal-category-tab ul li a.active {
	background: #2eb5bb;
	border: 1px solid #2eb5bb;
	color: #fff;
}




.deal-filter {
	margin: 0px;
	padding: 0px;
}

.filter-head {
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 25px;
	font-weight: 700;
	margin-bottom: 10px;
}

.deal-filter li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	font-weight: 700;
	text-align: center;
}

.deal-filter li a {
	display: block;
	background: #feca05;
	color: #ccbd74;
	padding: 10px;
	border-radius: 10px;
}

.deal-filter li a:hover {
	background: #fff;
}

.deal-filter li span {
	display: block;
	text-align: center;
}

.deal-wrapper {
	padding: 0px 0px 50px 0px;
	background: #f1f4fa;
}

.deal-banner {
	padding: 0px;
	border-radius: 20px;
}

.deal-banner IMG {
	border-radius: 20px;
}

/*.deal-banner IMG {
	border-top-left-radius:25px;
border-top-right-radius:25px;
}*/
.card-wrapper {
	background: white;
	box-shadow: 2px 2px 25px -7px rgba(0, 0, 0, 0.3);
	border-radius: 0.5rem;
	transition: all 0.3s;
	border-radius: 20px;
	margin-top: 25px;
}

.card-thumb IMG {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.card-box {
	padding: 25px;
	text-align: center;

}

.merchant-logo {
	width: 120px;
	height: 120px;
	border-radius: 300px;
	background: #fff;
	margin-top: -90px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10;
	text-align: center;

}

.merchant-logo IMG {
	width: 80px;
	margin: a auto;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 50%;
	left: 50%;

	transform: translate(-50%, -50%);

}

/*DEAL DETAILS*/

/*.deal-details-banner {
	padding:0px;
	border-radius:20px;
	background:#fff;
}
.deal-details-banner IMG {
	-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}*/

.dd-b-content {
	padding: 10px;
}

.deal-details-wrapper {
	padding: 0px 0px 50px 0px;
	background: #f1f4fa;
}

.details-content {
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 20px;
	background: #fff;

}

.details-content .h2-head {
	float: left;
	width: 90%;
}

.book-now {
	float: right;
	background: #feca05;
	color: #000;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
}

.book-now:hover {
	background: #ccbd74;
	color: #feca05
}

.ul-type1 {
	padding: 0px;
	margin: 0px;
}

.ul-type1 li {
	display: block;
	padding: 10px 0px 10px 20px;
	list-style: none;
	border-bottom: 1px solid #eee;
	position: relative;
}

.ul-type1 li:before {
	position: absolute;
	left: 0px;
	top: 50%;
	content: "\f101";
	font-family: 'FontAwesome';
	margin-top: -15px;
}

/*PROFILE TA CSS START*/
.demo {
	margin: 150px auto;
	width: 980px;
}

.demo h1 {
	margin: 0 0 25px;
}

.demo h3 {
	margin: 10px 0;
}

pre {
	background-color: #FFF;
}

@media only screen and (max-width:780px) {
	.demo {
		margin: 5%;
		width: 90%;
	}

	.how-use {
		display: none;
		float: left;
		width: 300px;
	}
}

#tabInfo {
	display: none;
}

ul.resp-tabs-list,
p {
	margin: 0px;
	padding: 0px;
}

.resp-tabs-list li {
	font-size: 14px;
	display: inline-block;
	padding: 13px 15px;
	margin: 0;
	list-style: none;
	cursor: pointer;
	float: left;
	text-transform: uppercase;
}

.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left;
}

h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}

.resp-tab-content {
	display: none;
	padding: 15px;
}

.resp-tab-active {
	border-bottom: none;
	padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
	border-bottom: none;
	background-color: #fff;
}

.resp-content-active,
.resp-accordion-active {
	display: block;
}

.resp-tab-content {
	border: 1px solid #c1c1c1;
}

h2.resp-accordion {
	font-size: 14px;
	margin: 0px 0 1px 0px;
	padding: 15px 15px;
	text-transform: uppercase;
	font-weight: 600;
	background: #ccbd74;
	color: #fff;
}

h2.resp-tab-active {
	border-bottom: 0px solid #c1c1c1 !important;
	margin-bottom: 0px !important;
	padding: 15px 15px !important;
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}

.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0;
	cursor: pointer;
	float: none;
	background: #ccbd74;
	color: #fff;
	margin-bottom: 1px;
	font-weight: 600;
}

.resp-vtabs .resp-tabs-list li .fa {
	margin-right: 10px;
}

.resp-vtabs .resp-tabs-list li:first-child {
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
}

.resp-vtabs .resp-tabs-list li:last-child {
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
}

.resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	float: left;
	width: 68%;
	border-radius: 4px;
	clear: none;
}

.resp-vtabs .resp-tab-content {
	border: none;
}

.resp-vtabs li.resp-tab-active {
	border-right: none;
	position: relative;
	z-index: 1;
	padding: 14px 15px 15px 14px !important;
	background: #2eb5bb;
	color: #ffff;

}

.resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 3px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
	border: none;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active {
	background: #2eb5bb !important;
}

.resp-easy-accordion h2.resp-accordion {
	display: block;
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
	width: 100%;
	margin: 0px;
}

.resp-tab-content-active {
	display: block;
}

h2.resp-accordion:first-child {
	border-top: 1px solid #c1c1c1 !important;

}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

	ul.resp-tabs-list {
		display: none;
	}

	h2.resp-accordion {
		display: block;
	}

	.resp-vtabs .resp-tab-content {
		border: 1px solid #C1C1C1;
		margin: 7%;
	}

	.resp-vtabs .resp-tabs-container {
		border: none;
		float: none;
		width: 100%;
		min-height: initial;
		clear: none;
	}

	.resp-accordion-closed {
		display: none !important;
	}

	.resp-vtabs .resp-tab-content:last-child {
		border-bottom: 1px solid #c1c1c1 !important;
	}
}

.tab-head {
	text-transform: uppercase;
	padding: 0px 0 10px 0px;
	margin: 0 0 20px 0px;
	display: block;
	border-bottom: 1px dashed #eee;
	font-weight: 800;
}

.employe-wrapper {

	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.employe-details {
	float: left;
}

.employe-wrapper ul {
	margin: 0px;
	padding: 0px;
}

.employe-wrapper ul li {
	list-style: none;
	display: inline-block;
	color: #888;
}

/*-----------------------------
DASHBOARD CSS START
-----------------------------*/


/* GRID START. */
.cbp-rfgrid {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%;
	/* Fallback */
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
}

.cbp-rfgrid li h4 {
	font-size: 14px;
	margin-top: 10px;
	font-weight: 400;
}

.cbp-rfgrid li a, .cbp-rfgrid li a img {
	display: block;
	cursor: pointer;
	text-align: center;
}

.bottom-border-none {
	border-bottom: none !important;
}

.hm-grid .cbp-rfgrid li {
	border-bottom: none;
}

.cbp-rfgrid li a {
	padding: 5% 0%;
}

.cbp-rfgrid li a img {
	margin: 0 auto;
	vertical-align: middle;
}

.cbp-rfgrid li a img {
	max-height: 50px;
}

/* Example for media query: change number of items per row */

@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 20%;
		/* Fallback */
		width: -webkit-calc(100% / 5);
		width: calc(100% / 5);
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 25%;
		/* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%;
		/* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}

}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%;
		/* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 400px) {
	.cbp-rfgrid li {
		width: 50%;
		/* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}

.serice-ad {
	margin: 20px 0px;
}

#flexiselDemo5 IMG {
	margin: 0px 20px 0px 0px;
	display: block;
}

#flexiselDemo5 li {
	border-radius: 20px;
}

#flexiselDemo5 li IMG {
	border-radius: 20px;
}

/* GRID END */

form.form-horizontal {
	padding: 20px;
	display: table;
	width: 100%;
	background: rgba(255, 255, 255, .2);
	border-radius: 4px
}

.form-horizontal .btn-join, .form-horizontal .input-group {
	width: 100% !important;
	display: block;
}

.form-horizontal .btn-join {
	padding: 13px;
	border-radius: 8px !important;
}

.form-horizontal .btn-join :hover {
	/* background-color: #2eb5bb !important; */
	/* color: #ccbd74 !important; */
}


.form-horizontal .form-control {
	border-radius: 8px !important;
}

.margin-nonw {
	margin-bottom: 0px !important;
}

/*TESTIMONIALS*/

.item {
	color: #999;
	overflow: hidden;
	min-height: 120px;
	font-size: 13px;
}

.media {
	position: relative;
	padding: 0 0 0 20px;
}

.media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
}

.testimonial-wrapper {
	padding: 0 10px;
}

.testimonial {
	color: #808080;
	position: relative;
	padding: 15px;
	background: #f1f1f1;
	border: 1px solid #efefef;
	border-radius: 3px;
	margin-bottom: 15px;
}

.testimonial::after {
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	background: #f1f1f1;
	border: 1px solid #efefef;
	border-width: 0 0 1px 1px;
	position: absolute;
	bottom: -8px;
	left: 46px;
	transform: rotateZ(-46deg);
}

.star-rating li {
	padding: 0 2px;
}

.star-rating i {
	font-size: 16px;
	color: #ffdc12;
}

.overview {
	padding: 3px 0 0 15px;
}

.overview .details {
	padding: 5px 0 8px;
}

.overview b {
	text-transform: uppercase;
	color: #2eb5bb;
}

.time-schedule {
	padding: 15px;
	background: #2eb5bb;
	color: #fff;
	margin: 0px 15px;
	border-radius: 20px;
	font-size: 18px;
	font-weight: 700;
}

.time-schedule.active {
	background: #ccbd74;
	color: #fff;
}

/*span {cursor:pointer; }*/

.minus, .plus {
	width: 50px;
	height: 50px;
	background: #f2f2f2;
	border-radius: 4px;
	padding: 8px 5px 8px 5px;
	border: 1px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.input {
	height: 50px;
	width: 70px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
}

.book-service {
	font-size: 22px;
	background: #2eb5bb;
	color: #fff;
	padding: 25px 0px;
	font-weight: 700
}

.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #7ac142;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: block;
	stroke-width: 3;
	stroke: #fff;
	stroke-miterlimit: 30;
	margin: 0 auto;
	box-shadow: inset 0px 0px 0px #7ac142;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 100;
	stroke-dashoffset: 100;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes scale {
	0%, 100% {
		transform: none;
	}

	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}

@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 90px #7ac142;
	}
}

.s-img IMG {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: middle;
}

.s-margin {
	margin-top: 15%;
}

.faq__accordion {
	padding-top: 15px;
	padding-bottom: 15px;
}

.faq__accordion__item {
	padding: 25px 0;
	border-bottom: 1px solid #f4f4f4;
}

.faq__accordion__item:last-child {
	border-bottom: none;
}

.faq__accordion__item--open .faq__accordion__heading i {
	background: #ff47a0;
}

.faq__accordion__title {
	display: block;
	padding: 10px 0 10px 60px;
	color: #333;
	font-size: 1.067em;
	line-height: 27px;

	font-weight: 700;
	font-style: normal;
	border-bottom: none;
}

.faq__accordion__title:hover {
	border-bottom: none;
	color: #ccbd74;
}

.faq__accordion__title:focus {
	color: #333;
}

.faq__accordion__heading {
	min-height: 50px;
	line-height: 50px;
	position: relative;
}

.faq__accordion__heading i {
	display: inline-block;
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 100%;
	background: #2eb5bb;
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.faq__accordion__heading i:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 1.333em;
}

.faq__accordion__heading i:after {
	content: " ";
	display: block;
	width: 43px;
	height: 43px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 2px dotted #fff;
	border-radius: 100%;
	opacity: 0.5;
}

.faq__accordion__content {
	padding-left: 60px;
	padding-bottom: 15px;
}

.btn-adon {
	background: #2eb5bb;
	color: #fff;
	padding: 14px;
	font-weight: 700;
}

.btn-adon:hover {
	background: #ccbd74;
	color: #fff;
}

.modal {}

.vertical-alignment-helper {
	display: table;
	height: 100%;
	width: 100%;
}

.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
}

.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width: inherit;
	height: inherit;
	/* To center horizontally */
	margin: 0 auto;
}

.price-list {
	margin: 0px;
	padding: 0px;
}

.price-list li {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px dashed #ddd;
	list-style: none;
	padding: 10px 0px;
}

.price-list li:last-child {
	border-bottom: 0px dashed;
}

.price {
	width: 100px;
	border-radius: 300px;
	background: #ddd;
	color: #000;
	text-align: center;
	padding: 6px;
	float: right;
	font-weight: 700;
}

/*** 

====================================================================
	Appointment Section
====================================================================

***/

.appointment-section {
	position: relative;
	overflow: hidden;
	padding: 90px 0px 0px;
	background-color: #f7f7f7;
}

.appointment-section .form-column {
	position: relative;
}

.appointment-section .form-column .inner-column {
	position: relative;
	padding-bottom: 60px;
}

.appointment-section .form-column .sec-title {
	margin-bottom: 30px;
}

.appointment-section .image-column {
	position: relative;
	text-align: center;
}

.appointment-section .image-column .image {
	position: relative;
	margin-top: -50px;
}

.appointment-section.contact-section .image-column .image {
	margin-top: -100px;
}

.appointment-section .image-column .image img {
	position: relative;
	max-width: none;
}

/*** 

====================================================================
	Default Form
====================================================================

 ***/

.default-form {
	position: relative;
}

.default-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 20px;
	color: #000000;
	height: 50px;
	font-size: 16px;
	font-weight: 500;
	background: #ffffff;
	border: 1px solid #d8d8d8;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus {
	border-color: #f64e49;
}

.default-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 15px 20px;
	color: #000000;
	height: 200px;
	background: #ffffff;
	resize: none;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #d8d8d8;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.default-form button {
	margin-top: 15px;
	padding: 10px 28px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
	border-color: #ff0000 !important;
}

.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 11px;
	color: #ff0000;
	font-weight: 500;
}

.footer-info-box {
	position: relative;
	margin-bottom: 30px;
}

.footer-info-box .info-inner {
	position: relative;
	padding: 22px 25px;
	background-color: #2eb5bb;
	
}

.footer-info-box .info-inner .content {
	position: relative;
	padding-left: 55px;
}

.footer-info-box .info-inner .icon-box {
	position: absolute;
	left: 0px;
	top: 6px;
	color: #ccbd74;
	font-size: 36px;
	font-weight: 400;
	line-height: 1em;
}

.footer-info-box .info-inner .text {
	position: relative;
	color: #ffff;
	font-size: 16px;
}

.footer-info-box .info-inner .text span {
	display: block;
	color: #ffff;
}

.widgets-section {
	position: relative;
	padding: 0px 0px 40px;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.widgets-section .widgets-inner-container {
	position: relative;
	padding-left: 295px;
}

.widgets-section .widgets-inner-container .cartoon-image {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

.error-content {
	color: red;
	font-size: 12px;
	font-style: italic;
}

.error-content1 {
	/*color:red;*/
	font-size: 12px;
	font-style: italic;
}

.e-amount {
	font-size: 14px;
	background: #fff;
	border: 2px dashed #000;
	color: #000;
	padding: 14px 0px;
}

.e-amount span.font-small {
	font-size: 21px;
	font-weight: 700 !important;
}

.Quotation-margin {
	margin-top: -10px;
}


/* -------------------------------- 

STORE CSS START

-------------------------------- */


/***  -------  Style 2  ------- ***/

.style2 .section-title, .section-title.style2 {
	font-size: 42px;
	font-weight: lighter;
	line-height: 44px;
	margin: 10px 0 20px;
	padding: 0;
	position: relative;
	border: none;
}

.section-title-style2, .section-title.style2 {
	position: relative;
}

.style2 .section-title:after, .section-title-style2:after, .section-title.style2:after, .section-title-style2:after {
	background: #DDDDDD;
	content: "";
	display: block;
	height: 1px;
	margin-left: 20%;
	position: absolute;
	top: 28px;
	width: 60%;
	z-index: 1;
}

.section-title-style2 span, .section-title.style2 span {
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	position: relative;
	width: auto;
	z-index: 2;
}

.style2 .section-title span, .section-title.style2 span, {
	color: #454545;
	display: table;
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 5px 15px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
	margin: 0 auto;
}

.productslider {
	width: 100%;
	display: block;
}

.owl-wrapper .item {
	margin: 0 15px 15px;
}

.item {
	display: block;
	height: auto;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	margin-bottom: 15px;
	/*height: 480px;*/

}

.equalHeightCategoryProduct>divx:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.equalHeightCategoryProduct>.item {
	display: inline-block;
	height: auto;
	min-height: 460px;
}

.equalHeightCategoryProduct>.item>.product {
	height: 100%;
}

@media all and (max-width: 400px) {
	.equalHeightCategoryProduct>.item {
		height: auto !important;
	}

	.equalHeightCategoryProduct>.item>.product {
		height: auto !important;
	}
}

#SimilarProductSlider .item {
	height: auto !important;
}

.product {
	display: block;
	height: auto;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	/* background: #2eb5bb; */
	border: 1px solid #2eb5bb;

	/* border: 1px solid #DDDDDD;*/
	border-bottom: 1px solid #2eb5bb; 
	text-align: center;
	border-radius: 20px;
}

.product:hover {
	background: #fff;	
	border: 3px solid #2eb5bb;
	border-bottom: 3px solid #2eb5bb; 

}

.add-fav {
	border: 1px solid;
	border-radius: 50%;
	height: 30px;
	line-height: 31px;
	position: absolute;
	right: 30px;
	text-align: center;
	top: 15px;
	width: 30px;
	z-index: 10;
	transform: scale(1.15);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transition: opacity .3s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
	-moz-transition: opacity .3s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
	-o-transition: opacity .3s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
	-ms-transition: opacity .3s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
	transition: opacity .3s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(Opacity=0)";
}

.list-view .product .add-fav {
	right: 40px;
	top: 8px;
}

.product:hover .add-fav {
	opacity: 1;
	webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.add-fav i {
	webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	transition: all .3s ease;
}

.add-fav:active i {
	webkit-transform: scale(0.85) rotate(0deg);
	-moz-transform: scale(0.85) rotate(4deg);
	-o-transform: scale(0.85) rotate(0deg);
	-ms-transform: scale(0.85) rotate(0deg);
	transform: scale(0.85) rotate(4deg);
}

.item.list-view .item h4 {
	max-height: none;
}

.item.list-view .grid-description {
	display: none;
}

.list-description {
	display: none;
}

.item.list-view .list-description {
	display: block;
}

.item.list-view {
	display: block;
	height: auto !important;
	width: 100% !important;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}

.item.list-view .image {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	max-height: 260px;
	max-width: 200px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	padding-right: 20px;
	background: #fff;
}

.item.list-view .image a {
	display: block;
	max-height: 100%;
	height: 100%;
	max-height: 100% !important;
}

.item.list-view .image img {
	max-height: 260px;
	width: auto !important;
}

.item.list-view h4 {
	height: auto;
	margin: 45px 0 5px;
	font-size: 24px;
}

.item.list-view h4 a {
	font-weight: 600;
}

.item.list-view .description {
	text-align: right;
}

.item.list-view .description p {
	text-align: right;
	max-height: 200px;
	min-height: 10px;
}

.item.list-view .price {
	font-size: 22px;
	text-align: right;
}

.item.list-view .action-control {
	text-align: right;
}

.item.list-view .product {
	padding-right: 20px;
	min-height: 260px;
}

.item:hover .action-control {
	border-bottom-color: #fff;
}

.product-box .item {
	margin: 0 10px;
}

.product-box .item:hover {
	background: #2eb5bb;
	border: 1px solid #2eb5bb;

	box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
	background: #fff;
}

.image {
	display: block;
	overflow: hidden;
	padding-top: 10%;
	position: relative;
	text-align: center;
	width: 100%;
	max-height: 240px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

.image a {
	display: block;
	overflow: hidden;
}

.image a img {
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	max-height: 240px;
	margin: 0 auto;
}

.product:hover .image a img {
	transform: scale(1.15) rotate(-1.5deg);
	-webkit-transform: scale(1.1) rotate(-1.5deg);
	-moz-transform: scale(1.1) rotate(-1.5deg);
	-ms-transform: scale(1.1) rotate(-1.5deg);
	-o-transform: scale(1.1) rotate(-1.5deg);
}

.promotion {
	position: absolute;
	z-index: 10;
	bottom: 20px;
	left: 0;
	height: 24px;
	width: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

.description {
	margin: 0 auto;
	min-height: 107px;
	max-width: 235px;
}

.list-view .description {
	margin: 0 auto;
	min-height: auto;
	max-width: 100%;
}

.promotion {
	line-height: 18px;
}

.new-product {
	color: #FFFFFF;
	display: inline-block;
	float: left;
	font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	height: 100%;
	padding: 3px 10px;
}

.discount {
	background: #eb5e58;
	/* old browser */
	border-radius: 0 4px 4px 0;
	color: #fff;
	display: inline-block;
	float: left;
	font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	height: 100%;
	padding: 3px 5px;
}

.item h4 {
	margin: 0;
	min-height: 45px;
	max-height: 80px;
	overflow: hidden;
	display: block;
	line-height: 18px;
	margin: 25px 0 0;
	padding: 0;
}

.item h4 a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	color: #3a3a3a;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;

}

.description p {
	color: #888888;
	font-size: 14px;
	min-height: 55px;
	/*max-height: 90px;*/
	/* overflow: hidden;*/
	line-height: 18px;
	display: block;
}

.item-price {
	font-size: 18px;
	font-weight: bold;
	color: #454545;
}

.action-control {
	border: 0;
	display: block;
	height: auto;
	padding: 5px 0 15px;
	width: 100%;
}

.action-control a {
	cursor: pointer;
}

.cart a {
	font-size: 20px;
	color: #454545;
	margin: 0 0;
	display: inline-block;
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.13s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}

.load-more-block {
	padding-bottom: 30px;
	position: relative;
}

.load-more-block .btn-thin {
	background: #fff;
	z-index: 2;
	position: relative;
	box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
	-webkit-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
	-moz-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
	-o-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
}

.load-more-block:after {
	background: none repeat scroll 0 0 #DDDDDD;
	content: "";
	display: block;
	height: 1px;
	margin-left: 30%;
	position: absolute;
	top: 18px;
	width: 40%;
	z-index: 1;
}

.featureImg a {
	display: block;
	overflow: hidden;
}

.featureImg a img {
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
}

.featureImg a img:hover {
	transform: scale(1.1) rotate(-1.1deg);
	-webkit-transform: scale(1.1) rotate(-1.1deg);
	-moz-transform: scale(1.1) rotate(-1.1deg);
	-ms-transform: scale(1.1) rotate(-1.1deg);
	-o-transform: scale(1.1) rotate(-1.1deg);
}



/* -------- zoom ------- */

.sp-thumbs {
	text-align: center !important;
}

.sp-large a img {
	width: 100%;
}

.sp-wrap {
	z-index: 10;
	width: 100%;
	background: none !important;
	border: none !important;
	max-width: 100% !important;
}


@media (min-width: 768px) {
	.sp-large {
		max-width: calc(100% - 80px);
	}

	.main-image:not(.main-image-thumb-list) .sp-thumbs {
		position: absolute;
		right: 0 !important;
		text-align: left;
		bottom: 20% !important;
		width: 100px !important;
		z-index: 70;
	}
}

.main-image .sp-thumbs a:link, .main-image .sp-thumbs a:visited {
	border: 2px solid #EEEEEE;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 0 !important;
	float: right;
	transition: margin 0.2s ease 0s;
	border: 2px solid #eee;
	display: inline-block;
	float: right;
	width: 70px;
	height: 70px;

}

.sp-thumbs a:hover, .sp-thumbs a:active, .sp-current {
	border: 2px solid #222;
}

.sp-thumbs a:hover {
	margin-right: 4px !important;
}

.sp-thumbs img {
	height: auto !important;
	width: 70px !important;
}

@media (max-width: 767px) {
	.main-image .sp-thumbs {
		margin-top: 20px;
	}

	.main-image .sp-thumbs a:link, .main-image .sp-thumbs a:visited {
		display: inline-block;
		width: 80px;
		height: 80px;
		margin-right: 5px !important;
		float: none !important;
	}
}

@media (max-width: 420px) {
	.main-image .sp-thumbs a:link, .main-image .sp-thumbs a:visited {
		width: 60px;
		height: 60px;

	}
}

.sp-lightbox {
	z-index: 1100 !important;
}


/***  -------  Product details style 3   ------- ***/
.main-image.main-image-thumb-list .sp-thumbs {
	margin-top: 20px;
}

@media (min-width: 768px) {
	.main-image.main-image-thumb-list .sp-thumbs a:link, .main-image.main-image-thumb-list .sp-thumbs a:visited {
		display: inline-block;
		width: 100px;
		height: 100px;
		margin-right: 10px !important;
		float: none !important;
	}
}


.product-title {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0.25px;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
}

.product-price {
	font-size: 28px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
}

.price-standard {
	color: #999999;
	font-size: 18px;
	text-decoration: line-through;
}

.product-code {
	font-family: oswald, Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	letter-spacing: 1px;
	margin: 0 0 5px;
	padding: 0;
	text-transform: uppercase;
}

.rating span {
	display: inline-block;
}

.ratingInfo {
	margin-left: 10px;
}


/***  ------- filterBox ------- ***/

.filterBox {
	display: inline-block;

}

.productFilterLook2 .filterBox {
	display: block;
	float: left;
	margin-right: 0;
	width: 100%;
	padding: 5px;
}

.cart-actions {
	margin-top: 0;
	margin-bottom: 20px;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 12px;
	clear: both;
}

.cart-actions button, .cart-actions .btn-cart, .cart-actions .wishlist {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background-color: #2eb5bb ; 
  	color: white;
  	display: block;
	float: left;
	font-size: 18px;
	line-height: 1em;
	margin: 0 20px 0 0;
	padding: 14px 20px;
	text-transform: uppercase;
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
	border: 0px;
}

button.first {
	margin-right: 20px;
	margin-bottom: 10px;
}

.cart-actions .wishlist {
	background: #052055;
	line-height: 1em;
	text-decoration: none;
	border: solid 2px #052055;
	text-align: center;
	color: #fff;
}

.cart-actions .wishlist:hover {
	background: #fff;
	color: #333;
	border: solid 2px #052055;
}

.incaps {
	display: block;
	float: left;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 15px 20px 0 0;
	text-transform: uppercase;
}

.incaps i {
	font-size: 20px;
}

.color-in {
	color: #4CC94A;
}

.color-out {
	color: red;
}

.product-share {
	border-top: 1px solid #DDDDDD;
	clear: both;
	display: inline-block;
	margin-top: 20px;
	padding-top: 14px;
	width: 100%;
}

.socialIcon a {
	background: #CCCCCC;
	color: #FFFFFF;
	display: inline-block;
	font-size: 22px;
	padding: 6px 3px;
	margin-right: 10px;
	text-align: center;
	width: 35px;
	transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-webkit-transition: all 0.15s ease-in-out 0s;
	-o-transition: all 0.15s ease-in-out 0s;
	-ms-transition: all 0.15s ease-in-out 0s;
}

.socialIcon a:hover {
	color: #fff;
}


.productFilter {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	clear: both;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 7px;
	padding-top: 10px;
	margin-top: 20px;
}

.productFilter p {
	display: block;
	font-size: 14px;
	margin-top: 6px;
}


.product-share {
	border-top: 1px solid #DDDDDD;
	clear: both;
	display: inline-block;
	margin-top: 20px;
	padding-top: 14px;
	width: 100%;
}

.socialIcon a {
	background: #CCCCCC;
	color: #FFFFFF;
	display: inline-block;
	font-size: 22px;
	padding: 6px 3px;
	margin-right: 10px;
	text-align: center;
	width: 35px;
	transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-webkit-transition: all 0.15s ease-in-out 0s;
	-o-transition: all 0.15s ease-in-out 0s;
	-ms-transition: all 0.15s ease-in-out 0s;
}

.socialIcon a:hover {
	color: #fff;
}


/* =============================================================== */
/* PRODUCT DETAILS POPUP MODAL
/* =============================================================== */

/* quick view btn */
div.quickview {
	display: block;
	margin-top: 40%;
	max-height: 50px;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
	visibility: hidden;
}

.product:hover div.quickviewx {
	visibility: visible;
}

.product:not(.isIphone):hover div.quickview {
	visibility: visible;
}

.product.isIphone .image:hover div.quickview {
	visibility: visible;
}


.btn-quickview {
	border-radius: 2px;
	font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
	letter-spacing: 2px;
	color: #454545 !important;
	text-transform: uppercase;
	background: #fff;
	/* old borwser */
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #eee;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-o-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	left: auto;
	min-width: 100px;
	max-height: 40px;
	height: 40px !important;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	padding: 10px;
	visibility: hidden;
	width: auto;
	display: inline-block !important;
	z-index: 2;
	transform: scale(0.75);
	-webkit-transform: scale(0.75);
	-o-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-moz-transform: scale(0.75);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
}

/* fix iphone click issue on add to cart button */
.product:not(.isIphone):hover .btn-quickview {
	visibility: visible;
	opacity: 0.85;
	-webkit-opacity: 0.85;
	-ms-opacity: 0.85;
	transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
}


.product.isIphone .image:hover .btn-quickview {
	visibility: visible;
	opacity: 0.85;
	-webkit-opacity: 0.85;
	-ms-opacity: 0.85;
	transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
}

.list-view .product:hover div.quickview {
	margin-top: 45%;
}

@media (max-width: 460px) {
	div.quickview {
		margin-top: 25%;
	}
}

@media (max-width: 400px) {
	div.quickview {
		margin-top: 35%;
	}
}

.product>.btn-quickview:hover {
	opacity: 0.95;
}

/* quick view btn end */


.apply-coupon {
	border-color: #DDDDDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	color: #888888;
	font-size: 14px;
	margin-bottom: 10px;
	height: 34px;
}


.owl-theme .owl-controls .owl-has-nav {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	height: 22px;
	position: relative;
	width: 12px;
	cursor: pointer;
	transition: 0.3s ease;
	opacity: 1;
}

.owl-has-nav:hover {
	opacity: .5;
}

.owl-has-nav i {
	position: absolute;
	top: 0;
}

.owl-has-nav.owl-next i {
	right: 0;
}

.owl-has-nav.owl-prev i {
	left: 0;
}

/***  ------- Cart & Wisth list ------- ***/

.CartProductThumb a img, .CartProductThumb a img {
	width: 86px;
	max-width: 100%;
}

tr.CartProduct {
	border-bottom: 1px solid #E7E9EC;
}

tr.CartProduct td, tr.CartProduct th {
	padding: 10px 0;
}

/* mycart */

.cartTableHeader {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

/* =============================================================== */
/* CART PAGE
/* =============================================================== */
.apply-coupon {
	height: 34px !important;
}

.apply-coupon-btn {}

.quanitySniper {
	height: 30px;
	padding: 0;
	text-align: center;
	width: 40px !important;
	margin: 0 auto;
}

tr.CartProduct td, tr.CartProduct th {
	text-align: center;
}

tr.CartProduct td:nth-child(2) {
	text-align: left;
}

.cartTable {
	border-top: solid 1px #EBEDEF;
}

.cartTableHeader {
	background: #EBEDEF;
}

.cartFooter {
	padding: 20px;
	border-top: solid 1px #eee;
	background: #EBEDEF;
	display: inline-block;
	width: 100%;
}

#cart-summary tr td:nth-child(2) {
	text-align: right;
}

.cartMiniTable {
	border: 1px solid #DDDDDD;
	padding: 10px;
}

.well2 {
	background: #f8f8f8;
	padding: 15px;
	border-radius: 10px;
	margin: 0px 15px 15px 15px;
	border: 1px solid #eee;
}

.rightSidebar #cart-summary tr:first-child td {
	border: none;
}

/*SHOPPING CART*/
.badge {
	background-color: rgb(99, 148, 248);
	border-radius: 15px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
	color: rgb(255, 255, 255);
	display: inline-block;
	font-size: 12px;
	height: 25px;
	line-height: 1;
	padding: 6px 7px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 25px;
}

.shopping-cart {
	background: rgb(255, 255, 255) none repeat scroll 0 0;
	border-radius: 3px;
	float: right;
	padding: 20px;
	position: relative;
	width: 320px;
	color: #333;
}

.shopping-cart .shopping-cart-header {
	border-bottom: 1px solid rgb(232, 232, 232);
	padding-bottom: 15px;
}

.shopping-cart .shopping-cart-header .shopping-cart-total {
	float: right;
}

.shopping-cart .shopping-cart-items {
	padding: 0px;
	margin: 0px;
}

.shopping-cart .shopping-cart-items li {
	margin-bottom: 18px;
	list-style: none;
}

.shopping-cart .shopping-cart-items img {
	float: left;
	margin-right: 12px;
}

.shopping-cart .shopping-cart-items .item-name {
	display: block;
	font-size: 16px;
	padding-top: 10px;
}

.shopping-cart .shopping-cart-items .item-price {
	color: rgb(99, 148, 248);
	font-size: 12px;
	margin-right: 8px;
}

.shopping-cart .shopping-cart-items .item-quantity {
	color: rgb(171, 176, 190);
	font-size: 13px;
}

.shopping-cart::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255);
	border-image: none;
	border-style: solid;
	border-width: 15px;
	bottom: 100%;
	content: " ";
	height: 0;
	left: 89%;
	margin-left: -8px;
	pointer-events: none;
	position: absolute;
	width: 0;
}

.cart-icon {
	color: rgb(81, 87, 131);
	float: left;
	font-size: 24px;
	margin-right: 7px;
}

strike {
	color: #ddd;
	display: block;
	font-size: 14px;
	font-weight: 300;
}

.powerd-by {
	font-size: 11px;
	color: #fff
}

.powerd-by IMG {
	margin-top: -3px;
	margin-left: 5px
}

.oder-detail-profile-image {
	width: 100px;
	height: 100px;
	float: left;
	background: #ddd;
	border-radius: 300px;
	margin-right: 20px;
}

.oder-detail-profile-image IMG {
	border-radius: 300px;
}

.order-d-content {
	float: left;
	width: calc(100% - 120px);
}

.order-d-h2 {
	display: block;
	padding: 0 0 25px 0px;
	border-bottom: 1px dashed #ddd;
	position: relative;
	margin-bottom: 30px;
}

.status {
	position: absolute;
	right: 0px;
	top: 40px;
	padding: 10px 20px;
	background: #ddd;
	font-size: 14px;
	font-weight: 500;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.red-bg {
	background: #d30c0a;
	color: #FFFFFF
}

.green-bg {
	background: #008000;
	color: #FFFFFF
}

.grand-total {
	/* background: #ffff; */
	padding: 35px 0px;
	margin: 25px 0px;
	line-height: 24px;
	font-size: 20px;
	color: black;
}

@media (max-width:640px) {

	.oder-detail-profile-image {
		float: none;
		margin: 0 auto;
	}

	.order-d-content {
		float: none;
		width: calc(100%);
	}

	.booking-btn {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background: #fff;
		margin-bottom: 0px;
		padding: 15px;
		z-index: 3000;
	}

	.booking-btn .book-service {
		padding: 10px 0px;
	}


}



/*CONFIRM MODAL*/
.modal-confirm {
	color: black;
}

.modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}

.modal-confirm .modal-header {
	background: #052055;
	border-bottom: none;
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 0px;
	padding: 25px;
}

.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
	color: white;
}

.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px;
}

.modal-confirm .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity: 0.5;
}

.modal-confirm .close:hover {
	opacity: 0.8;
}

.modal-confirm .icon-box {
	color: #fff;
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}

.modal-confirm .icon-box i {
	font-size: 64px;
	margin: -4px 0 0 -4px;
}

.modal-confirm.modal-dialog {
	margin-top: 80px;
}

.modal-confirm .btn {
	color: #fff;
	border-radius: 4px;
	background: #2eb5bb;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	border: none;
}

.modal-confirm .btn:hover, .modal-confirm .btn:focus {
	background: #ccbd74;
	outline: none;
}

.modal-confirm .btn span {
	margin: 1px 3px 0;
	float: left;
}

.modal-confirm .btn i {
	margin-left: 1px;
	font-size: 20px;
	float: right;
}

div[dir="rtl"] ul.cbp-rfgrid li {
	float: right;
}

.sticky-buttons {
    display: flex;
    position: fixed;
    right: 1%;
    bottom: 4%;
    gap: 15px;
}

.sticky-buttons svg {
    width: 30px;
    height: 30px;
}

.sticky-buttons svg path {
    fill: white;
}

.sticky-buttons a {
    padding: 15px;
    background: #2eb5bb;
    border-radius: 50%;
    display: flex;
}

.sticky-buttons a.sticky-wa {
    background: #0fc244;
}