/* =====================================
Developed By: Naimur Rahman
Author URI: https://www.wpthemesgrid.com/
========================================*/
/* Preloader */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
}

.preloader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.preloader-icon {
	width: 100px;
	height: 100px;
	display: inline-block;
	padding: 0px;
}

.preloader-icon span {
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background: #1db2cd;
	-webkit-animation: preloader-fx 1.6s linear infinite;
	animation: preloader-fx 1.6s linear infinite;
}

.preloader-icon span:last-child {
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
	0% {
		transform: scale(0, 0);
		opacity: 0.5;
	}

	100% {
		transform: scale(1, 1);
		opacity: 0;
	}
}

@-webkit-keyframes preloader-fx {
	0% {
		-webkit-transform: scale(0, 0);
		opacity: 0.5;
	}

	100% {
		-webkit-transform: scale(1, 1);
		opacity: 0;
	}
}


.custom-loding {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	background-color: #3333339e;
	overflow: hidden;
}

.custom-loding .loding-inner {
	background-color: #fff;
	padding: 50px;
	width: 400px;
	height: 500px;
	margin: auto auto;
	text-align: center;
	margin-top: 50px;
	border-radius: 6px;
}

.custom-loding .loding-inner h4 {
	color: #333;
	font-size: 18px;
	font-weight: 600;
}

/* End Preloader */

.button .btn {
	position: relative;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	background: #1db2cd;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 5;
	display: inline-block;
	padding: 13px 32px;
	border-radius: 0px;
	text-transform: capitalize;
	border-radius: 4px;
}

.button .btn:hover {
	color: #fff;
	background: #333;
}

.button .btn-alt {
	background-color: #333;
	color: #fff;
}

.button .btn-alt:hover {
	color: #fff;
	background-color: #1db2cd;
}

#scrollUp {
	right: 20px;
	z-index: 999;
	bottom: 20px;
	text-align: center;
}

#scrollUp i {
	height: 40px;
	width: 40px;
	line-height: 40px;
	background: transparent;
	background: #222;
	border-radius: 0;
	font-size: 18px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
	display: block;
	color: #fff;
	box-shadow: 0px 4px 19px #00000038;
	border-radius: 4px;
}

#scrollUp i:hover {
	background: #1db2cd;
	color: #fff;
}

.bar {
	border: 1px solid #eee;
	height: 10px;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 10px;

	.in {
		animation: fill 10s linear 1;
		height: 100%;
		background-color: pink;
	}
}

.bar .in {
	animation: fill 10s linear 1;
	height: 100%;
	background-color: #1db2cd;
}

@keyframes fill {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

/*======================================
	01. Header CSS
========================================*/
/* Mobile Bar */
.mobile-bar {
	display: none;
}

.mobile-shopping-item {
	display: none;
}

/* Topbar */
.header .topbar {
	background-color: #1db2cd;
	padding: 15px 0;
	border: none;
}

.header .topbar p {
	color: #ccc;
}

.header .topbar .login a {
	color: #fff;
}

.header .top-left .list-main li:first-child {
	padding-left: 0;
}

.header .top-left .list-main li i {
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
	color: #fff;
	position: relative;
	top: 3px;
}

.header .topbar .top-contact {
	margin-top: 0px;
}


.header .topbar .right-content {
	float: right;
}

.header .topbar .list-main li {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	border-right: 1px solid #fff;
	padding: 0px 13px;
}

.header .topbar .list-main li i {
	display: inline-block;
	margin-right: 4px;
	font-size: 15px;
	color: #fff;
	position: relative;
	top: 1px;
}

.header .topbar .list-main li:last-child {
	padding-right: 0;
	border: none;
}

.header .topbar .list-main li a {
	color: #fff;
	font-weight: 500;
}

.header .topbar .list-main li a:hover {
	color: #333;
}


/* Logo */
.header .logo {
	float: left;
	margin-top: 35px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header .navbar {
	padding: 0;
}

/* Main Menu */
.navbar-expand-lg .navbar-collapse {
	display: block !important;
}

.header .nav li a i {
	margin-left: 5px;
	font-size: 9px;
}

.header .nav li:hover a i {
	transform: rotate(360deg);
}

/* Dropdown Menu */
.header .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	top: 100%;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px #3333334d;
	-moz-box-shadow: 0px 3px 5px #3333334d;
	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	padding: 15px;
	left: 0;
	margin: 0;
	border-radius: 0 0 5px 5px;
}

.header .nav li:hover .dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.header .nav li .dropdown li {
	float: none;
	margin: 0;
}

.header .nav li .dropdown li a {
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
	border-radius: 4px;
}

.header .nav li .dropdown li a:before {
	display: none;
}

.header .nav li .dropdown li:last-child a {
	border-bottom: 0px;
}

.header .nav li .dropdown li:hover a {
	color: #fff;
	background: #1db2cd;
}

.header .nav li .dropdown li a:hover {
	border-color: transparent;
}

.header .nav li .dropdown li i {
	float: right;
	margin-top: 8px;
	font-size: 10px;
	z-index: 5;
}

.header .nav li .dropdown.sub-dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 186px;
	top: 0;
	z-index: 999;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 5px #3333334d;
	transform-origin: 0 0 0;
	transform: scaleY(0.2);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	padding: 10px;
}

.header .nav li .dropdown li:hover .dropdown.sub-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.header .nav li .dropdown.sub-dropdown li a {
	padding: 8px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}

.header .nav li .dropdown li:hover .dropdown.sub-dropdown li a {
	background: transparent;
}

.header .nav li .dropdown li .dropdown.sub-dropdown li a:hover {
	color: #fff;
	background: #1db2cd;
}

.header .nav li .dropdown.sub-dropdown li:last-child a {
	border-bottom: 0px solid;
}

.mobile-search {
	display: none;
}

.header.shop .nav-inner {
	margin-right: 188px;
}


.header.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}

.header.shop .nav li {
	margin-right: 38px;
	position: relative;
}

.header.shop .nav li:last-child {
	margin: 0 !important;
}

