/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");

html,
body {
	width: 100%;

	height: 100%;

	font:
		400 15px/22px "Inter",
		sans-serif;

	color: #777;
}

body {
	background: #fff;

	margin: 0px;

	padding: 0px;

	color: #777;
}

body.showNav {
	height: 100%;

	overflow: hidden;
}

* {
	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;
}

strong {
	font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
	color: #000;

	margin: 0;

	padding: 0;
}

.text-reverse {
	color: #fff;
}

label {
	color: #000;

	font-weight: 400;
}

h1 {
	font:
		800 3rem/2rem "Inter",
		sans-serif;

	display: block;
}

h2 {
	font:
		800 2.5rem/2.5rem "Inter",
		sans-serif;

	display: block;
}

h3,
.h3 {
	font:
		400 1.5rem/2rem "Inter",
		sans-serif;

	display: block;
}

h4 {
	font:
		400 1rem/1rem "Inter",
		sans-serif;

	display: block;
}

.btn-link {
	color: #68180d;
	font-size: 13px;

	text-decoration: underline;
	font-weight: 700;

	padding: 0;
	left: 2px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.btn-link:hover,
.btn-link:focus {
	text-decoration: none;

	color: #68180d;
}

a {
	text-decoration: none;

	color: #000;
}

.noEff,
.noEff:hover,
.noEff:focus {
	text-decoration: none;
}

a:hover,
a:focus {
	color: #16191a;

	text-decoration: underline;
}

.trans_eff {
	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;
}

.text-bold {
	font-weight: bold;
}

.text-light {
	font-weight: 300;
}

.display-block {
	display: block !important;
}

.display-inline-block {
	display: inline-block;
}

.display-inline {
	display: inline;
}

.display-none {
	display: none;
}

.radius26 {
	border-radius: 26px;
}

.radius16 {
	border-radius: 16px;
}

.radius8 {
	border-radius: 8px;
}

.container-fluid {
	padding-left: 40px;

	padding-right: 40px;
}

@media only screen and (max-width: 1279px) {
	.container-fluid {
	padding-left: 15px;
	padding-right: 15px;
}

}
 

/*AAAAA HOME PAGE CLASSES AAAAA*/

/*comman clasess*/

.w100 {
	width: 100% !important;
}

.white {
	color: #fff;
}

.yellow {
	color: #ffbc00;
}

.danger {
	color: #68180d;
}

.fs18 {
	font-size: 18px;
}

.fs11 {
	font-size: 11px;
}

.fs12 {
	font-size: 12px;
}

.fs13 {
	font-size: 13px;

	line-height: 18px;
}

.fs14 {
	font-size: 14px;

	line-height: 21px;
}

.fs16 {
	font-size: 16px;
}

.fs15 {
	font-size: 15px;
}

.fs24 {
	font-size: 24px;
}

.fs20 {
	font-size: 20px;
}

.weight600 {
	font-weight: 600;
}

.weight700 {
	font-weight: 700;
}

.weight300 {
	font-weight: 300;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.ml10 {
	margin-left: 10px;
}

.mr5 {
	margin-right: 5px;
}

.p5 {
	padding: 5px;
}

.p15 {
	padding: 15px;
}

.pl25 {
	padding-left: 25px;
}

.pr25 {
	padding-right: 25px;
}

.pt15 {
	padding-top: 15px;
}

.pb15 {
	padding-bottom: 15px;
}

.radius10 {
	border-radius: 10px;
}

.radiusr10 {
	border-radius: 0 10px 10px 0;
}

.p25 {
	padding: 25px;
}

.p20 {
	padding: 20px;
}

.uu {
	text-decoration: underline;
}

.uu:hover {
	text-decoration: none;
}

.pb12 {
	padding-bottom: 12px;
}

.dn {
	display: none;
}

.mt0 {
	margin-top: 0 !important;
}

.p0 {
	padding: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mt2 {
	margin-top: 2px;
}

.mt5 {
	margin-top: 5px;
}

.vam {
	vertical-align: middle;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mtb5 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.ml15 {
	margin-left: 15px;
}

.pl50 {
	padding-left: 50px;
}

.pl100 {
	padding-left: 100px;
}

.pb10 {
	padding-bottom: 10px;
}

#back-top {
	position: fixed;

	bottom: 10px;

	right: 15px;

	z-index: 3;

	display: block;
}

#back-top .btn-danger {
	display: inline-block;

	overflow: hidden;

	padding: 7px 0;

	border-radius: 100%;

	line-height: inherit !important;

	width: 50px;

	height: 50px;

	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);

	border: 0;

	font-size: 30px;

	transition: all linear 0.3s;

	cursor: pointer;
}

.btn {
	padding: 6px 11px;
}

.btn-danger {
	font:
		600 14px/50px "Inter",
		sans-serif;

	color: #fff;

	height: 50px;

	padding: 0 20px;

	display: inline-block;

	overflow: hidden;

	text-decoration: none;

	background: #68180d !important;

	border-radius: 5px;

	border: 0 !important;
	letter-spacing: 2px;

	outline: none !important;
	text-transform: uppercase;
}

.btn-danger:hover,
.btn-danger:focus {
	background: #7a2114 !important;
}

.btn-border {
	font:
		500 16px/47px "Inter",
		sans-serif;

	color: #000;

	height: 48px;

	padding: 0 60px;

	display: inline-block;

	overflow: hidden;

	text-decoration: none;

	background: none !important;

	border-radius: 8px;

	border: 2px solid #000 !important;

	outline: none !important;
}

.btn-border:hover,
.btn-border:focus {
	background: #000 !important;

	color: #fff;
}

.btn-default {
	background: #eee;

	color: #000;

	outline: none !important;

	border: 0;

	font-weight: 500;
}

.comman-title {
	font-size: 20px;

	line-height: 28px;

	position: relative;

	display: inline-block;

	margin-top: 0;
	text-transform: uppercase;

	color: #68180d;
	letter-spacing: 3px;
}

.comman-title:after {
	position: static;

	content: "";

	background: #68180d;

	height: 2px;

	width: 50px;

	display: block;

	margin: 3px auto 0 auto;
}

.comman-title2:after {
	display: none !important;
}

.comman-title3 {
	color: #000;

	font-size: 24px;

	line-height: 32px;

	border-bottom: 1px solid #eee;

	margin: 0 0 20px 0;

	padding-bottom: 10px;
}

.bg-gray {
	background: #f2f2f2;
}

.bg-gray2 {
	background: #f3f9fe;
}

.bg-white {
	background: #fff;
}

.black {
	color: #000;
}

.green {
	color: green !important;
}

.red,
.red:hover {
	color: red !important;
}

.red a,
.red a:hover {
	color: red !important;
}

.gray {
	color: #bbb;
}

.blue {
	color: #68180d;
}

.commanPadding {
	padding: 60px 0 100px;
}

.commanPadding2 {
	padding: 40px 0 40px;
}

.commanPadding3 {
	padding: 20px 0px;
}

.border1 {
	border: 1px solid #ddd;
}

.border3 {
	border: 5px solid #eee;
}

.bb {
	border-bottom: 1px solid #ddd;
}

.container {
	width: 1366px;
}

.fl {
	float: left;
}

.fr {
	display: inline;

	float: right;
}

.w23 {
	width: 23%;
}

@media only screen and (max-width: 1365px) {
	.container {
		width: 100% !important;
	}
}

@media only screen and (max-width: 1279px) {
	.container {
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	h2 {
		font-size: 30px;

		line-height: 34px;
	}
}

.form-control {
	border: 1px solid #bbb;

	border-radius: 8px;

	padding: 15px 15px;

	height: 50px;

	font-size: 14px;

	color: #000;
}

.form-control:focus {
	border: 1px solid #bbb;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/*comman clasess ends*/

/* top Info */

.topInfo {
	background-color: #68180d;
	padding: 10px 40px;
	 
	display: flex;
	align-items: center;
 align-content: center;
	justify-content: space-between;
}

.topInfo p {
	background: linear-gradient(to right, #fff 20%, #ffbb00 40%, #ffbb00 60%, #fff 80%);

	background-size: 200% auto;

	color: #000;

	background-clip: text;

	text-fill-color: transparent;

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	-webkit-animation: shine 3s linear infinite;

	animation: shine 3s linear infinite;

	font-size: 16px;
	font-weight: 600;
	position: relative;
 
	padding-left: 20px;
	margin-bottom: 0;
}

.topInfo p::before {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	content: "";
	background: #ffbb00;
	position: absolute;
	left: 0;
	top: 5px;
}

@-webkit-keyframes shine {
	to {
		background-position: 200% center;
	}
}

@keyframes shine {
	to {
		background-position: 200% center;
	}
}

@media only screen and (max-width: 1279px) {
    .topInfo{padding:15px;}
}

@media only screen and (max-width: 767px) {
    .topInfo{padding:5px 15px; flex-wrap:wrap;}
    .topInfo .cols{text-align:center; width:100%;}
    .topInfo p::before{display:none;}
.topInfo p{font-size: 12px; padding: 0;}
.topInfo .cols.right{display: none;}
}



/* top Info end*/

/*header clasess*/

header {
	width: 100%;

	position: absolute;

	z-index: 9;

	background: #fff;

	transition: all linear 0.5s;

	-webkit-transition: all linear 0.5s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.5s;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.1);
}

header .section1 {
	padding: 5px 0;
}

header .section1 .navbar-brand {
	width: 110px;

	padding: 0;

	float: left;

	height: auto;

	display: block;
}

header .section1 .navbar-brand img {
	width: 100%;

	height: auto;

	display: block;
}

header .section1 ul.topNav {
	float: right;

	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: space-between;

	margin: 15px 0;
}

header .section1 ul.topNav li {
	list-style: none;

	padding: 0 20px;

	border-left: 1px solid #ddd;
}

header .section1 ul.topNav li a {
	font-size: 16px;

	font-weight: 700;

	text-decoration: none;

	line-height: 20px;

	position: relative;

	padding-left: 32px;

	display: block;
}

header .section1 ul.topNav li a small {
	display: block;

	font-size: 13px;

	color: #777;

	font-weight: 400;

	line-height: 12px;
}

header .section1 ul.topNav li:nth-child(4) {
	padding-right: 0;
}

header .section1 ul.topNav li:nth-child(1) {
	padding-left: 0;

	border: 0;
}

header .section1 ul.topNav li a:before {
	position: absolute;

	content: "\e906";

	font-family: "icomoon";

	left: 0;

	top: 3px;

	font-size: 26px;

	font-weight: 400;
}

header .section1 ul.topNav li:nth-child(2) a::before {
	content: "\e906";

	left: -5px;

	top: 3px;

	font-size: 24px;
}

header .section1 ul.topNav li:nth-child(3) a::before {
	content: "\e905";

	left: 0;

	top: 3px;

	font-size: 24px;
}

header .section1 ul.topNav li:nth-child(4) a::before {
	content: "\e921";

	left: 0;

	top: 3px;

	font-size: 22px;
}

header .section1 ul.topNav li .search {
	width: 400px;
	position: relative;
}

header .section1 ul.topNav li .search .form-control {
	height: 44px;
	padding-right: 44px;
}

header .section1 ul.topNav li .search .searchBtn {
	position: absolute;
	right: 0;
	height: 44px;
	width: 44px;
	top: 0;
	background: none;

	outline: none;
	border: 0;
	color: #68180d;
	font-size: 20px;
}

header .section1 ul.topNav li a .badge {
	position: absolute;

	top: -5px;

	left: 10px;

	padding: 3px 5px;

	background: #68180d;

	border-radius: 100%;
}

header .section2 {
	background: #fff;

	border-top: 1px solid #ddd;
}

header .section2 .navbar-nav > li > a {
	font:
		400 14px/46px "Inter",
		sans-serif;

	color: #000;

	padding: 0 40px;

	height: 48px;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

	background: none !important;

	position: relative;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

header .section2 .navbar-nav > li > a:after {
	width: 0;

	height: 2px;

	background-color: #68180d;

	position: absolute;

	left: 50%;

	top: 34px;

	content: "";

	transform: translate(-50%, 0);

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;
}

header .section2 .navbar-nav > li:hover > a:after {
	width: 20px;
}

header .section2 .navbar-nav > li.active > a:after {
	width: 20px;
}

header .section2 .navbar-nav > li:nth-child(1) > a {
	padding-left: 0;
}

header .section2 .navbar-nav > li:last-child > a {
	padding-right: 0;
}

header .section2 .navbar-nav > li:nth-child(1) > a:after {
	left: 20px;
}

header .section2 .navbar-nav > li:last-child > a:after {
	left: 90px;
}

header .section2 .navbar-nav > li.dropdown i {
	font-size: 13px;

	vertical-align: middle;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;

	position: absolute;

	top: 17px;

	right: 20px;
}

header .section2 .navbar-nav > li.dropdown:hover i {
	transform: rotate(180deg);
}

.site-header {
	position: fixed;

	top: 0;

	z-index: 9;

	width: 100%;

	background: #fff;

	transition: transform 0.75s;

	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.2);
}

.hiddeNavBar {
	transform: translateY(-200%);
}

.contentSpace {
	padding: 50px;
}

.navbar-nav {
	float: none;

	display: flex;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.3s;

	justify-content: center;

	align-items: center;
}

header .section2 .navbar-nav > li > ul.dropdown-menu {
	left: 10px;

	background: #fff;

	width: 280px;

	padding: 0;
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li {
	position: relative;
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li > a {
	display: block;

	padding: 10px 15px;

	clear: both;

	font-size: 15px;

	font-weight: 400;

	line-height: 1.42857143;

	color: #000;

	border-bottom: 1px solid #eee !important;
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li > a:focus,
header .section2 .navbar-nav > li > ul.dropdown-menu > li:hover > a {
	background: #f5f5f5;
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li > a > i {
	transform: rotate(0deg) !important;

	top: 14px !important;

	right: 10px;

	color: #555;
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown {
	left: 278px;

	background: #fff;

	width: 280px;

	position: absolute;

	padding: 0;

	display: none;

	top: 0;

	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

	border: 1px solid rgba(0, 0, 0, 0.15);
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown > li {
	list-style: none;
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown > li > a {
	display: block;

	padding: 10px 15px;

	clear: both;

	font-size: 15px;

	font-weight: 400;

	line-height: 1.42857143;

	color: #000;

	border-bottom: 1px solid #eee !important;

	text-decoration: none;
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown > li > a:focus,
header .section2 .navbar-nav > li > ul.dropdown-menu > li > ul.subDropDown > li > a:hover {
	background: #f5f5f5;
}

header .section2 .navbar-nav > li.dropdown:hover .dropdown-menu {
	display: block;
}

header .section2 .navbar-nav > li > ul.dropdown-menu > li:hover > ul.subDropDown {
	display: block;
}

.headerSpacer {
	height: 185px;
}


.navGrid{font-size: 30px; display: none; }
.navGrid:hover, .navGrid:focus{text-decoration: none;}



@media only screen and (max-width: 1279px) {

header .section1 ul.topNav li .search {
	width: 300px;
	 
}

}


@media only screen and (max-width: 1151px) {

header .section1 ul.topNav li .search {
	width: 240px;
	 
}

}


@media only screen and (max-width: 991px) {
header .section1 ul.topNav li a .mobHide{display: none;}
.site-header{position: static;}
.headerSpacer{display: none;}
header .section1 ul.topNav li{padding: 0 10px;}
header .section1 ul.topNav li:nth-child(3){display: none;}
.navGrid{display: block;}


header .section1 ul.topNav li:nth-child(2) a::before {
    
    left: -5px;
    top: -10px;
    font-size: 30px;
}

header .section1 ul.topNav li a .badge {
     top: -19px;
    left: 14px;
    
}


header .section1 ul.topNav li:nth-child(4) a::before {
     left: -10px;
    top: -10px;
    font-size: 26px;
}

.navbar-nav{display: none;}


}


@media only screen and (max-width: 576px) {

	header .section1 ul.topNav li:nth-child(1){display: none;}
	header .section1 .navbar-brand {
    width: 90px;
   
}

}


/*header clasess ends*/

/*search bar */

.serchBar {
	background: #000 url(../images/bg1.jpg) no-repeat center top;

	padding: 110px 0 100px 0;

	text-align: center;

	color: #fff;

	background-attachment: fixed;

	background-size: contain;
}

.serchBar h2,
.serchBar p {
	color: #fff;

	font-size: 32px;

	line-height: 40px;
}

.serchBar p {
	font-size: 24px;

	line-height: 28px;

	margin-top: 5px;

	font-weight: 300;
}

.serchBar .searchBox {
	padding: 0 15%;

	margin-top: 20px;
}

.serchBar .searchBox .inner {
	position: relative;
}

.serchBar .searchBox .inner .form-control {
	height: 58px;

	padding: 10px 20px;

	border: 0;

	font-size: 17px;
}

.serchBar .searchBox .inner .btn-info {
	position: absolute;

	right: 0;

	line-height: 58px;

	height: 58px;

	top: 0;

	font-weight: 600;

	padding: 0 55px;
}

.serchBar .searchBox .inner .autoLocation {
	position: absolute;

	right: 190px;

	top: 13px;

	border-radius: 30px;

	color: #000;

	font-weight: 500;

	font-size: 12px;

	background: #dddddd;

	padding: 0 15px;

	line-height: 32px;

	display: inline-block;

	outline: none !important;
}

.serchBar .searchBox .inner .autoLocation i {
	font-size: 20px;

	vertical-align: middle;

	display: inline-block;

	margin-top: -2px;
}

.serchBarInside {
	padding: 70px 0 60px;

	background: #000 url(../images/bg1.jpg) no-repeat center -40px;

	background-attachment: fixed;

	background-size: contain;
}

/* search bar ends */

/* city */

.cityCon {
	display: flex;

	flex-wrap: nowrap;

	justify-content: center;

	align-items: center;

	margin: 30px 0 0 0;

	padding: 0;
}

.cityCon li {
	list-style: none;

	text-align: center;

	padding: 15px;
}

.cityCon li a {
	background: #fff;

	border-radius: 16px;

	border: 1px solid #ddd;

	display: block;

	padding: 25px 30px;

	text-decoration: none;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.5s;

	-ms-transition: all linear 0.3s;
}

.cityCon li a figure {
	width: 90px;

	height: auto;
}

.cityCon li a figure img {
	width: 100%;

	display: block;
}

.cityCon li a h4 {
	margin-top: 10px;

	font-weight: 500;
}

.cityCon li a:hover {
	box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.2);

	border-color: #68180d;

	transform: scale(1.05);
}

/* city end */

/* slider */

.sliderCon {
	overflow: hidden;

	max-height: auto;
}

.slider_con {
	overflow: hidden;
	height: auto;
}

.carousel-control.right,
.carousel-control.left {
	background: none;
}

.sliderCon .carousel-control {
	width: auto;

	text-shadow: none;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	font-size: 40px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	margin-right: 0;

	right: 30px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-left {
	left: 30px;
}

/* slider end */

/*search form*/

.searchFormCon {
	margin-top: -50px;

	position: relative;

	z-index: 9;
}

.searchFormCon .formBox {
	background: #fff;

	border-radius: 20px;

	padding: 22px 20px;

	box-shadow: 0 3px 52px 0 rgba(0, 72, 99, 0.12);
}

.searchFormCon .formBox form {
	width: 100%;

	display: flex;

	flex-wrap: nowrap;
}

.searchFormCon .formBox .cols {
	width: 22%;

	margin: 5px;
}

.searchFormCon .formBox .cols:last-child {
	width: 115px;
}

@media only screen and (max-width: 767px) {
	.searchFormCon {
		margin-top: 50px;
	}

	.searchFormCon .formBox {
		padding: 12px 20px;
	}

	.searchFormCon .formBox form {
		width: 100%;

		display: inherit;
	}

	.searchFormCon .formBox .cols {
		width: 100% !important;

		margin: 10px 0;
	}

	.searchFormCon .formBox .cols .btn-info {
		display: block;

		width: 100%;
	}
}

/*search form end*/

/*products*/

.productsCon {
	background: #f5f1ec;
	padding: 60px 0;
}

.featuredProducts {
	background: #fff;
}

.productsCon .list {
	list-style: none;

	margin: 0;

	padding: 0;
	margin-top: 20px;
}

.productsCon .list li {
	padding: 10px;
	width: 20%;
	float: left;
}

.hotProducts .list li {
	width: auto !important;
}

.productsCon .list li .box {
	margin: 0;

	min-height: 220px;

	border-radius: 10px;

	background: #fff;
	border: 1px solid #ddd;
}

.productsCon .list li .box:hover {
	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);
}

.productsCon .list li .box figure {
	width: 100%;

	min-height: auto;

	max-height: 200px;

	display: flex;

	align-items: center;

	overflow: hidden;
	border-radius: 10px;

	position: relative;
	overflow: hidden;
}

.productsCon .list li .box figure .offer {
	width: 48px;

	height: 48px;

	border-radius: 100%;

	background: #fd4040;

	position: absolute;

	color: #fff;

	right: 0;

	top: 0;

	padding: 11px;

	text-align: center;

	font-size: 14px;

	font-weight: 600;

	line-height: 14px;
}

.productsCon .list li .box figure .offer small {
	font-weight: 400;

	display: block;
}

.productsCon .list li .box .img {
	width: 100%;

	height: auto;

	overflow: hidden;

	display: block;

	margin: auto;
}

.productsCon .list li .box .img img {
	width: 100%;

	height: auto;

	display: block;
}

.productsCon .list li .box figcaption {
	text-align: left;
	padding: 20px;
}

.productsCon .list li .box figcaption .title {
	font-size: 14px;

	font-weight: 400;

	line-height: 20px;

	margin: 0;
}

.productsCon .list li .box figcaption .title2 {
	font-size: 16px;

	font-weight: 500;

	line-height: 24px;

	margin: 0;
}

.productsCon .list li .box figcaption .price {
	font-size: 14px;
	color: #68180d;

	font-weight: 600;
	margin-top: 10px;
}

.productsCon .list li .box figcaption .price span {
	font-weight: 400;

	text-decoration: line-through;

	color: #000;

	margin-right: 5px;
}

.productsCon .list li .box figcaption .subtext {
	font-weight: 400;

	margin: 2px 0 0 0;

	color: #000;
}

.productsCon .list li .box figcaption .btnCon .btn-danger {
	height: 32px;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 32px;
	margin: 10px 0;
}

.productsCon .list li .box figcaption .btnCon .btn-whishlist {
	font-size: 18px;
	line-height: 34px;
	margin-left: 5px;
}

.reviewsCon {
	padding: 30px 0 10px 0;
	border-top: 2px solid #ddd;
	margin-bottom: 40px;
}

.reviewsCon h3 {
	font-size: 18px;

	line-height: 28px;

	font-weight: 700;

	display: inline-block;
}

.reviewsCon .totalRatings {
	background: #ffa41d;

	height: 26px;

	margin-left: 10px;

	line-height: 28px;

	color: #fff;

	border-radius: 30px;

	padding: 0 12px;

	display: inline-block;

	font-size: 16px;

	font-weight: 700;
}

.reviewsCon .titleCon .btn-danger {
	float: right;
}

.reviewsCon .titleCon {
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.reviewsCon .reviewBox {
	padding: 25px 0;

	border-bottom: 1px solid #ddd;
}

.reviewsCon .reviewBox .cName {
	font-weight: 600;

	font-size: 16px;

	margin-bottom: 10px;
	color: #000;
}

.reviewsCon .reviewBox .cName small {
	font-weight: 400;

	opacity: 0.7;

	vertical-align: top;
}

.ratings.high {
	background: #ffa41d;
}

.ratings.low {
	background: #ffa41d;
}

.ratings {
	height: 24px;

	margin-right: 3px;

	font-size: 12px;

	line-height: 24px;

	color: #fff !important;

	border-radius: 30px;

	padding: 0 8px;
	text-decoration: none;
}

.ratings:hover {
	text-decoration: none;
}

.tooltip.bottom .tooltip-arrow {
	top: 1px;
}

.tooltip-inner {
	max-width: 150px;

	padding: 8px 10px;

	color: #fff;

	text-align: center;

	background-color: #000;

	border-radius: 8px;

	line-height: 15px;
}

.productsCon .list li .box figcaption .size {
	text-align: center;

	font-size: 14px;

	margin: 0 0 10px 0;
}

.owl-prev,
.owl-next {
	overflow: hidden;

	height: 45px;

	width: 45px;

	font-size: 40px;
	color: #68180d;
}

.productsCon .owl-prev {
	left: -70px;
}

.productsCon .owl-next {
	right: -70px;
}

.hotProducts .owl-prev {
	left: -35px;
}

.hotProducts .owl-next {
	right: -35px;
}

.brandIcon {
	margin: 10px 0;

	display: inline-block;

	max-width: 100px;

	height: auto;

	overflow: hidden;
}

.storeAvailableProduct {
	border: 1px solid #ddd;

	padding: 30px;

	border-radius: 26px;
}

.storeAvailableProduct .owl-next {
	right: -35px;
}

.storeAvailableProduct .owl-prev {
	left: -30px;
}

@media only screen and (max-width: 1328px) {
.productsCon .list li{padding: 10px;}
}


@media only screen and (max-width: 1279px) {
	.productsCon .list li{width: 25%;}
}

@media only screen and (max-width: 1151px) {
	.hotProducts .owl-next {
    right: -15px;
}

.hotProducts .owl-prev {
    left: -15px;
}
}



@media only screen and (max-width: 991px) {
.productsCon .list li{width:33.3333333333333%; padding: 5px;}
}


@media only screen and (max-width: 767px) {
	 .productsCon .list li{width:50%; padding: 3px;}
	 .productsCon{padding: 40px 0;}

	 .productsCon .list{margin-left: -10px; margin-right: -10px;}
	 .productsCon .list li .box figcaption {
    text-align: left;
    padding: 10px;
}

.hotProducts .list{margin-left: 0; margin-right: 0;}

.reviewsCon .titleCon .btn-danger{float: none; margin-top: 10px;}

}



@media only screen and (max-width: 479px) {
	 .productsCon .list li{width:50%;}
	 
}

@media only screen and (max-width: 423px) {
 

.productsCon .list li .box figcaption .btnCon .btn-danger {
    height: 32px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 32px; letter-spacing: .5px;
    margin:0;
}


.productsCon .list li .box figcaption .btnCon .btn-whishlist{
	    font-size: 18px;
    line-height: 34px;
    margin-left: 2px; padding: 0 10px;
}

.productsCon .list li .box figcaption .price{    font-size: 12px; margin: 5px 0;}

}





/*products end*/

/*category products*/

.pByCatCon {
	background: #f3f9fe;

	padding: 60px 0;
}

.pByCatCon .listOuter {
	margin: 40px 0 0 0;

	width: 100%;

	position: relative;
}

.pByCatCon ul li .box {
	border-radius: 10px;

	overflow: hidden;

	position: relative;
}

.pByCatCon ul li .box .img img {
	width: 100%;

	height: auto;

	display: block;
}

.pByCatCon .list li {
	padding: 0;
}

.pByCatCon ul li .box figcaption {
	position: absolute;

	z-index: 9;

	bottom: 0;

	text-align: center;

	width: 100%;

	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));

	padding: 50px 20px 15px;
}

.pByCatCon ul li .box figcaption .title {
	font-size: 16px;

	color: #fff;

	text-transform: uppercase;
}

.pByCatCon .prev {
	width: 23.37px;

	height: 40px;

	background: url(../images/prev1.png) no-repeat;

	display: block;
}

.pByCatCon .next {
	width: 23.37px;

	height: 40px;

	background: url(../images/next1.png) no-repeat;

	display: block;
}

.pByCatCon .owl-prev {
	left: 10px;
}

.pByCatCon .owl-next {
	right: 10px;
}

.pByCatCon .btn-info {
	margin-top: 40px;
}

/*category products ends*/

/* reviews */

.aboutCon {
	padding: 60px 0;
}

.aboutCon .container {
	display: flex;

	flex-wrap: nowrap;

	align-items: center;
}

.aboutCon .container .cols {
	width: 65%;
}

.aboutCon .container .left {
	width: 34%;

	flex-wrap: nowrap;

	text-align: right;

	border-right: 3px solid #ddd;

	padding: 10px 50px 10px 0;
}

.aboutCon .container figcaption {
	padding: 0 12% 0 50px;
}

.aboutCon .container h3 span {
	font-size: 20px;

	line-height: 20px;

	color: #777;

	font-family: "Cabin";

	font-weight: 400;

	display: block;

	position: relative;

	margin-bottom: 10px;
}

.aboutCon .container h3 span:before {
	content: "";

	width: 50px;

	height: 2px;

	background: #777;

	position: absolute;

	top: 8px;

	right: 75px;
}

.aboutCon .container h3 {
	font-size: 32px;

	line-height: 48px;

	font-weight: 700;

	margin: 0;

	text-transform: uppercase;
}

.aboutCon .container figcaption p {
	font-size: 16px;

	line-height: 26px;
}

.aboutCon .container .btn-info {
	margin-top: 10px;

	padding: 0 28px;
}

@media only screen and (max-width: 767px) {
	.aboutCon {
		padding: 40px 0 100px;
	}

	.aboutCon .container {
		display: inherit;
	}

	.aboutCon .container .left,
	.aboutCon .container .right {
		width: 100%;
	}

	.aboutCon .container figcaption {
		padding: 30px 0 0 0;

		text-align: center;
	}
}

/* hp form*/

/*voucher*/

.voucherCon {
	display: flex;

	background: #000;

	border-radius: 1px;

	padding: 20px;

	width: 100%;

	align-items: center;

	color: #fff;

	text-align: center;
}

.voucherCon .cols {
	width: 33.33333333%;

	margin: 10px 5px;
}

.voucherCon .col-1 {
	width: 29%;
}

.voucherCon .col-2 {
	width: 40%;
}

.voucherCon .col-2 h1 {
	color: #fff;

	font-size: 72px;
}

.voucherCon .col-3 {
	width: 31%;
}

.voucherCon .col-3 .btn-default {
	font-weight: 600;

	line-height: 48px;

	height: 48px;

	padding: 0 60px;
}

.voucherCon .col-1 h3 {
	font-size: 30px;

	line-height: 36px;

	font-family: "Cabin";

	font-weight: 400;

	margin: 0;

	color: #fff;
}

.voucherCon .col-1 p {
	font-size: 16px;

	line-height: 26px;

	margin: 0;
}

@media only screen and (max-width: 1279px) {
	.newsLtrCon .col-2 {
		width: 50%;
	}

	.newsLtrCon .col-3 {
		width: 14%;
	}
}

@media only screen and (max-width: 991px) {
	.newsLtrCon .col-2 {
		width: 45%;
	}

	.newsLtrCon .col-3 {
		width: 19%;
	}
}

@media only screen and (max-width: 767px) {
	.newsLtrCon {
		display: inherit;

		padding: 20px;
	}

	.newsLtrCon .col-1 {
		width: 100%;

		text-align: center;
	}

	.newsLtrCon .col-2 {
		width: 100%;

		margin: 20px 0 0 0;
	}

	.newsLtrCon .col-3 {
		width: 100%;

		margin: 10px 0 0 0;
	}

	.newsLtrCon .col-3 .btn-info {
		display: block;

		width: 100%;
	}
}

/*voucher end*/

/*services*/

.sericeWrapper {
	padding: 60px 0 45px;
}

.sericeWrapper2 {
	padding: 40px 0 40px;
}

.serviceCon {
	margin-right: -20px;

	margin-left: -20px;

	margin-top: 30px;
}

.serviceCon2 {
	margin-top: 20px;
}

.serviceCon .cols {
	width: 50%;

	float: left;

	padding: 20px;
}

.serviceCon .cols .flexBox {
	display: flex;

	justify-content: center;

	flex-wrap: nowrap;

	overflow: hidden;

	color: #777;

	border: 1px solid #ddd;

	border-radius: 26px;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;
}

.serviceCon .cols .flexBox .box {
	width: 50%;

	min-height: 250px;
}

.serviceCon .cols .imgCon img {
	width: 100%;
}

.serviceCon .cols .textCon {
	background: #fff;

	padding: 35px 35px;

	position: relative;
}

.serviceCon .cols .flexBox:hover {
	box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.2);
}

.serviceCon .cols .text-title {
	font-size: 20px;

	font-weight: 700;

	text-transform: uppercase;

	line-height: 28px;

	color: #000;

	font-family: "Inter", sans-serif;
}

.serviceCon .brand-title {
	height: 36px;
}

.serviceCon .brand-title img {
	height: 100%;
}

.serviceCon .brand-title2 {
	height: auto;

	font-weight: 700;
}

.serviceCon .cols .btn-info {
	margin-top: 15px;

	font-size: 15px;

	line-height: 40px;

	height: 40px;

	padding: 0 32px;
}

.serviceCon .cols p {
	margin-top: 15px;

	font-size: 15px;

	line-height: 22px;
}

@media only screen and (max-width: 1151px) {
	.sectionTwo .titleBg .rows div {
		width: 40%;
	}

	.sectionTwo .titleBg .rows div.right {
		width: 60%;
	}
}

@media only screen and (max-width: 991px) {
	.sectionTwo .titleBg .rows {
		text-align: center;
	}

	.sectionTwo .titleBg .rows div {
		width: 100%;

		padding: 0;
	}

	.sectionTwo .titleBg h2 {
		width: 100%;

		margin-bottom: 5px;
	}

	.sectionTwo .titleBg .rows div.right {
		width: 100%;
	}

	.sectionTwo .titleBg h2 span:after {
		display: none;
	}

	.serviceCon .cols {
		width: 100%;

		float: left;
	}

	.serviceCon .cols .flexBox .box {
		min-height: auto;
	}

	.serviceCon .cols:nth-child(2) .flexBox,
	.serviceCon .cols:nth-child(4) .flexBox,
	.serviceCon .cols:nth-child(6) .flexBox {
		flex-direction: row-reverse;
	}

	.serviceCon .cols:nth-child(3) .flexBox {
		flex-direction: row;
	}
}

@media only screen and (max-width: 767px) {
	.sectionTwo .titleBg h2 {
		font-size: 32px;

		line-height: 40px;
	}
}

@media only screen and (max-width: 599px) {
	.serviceCon .cols .imgCon {
		height: 360px;
	}

	.serviceCon .cols .flexBox {
		flex-wrap: wrap;

		margin: 15px 0;

		border-radius: 30px;

		overflow: hidden;
	}

	.serviceCon .cols .flexBox .box {
		width: 100%;

		text-align: center;
	}

	.serviceCon .cols .text-title:after {
		margin: 5px auto 0 auto;
	}

	.serviceCon {
		margin-top: 10px;

		border-radius: 0;

		overflow: auto;

		box-shadow: none;
	}
}

/*services end*/

/*eyewear*/

.eyewearCon {
	margin: 0;
}

.eyewearCon .imgCon {
	margin: 30px 0 0 0;

	position: relative;

	border-radius: 26px;

	overflow: hidden;
}

.eyewearCon .imgCon .btn-default {
	position: absolute;

	bottom: 30px;

	border-radius: 8px;

	left: 34px;

	font-size: 13px;

	line-height: 38px;

	height: 40px;

	padding: 0 18px;

	font-weight: 600;

	background: none !important;

	color: #fff;

	border: 2px solid #fff !important;
}

.eyewearCon .imgCon:hover .btn-default {
	background: #f7f7f7 !important;

	color: #000;
}

.eyewearCon .imgCon .btn-border {
	position: absolute;

	bottom: 70px;

	border-radius: 8px;

	left: 65px;

	font-size: 13px;

	line-height: 38px;

	height: 40px;

	padding: 0 18px;

	font-weight: 600;

	background: none !important;

	color: #000;

	border: 2px solid #000 !important;
}

.eyewearCon .imgCon:hover .btn-border {
	background: #000 !important;

	color: #fff;
}

/*eyewear end*/

/* stores */

.storeCon {
	background: #f5f1ec;
	padding: 40px 0;
}

.storeCon .inner {
	padding: 0;
}

.storeCon .inner .list{margin: 0; padding: 0;}

.storeCon .inner ul li {
	list-style: none; width: 20%; float: left; padding: 10px;
}

.storeCon .box{background:#ffffff; display: block; border-radius: 10px; border: 1px solid #e1d9ce;}

.storeCon .box figure {
	width: 100%;

	height: 240px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 10px;

	overflow: hidden;
}

.storeCon .box figure img {
	width: 100%;
}

.storeCon .box figcaption {
	padding: 15px 0;

	text-align: center;
}

.storeCon .box figcaption h3 {
	font-weight: 400;

	font-size: 16px;

	line-height: 22px;
	letter-spacing: 1.5px;
}

.storeCon .box:hover figcaption h3 {
	color: #68180d;
	text-decoration: none;
}

.storeCon .box:hover,
.storeCon .box:focus {
	text-decoration: none; background:#f5f1ec;
}

.storeCon .box figcaption p {
	font-size: 14px;

	line-height: 20px;

	margin-top: 3px;
}

.storeCon .box figcaption .btn-info {
	font-size: 15px;

	line-height: 40px;

	height: 40px;

	padding: 0 32px;

	margin-top: 5px;
}

.storeCon .box:hover {
	background:#f5f1ec;
}

.storeCon .box figure img {
	transition: transform 3s;
}

.storeCon .box:hover figure img {
	transform: scale(1.2);
}

.storeCon .btn-border {
	border-color: #fff !important;

	background: none !important;

	color: #fff;
}

.storeCon .btn-border:hover {
	border-color: #000 !important;

	background: #fff !important;

	color: #000;
}

.storeCon .owl-next {
	right: -70px;
	top: 43%;

	color: #68180d;
}

.storeCon .owl-prev {
	left: -70px;
	top: 43%;

	color: #68180d;
}

.storeConInside {
	padding: 20px 0;
}

.storeConInside ul {
	margin: 0;
	padding: 0;
}

.storeConInside ul li {
	width: 25%;
	float: left;
	list-style: none;
	padding: 20px;
}

.storeList {
	margin-left: -15px;

	margin-right: -15px;
}

.storeList li {
	width: 25%;

	float: left;

	padding: 15px;
}

.storeList .box {
	background: rgba(255, 255, 255, 0.9);

	border-radius: 26px;

	width: 100%;

	height: auto;

	border: 1px solid #ddd;

	position: relative;
}

.storeList .box:hover {
	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);
}

.storeConInside .comman-title {
	color: #68180d;

	text-align: center;

	display: block;
}

.storeConInside .jobsAvailability {
	margin: 20px 0;
}

.storeConInside .jobsAvailability .btn-group {
	margin-left: 5px;

	display: inline-block;
}

.tag {
	position: absolute;

	padding: 3px 10px;

	top: 20px;

	line-height: 20px;

	color: #000;

	font-size: 14px;

	font-weight: 500;

	right: 20px;

	border-radius: 8px;

	background-color: rgba(255, 255, 255, 0.9);
}

.tag.collection {
	color: #68180d;
}

.tag.premium {
	color: #a92000;
}

.tag.partner {
	color: #2000a9;
}

@media only screen and (max-width: 1151px) {
.storeCon .inner ul li {
	 width: 25%;  
}
}


@media only screen and (max-width: 767px) {
.storeCon{padding: 20px 0;}
 

.storeCon .owl-next {
	right: -60px;
	 
}

.storeCon .owl-prev {
	left: -60px;
	 
}

.storeCon .inner ul li {
	 width: 33.333333333%;  
}

}


@media only screen and (max-width: 599px) {
.storeCon .inner ul li {
	 width: 50%;  padding: 3px; 
}

.storeCon .box figcaption h3{font-size: 14px; line-height: 20px;}
.storeCon .box figcaption {
    padding: 10px 0;
    text-align: center;
}
}




/* store details */

.storeDetailGallery .thumbnailCon {
	position: relative;

	margin-top: 30px;
}

.storeDetailGallery .mySlides {
	display: none;

	border-radius: 26px;

	overflow: hidden;
}

.storeDetailGallery .cursor {
	cursor: pointer;
}

.storeDetailGallery .prev,
.storeDetailGallery .next {
	cursor: pointer;

	position: absolute;

	top: 40%;

	color: #fff;

	user-select: none;

	font-size: 30px;

	-webkit-user-select: none;

	text-decoration: none;
}

.storeDetailGallery .next img,
.storeDetailGallery .prev img {
	width: 100%;

	height: auto;
}

.storeDetailGallery .next {
	right: 20px;
}

.storeDetailGallery .prev {
	left: 20px;
}

.storeDetailGallery .numbertext {
	color: #f2f2f2;

	font-size: 12px;

	padding: 8px 12px;

	position: absolute;

	top: 0;
}

.storeDetailGallery .caption-container {
	text-align: center;

	padding: 0;

	margin: 0;

	left: 40px;

	font-weight: 600;

	font-size: 20px;

	color: white;

	position: absolute;

	bottom: 23%;
}

.storeDetailGallery .rows:after {
	content: "";

	display: table;

	clear: both;
}

.storeDetailGallery .column {
	float: none;

	display: inline-block;

	width: 19%;

	padding: 10px 5px;
}

.storeDetailGallery .column img {
	width: 100%;

	border-radius: 8px;

	overflow: hidden;
}

.storeDetailGallery .demo {
	opacity: 0.6;
}

.storeDetailGallery .active,
.storeDetailGallery .demo:hover {
	opacity: 1;
}

.storeMapCon {
	background: #f2f2f2;

	border-radius: 26px;

	padding: 25px 30px;

	margin-top: 30px;
}

.storeMapCon .inner {
	border-radius: 16px;

	overflow: hidden;

	border: 3px solid #fff;
}

.openingHours {
	text-align: center;

	padding-top: 15px;
}

.openingHours strong {
	color: #000;
}

.openingHours .btn-info {
	margin-top: 10px;

	line-height: 40px;

	height: 40px;

	padding: 0 25px;
}

.storeDetail {
	border: 1px solid #ddd;

	padding: 30px;

	border-radius: 26px;

	margin-top: 30px;
}

.storeDetail .cms_area {
	padding: 0;
}

.opticianInpopularCities .list a {
	font-size: 14px;

	line-height: 18px;

	position: relative;

	padding-right: 10px;

	display: inline-block;
}

.opticianInpopularCities .list a:after {
	content: "|";

	position: absolute;

	right: 0;

	top: 0;

	color: #ccc;
}

.copy {
	font-size: 16px;

	color: #999;

	margin-left: 5px;
}

/* stores end*/

/*brand logos*/

.brandLlogos {
	background: #000;

	border-radius: 1px;

	padding: 10px;

	display: flex;

	flex-wrap: nowrap;

	justify-content: space-between;

	align-items: center;
}

.brandLlogos a {
	display: block;

	padding: 25px;
}

.brandLlogos a img {
	display: block;

	width: 100%;
}

/*brand logos end*/

/*google review*/

.googleReview {
	background: #fff;
	padding: 60px 50px;
}

.googleReview .listOuter {
	margin-top: 50px;
}

.googleReview ul li {
	list-style: none;
}

.googleReview p {
	margin: 0;
}

.googleReview .ratings {
	font-size: 18px;

	line-height: 26px;

	margin-top: 5px;

	float: right;
}

.googleReview .ratings .fa {
	margin: 0 2px;
}

.googleReview .ratings span {
	color: #ccc;
}

.googleReview .inner {
	padding: 0 5%;
}

.googleReview .box {
	background: #fff;

	padding: 30px;

	border-radius: 10px;

	text-align: left;

	position: relative;

	border: 1px solid #ddd;
}

.googleReview .box figure .avatarPic {
	width: 48px;

	height: 48px;

	border-radius: 100%;

	overflow: hidden;

	background: #f5f5f5;

	display: inline-block;

	margin-right: 10px;

	float: left;
}

.googleReview .box figure .avatarPic img {
	width: 100%;

	height: auto;
}

.googleReview .box figure {
	font-size: 16px;

	color: #000;

	font-weight: 700;

	line-height: 20px;

	margin-bottom: 10px;

	float: left;
}

.googleReview .box figure small {
	display: block !important;

	font-size: 13px;

	color: #777;

	font-weight: 400;
}

.googleReview .box .gIcon {
	position: absolute;

	top: 40px;

	right: 30px;
}

.googleReview .box .gIcon img {
	width: 24px;
}

.googleReview .box .dots {
	margin-top: 20px;

	line-height: 10px;
}

.googleReview .box .btn-link {
	color: #999;

	text-decoration: underline;

	font-size: 12px;
	text-transform: inherit;
	letter-spacing: 0;
}

.googleReview .box .btn-link:hover .btn-link {
	text-decoration: none;
}

.googleReview .owl-prev {
	left: -70px;
}

.googleReview .owl-next {
	right: -70px;
}

.googleReview figcaption {
	margin-top: 15px;
}

.googleReview figcaption p {
	font-size: 13px;

	line-height: 20px;
}



@media only screen and (max-width: 767px) {
	.googleReview {
    padding: 40px 30px;
}

.googleReview .item{padding: 5px;}
.googleReview .listOuter{margin-top: 30px;}
 
.googleReview .owl-prev{left: -50px;}
.googleReview .owl-next{right: -50px;}

}

@media only screen and (max-width: 479px) {
	.googleReview .ratings{float: left; padding: 0;}
}

/*google review end*/

/* reels */

.reelsCon {
	background: #f5f1ec;
	padding: 60px 0;
}

.reelsCon .rBox {
	width: 100%;
	height: 400px;
	background: #000;
	overflow: hidden;
	border-radius: 16px;
	overflow: hidden;
}

 

.reelsCon .list li {
	list-style: none;
	width: 25%;
	float: left;
	padding: 15px;
}

.reelsCon2 {
	background: none;
	padding: 0;
}

.reelsCon .list {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-left: -15px; margin-right: -15px;
}


@media only screen and (max-width: 991px) {
.reelsCon .list li {
 	width: 33.3333333%; padding: 5px;
	 
}
}

@media only screen and (max-width: 767px) {
.reelsCon{padding: 10px 0;}
.reelsCon .list li {
 	width: 50%; padding: 3px;
	 
}
}

@media only screen and (max-width: 576px) {
.reelsCon .list li {
 	width: 50%;
	 
}
}




/* reels end */

/*newsletter*/

.newsletterCon {
	padding: 60px 0 60px;
	background: #ffffff;
}

.newsletterCon h3 {
	text-align: center;

	font-weight: 900;

	font-size: 40px;

	line-height: 48px;

	color: #68180d;
}

.newsletterCon .formBox {
	display: flex;

	width: 800px;

	margin: 50px auto 0 auto;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: center;
}

.newsletterCon .formBox .left {
	width: 66%;
}

.newsletterCon .formBox .right {
	width: 34%;
}

.newsletterCon .formBox .form-control {
	height: 74px;

	padding: 10px 25px;

	background: #fff;

	border: 0;

	border-radius: 8px 0 0 8px;

	box-shadow: none;

	font-size: 18px;

	border: 1px solid #68180d;
}

.newsletterCon .formBox .btn {
	height: 74px;

	padding: 0 25px;

	line-height: 74px;

	font-size: 18px;

	font-weight: 500;

	margin-left: -10px;
}

.newsletterCon .formBox .form-control:focus {
	background-color: #fff;

	box-shadow: 0px 4px 10px -8px rgba(0, 0, 0, 0.5);

	border: 1px solid #68180d !important;
}


@media only screen and (max-width: 991px) {
	.newsletterCon h3 {
     
    font-size: 24px;
    line-height: 30px; 
}


.newsletterCon .formBox {
   
    width: 530px;
    margin: 20px auto 0 auto;
     
}


}


@media only screen and (max-width: 599px) {
.newsletterCon .formBox {
     width: 100%;
   
     
}

.newsletterCon{padding: 40px 0;}
.newsletterCon .formBox .form-control
 
 {
    height: 48px;
    padding: 10px 10px;
   
    border-radius: 8px 0 0 8px;
   
    font-size: 14px;
    border: 1px solid #68180d;
}

.newsletterCon .formBox .btn {
    height: 48px;
    padding: 0 10px;
    line-height: 48px;
    font-size: 14px;
    font-weight: 500;
    margin-left: -10px;
}

    .newsletterCon h3 {
        font-size: 16px;
        line-height: 20px;
    }

}


/*newsletter end*/

/*gmap*/

.gmapCon {
	background: #000;

	height: 400px;

	width: 100%;

	overflow: hidden;

	position: relative;
}

.gmapCon .contentBox {
	width: 420px;

	color: #fff;

	z-index: 999;

	padding: 50px;

	height: 100%;

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	top: 0;

	right: 60px;
}

.gmapCon .contentBox .title {
	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	position: relative;

	display: inline-block;
}

.gmapCon .contentBox .smallTxt {
	font-size: 14px;

	width: 150px;

	font-weight: 400;

	margin: 30px 0 30px 0;
}

.gmapCon .contentBox .contact {
	margin: 0;
}

.gmapCon .contentBox .contact a {
	color: #fff;

	font-weight: 700;

	margin-left: 5px;
}

.gmapCon .contentBox .title:after {
	content: "";

	width: 50px;

	height: 2px;

	background: #fff;

	position: absolute;

	top: 10px;

	right: -60px;
}

/*gmap end*/

/*bottom benefits list*/

.benefitList {
	border-top: 1px solid #ddd;

	padding: 10px 0;
	background: #f5f1ec;
}

.benefitList ul.bottomNav {
	display: flex;

	flex-wrap: nowrap;

	align-items: center;

	justify-content: center;

	margin: 0;
	padding: 0;
}

.benefitList ul.bottomNav li {
	list-style: none;

	padding: 0 50px;

	border-left: 1px solid #68180d;
}

.benefitList ul.bottomNav li a {
	font-size: 20px;

	font-weight: 700;

	text-decoration: none;

	line-height: 32px;

	position: relative;

	padding-left: 48px;

	display: block;
}

.benefitList ul.bottomNav li a small {
	display: block;

	font-size: 16px;

	color: #777;

	font-weight: 400;

	line-height: 16px;
}

.benefitList ul.bottomNav li:nth-child(5) {
	padding-right: 0;
}

.benefitList ul.bottomNav li:nth-child(1) {
	padding-left: 0;

	border: 0;
}

.benefitList ul.bottomNav li a:before {
	position: absolute;

	content: "\e92b";

	font-family: "icomoon";

	left: 0;

	top: 9px;

	font-size: 40px;

	font-weight: 400;
	color: #68180d;
}

.benefitList ul.bottomNav li:nth-child(2) a::before {
	content: "\e918";

	left: -5px;

	top: 9px;

	font-size: 36px;
}

.benefitList ul.bottomNav li:nth-child(3) a::before {
	content: "\e929";

	left: -5px;

	top: 9px;

	font-size: 44px;
}

.benefitList ul.bottomNav li:nth-child(4) a::before {
	content: "\e92a";

	left: 0;

	top: 8px;

	font-size: 38px;
}

.benefitList ul.bottomNav li a .badge {
	position: absolute;

	top: -5px;

	left: 10px;

	padding: 3px 5px;

	background: #68180d;

	border-radius: 100%;
}

@media only screen and (max-width: 1151px) {
.benefitList ul.bottomNav li{padding: 0 20px;}
}

@media only screen and (max-width: 991px) {
.benefitList ul.bottomNav li a {
    font-size: 15px;
    line-height: 20px;
    
}

.benefitList ul.bottomNav li a small {
    font-size: 14px;
    line-height: 16px;
}


}

@media only screen and (max-width: 767px) {
.benefitList ul.bottomNav{flex-wrap: wrap;}
	.benefitList ul.bottomNav li{width: 50%; border: 0; padding: 10px; }
	.benefitList ul.bottomNav li a{border:1px solid #68180d; padding: 15px; border-radius: 8px;}

.benefitList ul.bottomNav li a:before{top:24px !important; left: inherit; right:15px !important;}
.benefitList ul.bottomNav li:nth-child(2) a::before, .benefitList ul.bottomNav li:nth-child(3) a::before, .benefitList ul.bottomNav li:nth-child(4) a::before{left: inherit;}

.benefitList ul.bottomNav li:nth-child(1){padding-left: 10px;}
.benefitList{padding: 10px 0;}

}

@media only screen and (max-width: 479px) {
	.benefitList ul.bottomNav li{width: 50%; border: 0; padding: 3px}
	.benefitList ul.bottomNav li:nth-child(1){padding-left: 0;}
	.benefitList ul.bottomNav li a{padding: 8px;}
 .benefitList ul.bottomNav li a:before {
        top: 16px !important;
        left: inherit;
        right: 7px !important; font-size: 24px;
    }

.benefitList ul.bottomNav li:nth-child(2) a::before {
   
    font-size: 22px;
}

.benefitList ul.bottomNav li:nth-child(3) a::before{font-size: 24px;}
.benefitList ul.bottomNav li:nth-child(4) a::before {
     
    font-size: 27px;
}

    .benefitList ul.bottomNav li a small {
        font-size: 12px;
        line-height: 16px;
    }

}



/*bottom benefits list end*/

/*footer*/

.footer {
	background: #68180d;

	padding: 50px 0 0 0;

	margin-top: 0;

	position: relative;
}

.footer .reviewImg {
	margin-top: 30px;
}

.footer .reviewImg a {
	margin-right: 10px;
}

.sitemap {
	float: left;

	width: 70%;

	padding-right: 30px;

	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.sitemap .col-sm-3 {
	width: 22%;

	min-height: 180px;
}

.sitemap .col-sm-3:nth-child(3) {
	border-right: 1px solid rgba(255, 255, 255, 0.1);

	width: 20%;
}

.footer h4 {
	font-size: 14px;

	line-height: 24px;

	font-weight: 700;

	font-family: "Inter", sans-serif;

	margin-bottom: 10px;

	color: #fff;

	text-transform: uppercase;

	position: relative;

	z-index: 2;
}

.sitemap .links2 {
	margin-top: 66px;
}

.sitemap .links a {
	display: block;

	color: #fff;

	margin-top: 3px;

	font-size: 13px;

	line-height: 20px;

	text-decoration: none;
}

.sitemap .links a:hover {
	text-decoration: underline;
}

.fRight {
	color: #fff;

	width: 28%;

	padding-left: 30px;

	font-size: 1rem;

	float: right;
}

.fRight a {
	color: #666;
}

.footer .contact {
	width: 34%;

	padding: 0 0 0 6%;
}

.footer .contact p {
	font-size: 13px;

	color: #fff;

	line-height: 20px;
}

.footer .contact a {
	color: #fff;

	font-weight: 500;
}

.social a {
	display: inline-block;

	width: 34px;

	height: 34px;

	border-radius: 8px;

	padding: 7px;

	text-align: center;

	color: #fff;

	font-size: 20px;

	margin-right: 3px;

	background: #333333;

	text-decoration: none;
}

.social a:nth-child(1) {
	background: #1877f2;
}

.social a:nth-child(2) {
	background: #1da1f2;
}

.social a:nth-child(3) {
	background: #0077b5;
}

.social a:nth-child(4) {
	background: #d6249f;

	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);

	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
}

.social a:nth-child(5) {
	background: #ff0000;
}

.social a:nth-child(6) {
	background: #e60023;
}

.social a:nth-child(7) {
	background: #ff0084;
}

.social a:nth-child(8) {
	background: #34526f;
}

/* .social a:hover,

.social a:focus {

	background: #68180D;

	box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);

} */

.social a .fa {
	font-size: 20px;
}

.trustedBy {
	float: left;
}

.trustedBy span {
	background: #f85b59;

	border-radius: 10px;

	padding: 12px 20px;

	font-size: 20px;

	font-weight: 600;

	position: relative;

	margin-right: 10px;
}

.trustedBy span:after {
	width: 0;

	height: 0;

	content: "";

	right: -7px;

	position: absolute;

	top: 50%;

	transform: translate(0, -50%);

	border-top: 7px solid transparent;

	border-bottom: 7px solid transparent;

	border-left: 7px solid #f85b59;
}

.trustedBy img {
	margin-right: 20px;
}

.countries a {
	font-size: 16px !important;

	margin-bottom: 16px;
}

.countries a img {
	margin-right: 10px;
}

.fText {
	font-size: 0.9em;

	margin-top: 20px;

	padding: 20px 0px;

	border-top: 1px solid rgba(255, 255, 255, 0.1);

	color: #005e80;

	line-height: 1.35rem;

	text-align: justify;

	opacity: 0.8;
}

.copyrightText {
	padding: 30px 0;

	text-align: center;
	font-size: 13px;

	color: #fff;

	border-top: 1px solid rgba(255, 255, 255, 0.1);

	margin-top: 50px;
}

.copyrightText2 {
	font-size: 13px;

	text-transform: uppercase;

	color: #fff;

	margin: 0;
}

.copyrightText2 strong,
.copyrightText2 a {
	color: #fff;

	font-weight: 600;
}

@media only screen and (max-width: 1279px) {
	.sitemap {
		float: left;

		width: 70%;
	}

	.fRight{width: 30%;}
}

@media only screen and (max-width: 991px) {
	.sitemap {
		float: left;
		width: 100%;
		border:0; padding-right: 0;
	}

	.sitemap .third {
		width: 20%;

		margin-top: 30px;
	}

	.fRight {
		border-left: 0;

		padding: 30px 0 0 0;

		border-top: 1px solid  rgba(255, 255, 255, 0.1);;

		width: 100%;

		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.sitemap .col-sm-3, .sitemap .col-sm-3:nth-child(3){width: 33.333333333%; border: 0;}
.footer .contact{width: 100%; padding-left: 15px; min-height: auto; margin-top: 20px;}

}



@media only screen and (max-width: 479px) {
	 
.sitemap .col-sm-3, .sitemap .col-sm-3:nth-child(3){width: 50%; border: 0; min-height: 215px;}
.footer .contact{width: 100%; padding-left: 15px; min-height: auto; margin-top: 20px;}
.sitemap .col-sm-3:nth-child(3){min-height: auto;}
	 
}

/*inside css*/

.pageTitleCon {
	background: #2680eb;

	padding: 150px 0 70px;

	text-align: center;

	position: relative;
}

.pageTitleCon:before {
	height: 80px;

	width: 100%;

	background: #ffffff;

	content: "";

	position: absolute;

	top: 0;

	left: 0;
}

.pageTitleCon h1 {
	color: #fff;
}

.pageTitleCon p {
	color: #aec2dd;

	font-size: 15px;

	line-height: 26px;

	margin-top: 10px;
}

.pageTitleCon .form-inline {
	text-align: center;

	display: block;

	margin-top: 30px;
}

.pageTitleCon .form-inline label {
	display: inline-block;

	margin-right: 25px;

	font-size: 16px;

	color: #aec2dd;

	font-weight: 300;
}

.pageTitleCon .form-inline .form-control {
	width: 265px;

	background: #194176;

	color: #ffffff;

	border: 2px solid #5981b6 !important;

	height: 50px !important;

	padding: 5px 20px;

	font-size: 15px;
}

.pageTitleCon2 {
	padding: 150px 0 100px;
}

@media screen and (max-width: 991px) {
	.pageTitleCon {
		padding: 100px 0 40px 0;
	}

	.pageTitleCon:before {
		height: 60px;
	}

	.pageTitleCon h1 {
		font-size: 24px;

		line-height: 30px;
	}

	.pageTitleCon2 {
		padding: 120px 0 90px;
	}
}

@media screen and (max-width: 767px) {
	.pageTitleCon .form-inline {
		text-align: center;

		margin-top: 15px;
	}

	.pageTitleCon .form-inline label {
		display: block;

		margin-right: 0;
	}

	.pageTitleCon .form-inline .form-control {
		width: 265px;

		margin: auto;

		display: block;
	}
}

.breadcrumb_con {
	overflow: hidden;

	background: #f5f1ec;

	padding: 10px 0 8px;
}

.breadcrumb {
	display: block;

	width: auto;

	background: none;

	font-size: 13px;

	font-weight: 400;

	margin: 0;

	padding: 0;

	color: #777;
}

.breadcrumb li a {
	font-weight: 400;

	text-decoration: underline;

	color: #000;
}

.breadcrumb li a:hover {
	text-decoration: none;
}

.breadcrumb > li + li:before {
	color: #777;

	font-size: 14px;

	margin: 0 2px;

	content: "\f105";

	position: static;

	font-family: "FontAwesome";
}

.middleGray {
	background: #f9f9f9;
}

.cmsBox {
	border: 1px solid #eee;

	border-top: 0;

	border-bottom: 0;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	background: #ffffff;

	padding: 30px 0;

	min-height: 300px;
}

.cmsBox h1 {
	font-size: 30px;

	color: #000;

	line-height: 34px;

	border-bottom: 1px solid #eee;

	padding: 0 30px 10px 30px;
}

.cmsArea {
	padding: 20px 40px 20px 40px;
}

.cmsArea h2 {
	font-size: 24px;

	line-height: 28px;

	color: #000;

	position: relative;
}

.cmsArea h2:after {
	position: static;

	margin-top: 10px;

	display: block;

	content: "";

	width: 50px;

	height: 1px;

	background: #2680eb;
}

.cmsArea h3 {
	font-size: 25px;

	line-height: 28px;

	color: #333333;

	margin: 0;
}

.cmsArea p {
	color: #020202;

	font-size: 15px;

	font-weight: 300;

	line-height: 24px;
}

.cmsArea .centerTxt {
	font-size: 18px;

	margin: 0;

	line-height: 30px;

	padding: 15px 4%;
}

.cmsArea hr {
	border-color: #eee;

	margin: 30px 0;
}

.cmsArea .btn-link {
	color: #269abc;
}

.cmsArea ul {
	margin: 20px 0 0 30px;
}

.cmsArea ul li {
	font-size: 15px;

	line-height: 24px;

	list-style: none;

	color: #020202;

	position: relative;

	padding: 0 0 0 18px;
}

.cmsArea ul li:before {
	content: "\f061";

	font-family: "FontAwesome";

	width: 10px;

	height: 10px;

	top: -2px;

	left: 0;

	position: absolute;

	font-size: 12px;

	color: #2680eb;
}

.cmsArea ol {
	margin: 20px 0 0 80px;
}

.cmsArea ol li {
	color: #020202;

	font-size: 15px;

	line-height: 24px;

	list-style: decimal;

	position: relative;

	padding: 0 0 0 18px;
}

.cmsArea .cmsImg {
	float: right;

	margin: 10px 0 20px 20px;
}

@media screen and (max-width: 599px) {
	.cmsArea p {
		text-align: left !important;
	}

	.cmsArea ul {
		margin-left: 0;
	}

	.cmsArea ol {
		margin-left: 30px;
	}
}

.careersCon {
	padding: 40px 0;
}

.careersCon .listCon {
	padding: 30px;

	border: 1px solid #eee;

	margin: 20px 0;

	border-radius: 10px;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);

	background: #ffffff;
}

.careersCon .listCon:hover {
	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.03);
}

.careersCon .listCon a {
	color: #333;

	text-decoration: none;
}

.careersCon .listCon h3,
.careersCon .listCon a h3 {
	margin: 0;

	font-weight: 600;
}

.careersCon .listCon a p {
	font-size: 15px;

	margin-top: 10px;

	margin-bottom: 0;

	color: #020202;
}

.careersCon .listCon p,
.careersCon .listCon ul li {
	font-size: 15px;

	padding: 3px 0;

	color: #020202;
}

.careersCon .listCon p span {
	margin-right: 10px;

	display: inline-block;
}

.careersCon .listCon p span em {
	font-size: 15px;

	color: #999999;
}

.careersCon .listCon p span strong {
	font-weight: 500;

	color: #2680eb;
}

.careersCon .listCon:hover a p {
	text-decoration: underline;
}

.careersCon .listCon .bttonCon {
	text-align: center;
}

.careersCon .listCon .bttonCon .btn-info {
	background: #fff !important;

	font:
		400 16px/42px "K2D",
		sans-serif;

	height: 44px;

	color: #2680eb;

	border: 1px solid #2680eb !important;

	outline: none;

	border-radius: 10px;

	padding: 0 25px;

	box-shadow: none;
}

.careersCon .listCon:hover .bttonCon .btn-info,
.careersCon .listCon .bttonCon .btn-info:focus {
	background: #2680eb !important;

	box-shadow: none;

	color: #fff !important;
}

.jobsModal .modal-content {
	overflow: hidden;
}

.jobsModal .modal-header .modal-title {
	font-weight: 700;

	font-size: 20px;

	padding: 10px 20px;

	display: inline-block;
}

.jobsModal .modal-header .modal-title small {
	color: #fc952c;
}

.jobsModal .modal-body {
	background: #f9f9f9;

	padding: 30px;
}

.jobsModal .modal-body .form-control {
	height: 50px;

	border: 1px solid #b3b3b3;

	border-radius: 10px;

	padding: 12px 15px;

	margin: 10px 0;
}

.close {
	float: right;

	font-size: 30px;

	font-weight: 700;

	line-height: 1;

	color: #999;

	text-shadow: 0 1px 0 #fff;

	filter: alpha(opacity=20);

	opacity: 1;
}

.jobsModal .modal-body .btn-default {
	font:
		400 16px/42px "K2D",
		sans-serif;

	border-radius: 10px;

	height: 44px;

	padding: 0 25px;
}

.modal-body {
	padding: 40px;
}

.modal-body .form {
	margin-top: 20px;
}

.modal-body .close {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #68180d;
}

@media only screen and (max-width: 768px) {
	.careersCon {
		padding: 30px 25px;
	}

	.careersCon .listCon .bttonCon {
		text-align: left;

		margin-top: 15px;
	}
}

.contactTxt p {
	font-size: 22px;

	text-align: center;

	line-height: 34px;

	font-weight: 300;

	margin: 20px 0;
}

/*inner pages clasess*/

/*login register*/

.loginCon .checkbox-inline,
.radio-inline {
	padding-left: 0;
}

.loginBg {
	background: #f5f1ec;
}

.loginCon .hintText {
	font-size: 12px;

	line-height: 18px !important;

	margin: 5px 0 15px;

	display: block;
}

.loginCon .bottomTxt {
	font-size: 15px;

	margin-top: 25px;

	color: #000;
}

.loginCon .bottomTxt a {
	color: #68180d;

	text-decoration: underline;
}

.loginCon .bottomTxt a:hover {
	text-decoration: none;
}

.loginCon .loginBox {
	background: #fff;

	width: 600px;

	overflow: hidden;

	min-height: 100px;

	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.16);

	margin: auto;

	margin-top: 30px;

	border-radius: 16px;
}

.loginCon .loginBox .tab {
	border-bottom: 1px solid #deeaf3;
}

.loginCon .loginBox .tab a {
	width: 50%;

	float: left;

	text-align: center;

	font-size: 20px;

	line-height: 60px;

	color: #777;

	font-weight: 400;

	display: block;

	padding: 0 20px;

	text-decoration: none;

	background: #f5f5f5;
}

.loginCon .loginBox h3 {
	width: 100%;

	text-align: center;

	font-size: 24px;

	line-height: 34px;

	font-weight: 700;

	color: #000;

	display: block;

	margin: 40px 0 20px 0;
}

.loginCon .loginBox .tab a.active {
	background: #fff;

	color: #000;

	font-weight: 600;
}

.loginCon .loginBox .form_con {
	padding: 35px 50px 50px;
}

.loginCon .loginBox .form_con .row {
	margin-top: 5px;

	margin-left: -5px;

	margin-right: -5px;
}

.loginCon .loginBox .form_con .row .cols,
.loginCon .loginBox .form_con .row .col-md-12 {
	padding: 0 5px;
}

.loginCon .loginBox .form_con .row .form-group {
	margin: 5px 0;
}

.loginCon .loginBox .form_con h5 {
	font-size: 14px;

	font-weight: 400;

	color: #999;
}

.loginCon .loginBox .price1 label {
	font-size: 75px;

	font-weight: 600;

	margin: 30px 0 0;

	line-height: 70px;
}

.loginCon .loginBox .price1 label span {
	font-size: 50px;

	font-weight: 300;

	color: #999999;
}

.loginCon .forgot-password {
	display: inline-block;

	text-decoration: underline;

	color: #181618;
}

.loginCon .form-group {
	margin: 10px 0;
}

.loginCon .form-check-label {
	font-weight: 400;

	color: #777;
}

.loginCon .form-check-label .form-check-input {
	margin-top: 3px;
}

.loginCon .or {
	display: block;

	border-top: 2px dotted #eee;

	margin: 40px 0;

	position: relative;
}

.loginCon .or:after {
	position: absolute;

	content: "or";

	width: 35px;

	height: 35px;

	background: #ffffff;

	left: 50%;

	top: -18px;

	-webkit-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	border: 2px dotted #eee;

	border-radius: 100%;

	text-align: center;

	padding: 7px 0;

	font-weight: 500;

	color: #aaa;

	font-size: 14px;
}

.loginCon .radioBtns {
	margin: 15px 0 10px;
}

.loginCon .radioBtns label {
	width: 50%;

	float: left;
}

.loginCon .radioBtns label .btnInfo {
	text-transform: uppercase;

	text-align: center;

	border: 2px solid #38c2d9;

	color: #38c2d9;

	height: 50px;

	padding: 15px 15px;

	display: block;

	cursor: pointer;
}

.form label {
	font-weight: 500;

	font-size: 15px;
}

.loginCon .radioBtns label .btnInfo h4 {
	font-size: 14px;
}

.loginCon .radioBtns label .selectStyleRadio {
	display: none;
}

.loginCon .cCheckPoint label {
	font-size: 14px;

	line-height: 22px;

	font-weight: 300;
}

.loginCon .cCheckPoint label .form-check-input {
	margin-top: 5px;
}

.loginCon .cCheckPoint .form-check {
	margin: 20px 0 25px;
}

.loginCon .radioBtns label:nth-child(1) .btnInfo {
	border-radius: 5px 0 0 5px;

	border-right: 1px solid #38c2d9;
}

.loginCon .radioBtns label:nth-child(2) .btnInfo {
	border-radius: 0 5px 5px 0;

	border-left: 1px solid #38c2d9;
}

.loginCon .radioBtns label .selectStyleRadio:checked + .btnInfo {
	background: #38c2d9;

	color: #ffffff;
}

.socialMediaLogin {
	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: nowrap;

	margin: 20px -5px 0 -5px;
}

.socialMediaLogin a {
	width: 50%;

	height: 50px;

	line-height: 48px;

	border-radius: 8px;

	display: inline-block;

	background: #fff;

	text-align: center;

	color: #38c2d9;

	font-size: 16px;

	margin: 5px;

	padding: 0;

	font-weight: 600;

	text-decoration: none;

	-webkit-box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.2);

	box-shadow: 0 5px 20px -10px rgba(0, 0, 0, 0.2);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;
}

.socialMediaLogin .facebook {
	color: #39569c;

	border: 1px solid #39569c;
}

.socialMediaLogin .facebook:hover {
	background: #39569c;

	color: #ffffff;
}

.socialMediaLogin .twitter {
	color: #5bc0de;
}

.socialMediaLogin .twitter:hover {
	background: #5bc0de;

	color: #ffffff;
}

.socialMediaLogin .google {
	color: #de5246;

	border: 1px solid #de5246;
}

.socialMediaLogin .google:hover {
	background: #de5246;

	color: #ffffff;
}

.verifyMessage {
	font-size: 15px;

	padding: 10px;

	line-height: 22px;
}

@media only screen and (max-width: 767px) {
.loginCon .hintText br{display: none;}
}


@media only screen and (max-width: 599px) {
	.loginCon .loginBox {
		width: 100%;
	}

	.loginCon .loginBox .form_con {
		padding: 20px 30px 30px;
	}

	.loginCon .facebookBtn {
		font-size: 14px;
	}

	.loginCon .facebookBtn:after {
		width: 50px;
	}
}

@media only screen and (max-width: 599px) {
	.loginCon .facebookBtn {
		padding-left: 60px;
	}

	.loginCon .facebookBtn:after {
		width: 45px;
	}
}

/*login register end*/

/*category and sub category clasess*/

ul.cs_con {
	margin: 15px 0 0 0;

	padding: 0 15px;
}

ul.cs_con li {
	width: 33.333333%;

	float: left;

	list-style: none;

	margin: 25px 0;
}

ul.cs_con li .inner {
	background: #fff;

	width: 300px;

	margin: auto;
}

ul.cs_con li .inner figure {
	width: 320px;

	display: block;

	overflow: hidden;

	height: 216px;

	border-radius: 10px;
}

ul.cs_con li .inner figure img {
	width: 100%;

	display: block;

	height: auto;
}

ul.cs_con li .inner figcaption {
	padding: 15px 10px 0 10px;
}

ul.cs_con li .inner figcaption h3 {
	font-size: 20px;

	font-weight: 400;

	line-height: 26px;

	color: #000;

	margin: 0;
}

ul.cs_con li .inner figcaption .shop_now {
	font-weight: 400;

	text-transform: uppercase;

	font-size: 13px;

	display: inline-block;

	color: #00bbff;

	margin: 5px 0 0 0;
}

ul.cs_con li .inner:hover figcaption .shop_now {
	text-decoration: underline;
}

.productList {
	background: #fff;
	padding: 0;
}

.productList .list {
	padding: 0;

	margin-top: 5px;

	margin-left: -15px;

	margin-right: -15px;
}

.productList .list li {
	width: 25%;

	float: left;

	padding: 15px;
}


@media only screen and (max-width: 1328px) {
    .productList .list li {
        padding: 10px;
    }

.productList .list li .box figcaption {
    text-align: left;
    padding: 15px;
}


}


@media only screen and (max-width: 1279px) {
 .productList .list li {
       width: 33.333333333%;
    }
}


@media only screen and (max-width: 1151px) {
	ul.cs_con li {
		width: 50%;
	}

	ul.cs_con {
		padding: 0;
	}
}

@media only screen and (max-width: 991px) {
	.productList ul li {
		width: 50%;
	}


	.productList .list li {
       width: 50%;
    }

	 
}



@media only screen and (max-width: 599px) {
	.productList ul li {
		width: 100%;
	}

	.productList .list li {
       width:100%;
    }
}

@media only screen and (max-width: 767px) {
	ul.cs_con li {
		width: 100%;
	}

	ul.cs_con li .inner {
		background: #fff;

		width: 300px;

		margin: auto;
	}

	ul.cs_con li .inner figure {
		width: 300px;

		display: block;

		overflow: hidden;

		height: auto;

		border-radius: 10px;
	}
}

/*category and subcategory end*/

/* shop by discount */

.discountSection {
	background: #68180d url(../images/texure.png) repeat;
	padding: 60px 0 40px;
}

.discountSection .inner {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 70%;
	margin: 20px auto 0 auto;
}

.discountSection .inner .cols {
	padding: 30px;
	text-align: center;
}

.discountSection .inner .cols {
	width: 33.333333333%;
}

.discountSection .inner .cols img {
	width: 100%;
}

.discountSection .comman-title {
	color: #fff;
}

.discountSection .comman-title:after {
	background: #fff;
}

.discountSection .inner2 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 80%;
	margin: 20px auto 0 auto;
}

.discountSection .inner .cols img {
	width: 100%;
	border-radius: 10px;
}


@media only screen and (max-width: 991px) {
	.discountSection .inner{width: 100%;}
}

@media only screen and (max-width: 767px) {
	.discountSection{padding: 40px 0 30px;}
	.discountSection .inner .cols{padding: 10px;}
}

@media only screen and (max-width: 479px) {
	.discountSection{padding: 40px 0 30px;}
	.discountSection .inner .cols{padding: 5px;}
}

/* shop by discount end*/

/*product detail*/

.pDetailCon {
	padding: 0;
}

.pDetailCon .cols {
	width: 40%;

	float: left;
}

.dtl_images {
	margin: 0 0 0 5px;

	position: relative;

	width: 400px;

	min-height: 250px;

	margin-top: 40px;
}

.pDetailCon .dtl_contents {
	width: 59%;

	margin-top: 40px;

	position: relative;
}

.dtl_contents .wishlist {
	position: absolute;

	right: 0;

	top: 7px;

	width: 44px;

	height: 40px;

	border-radius: 8px;

	background: #fff;

	border: 1px solid #68180d;

	text-align: center;

	font-size: 20px;

	font-weight: 600;

	padding: 9px 0;

	color: #68180d;

	text-decoration: none;
}

.dtl_contents .wishlist:hover {
	background: #68180d;

	color: #fff;
}

.dtl_contents h3 {
	line-height: 28px;

	font-size: 18px;

	font-weight: 700;

	margin: 0;
}

.dtl_contents .table p {
	margin: 0;
}

.dtl_contents .price {
	font-size: 18px;

	color: #000;

	margin-top: 15px;
}

.dtl_contents .price .right {
	float: right;
}

.dtl_contents .price .line-through {
	text-decoration: line-through;
	color: #777;
}

.pSize {
	width: fit-content;

	overflow: hidden;

	display: flex;

	flex-direction: row;

	flex-wrap: no-wrap;

	margin-top: 5px;
}

.pSize input[type="radio"] {
	display: none;
}

.pSize label {
	padding: 0;

	width: 36px;

	height: 36px;

	line-height: 36px;

	border-radius: 100%;

	text-align: center;

	border: 1px solid #ddd;

	cursor: pointer;

	font-size: 13px;

	font-weight: 500;

	transition: all 0.3s;

	margin-right: 8px;
}

.pSize label:hover {
	background: #68180d;

	color: #fff;
}

.pSize input:checked + label {
	background: #68180d;

	color: #fff;
}

.dtl_contents .btnCon {
	margin-top: 20px;
}

.dtl_contents .brandName {
	background: #000;

	padding: 10px;

	border-radius: 3px;

	width: 120px;

	height: auto;

	margin-bottom: 15px;
}

.dtl_contents .brandName img {
	width: 100%;

	display: block;
}

.dtl_contents .brandName2 {
	width: 80px;

	height: auto;

	margin-bottom: 15px;
}

.dtl_contents .brandName2 img {
	width: 100%;

	display: block;
}

.dtl_contents .pCode {
	color: #000;

	font-size: 14px;

	font-weight: 500;
}

.dtl_contents .stock.green {
	color: #2dbc10;

	font-weight: 500;
}

.dtl_contents .stock.red {
	color: #ec1e1e;

	font-weight: 500;
}

.dtl_contents strong {
	color: #000;
}

.dtl_contents .form {
	margin-top: 10px;
}

.dtl_contents .form-control {
	height: 36px;
}

.dtl_contents .form-group {
	margin-bottom: 5px;
}

.dtl_contents .form .btn-default {
	border: 1px solid #ccc;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding: 10px;
}

.dtl_contents .productColor label {
	width: 28px;

	height: 28px;
}

.dtl_contents .share {
	float: left;

	margin-top: 4px;
}

.dtl_contents .right .btn-default {
	background: #000;

	color: #fff;
}

.dtl_inr_box1 {
	float: left;

	width: 100%;
}

.dtl_inr_box2 {
	float: right;

	width: 22%;

	background: #f3f9fe;

	text-align: center;
}

.dtl_inr_box2 .form-control {
	display: inline-block;

	margin-top: 3px;

	vertical-align: middle;
}

.bottonAction {
	margin-top: 20px;
}

.bottonAction p {
	width: 33.333333%;

	float: left;
}

.dtl_color a {
	width: 28px;

	height: 28px;

	border: #f8f8f8 solid 3px;

	display: inline-block;

	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.6);

	border-radius: 20px;

	margin: 0 3px 0 0;
}

.dtl_color a.act {
	border: #fff solid 3px;

	box-shadow: 0 0 3px 3px rgba(255, 26, 0, 1);
}

.dtl_seller {
	float: right;

	width: 20%;
}

.dtl_left {
	width: 73%;

	float: left;

	margin: 25px 0 0 0;
}

.dtl_right {
	width: 25%;

	float: right;

	margin: 25px 0 0 0;

	border: #ddd solid 1px;

	border-width: 1px 0 0 1px;

	padding: 15px 0 0 1.5%;
}

.ds_thm {
	border-radius: 8px;

	overflow: hidden;

	width: 100px;

	height: 100px;

	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);

	border: 1px solid #eee;
}

.ds_thm img {
	width: 100%;

	height: auto;

	display: block;
}

.myulx li {
	margin: 10px 5px 0;

	padding-bottom: 5px;

	overflow: hidden;
}

.myulx {
	padding: 0;

	padding-left: 30px;
}

.myulx li img {
	display: block;
}

ul.p_discrip {
	margin: 25px 0 0 15px;
}

ul.p_discrip li {
	color: #777;

	list-style: none;

	background: url(../images/right_icon.jpg) left 5px no-repeat;

	padding-left: 20px;

	margin-left: 0;
}

.leftRight .left {
	width: 60%;

	float: left;
}

.leftRight .availability {
	width: 40%;

	padding-left: 20px;

	float: right;

	margin-top: 20px;
}

.leftRight .availability .inner {
	width: 100%;

	padding: 20px;

	background: #f5f5f5;

	border-radius: 10px;
}

.leftRight .availability .inner h4 {
	font-weight: 600;

	text-align: center;
}

.priceRadio {
	background: #fff;

	border-radius: 8px;

	padding: 24px 5px;

	border: 1px solid #ddd;
}

.priceRadio input[type="radio"] {
	margin-top: 3px;
}

.priceRadio .checkbox-inline,
.priceRadio .radio-inline {
	padding-left: 0;

	font-size: 14px;

	font-weight: 500;

	margin-left: 15px;
}

.deskHidden{display: none;}
.mobileImg {text-align: center; margin-top: 40px;}
.mobileImg img{ display: inline-block; }
.product-dtl-img{text-align: center;}


@media only screen and (max-width: 1279px) {
	.pDetailCon .dtl_contents {
		width: 47%;

		float: right;
	}
}

@media only screen and (max-width: 1151px) {
	.pDetailCon .dtl_contents {
		width: 45%;

		float: right;
	}

	.dtl_inr_box2 {
		padding: 12px 10px;
	}

	.ds_thm{width: 70px; height: 70px;}
}

@media only screen and (max-width: 991px) {

	.deskHidden{display: block; text-align: center;}
	.dtl_images {
		display: none;
	}

	.pDetailCon .dtl_contents {
		width: 100%;

		margin-top: 30px;
	}
}

@media only screen and (max-width: 599px) {
	blue .dtl_inr_box1 {
		float: left;

		width: 100%;
	}

	.dtl_inr_box2 {
		width: 100%;

		margin-top: 10px;
	}

	.bottonAction {
		text-align: center;
	}

	.bottonAction p {
		width: 100%;

		float: none;
	}
}

/*product detail end*/

/*cms area*/

.cms_area {
	padding: 40px 0;
}

.cms_area2 {
	padding: 0 !important;
}

.cms_area h1 {
	color: #68180d;

	font-size: 24px;

	line-height: 32px;

	border-bottom: 1px solid #eee;

	margin: 0 0 20px 0;

	padding-bottom: 10px;
}

.cms_area h3 {
	font:
		700 18px/20px "Inter",
		sans-serif;
}

.cms_area img {
	margin: 0 0 25px 0;
}

.cms_area ul,
.cms_area ol {
	font:
		400 15px/22px "Inter",
		sans-serif;

	margin: 30px 0 30px 0px;
}

/*cms area ends*/

/*cart*/

.cart-right b {
	color: #000;
}

.mylsttb {
	padding: 25px;

	border-bottom: 1px solid #ddd;
}

.thm_cont {
	width: 100px;

	height: 100px;

	text-align: center;

	border: 1px solid #ddd;

	overflow: hidden;

	background: #fff;

	display: block;

	border-radius: 8px;
}

.thm_cont img {
	display: block;

	margin: auto;

	width: 100%;

	height: auto;
}

.thm_cont_s {
	width: 72px;

	height: 72px;

	text-align: center;

	border: 1px solid #ddd;

	overflow: hidden;
}

.cod_input {
	width: 70%;
}

.cont_4 strong {
	display: none;
}

.cont_4 b {
	color: #000;
}

.cont_4 .sec1 {
	width: 10%;

	float: left;

	text-align: left;
}

.cont_4 .sec2 {
	width: 60%;

	float: left;

	text-align: left;
}

.cont_4 .sec3 {
	width: 15%;

	float: left;

	text-align: center;
}

.cont_4 .sec4 {
	width: 15%;

	float: left;

	text-align: center;
}

.cart_text {
	text-align: right;

	padding: 15px 10px 0 0;
}

.cart_btns b {
	margin-left: 3px;
}

.ship_type {
	float: left;

	margin: 20px 0 0 0;
}

.invoice_logo {
	float: right;

	margin: 0 10px 0 0;
}

.inv_box2 {
	min-height: 200px;
}

@media only screen and (max-width: 599px) {
.cont_4 .sec3 {
	width:30%;
 
}}


/*cart ends*/

/*payment*/

.selectPayment {
	display: flex;

	flex-wrap: nowrap;
}

.selectPayment .cols {
	width: 50%;
}

.selectPayment .cols input[type="checkbox"],
input[type="radio"] {
	line-height: normal;

	display: inline-block;

	margin-top: 4px;
}

.selectPayment .cols:nth-child(1) {
	border-radius: 8px 0 0 8px;
}

.selectPayment .cols:nth-child(3) {
	border-radius: 0 8px 8px 0;
}

.selectPayment input[type="radio"] {
	margin-top: 3px;
}

/*payment end*/

/*invoice*/

.bg-success {
	background: #f5f1ec;

	border: 1px dashed #68180d;
}

/*invoice end*/

/*my account*/

.myAccount {
	margin-bottom: 70px;
}

.myAccount2 {
	margin-bottom: 40px;
}

.myAccount .sectionOne {
	background: #fff;

	padding: 30px;

	border: 1px solid #ddd;

	border-radius: 16px;

	margin-top: 40px;
}

.myAccount .sectionOneStore {
	padding: 22px 30px 25px 30px;
}

.myAccount .sectionOneStore p {
	line-height: 20px;
}

.myAccount .sectionOneStore p strong {
	margin: 0 0 10px 0;

	display: block;
}

.reviesStars {
	margin-top: 10px;
}

.reviesStars .rating i {
	margin: 2px;

	font-size: 18px;
}

.reviesStars .rating {
	margin: 0;
}

.myAccount .sectionOne .left {
	float: left;

	width: 70%;
}

.myAccount .sectionOne .right {
	float: right;

	text-align: right;
}

.myAccount .sectionOne .right .btn-info {
	padding: 0 30px;
}

.myAccount .sectionOne .wallet {
	display: block;

	color: #777;

	text-decoration: none;

	text-align: left;

	position: relative;

	padding-left: 60px;

	line-height: 20px;

	float: left;

	margin-top: 10px;

	margin-right: 30px;
}

.myAccount .sectionOne .wallet strong {
	color: #181618;

	display: block;

	font-size: 24px;
}

.myAccount .sectionOne .wallet:before {
	background: url(../images/wallet.svg) no-repeat;

	width: 48px;

	height: 38px;

	content: "";

	position: absolute;

	left: 0;
}

.wallet2 {
	display: block;

	color: #777;

	text-decoration: none;

	text-align: center;

	line-height: 30px;

	margin-top: 50px;
}

.wallet2 strong {
	color: #181618;

	display: block;

	font-size: 40px;
}

.myAccount .sectionOne .user {
	margin-top: 7px;
}

.myAccount .sectionOne .user strong {
	display: block;

	line-height: 20px;
}

.my_acount_nav {
	background: #f2f2f2;

	border-radius: 16px;

	padding: 30px;

	margin-top: 30px;
}

.my_acount_nav a {
	line-height: 18px;

	padding: 15px 15px;

	border-radius: 8px;

	display: block;

	background: #fff;

	text-decoration: none;

	text-transform: capitalize;

	font-weight: 600;

	font-size: 16px;

	color: #000;

	margin: 7px 0;

	transition: all linear 0.3s;

	-webkit-transition: all linear 0.3s;

	-moz-transition: all linear 0.3s;

	-ms-transition: all linear 0.3s;
}

.my_acount_nav a:hover,
.my_acount_nav a.active {
	background: #68180d;

	color: #fff;
}

.acc_box {
	padding: 30px;

	background: #fff;

	margin: 30px 0 0 0;

	border-radius: 16px;

	min-height: 360px;

	border: 1px solid #ddd;
}

.acc_box_inner {
	border: 1px solid #ddd;

	background: #fff;

	padding: 30px 20px;

	margin: 15px 0;

	border-radius: 16px;
}

.cont_4_oh {
}

.cont_4_oh strong {
	display: none;

	font-weight: normal;
}

.cont_4_oh .sec1 {
	width: 10%;

	float: left;

	text-align: left;
}

.cont_4_oh .sec2 {
	width: 45%;

	float: left;

	text-align: left;
}

.cont_4_oh .sec3 {
	width: 35%;

	float: left;

	text-align: center;
}

.cont_4_oh .sec4 {
	width: 10%;

	float: left;

	text-align: center;
}

.cont_4_oh .sec5 {
	width: 80%;

	float: left;
}

.cont_4_oh .sec6 {
	width: 10%;

	float: right;

	text-align: center;
}

.cont_4_oh b {
	color: #303c3c;
}

.cont_4_address_new {
}

.cont_4_address_new strong {
	display: none;

	font-weight: normal;
}

.cont_4_address_new .sec1 {
	width: 10%;

	float: left;

	text-align: left;
}

.cont_4_address_new .sec2 {
	width: 75%;

	float: left;

	text-align: left;
}

.cont_4_address_new .sec3 {
	width: 15%;

	float: left;

	text-align: center;
}

.searchOrder {
	width: 220px;

	float: right;

	margin-bottom: 10px;

	position: relative;
}

.searchOrder .form-control {
	height: 40px;

	padding-right: 50px;
}

.searchOrder .serchBtn {
	position: absolute;

	top: 0;

	right: 0;

	width: 40px;

	height: 40px;

	text-align: center;

	background: none;

	outline: 0;

	border: 0;

	color: #000;
}

@media only screen and (max-width: 767px) {
.acc_box{padding: 15px;}
.cont_4_oh .sec2{width: 55%;}
.bg-success{text-align: center;}
.bg-success img{float: none;}

}
@media only screen and (max-width: 599px) {
.searchOrder{width: 100%; float: none;}

.myAccount .sectionOne .left, .myAccount .sectionOne .right{width: 100%; text-align: center;}
.myAccount .sectionOne .right{margin-top: 10px;}
.myAccount .sectionOne .left .user img{float: none !important; margin-bottom: 10px;}
.cont_4_oh{padding: 5px;}
.cont_4_oh .sec5 {
    width: 90%;
    float: left;
}



}




/*my account*/

/*pagging*/

.paging_container {
	padding: 8px 10px;

	border-radius: 3px;

	text-align: center;
}

.paging_container_x {
	background: none;
}

.paging_container .one {
	float: left;
}

.paging_container .two {
	float: none;

	margin: 2px 0 0 0;
}

.paging a,
.paging a:visited {
	display: inline-block;

	padding: 5px 10px;

	text-align: center;

	font:
		bold 12px/16px "Inter",
		sans-serif;

	background: #f5f5f5;

	margin: 0px 2px;

	color: #777;

	border-radius: 5px;

	border: 1px solid #eee;

	text-decoration: none;
}

.paging a:hover,
.paging a.act {
	color: #fff;

	background: #68180d;

	border: 1px solid #68180d;
}

.paging .sort_by {
	float: right;

	margin: 0 0 0 5px;
}

/*pagging*/

/*testimonoial*/

.t_container .ts_con {
	background: #fff;

	padding: 25px 40px;

	margin: 30px 0 0 0;

	position: relative;
}

.t_container .ts_con2 {
	background: #fff;

	padding: 25px 40px;

	margin: 30px 0 0 0;

	position: relative;

	border-radius: 16px;

	border: 1px solid #ddd !important;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;
}

.t_container .ts_con2:hover {
	box-shadow: 0px 5px 15px -2px rgba(0, 0, 0, 0.2);
}

.t_container .tsCollon {
	margin-top: 40px;
}

.t_container .tsCollon .ts_colon {
	float: left;

	width: 80px;

	height: 50px;

	background: url(../images/ts_colon.png) no-repeat left center;
}

.t_container .ts_con .text_con article {
	font-size: 15px;

	line-height: 22px;

	color: #777;
}

.t_container .ts_con2 .text_con article {
	font-size: 16px;

	line-height: 26px;
}

.t_container .ts_con2 .ratings {
	margin-top: 5px;
}

.t_container .ts_con2 .ratings i {
	margin-right: 3px;
}

.t_container .ts_con .text_con .c_name {
	font-size: 18px;

	font-weight: 700;

	color: #000;

	line-height: 24px;
}

.t_container .ts_con .text_con .c_name span {
	font-weight: 400;

	font-size: 14px;
}

.t_container .carousel-indicators {
	left: 0;

	margin: 0;

	bottom: -30px !important;

	width: auto;
}

.t_container .carousel-indicators li {
	background-color: #e1dedc;

	border: 1px solid #c5c1bf;

	width: 13px;

	height: 13px;
}

.t_container .carousel-indicators .active {
	background-color: #dcbd48;

	border: 1px solid #dcbd48;

	width: 13px;

	height: 13px;
}

.t_container_storeReview {
	border: 1px solid #ddd;

	padding: 30px;

	border-radius: 26px;

	margin-top: 40px;
}

.t_container_storeReview .ts_con {
	box-shadow: none !important;

	border-radius: 0;

	padding: 0;

	border: 0 !important;

	border-bottom: 1px solid #ddd !important;

	padding-bottom: 20px;

	margin: 20px 0;
}

.t_container_storeReview .tsCollon {
	margin-top: 25px;
}

.t_container_storeReview .titleInfo {
	border-bottom: 1px solid #ddd;

	padding-bottom: 10px;

	margin-bottom: 30px;
}

.t_container_storeReview .left {
	float: left;
}

.t_container_storeReview .left h1 {
	border: 0;

	padding: 0;

	margin: 0;
}

.t_container_storeReview .reviesStars {
	margin-top: 5px;
}

.t_container_storeReview .titleInfo .btn-info {
	float: right;

	margin-top: 5px;
}

.ownerProfile {
	text-align: center;

	padding: 25px;
}

.ownerProfile .flexCon {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.ownerProfile .flexCon .cols.left {
	width: 30%;
}

.ownerProfile .flexCon .cols.right {
	width: 70%;
}

.ownerProfile .flexCon .cols.left .card {
	background: #fff;
	border-radius: 30px 0 0 30px;
	padding: 20px;

	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.1);
	border-right: 1px solid #eee;
}

.ownerProfile .flexCon .cols.right .innerBox {
	background: #fff;
	border-radius: 0 30px 30px 30px;
	padding: 20px;

	box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.1);
	min-height: 600px;
}

.ownerProfile .flexCon .cols.right .innerBox table {
	text-align: left;
	font-size: 13px;
	line-height: 20px;
}

.ownerProfile .flexCon .cols.right .innerBox table tr th {
	color: #999;
	background: #f5f5f5;
	text-transform: uppercase;
	font-size: 12px;
}

.ownerProfile .flexCon .cols.right .innerBox table tr td strong {
	color: #000;
	font-weight: 500;
}

.ownerProfile .profilePic {
	width: 180px;

	height: 180px;

	border-radius: 100%;

	overflow: hidden;

	display: block;

	margin: auto;

	border: 3px solid #fff;
}

.ownerProfile .profilePic img {
	width: 100%;
}

.ownerProfile figcaption {
	padding: 20px 0;
}

.ownerProfile figcaption h3 {
	font-weight: 700;

	margin-bottom: 15px;
}

.ownerProfile figcaption p strong {
	color: #000;
}

.ownerProfile figcaption p {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}

/*testimonoial*/

/*faq*/

.faqCon {
	padding: 40x 0;
}

.faq-content {
	padding: 0;

	margin: 10px 0 0 0;
}

.faq-content .card {
	min-height: auto;

	padding: 0;

	border-radius: 16px;
}

.faq-content .card:hover {
	transform: translate(0);
}

.faq-content .card > .card-header {
	background-color: #fff;

	border-color: none !important;

	border: none !important;

	-webkit-box-shadow: 0 !important;

	box-shadow: 0 !important;

	border-radius: 16px;
}

.faq-content .more-less {
	float: right;

	margin-top: 2px;

	color: #000;

	font-size: 20px;
}

.faq-content .card {
	border-color: #ddd;

	border: 1px solid #ddd;

	border-radius: 10px;

	margin-bottom: 10px;

	text-decoration: none;
}

.faq-content .card-body {
	padding: 20px 20px 20px 20px !important;

	border: none !important;
}

.faq-content .card-header {
	border-bottom: 1px solid transparent;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

	padding: 0px;

	border-radius: 0px;
}

a.card-link {
	text-decoration: none;

	display: block;

	background: #fff;

	font-size: 18px;

	line-height: 28px;

	padding: 15px;

	color: #000;

	font-weight: 700;

	border-radius: 16px;
}

a.card-link i {
	font-size: 14px;
}

.faq-content .card:hover {
	border-bottom: 1px solid #000;
}

.faq-content .card-body ul {
	margin-top: 30px;

	margin-left: 30px;
}

@media screen and (max-width: 767px) {
	.faq-content {
		padding: 20px;
	}

	a.card-link {
		font-size: 16px;

		line-height: 20px;

		padding: 13px 15px 15px 15px;
	}

	.faq-content .card-body ul {
		margin-left: 30px;
	}
}

/*faq end*/

/*comman responsive*/

.qtyMobile {
	display: none;
}

@media only screen and (max-width: 767px) {
	.sopping_con {
		padding: 15px 0;
	}

	.S_hide,
	.mylsttb .sec1 {
		display: none;
	}

	.cont_4 .sec2 {
		width: 80%;
	}

	.cont_4 .sec4 {
		display: none;
	}

	.cont_4 .sec3 {
		float: right;
	}

	.selectPayment {
		display: initial;
	}

	.selectPayment .cols {
		width: 100%;
	}

	.qtyMobile {
		display: inline-block;
	}

	.mylsttb {
		padding: 20px 0 0 0;
	}

	.cont_4_oh .sec1 {
		display: none;
	}

	.cont_4_address_new .sec1 {
		display: none;
	}

	.p25 {
		padding: 15px;
	}

	.cont_4_address_new .sec2 {
		width: 100%;
	}

	.thm_cont {
		margin-bottom: 35px;
	}
}

@media only screen and (max-width: 599px) {
	.sopping_con {
		padding: 15px 0;
	}

	.S_hide,
	.mylsttb .sec1 {
		display: none;
	}

	.cont_4 .sec2 {
		width: 100%;
	}

	.cont_4 .sec4 {
		display: none;
	}

	.cont_4 .sec3 {
		float: left;

		margin-top: 0;
	}
}

.checkInline {
	margin-right: 15px;

	display: block;

	margin-top: 10px;
}

.checkInline input[type="checkbox"] {
	margin-top: 4px !important;
}

.checkInline label {
	margin-left: 3px;
}

.voucherPupBox {
	padding: 50px 30px;

	color: #fff;

	text-align: center;
}

.voucherPupBox h1,
.voucherPupBox h4,
.voucherPupBox p {
	color: #fff;
}

.voucherPupBox h1 {
	font-size: 66px;

	line-height: 76px;
}

.voucherPupBox h4 {
	font-size: 22px;

	line-height: 32px;
}

.voucherPupBox p {
	font-size: 18px;
}

.voucherPupBox .form {
	padding: 0 15%;
}

.contactCon {
	padding: 50px 0 70px;
}

.contactCon .secondaryTxt {
	padding: 0 28%;

	margin-top: 10px;
}

.contactCon .left {
	width: 50%;

	float: left;

	padding: 0 20px;
}

.contactCon .right {
	width: 50%;

	float: right;

	padding: 0 20px;
}

.contactCon .inner {
	border: 1px solid #ddd;

	border-radius: 16px;

	padding: 40px;

	margin: 30px 0 0 0;
	min-height: 475px;
}

.contactCon .inner p {
	margin: 0;
}

.contactCon .inner h3 {
	font-weight: 700;

	font-size: 20px;

	margin: 0 0 5px 0;
}

.contactCon .inner p a {
	font-weight: 500;

	display: inline-block;

	margin-top: 5px;
}

.contactCon .contactInfo p {
	line-height: 20px;

	margin: 40px 0;

	position: relative;

	padding-left: 60px;
}

.contactCon .contactInfo p a {
	font-weight: 600;

	font-size: 18px;
}

.contactCon .contactInfo p::before {
	width: 48px;

	height: 48px;

	border-radius: 100%;

	background: #f2f2f2;

	position: absolute;

	content: "\e905";

	font-family: "icomoon";

	text-align: center;

	color: #68180d;

	font-size: 24px;

	border: 2px solid #68180d;

	padding: 13px 0;

	left: 0;

	font-weight: 600;
}

.contactCon .contactInfo p:nth-child(2):before {
	content: "\e90a";
}

.contactCon .contactInfo p:nth-child(3):before {
	content: "\e925";
}


@media only screen and (max-width: 991px) {
	.contactCon .secondaryTxt{padding: 0;}
	.contactCon .right, .contactCon .left{width: 100%; padding: 0;}

}
@media only screen and (max-width: 767px) {
.contactCon .inner{padding: 15px; min-height: auto;}

.contactCon .contactInfo p a {
    font-weight: 600;
    font-size: 16px;
}
}

/* popup form */

.popupForm {
	padding: 40px;
}

.popupForm h3 {
	font-weight: 700;

	font-size: 20px;

	margin: 0 0 5px 0;
}

.popupForm input[type="radio"],
.popupForm input[type="checkbox"] {
	margin-top: 2px;
}

.popupForm .checkbox-inline,
.popupForm .radio-inline {
	padding-left: 0;
}

/* popup form end*/

/* language */

.goog-te-gadget .goog-te-combo {
	margin: 0 !important ;

	width: 100px;
}

.goog-te-gadget .goog-te-combo {
	background: none;

	border: 0;

	font-family: "Inter", sans-serif;

	font-size: 16px;

	font-weight: 700;

	color: #16191a;

	outline: none;
}

#google_translate_element select {
	appearance: none;
}

#google_translate_element {
	appearance: none;

	position: relative;

	margin-bottom: -5px;
}

#google_translate_element:after {
	background: url(../images/caret.svg) no-repeat;

	width: 13px;

	height: 8px;

	margin-left: 5px;

	position: absolute;

	content: "";

	top: 9px;

	right: 0;

	z-index: -1;
}

.language span {
	display: block;

	font-size: 13px;

	color: #777;

	font-weight: 400;

	line-height: 6px;
}

/* language end */

/* select lens */

.selectLenseCon a.card-link {
	font-size: 16px;

	line-height: 20px;

	padding: 12px 15px;

	font-weight: 600;
}

.selectLenseCon .more-less {
	margin-top: 0;
}

.selectLenseCon .card-body {
	padding: 0 !important;
}

.selectLenseCon .card-body .subList {
	padding: 12px 15px;

	display: block;

	font-weight: 500;

	text-decoration: none;

	border-top: 1px solid #ddd !important;

	position: relative;
}

.selectLenseCon .card-body .subList:after {
	content: "\e900";

	font-family: "icomoon";

	position: absolute;

	right: 20px;

	top: 13px;

	font-size: 12px;

	color: #000;
}

.selectLenseCon .card-body .selectCardCon {
	padding: 0 15px 12px;
}

.selectLenseCon .card-body .selectCard {
	background: #f2f2f2;

	padding: 12px 15px;

	border-radius: 5px;

	display: block;

	border: 1px solid transparent;
}