.header.shop .nav li .new::before {
	position: absolute;
	content: "";
	left: 4px;
	bottom: -8px;
	border: 4px solid #1db2cd;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

/* Shopping Cart */
.header .shopping {
	display: inline-block;
}

.header .shopping .icon {
	position: relative;
	cursor: pointer;
	color: #222;
}

.header .shopping .shopping-item {
	position: absolute;
	top: 64px;
	right: 0;
	width: 300px;
	background: #fff;
	padding: 20px 25px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	visibility: hidden;
	z-index: 99;
	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	border-radius: 0 0 5px 5px;
}

.header .shopping:hover .shopping-item {
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}

.header .shopping .dropdown-cart-header {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}

.header .shopping .dropdown-cart-header span {
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}

.header .shopping .dropdown-cart-header a {
	float: right;
	text-transform: uppercase;
	color: #222;
	font-size: 13px;
	font-weight: 600;
}

.header .shopping .dropdown-cart-header a:hover {
	color: #1db2cd;
}

.header .shopping-list li {
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
	margin-bottom: 15px;
	position: relative;
}

.header .shopping-list li .remove {
	position: absolute;
	left: 0;
	bottom: 16px;
	margin-top: -20px;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
	background: #fff;
	color: #222;
	border-radius: 3px;
	font-size: 11px;
	border: 1px solid #ededed;
}

.header .shopping-list li .remove:hover {
	background: #222;
	color: #fff !important;
	border-color: transparent;
}

.search-icon-remove.active i::before {
	content: "\eee4";
	font-size: 16px;
	position: relative;
	top: 2px;
}

.header .shopping-list .cart-img {
	float: right;
	border: 1px solid #ededed;
	overflow: hidden;
	border-radius: 5px;
}

.header .shopping-list .cart-img img {
	width: 70px;
	height: 70px;
	border-radius: 0;

}

.header .shopping-list .cart-img:hover img {
	transform: scale(1.09);
}

.header .shopping-list .quantity {
	line-height: 22px;
	font-size: 13px;
	padding-bottom: 30px;
}

.header .shopping-list h4 {
	font-size: 14px;
}

.header .shopping-list h4 a {
	font-weight: 600;
	font-size: 14px;
	color: #333;
}

.header .shopping-list h4 a:hover {
	color: #1db2cd;
}

.header .shopping-item .bottom {
	text-align: center;
}

.header .shopping-item .total {
	overflow: hidden;
	display: block;
	padding-bottom: 10px;
}

.header .shopping-item .total span {
	text-transform: capitalize;
	color: #222;
	font-size: 13px;
	font-weight: 600;
	float: left;
}

.header .shopping-item .total .total-amount {
	float: right;
	font-size: 14px;
}

.header .shopping-item .bottom .btn {
	background: #1DB2CD;
	padding: 10px 20px;
	display: block;
	color: #fff;
	margin-top: 10px;
	border-radius: 4px;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 500;
}

.header .shopping-item .bottom .btn:hover {
	background: #333;
	color: #fff;
}

.header.shop {
	background: #fff;
}

.header.shop .nav-inner {
	margin: 0;
	float: left;
}


.header.shop .right-nav li a {
	color: #333;
}

.header.shop .logo {
	float: left;
	margin: 18px 0 0;
}

.header.shop .top-contact {
	margin-top: 0px;
}

.header.shop .nav li {
	margin-right: 40px;
	float: left;
	position: relative;
}

.header.shop .nav li {
	margin-right: 5px;
	position: relative;
	float: none;
}

.header.shop .nav li:last-child {
	margin-right: 0;
}

.header.shop .nav li a {
	color: #333;
	text-transform: capitalize;
	font-size: 14px;
	padding: 35px 15px;
	font-weight: 500;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header .nav li a::before {
	position: absolute;
	content: "";
	top: -4px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	border: 7px solid #1db2cd;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	left: 50%;
	margin-left: -7px;
}

.header.shop .nav li:hover a::before {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.header.shop .nav li:hover a {
	color: #1db2cd;
}

.header.shop .nav li.active a {
	color: #1db2cd;
}

.header.shop .nav li.active a::before {
	opacity: 1;
	visibility: visible;
	top: 0;
}

.header.shop .nav .dropdown li {
	margin: 0;
}

.header.shop .nav li .dropdown li:hover a {
	background: #1db2cd;
}

.header.shop.v2 .nav li.active .dropdown li a {
	color: #333 !important;
}

.header.shop.v2 .nav li.active .dropdown li a:hover {
	color: #fff !important;
	background: #1db2cd !important;
}

.header.shop.v2 .nav li.active .dropdown li a:hover {
	color: #fff !important;
}

.header.shop.v2 .nav li .dropdown li:hover a {
	color: #1db2cd;
}

.header.shop .nav li .dropdown li a {
	color: #333;
	padding: 8px 15px;
	font-weight: 400;
	background: #fff;
}

.header.shop.v2 .nav li .dropdown li a {
	color: #333;
	background: #fff;
}

.header.shop .nav li .dropdown li a {
	font-weight: 400;
	font-size: 14px;
}

.header.shop .nav li .dropdown li a:hover {
	color: #fff;
}

.header.shop.v2 .nav li .dropdown li a:hover {
	color: #fff !important;
	background: #1db2cd;
}

.header.shop .nav li .dropdown li .dropdown.sub-dropdown li a:hover {
	background: #1db2cd;
}

.header.shop .right-bar {
	display: inline-block;
	padding: 0;
	margin: 0;
	float: right;
	margin-top: 30px;
	position: relative;
}

.header.shop .right-bar .sinlge-bar .single-icon {
	color: #333;
	font-size: 13px;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	display: block;
	border-radius: 4px;
	margin-right: ;
	background: #1db2cd;
	color: #fff;
}

.header.shop .right-bar .sinlge-bar .single-icon:hover {
	color: #fff;
	background-color: #333;
}

.header.shop .right-bar .sinlge-bar.relative {
	position: relative;
}

.header.shop .right-bar .sinlge-bar .single-icon .total-count {
	position: absolute;
	top: -7px;
	right: -8px;
	background: red;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	font-size: 11px;
}

.header.shop .right-bar .sinlge-bar {
	display: inline-block;
	margin-right: 8px;
}

.header.shop .right-bar .sinlge-bar:last-child {
	margin-right: 0px;
}

.header.shop .right-bar .sinlge-bar li a:hover {
	color: #1db2cd;
}

/* Header Search */

.header .search-top a {
	font-size: 17px;
}

.header .search-top a:hover {
	color: #1db2cd;
}

.header .search-form {
	position: absolute;
	right: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: 64px;
	background: #ffffff75;
	transform: scaleY(0);
	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	padding: 0;
	border-radius: 0;
	padding: 10px;
	background: #fff;
	border-radius: 4px;
	border: none;
}

.header .search-top.active .search-form {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1);
}

.header .search-form input {
	width: 300px;
	height: 45px;
	line-height: 45px;
	padding: 0 60px 0 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 3px;
	border: none;
	background: #fff;
	color: #333;
	border-radius: 0;
}

.header .search-form button {
	position: absolute;
	right: 10px;
	height: 45px;
	top: 10px;
	width: 45px;
	background: transparent;
	border: none;
	color: #3353ea;
	border-radius: 0 3px 3px 0;
	border-radius: 0;
	/* border-left: 1px solid #eee; */
	font-size: 15px;
	color: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: 1px solid #eee;
	border-radius: 4px;
}

.header .search-form button:hover {
	color: #fff;
	background: #1db2cd;
	border-color: transparent;
}

.header .header-inner {
	width: 100%;
	z-index: 999;
	border-bottom: 1px solid #eee;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/* Header Sticky */
.header.sticky .header-inner {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	z-index: 999;
	border: none;
}

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

/*======================================
   Hero Area CSS
========================================*/
.hero-slider {
	background: #fff;
	position: relative;

}

.hero-slider .single-slider {
	position: relative;
	height: auto;
	z-index: 5;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 600px;
}

.hero-slider .hero-text {
	margin-top: 150px;
	text-align: left;
	padding-right: 50px;
}

.hero-slider .hero-text h1 {
	line-height: 60px;
	font-size: 50px;
	font-weight: 800;
	color: #1db2cd;
	margin-bottom: 20px;
}

.hero-slider .hero-text h1 span {
	display: block;
	color: #333;
}

.hero-slider .hero-text p {
	color: #777;
	font-size: 15px;
	margin-bottom: 35px;

}

.hero-slider .hero-text .button {
	margin: 0;
}

.hero-slider .hero-text .btn {
	color: #fff;
	margin-right: 10px;
}

.hero-slider .hero-text .btn:hover {
	background-color: #333;
	color: #fff;
}

.hero-slider .hero-text .btn:last-child {
	margin: 0;
}

.hero-slider .hero-text .btn-alt {
	background-color: #333;
	color: #fff;
}

.hero-slider .hero-text .btn-alt:hover {
	background: #1db2cd;
	color: #fff;
}

/* Slider Nav */
.hero-slider .owl-nav {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -23px;
}

.hero-slider .owl-carousel .owl-nav div {
	height: 45px;
	width: 45px;
	line-height: 40px;
	background: #333;
	color: #fff;
	position: absolute;
	margin: 0;
	border-radius: 0;
	font-size: 15px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0 0 25px #00000059;
	background: #fff;
	color: #333;
	border-radius: 50%;
}

.hero-slider .owl-carousel .owl-nav div:hover {
	color: #fff;
	background: #1db2cd;
}

.hero-slider .owl-carousel .owl-controls .owl-nav .owl-prev {
	left: 20px;
}

.hero-slider .owl-carousel .owl-controls .owl-nav .owl-next {
	right: 20px;
}


/*======================================
   End Hero Area CSS
========================================*/

/*======================================
   Start Small Banner CSS
========================================*/
.banner {
	padding: 20px 0;
	padding-bottom: 0;
}

.banner .single-banner {
	margin-top: 30px;
}

.banner .single-banner.banner3 {
	background-image: url('images/banner/mid-banner3.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	background-color: #1db2cd;
	background-position: center;
	box-shadow: 0 9px 35px #00000059;
	border-radius: 15px
}

.banner .single-banner {
	overflow: hidden;
	position: relative;
	height: 350px;
}

.banner .single-banner img {
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.banner .single-banner .content {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 40px;
}

.banner .single-banner .content.right {
	right: 0;
	text-align: right;
	padding: 40px;
}

.banner .single-banner h3 {
	font-size: 25px;
	font-weight: 700;
	color: #333;
}

.banner .single-banner p {
	font-size: 14px;
	color: #1db2cd;
	font-weight: 500;
	margin-bottom: 5px;
}

.banner .single-banner .button {
	margin-top: 20px;
}

.banner .single-banner.banner2 {
	background-image: url('images/banner/mid-banner2.png');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	background-position: center;
	background-color: #f1c40f;
	box-shadow: 0 9px 35px #00000059;
	border-radius: 15px;
}

.banner .single-banner.banner2 h3 {
	color: #fff;
	font-size: 28px;
}

.banner .single-banner.banner2 p {
	color: #fff;
	font-size: 16px;
}

.banner .single-banner.banner3 h3 {
	color: #fff;
	font-size: 28px;
}

.single-banner.banner3 p {
	color: #fff;
	font-size: 16px;
}

.single-banner.banner3 .button .btn {
	background-color: #fff;
	color: #333;
}

.single-banner.banner3 .button .btn:hover {
	background-color: #333;
	color: #fff;
}

.big-banner {
	height: 400px;
	background-image: url('images/banner/big-banner.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	background-color: #1db2cd;
	box-shadow: 0 9px 35px #00000059;
	border-radius: 15px;
}

.big-banner .content {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 40px;
}

.big-banner h3 {
	font-size: 37px;
	color: #fff;
	line-height: 45px;
}

.big-banner p {
	color: #fff;
	font-size: 15px;
}

.big-banner .button {
	margin-top: 20px;
}

.big-banner .button .btn {
	background-color: transparent;
	border: 2px solid #fff;
	padding: 12px 32px;
}

.big-banner .button .btn:hover {
	color: #fff;
	background-color: #333;
	border-color: transparent;
}

.big-banner h3 span {
	color: #fff;
}

.single-banner.banner2 .button .btn {
	background-color: #fff;
	color: #333;
}

.single-banner.banner2 .button .btn:hover {
	color: #fff;
	background-color: #333;
}

/*======================================
   End Small Banner CSS
========================================*/

/*======================================
   Start Download App CSS
========================================*/
.download-app-section {
	padding: 60px 0;
}

.mobile-animate-button {
	display: none;
}

.download-app-section .download-inner {}

.download-app {
	background-color: #1db2cd;
	padding: 40px;
	overflow: hidden;
	border-radius: 5px;
	height: 100%;
	background-image: url('images/banner/pattern.png');
}

.download-app h3 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 35px;
}

.download-app p {
	color: #fff;
	margin-bottom: 20px;
}

.download-app ul {
	display: block;
	margin: 20px 0;
	margin-top: 32px;
}

.download-app ul li {
	color: #fff;
	position: relative;
	padding-left: 50px;
	margin-bottom: 22px;
	font-weight: 400;
}

.download-app ul li:last-child {
	margin: 0;
}

.download-app ul li span {
	height: 38px;
	width: 38px;
	line-height: 38px;
	background-color: #fff;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	display: block;
	color: #333;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -19px;
	text-align: center;
}

.download-app a {
	display: inline-block;
	margin-right: 10px;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
}

.download-app a:last-child {
	margin: 0;
}

.download-app .button {
	margin-top: 50px;
}

.download-app .button .btn {
	border: 2px solid #fff;
	background-color: transparent;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	padding: 12px 30px;
	font-size: 14px;
}

.download-app .button .btn:last-child {
	margin: 0;
}

.download-app .button .btn i {
	display: inline-block;
	margin-right: 4px;
	font-size: 17px;
}

.download-app .button .btn:hover {
	color: #333;
	background-color: #fff;
	border-color: #fff;
}

.download-app .button .btn.btn-alt {
	background-color: #fff;
	color: #333;
}

.download-app .button .btn.btn-alt:hover {
	background-color: #333;
	color: #fff;
	border-color: transparent;
}

.animate-btn {
	background-color: #f5f5f5;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 59px 30px;
	position: relative;
	box-shadow: 0px 0px 0 rgba(0, 0, 0, .15);
	z-index: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	box-shadow: 0 0 25px #00000059;
}

.animate-btn.small {
	margin-top: 30px;
}

.animate-btn i {
	background-color: #1db2cd;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-clip: border-box;
	color: #fff;
	font-size: 60px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	position: relative;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin-right: 25px;
}

.animate-btn h6 {
	margin: 0;
	font-size: 18px;
}

.animate-btn:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	border: none;
	background-color: #fff;
}

/*======================================
   End Download App CSS
========================================*/

/*======================================
   Start Single Product CSS
========================================*/
.product-area {}

.product-area .nav-tabs {
	text-align: center;
	display: inline-block;
	width: 100%;
	border: none;
}

.product-area .nav-tabs .nav-item {
	margin-bottom: -1px;
	display: inline-block;
}

.product-area .nav-tabs li a {
	color: #333;
	text-transform: capitalize;
	display: inline-block;
	position: relative;
	margin-right: 5px;
	font-weight: 600;
	background: #fff;
	color: #333;
	padding: 3px 14px;
	border-radius: 3px;
	font-size: 14px;
	box-shadow: 0px 0px 30px #00000024;
}

.product-area .nav-tabs li:last-child a {
	border-color: transparent;
}

.product-area .nav-tabs li a i {
	margin-right: 10px;
}

.product-area .nav-tabs li a.active,
.product-area .nav-tabs li:hover a {
	background: #1db2cd;
	color: #fff;
	border-color: transparent;
}

/* Sinlge Product */
.product-area {
	background-color: #fff;
}

.single-product {
	margin-top: 50px;
	text-align: center;
	padding: 20px;
	box-shadow: 0 9px 35px #00000059;
	background: #fff;
	border-radius: 10px;
	padding-bottom: 30px;
}

.single-product .product-img {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.single-product .product-img a {
	display: block;
	position: relative;
}

.single-product .product-img a img {
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.single-product .product-img a:hover img {
	transform: scale(1.1);
}

.single-product .product-img a span.price-dec {
	background-color: #f6931d;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 20px;
	top: 20px;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 30px;
	height: 26px;
	line-height: 25px;
}

.single-product .product-img a span.off {
	background-color: #1db2cd;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 0;
	top: 0;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 4px;
	height: 26px;
	line-height: 24px;
}

.single-product .product-img a span.hot {
	background-color: #ed1b24;
	display: inline-block;
	font-size: 11px;
	color: #fff;
	right: 0;
	top: 0;
	padding: 1px 16px;
	font-weight: 700;
	border-radius: 0;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	border-radius: 4px;
	height: 26px;
	line-height: 24px;
}

.single-product .product-content h3 {
	line-height: 22px;
	margin-top: 15px;
}

.single-product .product-content h3 a {
	font-size: 17px;
	font-weight: 600;
	margin: 0;
}

.single-product .product-content h3 a:hover {
	color: #1db2cd;
}

.single-product .product-content p {
	display: block;
	margin: 15px 0;
}

.single-product .product-content .product-price {
	margin: 6px 0 0 0;
}

.single-product .product-content .product-price span {
	font-size: 18px;
	font-weight: 500;
}

.single-product .product-content .product-price span.old {
	text-decoration: line-through;
	opacity: .6;
	margin-right: 2px;
}

.single-product .product-content .button {
	margin-top: 20px;
}

/*======================================
   End Single Product CSS
========================================*/


/*======================================
   Start Call Action CSS
========================================*/
.call-action {
	background-color: #1db2cd;
	padding: 100px 0;
	background-image: url('images/banner/pattern.png');
}

.call-action .left-content h2 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	color: #fff;
}

.call-action .left-content p {
	color: #fff;
	display: block;
	margin-top: 15px;
}

.call-action .left-content .button {
	margin-top: 30px;
	display: block;
}

.call-action .left-content .button .btn {
	background-color: #fff;
	color: #333;
}

.call-action .left-content .button .btn:hover {
	background-color: #333;
	color: #fff;
}

.call-action .item-head {
	text-align: right;
}

.call-action .single-item {
	display: inline-block;
	margin-right: 40px;
	text-align: center;
}

.call-action .single-item:last-child {
	margin-right: 0;
}

.call-action .single-item i {
	font-size: 60px;
	color: #fff;
}

.call-action .single-item h4 {
	color: #fff;
	display: block;
	margin-top: 25px;
	font-size: 16px;
	font-weight: 500;
}


/*======================================
   End Call Action CSS
========================================*/

/*======================================
   Start Most Popular CSS
========================================*/
.pro-tab-viewmore-wrap {
	position: relative;
	text-align: center;
}

.most-popular .section-title {
	margin-bottom: 40px;
}

.pro-tab-viewmore-wrap .pro-viewmore {
	position: absolute;
	right: 40px;
	top: 0;
}

.most-popular .single-product {
	margin: 50px 15px 15px 15px;
	box-shadow: 0 0 25px #00000059;
}

/* Slider Nav */
.most-popular .owl-nav {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -20px;
}

.most-popular .owl-carousel .owl-nav div {
	height: 45px;
	width: 45px;
	line-height: 40px;
	background: #333;
	color: #fff;
	position: absolute;
	margin: 0;
	border-radius: 0;
	font-size: 15px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0 0 25px #00000059;
	background: #fff;
	color: #333;
	border-radius: 50%;
}

.most-popular .owl-carousel .owl-nav div:hover {
	color: #fff;
	background: #1db2cd;
}

.most-popular .owl-carousel .owl-controls .owl-nav .owl-prev {
	left: -40px;
}

.most-popular .owl-carousel .owl-controls .owl-nav .owl-next {
	right: -40px;
}

/*======================================
   End Most Popular CSS
========================================*/


/*======================================
   Start Recommendations CSS
========================================*/
.recommendations {
	padding-top: 70px;
	background-color: #f9f9f9;
}

.recommendations .single-recommendation {
	border-radius: 15px;
	overflow: hidden;
	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	margin-top: 30px;
}

.recommendations .single-recommendation .image {
	overflow: hidden;
	position: relative;
}

.recommendations .single-recommendation .image .cat {
	font-size: 13px;
	background-color: #1db2cd;
	color: #fff;
	padding: 2px 20px;
	border-radius: 30px;
	font-weight: 600;
	position: absolute;
	left: 20px;
	top: 20px;
}

.recommendations .single-recommendation .image img {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.recommendations .single-recommendation .image:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.recommendations .single-recommendation .content {
	padding: 40px 30px;
	background-color: #fff;
	position: relative;
	padding-right: 70px;
}

.recommendations .single-recommendation.small .content {
	padding: 30px 30px;
	padding-top: 20px;
	padding-right: 30px;
}

.recommendations .single-recommendation .content h2 {
	line-height: 40px;
}

.recommendations .single-recommendation.small .content h2 {
	line-height: 28px;
}

.recommendations .single-recommendation .content h2 a {
	font-size: 32px;
	font-weight: 700;
}

.recommendations .single-recommendation.small .content h2 a {
	font-size: 22px;
	font-weight: 700;
}

.recommendations .single-recommendation .content h2 a:hover {
	color: #1db2cd;
}

.recommendations .single-recommendation .content ul {
	margin-top: 15px;
}

.recommendations .single-recommendation .content ul li {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.recommendations .single-recommendation .content ul li:last-child {
	margin: 0;
}

.recommendations .single-recommendation .content ul li i {
	display: inline-block;
	margin-right: 5px;
	color: #1db2cd;
}

.recommendations .single-recommendation .content .button {
	margin-top: 15px;
}

.recommendations .single-recommendation .content .button .btn {
	padding: 0;
	color: #fff;
	background-color: #1db2cd;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: 25px;
	bottom: 25px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 20px;
}

.recommendations .single-recommendation .content .button .btn:hover {
	background-color: #333;
	color: #fff;
}

/*======================================
   End Recommendations CSS
========================================*/

/*======================================
   Start Promo Area CSS
========================================*/
.promo-area {
	padding: 50px 0;
}

.single-promo {
	margin: 19px 10px;
	border-radius: 10px;
	border: 2px solid #1db2cd;
	overflow: hidden;
	box-shadow: 0 11px 12px #00000059;
}

.single-promo img {
	width: 100%;
}

/* Slider Nav */
.promo-area .owl-nav {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -20px;
}

.promo-area .owl-carousel .owl-nav div {
	height: 35px;
	width: 35px;
	line-height: 30px;
	background: #333;
	color: #fff;
	box-shadow: 0 0 25px #00000059;
	position: absolute;
	margin: 0;
	border-radius: 0;
	font-size: 16px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0px 0px 10px #3333331c;
	border-radius: 5px;
	box-shadow: 0 0 25px #00000059;
	background: #fff;
	color: #333;
	border-radius: 50%;
}

.promo-area .owl-carousel .owl-nav div:hover {
	color: #fff;
	background: #1db2cd;
}

.promo-area .owl-carousel .owl-controls .owl-nav .owl-prev {
	left: -40px;
}

.promo-area .owl-carousel .owl-controls .owl-nav .owl-next {
	right: -40px;
}

/*======================================
   End Promo Area CSS
========================================*/


/*======================================
   Start Item List Page Search CSS
========================================*/
.item-search {
	padding-top: 20px;
}

.item-search h3 {
	font-size: 17px;
	margin-bottom: 10px;
	font-weight: 600;
}

.item-search .inner {
	background-color: #f9f9f9;
	padding: 50px 30px;
	border-radius: 6px;
	border: 1px solid #eee;
	box-shadow: 0 0 25px #0000004a;
}

.item-search .search-form {
	margin-top: 20px;
}

.item-search .search-form input {
	height: 50px;
	width: 85%;
	background-color: #fff;
	color: #333;
	border: 1px solid #eee;
	border-radius: 6px;
	display: inline-block;
	padding: 0px 20px;
}

.item-search .search-form button {
	height: 50px;
	line-height: 50px;
	width: 10%;
	text-align: center;
	padding: 0px 15px;
	border-radius: 6px;
	color: #fff;
	background-color: #1db2cd;
	border: none;
	display: inline-block;
	margin-left: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.item-search .search-form button:hover {
	background-color: #333;
	color: #fff;
}

/* Shop Price */
.range .price-filter {
	display: block;
	margin-top: 20px;
}

.range #slider-range {
	box-shadow: none;
	border: none;
	height: 4px;
	background: #1db2cd;
	color: #1db2cd;
	border-radius: 10px;
}

.range #slider-range .ui-slider-range {
	box-shadow: none;
	background: #222;
	border-radius: 0px;
	border: none;
}

.range .ui-slider-handle.ui-state-default.ui-corner-all {
	width: 14px;
	height: 14px;
	line-height: 10px;
	background: #222;
	border: none;
	border-radius: 100%;
	top: -5px;
}

.range .label-input {
	margin-top: 15px;
}

.range .label-input span {
	margin-right: 5px;
	color: #282828;
}

.range .ui-slider-handle.ui-state-default.ui-corner-all {
	background: #1db2cd;
	color: #1db2cd;
	cursor: pointer;
}

.range .label-input {
	margin-top: 15px;
}

.range .label-input span {
	margin-right: 5px;
	color: #282828;
}

.range .ui-slider-handle.ui-state-default.ui-corner-all {
	background: #1db2cd;
	color: #1db2cd;
	cursor: pointer;
}

.range .label-input input {
	border: none;
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	color: #222;
	background: transparent;
}

.item-list {
	padding: 50px 0;
}

.item-list .single-product {
	text-align: center;
	padding: 20px;
	box-shadow: 0 0 25px #00000059;
	background: #fff;
	border-radius: 10px;
	padding-bottom: 30px;
	margin: 50px 15px 15px 15px;
}

.global-title {
	font-size: 22px;
	font-weight: 600;
	background-color: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 6px;
	padding: 10px 20px;
	border-left: 5px solid #1db2cd;
}

/* Slider Nav */
.item-list .owl-nav {
	margin: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -20px;
}

.item-list .owl-carousel .owl-nav div {
	height: 35px;
	width: 35px;
	line-height: 30px;
	background: #333;
	color: #fff;
	position: absolute;
	margin: 0;
	border-radius: 0;
	font-size: 12px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0 0 25px #00000059;
	background: #fff;
	color: #333;
	border-radius: 50%;
}

.item-list .owl-carousel .owl-nav div:hover {
	color: #fff;
	background: #1db2cd;
}

.item-list .owl-carousel .owl-controls .owl-nav .owl-prev {
	left: -40px;
}

.item-list .owl-carousel .owl-controls .owl-nav .owl-next {
	right: -40px;
}

.item-list-style2 {
	padding: 50px 0;
}

.single-item-list {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 25px #00000059;
	margin-top: 30px;
}

.single-item-list .product-img {
	overflow: hidden;
	position: relative;
}

.single-item-list .product-img img {
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}

.single-item-list .product-img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.single-item-list .product-img .cat {
	font-size: 13px;
	background-color: #1db2cd;
	color: #fff;
	padding: 2px 20px;
	border-radius: 30px;
	font-weight: 600;
	position: absolute;
	left: 20px;
	top: 20px;
}

.single-item-list .product-img .time {
	font-size: 13px;
	background-color: #1db2cd;
	color: #fff;
	padding: 2px 20px;
	border-radius: 30px;
	font-weight: 600;
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.single-item-list .product-img .favirote {
	font-size: 15px;
	background-color: #1db2cd;
	color: #fff;
	height: 30px;
	width: 30px;
	line-height: 32px;
	border-radius: 50%;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.single-item-list .product-img .favirote:hover {
	background-color: #fff;
	color: #1db2cd;
}

.single-item-list .product-content {
	padding: 30px;
	position: relative;
}

.single-item-list .product-content h3 {
	line-height: 30px;
	padding-right: 120px;
}

.single-item-list .product-content h3 a {
	font-size: 24px;
	font-weight: 600;
}

.single-item-list .product-content .rating {
	position: absolute;
	right: 30px;
	top: 30px;
}

.single-item-list .product-content .rating li {
	display: inline-block;
	margin-right: -2px;
}

.single-item-list .product-content .rating li i {
	color: #f1c40f;
	font-size: 14px;
}

.single-item-list .product-content h3 a:hover {
	color: #1db2cd;
}

.single-item-list .product-content p {
	margin-top: 15px;
}

.single-item-list .product-content .product-price {}

.single-item-list .product-content .product-price span {
	font-size: 15px;
	font-weight: 600;
	color: #1db2cd;
	display: block;
	margin-top: 10px;
}

.single-item-list .product-content .button {
	margin-top: 20px;
}

.single-item-list .product-content .button .btn {}

.list-animate-btn {
	background-color: #f5f5f5;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	box-shadow: 0px 0px 0 rgba(0, 0, 0, .15);
	z-index: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	padding: 40px 30px;
	margin-bottom: 30px;
	box-shadow: 0 0 25px #00000059;
}


.list-animate-btn i {
	background-color: #1db2cd;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-clip: border-box;
	color: #fff;
	text-align: center;
	position: relative;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin-right: 25px;
	font-size: 40px;
	width: 75px;
	height: 75px;
	line-height: 75px;
}

.list-animate-btn h6 {
	font-size: 17px;
}

.list-animate-btn:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	border: none;
	background-color: #fff;
}


/*======================================
   End Item List Page Search CSS
========================================*/

/*======================================
   Start Shop Single CSS
========================================*/
.shop.single {
	padding: 70px 0 100px;
}

.single-item-des {
	margin-top: 30px;
}

.single-item-des .short h4 {
	font-size: 25px;
	font-weight: 600;
	margin-top: -5px;
	line-height: 32px;
}

.single-item-des .short .description {
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.single-item-des {}

.single-item-des .total-review {
	font-size: 14px;
	font-weight: 500;
	margin-left: 10px;
	display: inline-block;
}

.single-item-des .total-review:hover {
	color: #1db2cd;
}

.single-item-des .rating {
	margin-top: 20px;
	display: inline-block;
}

.single-item-des .rating li {
	display: inline-block;
}

.single-item-des .rating li i {
	color: #F1C40F;
}

.single-item-des .rating li.dark i {
	color: #F1C40F;
}

.single-item-des .price {
	font-size: 22px;
	color: #333;
	font-weight: 600;
	margin-top: 15px;
}

.single-item-des .price s {
	color: #333;
}

.single-item-des .price span {
	display: inline-block;
	margin-right: 15px;
	color: #1db2cd;
}

.single-item-des .product-buy {
	margin-top: 40px;
}

.single-item-des .quantity {
	display: inline-block;
	margin-right: 10px;
}

.single-item-des .quantity h6 {
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 500;
}

.single-item-des .quantity .input-group {
	width: 151px;
	display: inline-block;
}

.single-item-des .quantity .button {
	display: inline-block;
	position: absolute;
	top: 0;
	display: inline-block;
}

.single-item-des .quantity .button.minus {
	left: 0;
	border-radius: 4px 0 0 4px;
	overflow: hidden;
}

.single-item-des .quantity .button.plus {
	right: 0;
	border-radius: 0 4px 4px 0;
	overflow: hidden;
}

.single-item-des .quantity .button .btn {
	padding: 0;
	width: 40px;
	height: 45px;
	line-height: 45px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	font-size: 12px;
	border: none;
}

.single-item-des .quantity .button .btn:hover {
	color: #fff;
	background-color: #1db2cd;
	;
}

.single-item-des .quantity .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 45px;
	border-radius: 0px;
	overflow: hidden;
	padding: 0px 45px;
	border-radius: 4px;
}

.single-item-des .add-to-cart {
	display: inline-block;
}

.single-item-des .add-to-cart .btn {
	height: 45px;
	width: auto;
	padding: 0 42px;
	line-height: 45px;
	text-align: center;
	text-transform: capitalize;
	margin-right: 5px;
	border-radius: 0px;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	background: #1db2cd;
	border-radius: 4px;
}

.single-item-des .add-to-cart .btn:hover {
	color: #fff;
	background: #333;
}

.single-item-des .add-to-cart .btn.min {
	padding: 0 20px;
	font-size: 17px;
	position: relative;
	top: 1px;
	line-height: 45px;
}

.single-item-des .cat {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-top: 30px;
}

.single-item-des .cat a {
	display: inline-block;
	margin-left: 10px;
}

.single-item-des .cat a:hover {
	color: #1db2cd;
}

.single-item-des .availability {
	color: #333;
	font-size: 14px;
	margin-top: 6px;
}

/* Product Tab */
.shop.single .product-info {
	margin-top: 50px;
}

.shop.single .nav-tabs {
	border: none;
}

.shop.single .nav-tabs li {
	margin-right: 10px;
}

.shop.single .nav-tabs li:last-child {
	margin-right: 0;
}

.shop.single .nav-tabs li a {
	border: 0px solid;
	border-radius: 0px;
	background: #fff;
	color: #333;
	padding: 10px 30px;
	font-weight: 500;
	font-size: 14px;
	border: 1px solid #eee;
	border-radius: 4px;
}

.shop.single .nav-tabs li a i {
	margin-right: 10px;
}

.shop.single .nav-tabs li a.active,
.shop.single .nav-tabs li:hover a {
	background: #1db2cd;
	color: #fff;
	border-color: transparent;
	border-radius: 4px;
}

.shop.single .tab-single {}

.shop.single .single-des {
	margin-top: 35px;
}

.shop.single .single-des h4 {
	margin-bottom: 15px;
	font-weight: 500;
	font-size: 22px;

}

.shop.single .single-des ul {}

.shop.single .single-des ul li {
	color: #555;
	display: block;
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}

.shop.single .single-des ul li::before {
	position: absolute;
	content: "";
	left: 0;
	top: 9px;
	height: 7px;
	width: 7px;
	background: #1db2cd;
	border-radius: 50%;
}

.shop.single .single-des p {}

.shop.single .item-info {
	width: 100%;
}

.shop.single .item-info tbody {}

.shop.single .item-info tbody tr {}

.shop.single .item-info tbody td {
	border: 1px solid #e6e6e6;
	padding: 10px;
}

.shop.single .item-info tbody strong {}

.shop.single .ratting-main {}

.shop.single .avg-ratting {
	margin-bottom: 20px;
}

.shop.single .avg-ratting h4 {
	font-size: 18px;
	margin: 0;
}

.shop.single .avg-ratting h4 span {
	font-size: 14px;
}

.shop.single .single-rating {
	margin-bottom: 20px;
}

.shop.single .single-rating:last-child {
	margin: 0;
	border: none;
	padding: 0;
}

.shop.single .rating-author {
	float: left;
	margin-right: 10px;
	padding: 20px;
	padding-right: 10px;
}

.shop.single .rating-author img {
	width: 60px;
	border-radius: 100%;
	height: 60px;
}

.shop.single .rating-des {
	padding-left: 72px;
	background: #f9f8f8;
	padding: 17px 20px 17px 107px;
	border-radius: 4px;
}

.shop.single .rating-des .ratings {
	margin: 0;
}

.shop.single .rating-des h6 {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
}

.shop.single .ratting-main .single-rating ul {}

.shop.single .ratting-main .single-rating ul li {
	display: inline-block;
}

.shop.single .ratting-main .single-rating ul li i {
	color: #F1C40F;
	font-size: 14px;
}

.shop.single .review-inner label {
	display: inline-block;
	margin: 0 5px 0 0;
}

.shop.single .review-inner .ratings {
	overflow: visible;
	display: inline-block;
	margin: 0;
}

.shop.single .review-inner .ratings ul {
	display: inline-block;
}

.shop.single .ratting-main .single-rating ul {
	display: inline-block;
	margin-right: 5px;
}

.shop.single .ratings .rate-count {
	display: inline-block;
	color: #666;
	font-size: 13px;
}

.shop.single .comment-review {
	margin-bottom: 30px;
}

.shop.single .comment-review .add-review {
	margin-top: 30px;
}

.shop.single .comment-review .add-review h5 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 7px;
}

.shop.single .comment-review .add-review p {
	color: #333;
}

.shop.single .comment-review h4 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 7px;
	margin-top: 20px;
}

.shop.single .comment-review .review-inner {
	margin-bottom: 15px;
	display: block;
}

.shop.single .comment-review .rating li {
	display: inline-block;
}

.shop.single .comment-review .rating li i {
	color: #1db2cd;
	font-size: 14px;
}

.shop.single .rating-des p {
	margin-top: 5px;
}

.shop.single .avg-ratting h4 {
	font-size: 20px;
	color: #333;
}

.shop.single .avg-ratting {}

.shop.single .form .form-group input {
	width: 100%;
	height: 45px;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ddd;
	resize: none;
	border-radius: 0;
	color: #333;
	border-radius: 4px;
}

.shop.single .form .form-group button {
	border: none;
	padding: 17px 50px;
}

.shop.single .form .form-group textarea {
	width: 100%;
	height: 200px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	resize: none;
	border-radius: 0;
	color: #333;
	border-radius: 4px;
}

.shop.single .form .form-group label {
	color: #333;
	position: relative;
}

.shop.single .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}

.shop.single .review-panel {
	margin-top: 35px;
}

/*======================================
   End Shop Single CSS
========================================*/

/*======================================
   Start Shopping Cart CSS
========================================*/
.table.shopping-summery {
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
}

.cart-list-head {
	border-radius: 6px;
	overflow: hidden;
}

.cart-list-title {
	background-color: #1db2cd;
	padding: 15px 20px;
}

.cart-list-title p {
	color: #fff;
	font-weight: 500;
}

.cart-single-list {}


.cart-single-list .product-name {
	line-height: 22px;
}

.cart-single-list .product-name a {
	font-size: 17px;
	color: #333;
	font-weight: 600;
}

.cart-single-list .product-des {
	display: block;
	margin-top: 3px;
}

.cart-single-list {
	padding: 25px 20px;
	background-color: #fff;
	border-bottom: 1px dashed #bbb;
}

.cart-single-list:last-child {
	border: none !important;
	border-radius: 0 0 6px 6px;
}

.cart-single-list a:hover {
	color: #1db2cd;
}

.shopping-cart {
	background: #f6f6f6;
	padding: 100px 0;
}

.cart-qty .input-group {
	width: 145px;
	display: inline-block;
	border-radius: 5px;
}

.cart-qty .button {
	display: inline-block;
	position: absolute;
	top: 0;
}

.cart-qty .button.minus {
	left: 0;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
}

.cart-qty .button.plus {
	right: 0;
	border-radius: 0 5px 5px 0;
	overflow: hidden;
}

.cart-qty .button .btn {
	padding: 0;
	width: 44px;
	height: 47px;
	line-height: 50px;
	border-radius: 0px;
	background: transparent;
	color: #282828;
	border: none;
	font-size: 12px;
}

.cart-qty .button .btn:hover {
	color: #fff;
	background-color: #1db2cd;
}

.cart-qty .input-number {
	border: 1px solid #eceded;
	width: 100%;
	text-align: center;
	height: 47px;
	border-radius: 5px;
	overflow: hidden;
	padding: 0px 45px;
}

.shopping-cart .total-amount .right ul li {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}

.shopping-cart .total-amount .right ul li span {
	display: inline-block;
	float: right;
}

.shopping-cart .total-amount .coupon {
	padding: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	border-radius: 6px;
	margin-top: 40px;
	display: inline-block;
}

.shopping-cart .total-amount .coupon input {
	width: 300px;
	height: 50px;
	border: 1px solid #eee;
	overflow: hidden;
	border-radius: 5px;
	color: #333;
	padding: 0px 20px;
	display: inline-block;
}

.shopping-cart .total-amount .coupon .button {
	display: inline-block;
}

.shopping-cart .total-amount .coupon button {
	border: none;
	height: 50px;
	display: inline-block;
	margin-left: 8px;
}

.shopping-cart .total-amount .right {
	padding: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	border-radius: 6px;
	margin-top: 40px;
}

.shopping-cart .total-amount .right .button {
	margin-top: 30px;
}

.shopping-cart .total-amount .right .btn {
	width: 100%;
	margin-bottom: 8px;
	text-align: center;
	padding: 10px 20px
}

.shopping-cart .total-amount .right .btn:last-child {
	margin: 0;
}

/*======================================
   End Shopping Cart CSS
========================================*/

/*======================================
   Rating CSS
========================================*/
.rating-list-head {
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #eee;
}

.rating-list-title {
	background-color: #1db2cd;
	padding: 15px 20px;
}

.rating-list-title p {
	color: #fff;
	font-weight: 500;
}

.rating-single-list {
	padding: 30px 20px;
	border-bottom: 1px dashed #bbb;
	background-color: #fff;
}

.rating-single-list:last-child {
	border: none;
}

.rating-single-list .item-info {
	position: relative;
	padding-left: 100px;
}

.rating-single-list .item-info .item-name {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	line-height: 22px;
	margin-bottom: 5px;
	display: block;
}

.rating-single-list .item-info .item-name:hover {
	color: #1db2cd;
}

.rating-single-list .item-info img {
	height: 80px;
	width: 80px;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.rating-single-list p {
	line-height: 20px;
	font-size: 15px;
}

.rating-single-list h5 {
	line-height: 20px;
	margin-bottom: 5px;
	display: block;
}

.rating-single-list h5 a {
	font-size: 16px;
	font-weight: 500;
}

.rating-single-list h5 a:hover {
	color: #1db2cd;
}

.rating-single-list .vendor-inner {
	position: relative;
	padding-right: 82px;
}

.rating-single-list .person-name {
	position: relative;
	padding-right: 82px;
}

.rating-single-list .person-name .name {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
	display: block;
	color: #333;
}

.rating-single-list .person-name p {
	font-size: 14px;
}

.rating-single-list .rating-star {
	display: block;
	margin-top: 5px;
}

.rating-single-list .rating-star li {
	display: inline-block;
}

.rating-single-list .rating-star li:last-child {
	color: #333;
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
}

.rating-single-list .rating-star li i {
	color: #F1C40F;
	font-size: 14px;
}

.rating-single-list .give-rating {
	background-color: #1db2cd;
	color: #fff;
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: 3px;
	border-radius: 4px;
	height: 34px;
	padding: 0px 10px;
	line-height: 34px;
	margin-top: -17px;
}

.rating-single-list .give-rating:hover {
	background-color: #333;
	color: #fff;
}

/*======================================
   End Rating CSS
========================================*/

/*======================================
   Start Checkout Form CSS
========================================*/
.checkout {
	background: #fff;
	padding-top: 50px;
	padding-bottom: 80px;
}

.checkout .checkout-form {
	margin-top: 30px;
}

.checkout .checkout-form h2 {
	font-size: 25px;
	color: #333;
	font-weight: 700;
	line-height: 27px;
}

.checkout .checkout-form p {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 30px;
}

.checkout .form {}

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

.checkout .form .form-group label {
	color: #333;
	position: relative;
}

.checkout .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}

.checkout input {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 3px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	background: #fff;
	border: 1px solid #9b9b9b;
	border-radius: 5px;
}

.checkout select {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 3px;
	border-radius: 0px;
	color: #333 !important;
	border: none;
	background: #fff;
	border: 1px solid #9b9b9b;
	border-radius: 5px;
}

.checkout textarea {
	width: 100%;
	height: 150px;
	line-height: 50px;
	padding: 0 20px;
	color: #333 !important;
	border: none;
	background: #fff;
	border: 1px solid #9b9b9b;
	border-radius: 5px;
}

.checkout .form .form-group input:hover {}

.checkout .nice-select {
	width: 100%;
	line-height: 50px;
	margin-bottom: 25px;
	background: transparent;
	border: 1px solid #9b9b9b;
	height: 50px;
	font-size: 14px;
	border-radius: 6px;
}

.checkout .nice-select .list {
	width: 100%;
	height: auto;
	border: 1px solid #9b9b9b;
	border-radius: 6px;
	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
}

.checkout .nice-select .list li {}

.checkout .nice-select .list li.option {
	color: #333;
}

.checkout .nice-select .list li.option:hover {
	background: #1db2cd;
	color: #fff;
}

.checkout .form .address input {
	margin-bottom: 15px;
}

.checkout .form .address input:last-child {
	margin: 0;
}

.checkout .form .create-account {
	margin: 0;
}

.checkout .form .create-account input {
	width: auto;
	display: inline-block;
	height: auto;
	border-radius: 100%;
	margin-right: 3px;
}

.checkout .form .create-account label {
	display: inline-block;
	margin: 0;
}

.checkout .order-details {
	margin-top: 30px;
	background: #fff;
	padding: 15px 0 30px 0;
	border: 1px solid #9b9b9b;
	border-radius: 5px;
}

.checkout .single-widget {
	margin-bottom: 30px;
}

.checkout .single-widget:last-child {
	margin: 0;
}

.checkout .single-widget h2 {
	position: relative;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 30px;
	line-height: 24px;
	text-transform: capitalize;
	color: #333;
	padding-bottom: 5px;
}

.checkout .single-widget h2:before {
	position: absolute;
	content: "";
	left: 30px;
	bottom: 0;
	height: 2px;
	width: 50px;
	background: #1db2cd;
}

.checkout .single-widget .content ul {
	margin-top: 30px;
}

.checkout .single-widget .content ul li {
	display: block;
	padding: 0px 30px;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}

.checkout .single-widget .content ul li span {
	display: inline-block;
	float: right;
}

.checkout .single-widget .content ul li.last {
	padding-top: 12px;
	border-top: 1px solid #ebebeb;
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #333;
}

.checkout .single-widget .checkbox {
	text-align: left;
	margin: 0;
	padding: 0px 30px;
	margin-top: 30px;
}

.checkout .single-widget .checkbox label {
	color: #555555;
	position: relative;
	font-size: 14px;
	padding-left: 20px;
	margin-top: -5px;
	font-weight: 400;
	display: block;
	margin-bottom: 15px;
}

.checkout .single-widget .checkbox label:last-child {
	margin-bottom: 0;
}

.checkout .single-widget .checkbox label:hover {
	cursor: pointer;
}

.checkout .single-widget .checkbox label input {
	display: none;
}

.checkout .single-widget .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	line-height: 16px;
	border: 1px solid #1db2cd;
	border-radius: 100%;
}

.checkout .single-widget .checkbox label::after {
	position: absolute;
	content: "";
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	line-height: 16px;
	border-radius: 100%;
	display: block;
	background: #1db2cd;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.checkout .single-widget .checkbox label.checked::after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.checkout .single-widget.payement {
	padding: 0px 38px;
	text-align: left;
	margin-top: 30px;
}

.checkout .single-widget.get-button {
	text-align: center;
	padding: 0px 35px;
}

.checkout .single-widget.get-button .btn {
	width: 100%;
}

.center {
	position: relative;
}

.center button {
	position: relative;
	width: 100%;
	border: none;
	padding: 5px 0;
	cursor: pointer;
	outline: none;
	border-radius: 50px;
	background: linear-gradient(#3d42c2, #373bae, #31349b);
	transition: .5s;
}

.shop.checkout .single-widget.get-button button:hover {
	background: linear-gradient(#31349b, #373bae, #3d42c2);
}

.shop.checkout .single-widget.get-button button p {
	color: white;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 15px;
}

.shop.checkout .single-widget.get-button button .loading,
.shop.checkout .single-widget.get-button button .fa {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.shop.checkout .single-widget.get-button button .loading {
	width: 0%;
	border-radius: 50px;
	background: linear-gradient(#3d42c2, #373bae, #31349b);
}

.shop.checkout .single-widget.get-button button .fa {
	color: white;
	font-size: 35px;
	line-height: 65px;
	transform: scale(0);
}

.center.active {
	padding: 0;
}

.center.active button {
	background: #d9d9d9;
	margin-top: 0;
}

.center.active button p {
	display: none;
}

.center.active button .loading {
	width: 100%;
	transition: all 2.7s ease .6s;
	z-index: 9999;
}

.center.active button.success {
	padding: 35px 0;
	width: 250px;
}

.center.active button.success .fa {
	transform: scale(1);
	transition: transform .2s linear .3s;
}

.checkout .google-map {
	margin-bottom: 20px;
	border-radius: 6px;
	overflow: hidden;
}

.checkout .label h4 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}

.checkout .label ul {
	display: block;
	margin-top: 20px;
}

.checkout .label ul li {
	display: inline-block;
	margin-right: 5px;
}

.checkout .label ul li:last-child {
	margin-right: 0;
}

.checkout .label ul li a {
	padding: 10px 25px;
	background-color: #fff;
	color: #333;
	font-size: 14px;
	border: 1px solid #bbb;
	border-radius: 4px;
}

.checkout .label ul li a.active {
	color: #fff;
	background-color: #1db2cd;
	border-color: transparent;
}

.checkout .label ul li a:hover {
	color: #fff;
	background-color: #1db2cd;
	border-color: transparent;
}

/*======================================
   End Checkout Form CSS
========================================*/

/*======================================
   Start Dashbord CSS
========================================*/
.dashbord-sidebar {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #eee;
	border-radius: 6px;
}

.dashbord-sidebar ul .heading {
	font-size: 20px;
	font-weight: 600;
	color: #081828;
	margin-bottom: 20px;
}

.dashbord-sidebar ul li {
	display: blocks;
	margin-bottom: 12px;
}

.dashbord-sidebar ul li:last-child {
	margin: 0;
}

.dashbord-sidebar ul li a {
	color: #081828;
	padding: 10px 15px;
	border: 1px solid #eee;
	display: block;
	border-radius: 5px;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
}

.dashbord-sidebar ul li a:hover {
	background-color: #1db2cd;
	color: #fff;
	border-color: transparent;
}

.dashbord-sidebar ul li a:hover i {
	background-color: #fff;
	color: #1db2cd;
}

.dashbord-sidebar ul li a.active {
	background-color: #1db2cd;
	color: #fff;
	border-color: transparent;
}

.dashbord-sidebar ul li a.active i {
	background-color: #fff;
	color: #1db2cd;
}

.dashbord-sidebar ul li a i {
	font-size: 16px;
	color: #1db2cd;
	display: inline-block;
	margin-right: 8px;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	background: #2042e30d;
	border-radius: 3px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.dashbord-sidebar ul li a .notifi {
	height: 25px;
	width: auto;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	background: #f4f5fe;
	border: 1px solid #eee;
	border-radius: 3px;
	text-align: right;
	display: inline-block;
	text-align: center;
	color: #2042e3;
	position: relative;
	top: 2px;
	padding: 0px 8px;
	float: right !important;
}

.dashbord-sidebar ul li a:hover .notifi {
	background-color: #fff;
}

/* Address CSS */
.dashbord-inner-content {
	background-color: #fff;
	padding: 30px;
	border: 1px solid #eee;
	border-radius: 6px;
	position: relative;
}

.edit-info {
	color: #333;
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 14px;
}

.edit-info:hover {
	color: #1db2cd;
}

.edit-info i {
	display: inline-block;
	margin-right: 5px;
}

.profile-image {
	margin-bottom: 30px;
}

.profile-image img {
	height: 200px;
	width: 200px;
	border-radius: 5px;
}

.single-address {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dashed #eee;
}

.single-address:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

.single-address h5 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 5px;
}

.single-address p {}

/* Reviews CSS */
.single-review {
	border: 1px solid #eee;
	border-radius: 6px;
	margin-bottom: 30px;
}

.single-review:last-child {
	margin-bottom: 0px;
}

.single-review .top-content {
	padding: 30px;
	border-bottom: 1px dashed #eee;
}

.single-review .top-content .left-content {
	position: relative;
	padding-left: 70px;
	padding-right: 95px;
}

.single-review .top-content .left-content a {
	position: absolute;
	left: 0;
	top: 0;
}

.single-review .top-content .left-content h5 {
	font-size: 16px;
	font-weight: 500;
}

.single-review .top-content .left-content ul {
	margin-top: 5px;
}

.single-review .top-content .left-content ul li {
	display: inline-block;
}

.single-review .top-content .left-content ul li:last-child {
	background-color: #1db2cd;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	padding: 0px 10px;
	border-radius: 30px;
	margin-left: 10px;
}

.single-review .top-content .left-content ul li i {
	color: #F1C40F;
}

.single-review .top-content .left-content .time {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px;
}

.single-review .top-content .left-content .time i {
	font-size: 13px;
	display: inline-block;
	margin-right: 5px;
}

.single-review .middle-content {
	padding: 20px 30px;
	border-bottom: 1px dashed #eee;
}

.single-review .bottom-content {
	padding: 15px 30px;
}

.single-review .bottom-content ul {}

.single-review .bottom-content ul li a {
	color: #888;
	font-size: 13px;
}

.single-review .bottom-content ul li a i {
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}

.single-review .bottom-content ul li a:hover {
	color: #1db2cd;
}

/* Previous Orders */
.order-items {
	border: 1px solid #eee;
	border-radius: 6px;
	overflow: hidden;
}

.order-list-title {
	padding: 15px 20px;
	background-color: #1db2cd;
}

.order-list-title p {
	color: #ffffff;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 14px;
}

.single-order-list {
	position: relative;
	padding: 25px 20px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #eee;
}

.single-order-list:last-child {
	border: none;
}


.single-order-list p {
	font-size: 14px;
}

.single-order-list p span {
	display: block;
}

.single-order-list .action-btn {
	text-align: center;
}

.single-order-list .action-btn li {
	display: inline-block;
	margin-right: 5px;
	text-align: center;
}

.single-order-list .action-btn li:last-child {
	margin-right: 0;
}

.single-order-list .action-btn li a {
	background-color: #1db2cd;
	color: #fff;
	font-size: 16px;
	padding: 7px 12px;
	border-radius: 4px;
}

.single-order-list .action-btn li a:hover {
	background-color: #333;
	color: #fff;
}

/* Messeges CSS */
.messege-list-head {}

.single-messege {
	margin-bottom: 25px;
}

.single-messege:last-child {
	margin-bottom: 0;
}

.messege-list-head {
	border: 1px solid #eee;
	padding: 30px;
	border-radius: 6px;
}

.messege-text {
	padding: 20px 25px;
	background-color: #eee;
	border-radius: 5px;
	color: #555;
	position: relative;
}


.messege-text.left::before {
	position: absolute;
	content: "";
	left: -19px;
	top: 32px;
	border: 10px solid #eee;
	border-left-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.messege-text.right::before {
	position: absolute;
	content: "";
	right: -19px;
	top: 32px;
	border: 10px solid #eee;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

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

.single-messege-reply {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eee;
}

.single-messege-reply textarea {
	height: 150px;
	padding: 20px;
	color: #333;
	border: 1px solid #eee;
	border-radius: 6px;
	background-color: #fff;
}

.single-messege-reply .button {
	margin-top: 30px;
}

.single-messege-reply .button .btn {
	padding: 17px 30px;
	border: none;
}

/* Balance */
.available-balance {
	display: block;
	background-color: #1db2cd;
	text-align: center;
	padding: 50px;
	border-radius: 6px;
	margin-bottom: 30px;
}

.available-balance h4 {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
}

.available-balance h4 i {
	font-size: 16px;
	display: inline-block;
	position: relative;
	left: 0;
	top: -3px;
}

.available-balance p {
	color: #fff;
}

.statements {
	border-radius: 6px;
	overflow: hidden;
}

.statement-list-title {
	background-color: #1db2cd;
	padding: 15px 20px;
}

.statement-list-title p {
	color: #fff;
}

.single-statement-list {
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

.single-statement-list:last-child {
	border-radius: 0 0 6px 6px;
}

.single-statement-list p {
	font-size: 14px;
}

/* Locations */
.location-title h4 {
	font-size: 20px;
	font-weight: 600;
}

.single-location {
	padding: 30px;
	border: 1px solid #eee;
	border-radius: 6px;
	margin-top: 20px;
	position: relative;
	padding-left: 80px;
	padding-right: 80px;
}

.single-location .location-icon {
	position: absolute;
	left: 30px;
	top: 30px;

}

.single-location .location-icon i {
	font-size: 30px;
	color: #1db2cd;
}

.single-location .content {}

.single-location .content h5 {
	font-size: 18px;
	font-weight: 600;
	display: block;
	margin-bottom: 5px;
	line-height: 25px;
}

.single-location .content p {
	display: block;
}

.single-location .location-edit-btn {
	position: absolute;
	right: 30px;
	top: 30px;
}

.single-location .location-edit-btn a {
	color: #fff;
	background-color: #1db2cd;
	padding: 5px 10px;
	border-radius: 4px;
	display: inline-block;
	margin-right: 6px;
	font-size: 13px;
}

.single-location .location-edit-btn a:hover {
	background-color: #333;
	color: #fff;
}

.single-location .location-edit-btn a:last-child {
	margin: 0;
}

.single-location .show-label {
	display: inline-block;
	margin-top: 15px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	background-color: #1db2cd;
	padding: 5px 12px;
	border-radius: 4px;
}

/*======================================
   End Dashbord CSS
========================================*/



/*======================================
   Login & Register CSS
========================================*/
.login {}

.login .inner-content {
	background-color: #fff;
	padding: 50px;
	border-radius: 6px;
	border: 1px solid #eee;
	overflow: hidden;
	box-shadow: 0px 12px 40px #0000004f;
}

.login .inner-content {}

.login .inner-content .heading h3 {
	color: #fff;
	background: #1db2cd;
	font-size: 26px;
	font-weight: 700;
	padding-top: -11px;
	padding: 23px;
	text-align: center;
	overflow: hidden;
	border-radius: 11px;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	line-height: 32px;
	padding-top: 15px;
}

.login .inner-content .heading h3:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #1db2cd;
}

.login .inner-content .social-login {
	margin-top: 30px;
}

.login .inner-content .social-login ul li {
	margin-bottom: 10px;
}

.login .inner-content .social-login ul li a {
	text-align: center;
	position: relative;
	background-color: #2042e3;
	padding: 13px 30px;
	color: #fff;
	width: 100%;
	border-radius: 5px;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 600;
	z-index: 2;
	display: block;
}

.login .inner-content .social-login ul li a::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: -1;

}

.login .inner-content .social-login ul li a:hover::before {
	opacity: 0.2;
	visibility: visible;
}

.login .inner-content .social-login ul li a i {
	position: absolute;
	left: 30px;
	top: 14px;
	font-size: 20px;
}

.login .inner-content .social-login ul li .linkedin {
	background-color: #0077B5;
}

.login .inner-content .social-login ul li .google {
	background-color: #dd4b39;
}

.login .inner-content .social-login ul li .facebook {
	background-color: #3b5999;
}

.login .inner-content .or-devider {
	text-align: center;
	position: relative;
	z-index: 1;
}

.login .inner-content .or-devider::before {
	content: "";
	height: 1px;
	width: 100%;
	top: 50%;
	left: 0%;
	margin-top: 1.5px;
	position: absolute;
	background: #eee;
	z-index: -1;
}

.login .inner-content .or-devider span {
	display: inline-block;
	background: white;
	padding: 15px 25px;
}

.login .inner-content .form-group {
	margin-bottom: 20px;
}

.login .inner-content .form-group:last-child {
	margin-bottom: 0;
}

.login .inner-content .form-group .label {
	font-size: 15px;
	font-weight: 500;
	color: #081828;
	display: block;
	margin-bottom: 8px;
}

.login .inner-content .form-group .form-control {
	height: 50px;
	border: 1px solid #eee;
	padding: 0px 30px;
	color: #081828;
	border-radius: 5px;
	font-size: 15px;
}

.login .inner-content .button {
	width: 100%;
}

.login .inner-content .button .btn {
	position: relative;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	background: #1db2cd;
	display: inline-block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 5;
	display: inline-block;
	padding: 16px 32px;
	border-radius: 0px;
	text-transform: capitalize;
	border-radius: 4px;
	width: 100%;
	border: none;
}

.login .inner-content .button .btn:hover {
	background-color: #333;
	color: #fff;
}

.login .inner-content .create-new-account {
	color: #081828;
	font-size: 15px;
}

.login .inner-content .create-new-account a {
	color: #1db2cd;
}

.login .form-check {
	display: inline-block;
	overflow: hidden;
	display: block;
	width: 100%;
}

.login .form-check label {
	font-size: 15px;
	display: inline-block;
	float: left;
}

.login .form-check .checkbox {
	display: inline-block;
	float: left;
}

.login .form-check .form-check-label {
	display: inline-block;
	float: right;
}

.login .form-check a {
	font-size: 15px;
	display: inline-block;
	margin-left: 5px;
}

.login .form-check a:hover {
	color: #1db2cd;
}

/*======================================
	End Login CSS
========================================*/

/*======================================
   Start Shop List CSS
========================================*/
.shop-list .list-content {
	margin-top: 50px;
}

.shop-list .list-content .product-price {}

.shop-list .list-content .product-price span {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
	display: block;
}

.shop-list .list-content .title {
	line-height: 20px;
}

.shop-list .list-content .title a:hover {
	color: #1db2cd;
}

.shop-list .list-content .title a {
	font-size: 18px;
	font-weight: 600;
}

.shop-list .list-content .rating {
	margin: 5px 0 8px 0;
}

.shop-list .list-content .rating li {
	display: inline-block;
}

.shop-list .list-content .rating li i {
	color: #1db2cd;
}

.shop-list .list-content .rating li.total {
	color: #333;
	font-size: 12px;
	margin-left: 3px;
}

.shop-list .list-content .des {}

.shop-list .list-content .btn {
	margin-top: 22px;
	height: 42px;
	line-height: 15px;
	color: #333;
	background: transparent;
	border: 1px solid #cecece;
	font-size: 13px;
	border-radius: 30px;
	height: auto;
	line-height: a;
	padding: 13px 32px;
}

.shop-list .list-content .btn:hover {
	background: #1db2cd;
	color: #fff;
	border-color: transparent;
}

/* Pagination CSS */
.pagination {
	text-align: left;
	margin: 40px 0 0 0;
	display: block;
}

.pagination.center {
	text-align: center;
}

.pagination.right {
	text-align: right;
}

.pagination.left {
	text-align: left;
}

.pagination .pagination-list {
	display: inline-block;
	overflow: hidden;
}

.pagination .pagination-list li {
	margin-right: 5px;
	display: inline-block;
}

.pagination .pagination-list li:last-child {
	margin-right: 0px;
}

.pagination .pagination-list li a {
	background: #fff;
	color: #081828;
	font-weight: 500;
	font-size: 13px;
	border-radius: 0;
	line-height: 40px;
	height: 40px;
	width: 40px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #eee;
	display: inline-block;
}

.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a {
	background: #1db2cd;
	color: #fff;
	border-color: transparent;
}

.pagination .pagination-list li a i {
	font-size: 17px;
}


/*======================================
   End Shop List CSS
========================================*/

/*======================================
   Start Shop Newsletter CSS
========================================*/
.shop-newsletter {
	background: #1db2cd;
	background-image: url('images/banner/pattern.png');
}

.shop-newsletter .inner {
	text-align: center;
}

.shop-newsletter .inner h4 {
	color: #fff;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: capitalize;
}

.shop-newsletter .inner p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 30px;
}

.shop-newsletter .inner p span {
	color: #fff;
}

.shop-newsletter .newsletter-inner {
	position: relative;
	display: inline-block;
}

.shop-newsletter .newsletter-inner input {
	width: 480px;
	height: 55px;
	border-radius: 0px;
	padding: 0px 30px;
	font-weight: 400;
	display: inline-block;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
	border: none;
	border-radius: 5px 0 0 5px;
	background-color: #fff;
}

.shop-newsletter .newsletter-inner button {
	border: none;
	text-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.shop-newsletter .newsletter-inner .btn {
	display: inline-block;
	height: 55px;
	padding: 10px 30px;
	position: relative;
	top: 0;
	background: #fff;
	color: #1db2cd;
	left: -4px;
	border-radius: 0 5px 5px 0;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-left: 1px solid #eee;
}

.shop-newsletter .newsletter-inner .btn:hover {
	background: #333;
	color: #fff;
	border-color: transparent;
}

/*======================================
   End Shop Newsletter CSS
========================================*/

/*=============================
	Start Resturent Details CSS
===============================*/
.resturent-details {}

.resturent-details .inner-content {

	-webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	-moz-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
	padding: 40px;
	border-radius: 6px;
}

.resturent-details img {
	width: 100%;
	margin-bottom: 30px;
	border-radius: 6px;
	overflow: hidden;
}

.resturent-details h3 {
	font-size: 25px;
	font-weight: 600;
	display: block;
	line-height: 32px;
	margin-bottom: 15px;
}

.resturent-details p {
	display: block;
	margin: 15px 0;
}

blockquote {
	position: relative;
	color: #333;
	font-weight: 400;
	clear: both;
	z-index: 1;
	margin: 40px 0;
	text-align: center;
	padding: 40px 50px 50px 50px;
	background-color: transparent;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	border: 3px solid #1db2cd;
}

blockquote .quote-icon i {
	font-size: 40px;
	color: #1db2cd;
	display: block;
	margin-bottom: 20px;
}

blockquote h4 {
	font-weight: 400;
	font-size: 17px;
	line-height: 24px;
	color: #333;
}

blockquote span {
	font-size: 13px;
	display: block;
	margin-top: 20px;
}


/*======================================
   End Resturent Details CSS
========================================*/

/*======================================
   Start Shop Blog CSS
========================================*/
.shop-blog.grid .shop-single-blog {
	margin-top: 30px;
}

.shop-blog .shop-single-blog {
	text-align: left;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: 1px solid #e8e8e8;
	overflow: hidden;
	border-radius: 6px;
}

.shop-blog .shop-single-blog:hover {
	box-shadow: 0px 10px 10px #0000000a;
}

.shop-blog .shop-single-blog .image {
	overflow: hidden;
}

.shop-blog .shop-single-blog img {
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.shop-blog .shop-single-blog:hover img {
	transform: scale(1.1);
}

.shop-blog .shop-single-blog .content {
	padding: 30px;
}

.shop-blog .shop-single-blog .content .title {
	font-size: 20px;
	font-weight: 600;
	color: #333;
}

.shop-blog .shop-single-blog .content .title:hover {
	color: #1db2cd;
}

.shop-blog .shop-single-blog .content .date {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	color: #1db2cd;
}

.shop-blog .shop-single-blog .content .more-btn {
	font-size: 14px;
	font-weight: 400;
	color: #3c3c3c;
	margin-top: 10px;
	display: block;
}

.shop-blog .shop-single-blog .content .more-btn:hover {
	color: #1db2cd;
}

.shop-blog .shop-single-blog .content .button {
	margin-top: 20px;
}

/* Related Product */
.related-product {
	padding-top: 0;
}

.related-product .section-title {
	text-align: center;
	margin-bottom: 10px;
	padding: 0;
}

.related-product .section-title h2 {
	font-size: 25px;
	margin-bottom: 0;
	text-transform: capitalize;
	position: relative;
	color: #2c2d3f;
	font-weight: 700;
	padding-bottom: 15px;
}

/* Blog Sidebar */
.main-sidebar {
	background: #fff;
	margin-top: 30px;
	padding: 40px;
	background: transparent;
	border: 1px solid #eeeeeec2;
	border-radius: 6px;
}

.main-sidebar .single-widget {
	margin-bottom: 50px;
}

.main-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}

.main-sidebar .single-widget .title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #1db2cd;
}

.main-sidebar .single-widget:last-child {
	margin: 0;
}

.main-sidebar .search {
	position: relative;
}

.main-sidebar .search input {
	width: 100%;
	height: 45px;
	box-shadow: none;
	text-shadow: none;
	font-size: 14px;
	border: none;
	color: #222;
	background: transparent;
	padding: 0 70px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 5px;
	border: 1px solid #eee;
}

.main-sidebar .search .button {
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	width: 50px;
	line-height: 45px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #fff;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 5px;
}

.main-sidebar .search .button:hover {
	background: #1db2cd;
	color: #fff;
}

/* Category List */
.main-sidebar .categor-list {
	margin-top: 15px;
}

.main-sidebar .categor-list li {}

.main-sidebar .categor-list li {
	margin-bottom: 10px;
}

.main-sidebar .categor-list li:last-child {
	margin-bottom: 0px;
}

.main-sidebar .categor-list li a {
	display: inline-block;
	color: #333;
	font-size: 14px;
}

.main-sidebar .categor-list li a:hover {
	color: #1db2cd;
	padding-left: 7px;
}

.main-sidebar .categor-list li a i {
	display: inline-block;
	margin-right: 0px;
	font-size: 9px;
	transform: translateY(-1px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.main-sidebar .categor-list li a:hover i {
	margin-right: 6px;
	opacity: 1;
	visibility: visible;
}

/* Recent Post */
.main-sidebar .recent-post {}

.main-sidebar .single-post {
	position: relative;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	padding: 17px 0;
}

.main-sidebar .single-post:last-child {
	padding-bottom: 0px;
	border: none;
}

.main-sidebar .single-post .image {}

.main-sidebar .single-post .image img {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}

.main-sidebar .single-post .content {
	padding-left: 100px;
}

.main-sidebar .single-post .content h5 {
	line-height: 18px;
}

.main-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}

.main-sidebar .single-post .content h5 a:hover {
	color: #1db2cd;
}

.main-sidebar .single-post .content .comment {}

.main-sidebar .single-post .content .comment li {
	color: #888;
	display: inline-block;
	margin-right: 15px;
	font-weight: 400;
	font-size: 14px;
}

.main-sidebar .single-post .content .comment li:last-child {
	margin-right: 0;
}

.main-sidebar .single-post .content .comment li i {
	display: inline-block;
	margin-right: 5px;
}

/* Blog Tags */
.main-sidebar .side-tags {}

.main-sidebar .side-tags .tag {
	margin-top: 40px;
}

.main-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 28px;
}

.main-sidebar .side-tags .tag li a {
	background: #fff;
	color: #333;
	padding: 10px 14px;
	text-transform: capitalize;
	border-radius: 0;
	font-size: 13px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #eee;
}

.main-sidebar .side-tags .tag a:hover {
	color: #fff;
	background: #1db2cd;
	border-color: transparent;
}

/* Blog Newslatter CSS */
.main-sidebar .newsletter {}

.main-sidebar .newsletter .letter-inner {
	position: relative;
	padding: 35px 30px;
	box-shadow: 0px 0px 12px #00000014;
	z-index: 2;
	overflow: hidden;
}

.main-sidebar .newsletter .letter-inner h4 {
	text-transform: capitalize;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.main-sidebar .newsletter .letter-inner p {
	margin-bottom: 20px;
}

.main-sidebar .newsletter .letter-inner .form-inner {
	position: relative;
}

.main-sidebar .newsletter .letter-inner input {
	width: 100%;
	height: 45px;
	background: #fff;
	border: none;
	border: 1px solid #ddd;
	padding: 0px 60px 0px 20px;
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
}

.main-sidebar .newsletter .letter-inner .form-inner a {
	height: 42px;
	width: 100%;
	background: #1db2cd;
	color: #fff;
	font-size: 14px;
	display: block;
	text-align: center;
	line-height: 42px;
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: 500;
}

.main-sidebar .newsletter .letter-inner .form-inner a:hover {
	background: #333;
	color: #fff;
}

/* Blog Single CSS */
.blog-single {
	background: #fff;
	padding: 70px 0 100px;
}

.blog-single .blog-single-main {
	margin-top: 30px;
	background: #fff;
}

.blog-single .blog-detail {
	background: #fff;
}

.blog-single .image {
	position: relative;
}

.blog-single .image img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
}

.blog-single .blog-title {
	font-size: 24px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 40px 0 15px 0;
}

.blog-single .blog-meta {
	margin-bottom: 0;
	overflow: hidden;
	border-bottom: 1px solid #dddddd6e;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.blog-single .blog-meta .author i {
	color: #1db2cd;
	margin-right: 10px;
	font-size: 13px;
}

.blog-single .blog-meta .author a {
	font-size: 13px;
	border-right: 1px solid #ddd;
	padding: 0px 15px;
}

.blog-single .blog-meta .author a:first-child {
	padding-left: 0;
}

.blog-single .blog-meta .author a:last-child {
	padding-right: 0;
	border: none;
}

.blog-single .blog-meta span {
	display: inline-block;
	font-size: 14px;
	color: #666;
}

.blog-single .blog-meta span a i {
	margin-right: 10px;
	color: #1db2cd;
}

.blog-single .blog-meta span a:hover {
	color: #1db2cd;
}

.blog-single .content p {
	margin-bottom: 25px;
	line-height: 26px;
}

.blog-single .content p:last-child {
	margin: 0;
}

.blog-single blockquote {
	position: relative;
	font-size: 13px;
	font-weight: 400;
	padding-left: 20px;
	padding: 10px 20px;
	background: #F6F6F6;
	padding: 30px 40px 30px 70px;
	color: #555;
	border: none;
	margin-bottom: 25px;
	border-left: 3px solid #1db2cd;
}

.blog-single blockquote i {
	font-size: 30px;
	color: #1db2cd;
	position: absolute;
	left: 20px;
	top: 20px;
}

.blog-single .content .img-post {
	margin-bottom: 25px;
}

.blog-single .share-social .content-tags {
	position: relative;
	margin-top: 25px;
}

.blog-single .share-social .content-tags h4 {
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 15px;
	font-weight: 500;
}

.blog-single .share-social .content-tags .tag-inner {
	padding-left: 60px;
}

.blog-single .share-social .content-tags .tag-inner li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-top: 4px;
}

.blog-single .share-social .content-tags .tag-inner li:last-child {
	margin-right: 0px;
	margin-bottom: 0px;
}

.blog-single .share-social .content-tags .tag-inner li a {
	border-radius: 4px;
	padding: 5px 15px;
	background: #fff;
	border: 1px solid #eee;
	font-size: 13px;
}

.blog-single .share-social .content-tags .tag-inner li a:hover {
	color: #fff;
	background: #1db2cd;
	border-color: transparent;
}

/* Comments */
.blog-single .comments {
	margin-top: 40px;
}

.blog-single .comments .comment-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}

.blog-single .comments .comment-title:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #1db2cd;
}

.blog-single .comments {}

.blog-single .comments .single-comment {
	position: relative;
	margin-bottom: 40px;
	border-radius: 5px;
	padding-left: 95px;
}

.blog-single .comments .single-comment.left {
	margin-left: 110px;
}

.blog-single .comments .single-comment img {
	height: 70px;
	width: 70px;
	border-radius: 100%;
	position: absolute;
	left: 0;
}

.blog-single .single-comment .content {}

.blog-single .single-comment .content h4 {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block;
	margin-bottom: 18px;
	text-transform: capitalize;
}

.blog-single .single-comment .content h4 span {
	display: inline-block;
	font-size: 13px;
	color: #8D8D8D;
	margin: 0;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	margin-top: 5px;
}

.blog-single .single-comment .content p {
	color: #666;
	font-weight: 400;
	display: block;
	margin: 0;
	margin-bottom: 20px;
	line-height: 22px;
}

.blog-single .single-comment .content .button {}

.blog-single .single-comment .content .btn {
	display: inline-block;
	color: #666;
	font-weight: 400;
	color: #6a6a6a;
	border-radius: 4px;
	text-transform: capitalize;
	font-size: 14px;
	background: transparent;
	padding: 0;
}

.blog-single .single-comment .content a i {
	display: inline-block;
	margin-right: 5px;
}

.blog-single .single-comment .content a:hover {
	color: #1db2cd;
}

/* Comment Form */
.blog-single .reply form {
	padding: 40px;
	border: 1px solid #eee;
	border-radius: 6px;
}

.blog-single .reply .reply-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}

.blog-single .reply .reply-title:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #1db2cd;
}

.blog-single .reply .form-group {
	margin-bottom: 20px;
}

.blog-single .reply .form-group input {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 5px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}

.blog-single .reply .form-group textarea {
	width: 100%;
	height: 200px;
	line-height: 50px;
	padding: 0 20px;
	border-radius: 5px;
	color: #333 !important;
	border: none;
	border: 1px solid #eee;
}

.blog-single .reply .form-group label {
	color: #333;
	position: relative;
}

.blog-single .reply .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}