.selectLenseCon .card-body .selectCard .mediaLeft {
	float: left;
}

.selectLenseCon .card-body .selectCard .mediaLeft img {
	width: 40px;

	border: 1px solid #ccc;

	border-radius: 3px;

	margin-right: 5px;
}

.selectLenseCon .card-body .selectCard .mediaRight {
	float: right;
}

.selectLenseCon .card-body .selectCard .mediaRight p {
	font-weight: 600;

	margin: 0;

	margin-top: 7px;
}

.selectLenseCon .card-body .selectCard:hover {
	border: 1px solid #ccc;
}

.table-form {
	margin-top: 20px;
}

.table-form table th {
	font-weight: 500;

	font-size: 15px;

	color: #000;
}

.table-form table tr td {
	font-weight: 500;

	font-size: 15px;

	color: #000;
}

.table-form table tr td .form-control {
	height: 40px;

	padding: 0 10px;

	font-size: 13px;
}

/* select lense end */

/* video clasess */

.videoCon {
	padding: 60px 0;
}

.videoCon .vidioInnter {
	background: #000;

	border-radius: 26px;

	overflow: hidden;
}

.videoCon .owl-prev {
	left: -70px;
}

.videoCon .owl-next {
	right: -70px;
}

.videoConInside .vidioInnter {
	margin: 20px 0;
}

/* video clasess end */

/* blog */

.blogCon {
	padding: 60px 0;

	background: #f2f2f2;
}

.blogConInside {
	background: none;
	padding: 0;
}

.blogCon .card {
	display: block;

	border-radius: 26px;

	overflow: hidden;

	border: 0;

	background: #fff;

	text-decoration: none;

	padding: 0;

	text-align: left !important;

	margin: 0 0 0 0;

	min-height: 200px;

	box-shadow: 0px 4px 10px -8px rgba(0, 0, 0, 0.5);
}

.blogConInside .card {
	border: 1px solid #eee;
}

.blogConInside .card {
	margin: 15px 0;
}

.blogCon .card .cardIcon {
	width: 100%;

	background: #ccc;

	border: 0;

	height: auto;

	margin: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	overflow: hidden;

	border-radius: 26px;

	padding: 0;
}

.blogCon .card .cardIcon img {
	max-width: 100%;

	display: inline-block;

	transition: transform 3s;
}

.blogCon .card:hover .cardIcon img {
	transform: scale(1.2);
}

.blogCon .card .cardItems {
	display: block;

	padding: 30px 30px 40px;
}

.blogCon .card .cardItems h5 {
	height: 80px;

	overflow: hidden;

	line-height: 24px;
}

.blogCon .card .cardItems h5 a {
	font-weight: 700;

	font-size: 18px;

	line-height: 24px;

	color: #000;

	text-decoration: none;
}