.blog-single .reply .button {
	text-align: left;
	margin-bottom: 0px;
}

.blog-single .reply .button .btn {
	height: 50px;
	border: none;
}

/*======================================
   End Shop Blog CSS
========================================*/


/*=====================
   Start Faq CSS
=======================*/
.faq-head h2 {
	margin-bottom: 35px;
	font-weight: 600;
	font-size: 25px;
}

.faq-wrap {
	margin-bottom: 50px;
}

.faq-wrap:last-child {
	margin-bottom: 30px;
}

.accordion {
	padding-left: 0;
	margin: 0;
	padding: 0;
}

.accordion p {
	font-size: 15px;
	display: none;
	padding: 20px 45px 15px 20px;
	margin-bottom: 0;
}

.accordion a {
	font-size: 16px;
	width: 100%;
	display: block;
	cursor: pointer;
	font-weight: 400;
	padding: 15px 0 15px 18px;
	border-radius: 0;
	background: #fff;
	color: #333;
	border: 1px solid #eee;
	border-radius: 5px;
}

.accordion a:hover {
	color: #fff !important;
	background: #1db2cd !important;
}

.accordion a:after {
	position: absolute;
	right: 20px;
	content: "+";
	top: 16px;
	color: #232323;
	font-size: 25px;
	font-weight: 700;
}