.blogCon .card .cardItems p {
	margin: 10px 0 0 0;

	height: 80px;

	overflow: hidden;

	font-size: 14px;

	line-height: 20px;
}

.blogCon .card:hover .cardItems h5 a {
	color: #68180d;

	text-decoration: underline;
}

.blogCon .card .cardItems .time i {
	margin-right: 3px;

	font-size: 19px;

	vertical-align: middle;

	margin-top: -3px;

	display: inline-block;
}

.blogCon .card .cardItems .time {
	font-size: 14px;

	font-weight: 400;

	line-height: 20px;

	text-transform: uppercase;

	color: #68180d;

	height: auto;

	margin: 0 0 15px 0;
}

.blogCon .owl-prev {
	left: -70px;
}

.blogCon .owl-next {
	right: -70px;
}

.blogDetail h3 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
}

.blogDetail .titleCon {
	position: relative;
	padding-left: 130px;
	margin-bottom: 25px;
}

.blogDetail .titleCon small {
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 20px;
}

.blogDetail .titleCon .time {
	background: #f2f2f2;
	display: inline-block;
	width: 110px;
	height: 110px;
	position: absolute;
	left: 0;

	top: 5px;
	border-radius: 5px;
	text-align: center;
	padding: 25px 10px;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 20px;
}

.blogDetail .titleCon .time strong {
	font-size: 28px;
	font-weight: 700;
	display: block;
	text-transform: none;
}

.blogDetail .titleCon .time strong sup {
	font-size: 16px;
}

.tsCon{background:#ffffff;}
.tsCon .list li{width:100%;}
.tsCon .list{margin-left:0; margin-right:0;}

/*blog end */