.accordion a:hover:after {
	color: #fff !important;
}

.accordion li {
	position: relative;
	list-style-type: none;
	margin-bottom: 30px;
}

.accordion li:first-child {
	border-top: 0;
}

.accordion li:last-child {
	margin-bottom: 0;
}

.accordion li a.active {
	color: #ffffff;
	background-color: #1db2cd;
	border: 1px solid #1db2cd;
}

.accordion li a.active:after {
	content: "-";
	font-size: 25px;
	color: #ffffff;
}

/*=====================
	 End Faq CSS
  =======================*/


/*======================================
  21. Contact CSS
========================================*/
.contact-us {
	position: relative;
	z-index: 43;
}

.contact-us .title {
	margin-bottom: 30px;
}

.contact-us .title h4 {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #1db2cd;
}

.contact-us .title h3 {
	font-size: 25px;
	text-transform: capitalize;
	font-weight: 600;
}

.contact-us .single-head {
	padding: 50px;
	box-shadow: 0px 0px 15px #0000001a;
	height: 100%;
	border-radius: 6px;
}

.contact-us .single-info {
	text-align: left;
	margin-bottom: 30px;
}

.contact-us .single-info i {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 15px;
	height: 40px;
	width: 40px;
	display: block;
	text-align: center;
	border-radius: 3px;
	line-height: 40px;
	background: #1db2cd;
}

.contact-us .single-info ul .contact-us .single-info ul li {
	margin-bottom: 5px;
}

.contact-us .single-info ul li:last-child {
	margin-bottom: 0;
}

.contact-us .single-info ul li a {
	font-weight: 400;
}

.contact-us .single-info ul li a:hover {
	color: #1db2cd;
}

.contact-us .single-info .title {
	margin-bottom: 10px;
	font-weight: 500;
	color: #333;
	font-size: 18px;
}

.contact-us .form-main {
	box-shadow: 0px 0px 15px #0000001a;
	padding: 50px;
	border-radius: 6px;
}

.contact-us .form .form-group input {
	height: 50px;
	line-height: 50px;
	width: 100%;
	border: 1px solid #e6e2f5;
	padding: 0px 20px;
	color: #333;
	font-weight: 400;
	border-radius: 5px;
}

.contact-us .form .form-group textarea {
	height: 180px;
	width: 100%;
	border: 1px solid #e6e2f5;
	padding: 15px 20px;
	color: #333;
	border-radius: 5px;
	resize: none;
	font-weight: 400;
}

.contact-us .form .form-group label {
	color: #333;
	position: relative;
}

.contact-us .form .form-group label span {
	color: #ff2c18;
	display: inline-block;
	position: absolute;
	right: -12px;
	top: 4px;
	font-size: 16px;
}

.contact-us .form .button {
	margin: 0;
}

.contact-us .form .button .btn {
	height: 50px;
	border: none;
}

#myMap {
	height: 500px;
	width: 100%;
}

/*======================================
  End Contact CSS
========================================*/

/*=============================
	About US CSS
===============================*/
.about-us {
	background: #fff;
}

.about-us .about-content {
	padding-right: 50px;
}

.about-us .about-content .story {
	display: block;
	color: #04AAF4;
	margin-bottom: 20px;
	font-size: 17px;
}

.about-us .about-content .story i {
	color: #04AAF4;
	margin-right: 5px;
	font-size: 22px;
}

.about-us .about-content h3 {
	font-size: 30px;
	font-weight: 600;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.about-us .about-content h3::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 60px;
	background: #1db2cd;
}

.about-us .about-content h3 span {
	display: inline-block;
	font-weight: 700;
	color: #1db2cd;
}

.about-us .about-content p {
	line-height: 26px;
	margin-bottom: 10px;
}

.about-us .about-content p:last-child {
	margin: 0;
}

.about-us .about-content .button {
	margin-top: 40px;
}

.about-us .about-content .button .btn {
	background: #333;
	color: #fff;
	margin-right: 15px;
}

.about-us .about-content .button .btn:hover {
	background: #1db2cd;
	color: #fff;
}

.about-us .about-content .button .btn.primary {
	background: #1db2cd;
	color: #fff;
}

.about-us .about-content .button .btn.primary:hover {
	background: #333;
	color: #fff;
}

.about-us .about-content .button .btn:last-child {
	margin: 0;
}

.about-us .about-img {
	position: relative;
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border: 10px solid #fff;
}

.about-us .about-img:before {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.about-us .about-img:hover:before {
	opacity: 0.6;
	visibility: visible;
}

.about-us .about-img .video {
	height: 64px;
	width: 64px;
	line-height: 64px;
	background: #1db2cd;
	color: #fff;
	font-size: 20px;
	border-radius: 100%;
	display: block;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	padding-left: 4px;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.about-us .about-img .video:hover {
	background: #fff;
	color: #1db2cd;
}

.about-us .about-img:hover .video {
	transform: scale(1);
}

.about-us .about-img img {
	height: 100%;
	width: 100%;

}

/*=============================
	End About US CSS
===============================*/

/* Mail Success */
.mail-success .mail-inner {
	text-align: center;
	background: #fff;
	padding: 0px 30px;
}

.mail-success .mail-inner h2 {
	margin-bottom: 10px;
	display: block;
	font-weight: 600;
	color: #1db2cd;
	text-transform: uppercase;
	font-size: 30px;
}

.mail-success .mail-inner p {
	font-size: 14;
	color: #333;
	margin-bottom: 30px;
	line-height: 22px;
}

.mail-success .mail-inner .btn {
	color: #fff;
	padding: 10px 30px;
}

.mail-success .mail-inner .btn i {
	margin-right: 5px;
}

/*=============================
	Start 404 Error CSS
===============================*/
.error-page {
	background: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.error-page .error-inner {
	text-align: center;
	flex-direction: initial;
	height: auto;
	text-align: center;
}

.error-page .error-inner h2 {
	color: #1db2cd;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 100px;
	display: inline-block;
	font-size: 120px;
}

.error-page .error-inner h5 {
	display: block;
	color: #444;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	text-transform: capitalize;
}

.error-page .error-inner p {
	color: #666;
	font-weight: 400;
	line-height: 22px;
	font-size: 15px;
	padding: 0 30px;
}

.error-page .button {
	margin-top: 30px;
}

.error-page .button .btn {
	margin-right: 15px;
	border-radius: 30px;
	background: #333;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #d7d7d7;
	background: transparent;
	color: #333;
	padding: 10px 28px;
}

.error-page .button .btn:hover {
	color: #fff;
	background: #1db2cd;
	border-color: transparent;
}

/*=============================
	/End 404 Error CSS
===============================*/


/*======================================
    Modal CSS
========================================*/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.position-relative {
	position: relative !important;
}

.pos-abs-tr {
	position: absolute;
	top: 0;
	right: 0;
}

.z-index-supper {
	z-index: 800;
}

.circle-32 {
	max-width: 32px;
	min-width: 32px;
	max-height: 32px;
	min-height: 32px;
	border-radius: 500px;
	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;
	right: 20px;
	top: 20px;
	background: #eee !important;
	border-radius: 3px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.circle-32:hover {
	background-color: #081828 !important;
	color: #fff !important;
}

.btn-reset {
	background: transparent;
	border: 0;
}

.btn-reset i {
	margin: 0;
}

.modal.show .modal-dialog {
	pointer-events: visible;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.modal .login-modal-main {
	background-color: #fff;
	padding: 50px;
	border-radius: 6px;
	overflow: hidden;
}

.modal .login-modal-main .heading {
	margin-bottom: 30px;
}

.modal .login-modal-main .heading h3 {
	color: #081828;
	font-size: 22px;
	font-weight: 700;
	position: relative;
	margin-bottom: 4px;
	line-height: 32px;
}

.modal .upload-button {
	position: relative;
}

.modal .single-change {
	margin-top: 20px;
}


.modal label {
	font-weight: 400;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
	color: #333;
}

.modal input {
	height: 50px;
	width: 100%;
	border: 1px solid #bbb;
	color: #333;
	background-color: #fff;
	padding: 0px 20px;
	border-radius: 5px;
	font-size: 14px;
}

.modal textarea {
	height: 150px;
	width: 100%;
	border: 1px solid #bbb;
	color: #333;
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	font-size: 14px;
}

.modal .upload-button input[type="file"] {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 200px;
	z-index: 100;
	cursor: pointer;
	padding: 0;
}

.modal .upload-button .btn {
	border: none;
	height: 50px;
	width: 200px;
	cursor: pointer;
}

.pos-abs-cr {
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 30px;
	width: 30px;
	display: block;
	background-color: transparent;
	opacity: 1;
	visibility: visible;
	line-height: 30px;
	text-align: center;
	display: block;
}

.pos-abs-cr::before {
	content: "\eab1";
	font-family: Lineicons;
	color: #081828;
	font-size: 17px;
}

.pos-abs-cr::after {
	content: "";
	position: absolute;
	right: 5px;
	top: 14px;
	height: 2px;
	width: 20px;
	background-color: #555;
	z-index: 1;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 0px;
	opacity: 0;
	visibility: hidden;
}

.pos-abs-cr.show::after {
	opacity: 1;
	visibility: visible;
}

/* Rating Modal */
.rating-section {
	background-color: #F6F6F6;
}

.rating-modal .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 30px;
}

.rating-modal .checkbox label {
	color: #555555;
	position: relative;
	font-size: 14px;
	padding-left: 17px;
	font-weight: 400;
	display: inline-block;
	margin-right: 14px;
}

.rating-modal .checkbox label:last-child {
	margin: 0;
}

.rating-modal .checkbox label:hover {
	cursor: pointer;
}

.rating-modal .checkbox label input {
	display: none;
}

.rating-modal .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	line-height: 16px;
	border: 1px solid #1db2cd;
	border-radius: 100%;
}

.rating-modal .checkbox label::after {
	position: absolute;
	content: "";
	left: 0;
	top: 5px;
	width: 12px;
	height: 12px;
	line-height: 16px;
	border-radius: 100%;
	display: block;
	background: #1db2cd;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.rating-modal .checkbox label.checked::after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.rating-modal .checkbox label ul {}

.rating-modal .checkbox label ul li {
	display: inline-block;
}

.rating-modal .checkbox label ul li i {
	color: #1db2cd;
	font-size: 14px;
}

.rating-total-amount .right {
	padding: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	border-radius: 6px;
	margin-top: 40px;
}

.rating-total-amount .right ul li {
	font-size: 15px;
	font-weight: 400;
	color: #333;
	margin-bottom: 12px;
}

.rating-total-amount .right ul li:last-child {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #eee;
	margin-bottom: 0;
	padding-bottom: 0;
}

.rating-total-amount .right ul li span {
	display: inline-block;
	float: right;
}

.rating-total-amount .right ul li span img {
	height: auto;
	width: 55px;
}

.rating-total-amount .right ul {}

.rating-total-amount .right ul li {}

.review-delivery-man {
	padding: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	border-radius: 6px;
	margin-top: 40px;
	position: relative;
	padding-left: 170px;
}

.review-delivery-man img {
	height: 100px;
	width: 100px;
	border-radius: 6px;
	position: absolute;
	left: 40px;
	top: 40px;
}

.review-delivery-man .name {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	color: #333;
	display: block;
}

.review-delivery-man .name:hover {
	color: #1db2cd;
}

.review-delivery-man .rating-star {
	display: block;
	margin-top: 10px;
}

.review-delivery-man .rating-star li {
	display: inline-block;
}

.review-delivery-man .rating-star li i {
	color: #F1C40F;
	font-size: 14px;
}

.review-delivery-man .rating-star li:last-child {
	color: #333;
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
}

.review-delivery-man .give-rating {
	background-color: #1db2cd;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	padding: 8px 20px;
	display: inline-block;
	margin-top: 20px;
}

.review-delivery-man .give-rating:hover {
	color: #fff;
	background-color: #333;
}

.payment-method-widget {
	padding: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	border-radius: 6px;
	margin-top: 40px;
}

.payment-method-widget {}

.payment-method-widget h2 {
	position: relative;
	font-size: 15px;
	font-weight: 600;
	padding-bottom: 20px;
	line-height: 24px;
	text-transform: capitalize;
	color: #333;
	padding-bottom: 5px;
}

.payment-method-widget .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 30px;
}

.payment-method-widget .checkbox label {
	color: #555555;
	position: relative;
	font-size: 14px;
	padding-left: 20px;
	margin-top: -5px;
	font-weight: 400;
	display: block;
	margin-bottom: 15px;
	cursor: pointer;
}

.payment-method-widget .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	line-height: 16px;
	border: 1px solid #1db2cd;
	border-radius: 100%;
}

.payment-method-widget .checkbox label input {
	display: none;
}

.payment-method-widget .checkbox label::after {
	position: absolute;
	content: "";
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	line-height: 16px;
	border-radius: 100%;
	display: block;
	background: #1db2cd;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.payment-method-widget .checkbox label.checked::after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

/* Location Change Modal */
.location-modal {}

.location-modal .heading {}


.location-modal .heading h4 {
	font-size: 18px;
	font-weight: 600;
}

.location-modal .single-change {}

.location-modal .label {
	margin-top: 35px;
}

.location-modal .label h4 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}

.location-modal .label ul {
	display: block;
	margin-top: 20px;
}

.location-modal .label ul li {
	display: inline-block;
	margin-right: 5px;
}

.location-modal .label ul li:last-child {
	margin-right: 0;
}

.location-modal .label ul li a {
	padding: 10px 25px;
	background-color: #fff;
	color: #333;
	font-size: 14px;
	border: 1px solid #bbb;
	border-radius: 4px;
}

.location-modal .label ul li a:hover {
	color: #fff;
	background-color: #1db2cd;
	border-color: transparent;
}

.location-modal .label ul li a.active {
	color: #fff;
	background-color: #1db2cd;
	border-color: transparent;
}

/*=============================
	20. Start Footer CSS
===============================*/
.footer {
	background: #222;
	background-image: url('images/footer-bg.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.footer .top-footer-content {
	text-align: center;
}

.footer .top-footer-content .logo {
	margin-bottom: 20px;
}

.footer .top-footer-content .text {
	color: #fff;
}

.footer .top-footer-content .social {
	margin-top: 30px;
}

.footer .top-footer-content .social li {
	display: inline-block;
	margin-right: 30px;
}

.footer .top-footer-content .social li:last-child {
	margin: 0;
}

.footer .top-footer-content .social li a {
	font-size: 16px;
	color: #fff;
}

.footer .top-footer-content .social li a:hover {
	color: #1db2cd;
}

.footer .copyright {
	text-align: center;
	border-top: 1px dashed rgba(255, 255, 255, .2);
	padding: 30px 0;
}

.footer .copyright p {
	color: #fff;
}

.footer .copyright p a {
	color: #1db2cd;
}

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