@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);

@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic);

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);

/*==============Global test===============*/
body {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
	color: #333333;
	background: #f0eeea;
	padding-right: 0 !important;
}

a, select, img, a:focus, label, .radio input[type="radio"] {
	outline: 0px none;
}

a:hover {
	text-decoration: none;
}

a {
	color: #00b1f9;
	text-decoration: none !important;
	font-weight: 500;
	line-height: 15px;
}

ul {
	margin: 0px;
	padding: 0px;
}

.checkbox, .radio {
	margin: 0px;
}

span.error {
	color: red;
	font-style: italic;
	font-weight: 600;
	line-height: 17px;
	display: inline-block;
	padding-top: 5px;
}

/*For Disabled Category*/
.not-active {
	pointer-events: none;
	cursor: default;
}
/*End*/

body {
 /*overflow-x: hidden;*/
}
/*html {
  scroll-behavior: smooth;
}*/
/*Custom Select Box*/
.select-wrapper {
	display: inline-block;
	font-size: 14px;
	background-color: transparent;
	color: #727272;
	padding: 0;
	border: 0px solid #f1f0f0;
	cursor: pointer;
	position: relative;
}

.select-wrapper, .select-wrapper select {
	width: 85px;
	line-height: 50px;
	height: 58px;
}

.select-wrapper select {
	height: 58px !important;
	width: 85px;
	display: block;
	-webkit-appearance: menulist-button;
	float: left;
}

.select-wrapper select option {
	line-height: 40px;
}

.select-wrapper select {
	width: 85px;
	left: 0;
	top: 0;
}

.select-wrapper .holder {
	margin: 0 20px 0 0px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	padding: 1px 0px;
	font-size: 17px;
	color: #fff;
	line-height: 40px;
	height: 40px;
	font-weight: 300;
	width: 100%;
}

.select-wrapper .holder:after {
	content: "\e114";
	font-family: 'Glyphicons Halflings';
	font-size: 12px;
	float: right;
	margin: 0px;
	height: 40px;
	position: absolute;
	right: 0px;
	width: 49px;
	top: 6px;
}

.select-wrapper select, .pager .limiter .select-wrapper select {
	margin: 0;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	 /* CSS hacks for older browsers   */
	/* _noFocusLine: expression(this.hideFocus=true); */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.select-wrapper select option {
	padding: 3px 5px;
}

.dropdown.language .select-wrapper, .select-wrapper select {
	width: 90px;
	line-height: 47px;
	height: 50px;
}


    /*Buttons*/
.btn-warning {
	background-color: #f57722;
}

.btn-group .btn:nth-child(2) {
	margin-left: 10px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.btn-danger {
	background: #ff4848;
	border: none;
}

.has-warning .form-control {
	border-color: #f57722;
}

.form-group.nomargin {
	margin-bottom: 0;
}

.form-group.has-warning span.requred {
	display: block;
	position: absolute;
	color: #f57722;
	font-size: 16px;
	right: 10px;
	top: 7px;
	float: right;
	width: auto;
}

.form-group span.requred {
	display: none;
}

.form-group .form-control.blank-control {
	padding-left: 15px;
}

.form-group label {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}

.form-modal .modal-footer .btn.btn-return {
	margin-top: 0px;
	padding-top: 0px;
	background-position: 0px 5px;
}

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

.bootstrap-select.default .dropdown-toggle .caret {
	background: url(../images/icon/arrow_btm.png) no-repeat;
	width: 10px;
	height: 8px;
	border: none;
	background-size: 100%;
}

.bootstrap-select.default > .dropdown-toggle {
	height: 40px;
	width: 100%;
	background: #fff;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option:hover,
    .bootstrap-select .dropdown-toggle:focus {
	outline: none;
}

.bootstrap-select.default:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

.tooltip {
	margin-left: 15px !important;
}

.tooltip .tooltip-inner {
	background: #ffffff;
	text-align: left;
	font-size: 14px;
	color: #999999;
	max-width: 430px;
	box-shadow: 0px 0px 12px rgba(1,1,1,0.4);
	padding: 13px 19px;
	border-radius: 14px;
}

.tooltip.in {
	opacity: 1;
}

.tooltip.right .tooltip-arrow {
	border: none;
	width: 24px;
	height: 21px;
	margin-top: -5px;
	background: url(../images/tooltip-arrow.png) no-repeat;
	left: -17px;
}

.btn {
	margin-left: 0px;
}

.btn.btn-primary {
	background: #00aeef;
	border: none;
	color: #ffffff;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 3px;
}

.btn-Unsubscribe {
	background: #f65d5d;
	border: none;
	color: #ffffff;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 3px;
}

.btn.btn-primary:hover {
	opacity: 0.9;
}

.btnOuter .btn + .btn {
	margin-left: 20px;
}

.btn.btn-gray {
	background: #999999;
	color: #fff;
	font-weight: 600;
	border-radius: 2px;
	font-size: 16px;
	align-items: center;
	justify-content: center;
}

.btn-group.btn-eql .btn {
	width: 47%;
	margin: 0px;
	font-size: 20px;
	padding: 10px 20px;
}

.btn-group.btn-eql .btn:nth-child(2n) {
	margin-left: 10px;
}

    /*Color Classes*/
.text-success {
	color: #39b54a;
}

.text-danger {
	color: #ff4848;
}

    /*Table*/
.table tr > th {
	background: #666666;
	color: #fff;
	border-right: none;
}

.table > thead > tr > th {
	border: 0px none;
	font-size: 18px;
	font-weight: normal;
	padding: 17px 20px;
}

.table > tbody > tr > td {
	border: 0px none;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: 300;
	border-bottom: 1px solid #eeeeee;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border-color: #eeeeee;
}

h3 {
	font-size: 20px;
	color: #ef7f1a;
	font-weight: 600;
	margin: 10px 0 20px;
}

.form-control {
	height: 40px;
}

.form-control-custom {
	height: 48px;
	width: 100%;
	padding-left: 40px;
	border-radius: 0px;
	border: none;
}
    /*Breadcrumb*/
.breadcrumb {
	background: none;
	margin-bottom: 0px;
	padding-left: 25px;
}

.breadcrumb > li + li::before {
	content: "\f105";
	font-family: FontAwesome;
}

.breadcrumb > li a {
	color: #222222;
	font-size: 14px;
	font-weight: 400;
}

.breadcrumb > li a i {
	color: #999999;
	font-size: 16px;
}

.breadcrumb > li a:hover {
	color: #666;
}
    /*===END===*/

    /*==============Header===============*/
header.header {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 80px;
	z-index: 9;
}

header.header .header-top {
	border-radius: 0px;
	background: #22233b;
	display: inline-block;
	width: 100%;
	float: left;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	position: expression(fixed);
}

header.header .header-top h1.logo {
	margin: 0px;
	padding: 20px 0px 20px 30px;
}

header.header .header-top h1.logo img {
	display: block;
}

header.header .header-top form {
	display: inline-flex;
	align-items: center;
	background: #fff;
	border-radius: 6px;
	width: 240px;
}

header.header .header-top .form-horizontal .form-group {
	float: left;
	margin-left: 10px;
	width: auto;
}

.location {
	position: relative;
	float: left;
	width: 100%;
}

.radius_select {
	float: left;
	width: auto;
	position: relative;
}
header.header .header-top .form-horizontal .form-control:focus {
	border: none;
}

header.header .header-top .form-horizontal i.icon-location {
	font-size: 20px;
	color: #ef7f1a;
 	display: block;
	position: absolute;
	left: 15px;
	top: 8px;
}

header.header .header-top .form-horizontal button.btn-location {
	width: 19px;
	height: 17px;
	background: url(../images/icon/icon-location.png)  no-repeat;
	display: block;
	position: absolute;
	right: 0px;
	top: 8px;
}

header.header .header-top .form-horizontal .btn-default {
	border: none;
	width: 104px;
	padding-left: 14px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	height: 38px;
	line-height: 2;
}

header.header .header-top .form-horizontal .caret {
 /*background: url(../images/select-arrow.png) no-repeat; width: 15px; height: 10px;*/
	font-size: 15px;
	border: none;
	margin-top: -5px;
	color: #9B9B9B;
	top: 45%;
	right: 25%;
}

header.header .header-top .form-horizontal .form-control::-webkit-input-placeholder {
	color: #333333;
	text-transform: uppercase;
}

header.header .header-top .form-horizontal .form-control:-moz-placeholder {
	color: #333333;
	text-transform: uppercase;
}

header.header .header-top .form-horizontal .form-control::-moz-placeholder {
	color: #333333;
	text-transform: uppercase;
}

header.header .header-top .form-horizontal .form-control:-ms-input-placeholder {
	color: #333333;
	text-transform: uppercase;
}

    /*Top navigation*/
header.header .header-top .nav.nav-tabs {
	display: inline-block;
	border: none;
	margin-right: 0px;
	vertical-align: bottom;
}

header.header .header-top .nav.nav-tabs li {
	display: inline-block;
}

header.header .header-top .nav.nav-tabs li.home a i {
 /*background: url(../images/icon/icon-home.png) no-repeat; width: 19px; height: 17px;*/
	font-size: 19px;
	color: #fff;
}

header.header .header-top .nav.nav-tabs li.home a:hover {
	border-bottom: none;
}

header.header .header-top .nav.nav-tabs li a {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	line-height: 32px;
	padding-bottom: 20px;
	background: none;
	border: none;
	border-bottom: 4px solid transparent;
	cursor: pointer;
	margin-left: 10px;
}

header.header .header-top .nav.nav-tabs li a .glyphicon {
	font-size: 13px;
}

header.header .header-top .nav.nav-tabs li a:hover,
    header.header .header-top .nav.nav-tabs li.active a {
	border-bottom: 4px solid #fd7c26;
	color: #fd7c26;
}

header.header .header-top .nav.nav-tabs li.dropdown a {
	border-bottom: none;
}

header.header .header-top .nav.nav-tabs li.dropdown .dropdown-menu a {
	color: #333;
	padding-bottom: 5px;
}

header.header .header-top .nav.nav-tabs li.dropdown .dropdown-menu {
	min-width: auto;
	left: 0px;
}

header.header .header-top .nav.nav-tabs li.dropdown .dropdown-menu a {
	margin-left: 0px;
}
    /*Home banner*/

/*    .banner.banner-home{ position: relative; width: 100%; overflow: hidden; display: block !important; max-height: 485px; min-height: 485px; margin:0 auto;    margin-top: 67px;  background: url(../images/home-banner.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}*/
    /*.banner.banner-home::before{content: ""; position: absolute; top: 0; left: 0;  right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 1;}*/
.banner-img {
	display: inline;
}

.banner.banner-home {
	display: inherit;
	width: 100%;
	position: relative;
	height: 486px;
	background-attachment: scroll;
	background-position: center;
	background-size: cover;
}

.banner.banner-home:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.1);
}

.banner-img {
	width: 100%;
}

    
    /*.banner{ display: inline-block; width: 100%; background: url(../images/home-banner.jpg) no-repeat center top; position: relative;} */
.banner .caption {
	margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 2;
}

.banner .caption h2 {
	font-size: 38px;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
}

.banner .caption span {
	font-size: 15px;
	color: #999999;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	display: block;
	min-height: 18px;
}

.banner .caption .input-group {
	display: inline-block;
	width: 92%;
	position: relative;
	margin: 15px 0;
}

.banner .caption .input-group .form-control {
	height: 44px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 19px;
	box-shadow: 0px 0px 49px 0px rgba(1, 1, 1, 0.76);
}

.banner .caption .input-group .input-group-btn {
	position: absolute;
	top: 14px;
	right: 29px;
}

.banner .caption .input-group .input-group-btn .btn-default {
	background: url(../images/icon/icon-search.png) no-repeat;
	width: 20px;
	height: 29px;
	display: block;
	border: none;
}

.banner .caption .input-group .form-control::-webkit-input-placeholder {
	color: #666666;
	font-size: 19px;
}

.banner .caption .input-group .form-control:-moz-placeholder {
	color: #666666;
	font-size: 19px;
}

.banner .caption .input-group .form-control::-moz-placeholder {
	color: #666666;
	font-size: 19px;
}

.banner .caption .input-group .form-control:-ms-input-placeholder {
	color: #666666;
	font-size: 19px;
}

.banner .caption .btn-group .btn-googleplay {
	background: url(../images/btn-googleplay.png) no-repeat;
	width: 153px;
	height: 53px;
	display: inline-block;
}

.banner .caption .btn-group .btn-appstore {
	background: url(../images/btn-appstor.png) no-repeat;
	width: 153px;
	height: 53px;
	display: inline-block;
	margin-left: 5px;
}

.banner a.down-arrow {
	position: absolute;
	left: 50%;
	bottom: 42px;
	background: url(../images/down-arrow.png);
	width: 56px;
	height: 54px;
	display: block;
	margin-left: -28px;
}

.banner a.down-arrow:hover {
	background: url(../images/down-arrow.png);
}

.banner .btn-supplier {
	position: fixed;
	z-index: 999;
	left: auto;
	right: -157px;
	top: 55%;
	background: #00b1f9;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 210px;
	height: auto;
	display: block;
	margin-left: -28px;
	padding: 12px 0;
	transform: rotate(270deg);
	transform-origin: left top 0;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.banner .btn-supplier:hover {
	text-decoration: none;
	background: #ef7f1a;
}
.bannerBox input:focus{
	border:0px;
	border-radius: 0px;
	outline: none;
}

    /*Main Navbar*/
.main-navbar {
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	text-align: center;
}

.main-navbar .nav.navbar-nav {
	display: inline-block;
	margin: 11px auto;
	float: none;
	vertical-align: middle;
	/* position: relative; */
}
    /*.main-navbar .nav.navbar-nav{ display: inline-block; margin:0px auto; float: none; vertical-align: middle; position:relative; width: 1740px;}*/
    /*.main-navbar .nav.navbar-nav > li > a{ font-size: 17px; color: #ffffff !important; border-bottom: 2px solid transparent; padding: 15px 25px; font-weight: 400;}*/
.main-navbar .nav.navbar-nav > li > a {
	font-size: 17px;
	padding: 1px 4px 0px 4px;
	font-weight: 600;
}


/* .main-navbar .nav.navbar-nav > li.active a,
    .main-navbar .nav.navbar-nav > li:hover {
	color: #ef7f1a !important;
	background: #ef7f1a !important;
	border-bottom: 0px solid #ef7f1a;
} */

nav.main-navbar ul li:hover ul {
	display: block;
}

.main-navbar .nav.navbar-nav > li.mega.dropdown:hover div.mega {
	display: block;
}

.main-navbar .nav.navbar-nav > li.active.open a {
	background: #F57722;
}

.main-navbar .nav.navbar-nav > li.mega.dropdown {
	position: static!important;
}

.main-navbar .nav.navbar-nav > li.mega.dropdown.open > a {
	color: #fff;
	background: #F57722;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #F57722;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu .block {
	width: 25%;
	padding: 20px 20px 0;
	display: inline-block;
	vertical-align: top;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu .block ul {
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu .block ul li {
	display: block;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu .block ul li.head {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 0 10px;
	margin-bottom: 10px;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu .block ul li.head a, .main-navbar .navbar-nav > li > .mega.dropdown-menu .block ul li.head a:hover {
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: transparent;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu .block ul li a {
	font-size: 14px;
	color: #fff;
	padding: 10px;
	display: block;
	font-weight: 400;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu .block ul li:hover a:not(.not-active) {
	background: #333;
	color: #fff;
}

.main-navbar .navbar-nav > li > .mega.dropdown-menu .block ul li.head:hover a {
	background: none;
}

.main-navbar .navbar-nav > li .float.dropdown-menu {
	background: #F57722;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 999;
	max-width: 278px;
	min-width: 250px;
}

.main-navbar .navbar-nav > li .float.dropdown-menu li {
	display: block;
	text-align: left;
}

.main-navbar .navbar-nav > li .float.dropdown-menu li a {
	color: #fff;
	display: block;
	padding: 7px 10px;
}

.main-navbar .navbar-nav > li .float.dropdown-menu li a:hover {
	background: #333;
	color: #fff;
}

.main-navbar .navbar-nav > li .float.dropdown-menu li.viewall {
	border-top: 1px solid rgba(255,255,255,0.1);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background: #ef7f1a;
	color: #fff;
}

li.moreSubActivate {
	background: transparent !important;
}

    /*===END===*/

    /*==============Content===============*/
.main-content {
	background-color: #ffffff;
	min-height: 450px;
}

.profileSection {
	background-color: #ffffff;
	min-height: 450px;
}
    /*Category Listing*/
.main-content > .cat-listing > ul {
	display: inline-block;
	width: 100%;
}

.main-content > .category-cat-listing > ul {
	display: inline-block;
	width: 100%;
}

.main-content > .cat-listing > ul > li {
	display: inline-block;
		/*float: left;*/
	padding: 25px;
	text-align: left;
	vertical-align: top;
	width: 295px;
}

.main-content > .category-cat-listing > ul > li {
	display: inline-block;
	padding: 25px;
	text-align: left;
	vertical-align: top;
	width: 295px;
}

.main-content > .cat-listing > ul > li > a,
    .main-content > .category-cat-listing > ul > li > a {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	-moz-box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	background: #fff;
	display: block;
	vertical-align: top;
}

.main-content > .cat-listing > ul > li > a .img-thum,
    .main-content > .category-cat-listing > ul > li > a .img-thum {
	position: relative;
	height: 264px;
	overflow: hidden;
}
.main-content > .cat-listing > ul > li > a .img-thum.surpriseCampaign,
.main-content > .category-cat-listing > ul > li > a .img-thum.surpriseCampaign{
    height: 412.219px;
}
.main-content > .cat-listing > ul > li > a .img-thum.surpriseCampaign img,
.main-content > .category-cat-listing > ul > li > a .img-thum.surpriseCampaign img{
	object-fit: unset;
}

.main-content > .cat-listing > ul > li > a .caption,
    .main-content > .category-cat-listing > ul > li > a .caption {
	position: absolute;
	height: 100%;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	vertical-align: bottom;
	background-size: 100% 100%;
}
    
/*    .main-content .cat-listing ul li a .caption h2{ font-size: 17px; color: #ffffff;text-transform: uppercase; margin-top: 120px;    min-height: 38px;    white-space: pre-wrap;word-wrap: break-word;}*/
.main-content .cat-listing ul li a .caption h2 {
	font-size: 17px;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 180px;
	min-height: 38px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-content .category-cat-listing ul li a .caption h2 {
	font-size: 17px;
	color: #ffffff;
	text-transform: uppercase;
	margin-top: 180px;
	min-height: 38px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.main-content .cat-listing ul li a .caption .ratings {
	float: left;
}

.main-content .category-cat-listing ul li a .caption .ratings {
	float: left;
}

.main-content .cat-listing ul li a .caption .ratings span.glyphicon {
	font-size: 16px;
	color: #ab47bc;
}

.main-content .category-cat-listing ul li a .caption .ratings span.glyphicon {
	font-size: 16px;
	color: #ab47bc;
}

.main-content .cat-listing ul li a .campaignContent .social-count {
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #ffffff;
	filter: drop-shadow(0 0 2.5px rgba(13,12,12,0.12));
	border-top: 1px solid #e1e1e1;
}

.main-content .category-cat-listing ul li a .campaignContent .social-count {
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #ffffff;
	filter: drop-shadow(0 0 2.5px rgba(13,12,12,0.12));
	border-top: 1px solid #e1e1e1;
}

.main-content .cat-listing ul li a .campaignContent .supplier-details,.main-content .category-cat-listing ul li a .campaignContent .supplier-details {
	height: 46px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #ffffff;
	display: flex;
	align-items: center;
}
    /*.main-content .category-cat-listing ul li a .campaignContent .supplier-details{  padding-top:7px; padding-bottom:7px; background-color: #ffffff; }*/
.main-content .cat-listing ul li a .campaignContent .social-count span.view {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/view.png) no-repeat 0px 3px;
	padding-left: 30px;
	vertical-align: middle;
	margin-right: 10px;
}

.main-content .category-cat-listing ul li a .campaignContent .social-count span.view {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/view.png) no-repeat 0px 3px;
	padding-left: 30px;
	vertical-align: middle;
	margin-right: 10px;
}

.main-content .cat-listing ul li a .campaignContent .social-count span.download {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/download.png) no-repeat 0px 2px;
	padding-left: 30px;
	vertical-align: middle;
	margin-right: 10px;
}

.main-content .category-cat-listing ul li a .campaignContent .social-count span.download {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/download.png) no-repeat 0px 2px;
	padding-left: 30px;
	vertical-align: middle;
	margin-right: 10px;
}

.main-content .cat-listing ul li a .campaignContent .social-count span.like {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/fav.png) no-repeat 0px 2px;
	padding-left: 30px;
	vertical-align: middle;
}

.main-content .category-cat-listing ul li a .campaignContent .social-count span.like {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/fav.png) no-repeat 0px 2px;
	padding-left: 30px;
	vertical-align: middle;
}

.main-content > .cat-listing > ul > li > a:hover {
	text-decoration: none;
}

.main-content > .category-cat-listing > ul > li > a:hover {
	text-decoration: none;
}

.main-content .cat-listing ul li a:hover p {
	text-decoration: none;
	color: #fff;
}

.main-content .category-cat-listing ul li a:hover p {
	text-decoration: none;
	color: #fff;
}

.main-content .cat-listing ul li.coupon-img img {
	width: 100%;
}

.main-content .category-cat-listing ul li.coupon-img img {
	width: 100%;
}

.main-content .cat-listing ul li.coupon-img a:hover {
	background: none;
}

.main-content .category-cat-listing ul li.coupon-img a:hover {
	background: none;
}

/*Load More*/
.load-more {
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}

.load-more span {
	font-size: 17px;
	color: #666666;
	font-weight: 300;
}

.load-more .loader {
	display: inline-block;
	width: 100%;
}

/*Why ikash*/
.why-ikash {
	background: #fff;
	margin-top: 15px;
}

.why-ikash h2 {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	margin-top: 50px;
	margin-bottom: 30px;
}

.why-ikash .container .row {
	padding: 22px;
}

.why-ikash .icon {
	float: left;
	width: 12%;
}

.why-ikash .detail {
	float: left;
	width: 78%;
}

.why-ikash .detail h3 {
	margin: 0px;
	color: #333;
	font-size: 22px;
}

.why-ikash .detail p {
	font-size: 15px;
	color: #999999;
	padding-top: 15px;
}

/*Subscribe Section*/
.subscribe {
	width: 100%;
	background: #22233b;
	padding: 35px 0;
	margin: 0;
}

.subscribe h3 {
	font-size: 26px;
	color: #ffffff;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	margin: 0px;
}

.subscribe span {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.subscribe .container .input-group {
	position: relative;
}

.subscribe .container .input-group i.icon-email {
	display: block;
	position: absolute;
	z-index: 999;
	left: 15px;
	top: 16px;
	font-size: 25px;
	color: #9B9B9B;
}
/*.subscribe .container .input-group .form-control{ height: 56px; font-size: 20px; color: #999999; border-bottom-left-radius: 12px; border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -webkit-border-top-left-radius: 12px; border:none; padding-left: 50px;}*/
#newsletterSubscription {
	width: 100%;
	height: 44px;
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	padding-left: 14px;
}

.subscribe span.input-group-btn {
	position: relative !important;
	top: 0 !important;
	left: 18px !important;
}

.subscribe .input-group-btn .btn {
	border-radius: 2px;
	background-image: linear-gradient(270deg, #31ccec 0%, #00b7dd 100%);
	color: #fff;
	border: none;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding-left: 30px;
	padding-right: 30px;
	height: 44px;
}

#newsletterSubscription-error {
	position: absolute;
	top: 100%;
	left: 8px;
}

/*Form Modal*/
.form-modal .modal-dialog {
	width: 457px;
	margin: 80px auto;
}

.form-modal .modal-content {
	border-radius: 0px;
	border: none;
	overflow: hidden;
	background: #222222;
}

.modal.customModal .modal-content {
	border-radius: 0px;
}

.form-modal .modal-header {
	border-bottom: none;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
}

.modal.customModal .modal-header {
	padding: 10px 15px;
}

.form-modal .modal-body {
	background: #fff;
}

.form-modal .modal-header .modal-title {
	font-size: 20px;
	color: #222222;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.form-modal .modal-header .sub-heading {
	font-size: 15px;
	color: #999999;
	font-weight: 300;
	text-align: center;
	display: inline-block;
	width: 100%;
}

.form-modal .form-control {
	height: 40px;
	border-radius: 5px;
	-webkit-border-radius: 2px;
	font-size: 15px;
	font-weight: 300;
	padding-left: 40px;
}

.form-modal .form-group {
	position: relative;
	display: inline-block;
	width: 100%;
}

.form-modal .form-group span.icon-email {
	background: url(../images/icon/icon-email.png) no-repeat;
	width: 18px;
	height: 13px;
	background-size: 100%;
	display: block;
	position: absolute;
	left: 12px;
	top: 14px;
}

.form-modal .form-group span.icon-lock {
	background: url(../images/icon/icon-lock.png) no-repeat;
	width: 16px;
	height: 18px;
	background-size: 100%;
	display: block;
	position: absolute;
	left: 13px;
	top: 11px;
}

.form-modal .form-group .checkbox label {
	font-size: 15px;
	color: black;
	font-weight: 400;
}

.form-modal .form-group .forgot-pass {
	font-size: 15px;
	color: black;
	font-weight: 500;
	border-bottom: 1px solid #605e5e;
}

.form-modal .btn-group {
	display: inline-block;
	width: 100%;
}

.form-modal .btn-group .btn {
	width: 100%;
	padding: 10px 12px;
	border-radius: 5px;
	border: none;
}

.form-modal .btn-group .btn.btn-fb {
	background-color: #5673d5;
	margin: 0;
	font-size: 14px !important;
}

.form-modal .btn-group .btn.btn-fb:hover {
	background-color: #5f7de1;
}

.form-modal .btn-group .btn.btn-fb i.fa {
	font-size: 20px;
	float: left;
	top: 1px;
	position: relative;
	left: 10px;
}

.form-modal .btn.btn-fb {
	background-color: #5673d5;
	width: 100%;
	margin: 0;
	font-size: 14px !important;
}

.form-modal .btn.btn-fb:hover {
	background-color: #5f7de1;
}

.form-modal .btn.btn-fb i.fa {
	font-size: 20px;
	float: left;
}

.form-modal .btn-group .btn.btn-ikash {
	background: #00b3f4;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

.form-modal .btn-group .btn.big-btn {
	font-size: 25px;
}

.or {
	display: inline-block;
	width: 100%;
	margin: 20px 0 20px;
	position: relative;
}

.or span {
	position: absolute;
	top: 0px;
	left: 50%;
	color: #999999;
	font-size: 12px;
	margin-left: -11px;
	background: #fff;
	padding-left: 5px;
	padding-right: 5px;
}

.form-modal .modal-footer {
	background: #222222;
}

.form-modal .modal-footer p {
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
	padding: 5px 0;
}

.form-modal .modal-footer p a {
	color: #f57722;
}
/*.form-modal button.close{ background: #ff5252; display: block; width: 40px; height: 40px; opacity: 1; color: #fff; font-weight: 100; border-radius: 50%; -webkit-border-radius: 50%; vertical-align: top; line-height: 12px; position: absolute; top: -17px; right: -13px; z-index: 999;}*/
.form-modal .requred {
	display: inline-block;
	width: 100%;
	text-align: right;
	font-style: 13px;
	color: #999999;
	margin: 0px;
	padding: 0 0 15px;
}

.form-modal .btn.btn-return {
	background: url(../images/return-arrow.png) no-repeat 0px 10px;
	padding-left: 22px;
	font-size: 16px;
	color: #999999;
	margin-top: 10px;
	padding-bottom: 0px;
}

/*Confirm Popup*/
.form-modal .popover.right {
	right: -320px;
	left: auto;
	max-width: 292px;
	border-radius: 12px;
	bottom: 85px;
	top: auto;
}

.form-modal .popover.right > .arrow::after {
	bottom: 35px;
}

.popover.right > .arrow {
	border: none;
}

.form-modal .popover-title {
	font-size: 20px;
	color: #222222;
	font-weight: normal;
	background: none;
	border-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 15px;
}

.form-modal .popover-content p {
	font-size: 14px;
	color: #999999;
	font-weight: 300;
	line-height: 23px;
}

.form-modal .popover-content p span.email-text {
	color: #00aeef;
}

.form-modal .popover-content .btn-group {
	text-align: right;
}

.form-modal .popover-content .btn-group .btn {
	width: auto;
	display: inline-block;
	float: none;
}

.form-modal .popover-content .btn.btn-resend {
	color: #f57722;
	font-size: 16px;
	font-weight: 300;
}

.form-modal .popover-content .btn.btn-ok {
	color: #33aa66;
	font-size: 16px;
	font-weight: 300;
}

.modalBtnWrap {
	text-align: right;
}

.modalBtnWrap .btn + .btn {
	margin-left: 20px;
}

.custControl {
	position: relative;
}

.custControl:before {
	content: "";
	background: url(../images/icon/Lock.png) no-repeat;
	width: 15px;
	height: 16px;
	background-size: 100% 100%;
	position: absolute;
	top: 12px;
	left: 15px;
	z-index: 1;
}

.showIcon {
	position: absolute;
	right: 15px;
	top: 0;
	height: 40px;
	display: flex;
	align-items: center;
}

.showIcon i {
	background-size: 100% 100%;
	width: 25px;
	height: 21px;
}

.showIcon i.showIconImg {
	background: url(../images/icon/showpassword.png) no-repeat;
}

.showIcon i.hideIconImg {
	background: url(../images/icon/hidepassword.png) no-repeat;
}

.close:focus, .close:hover {
	outline: none;
}
/*===END===*/


/*Campaining Modal*/
.campaign-modal .modal-dialog {
	width: 550px;
}

.campaign-modal button.close {
	font-size: 20px;
	background: #ff5252;
	display: block;
	width: 40px;
	height: 40px;
	opacity: 1;
	color: #fff;
	font-weight: 100;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	vertical-align: top;
	line-height: 12px;
	position: absolute;
	top: -17px;
	right: -13px;
	z-index: 999;
}

.main-content .campaign-modal button.close img {
	width: auto;
}

.campaign-modal .modal-body {
	padding: 0px;
}

.campaign-modal .modal-content {
	overflow: hidden;
	border-radius: 0px;
	background: #fff;
	border: none;
}

.campaign-modal .modal-content .thum {
	width: 100%;
    /*height: 430px;*/
    height: 400px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*width: 100%;
    height: 350px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 130%;	*/
}

.campaign-modal .modal-content .thum img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.campaign-modal .modal-body .detail {
	padding: 10px 15px 0px 15px;
}

.campaign-modal .modal-body .detail h3.title {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0px;
	position: relative;
	margin-left: -8px;
	font-size: 26px;
	color: #333333;
	font-weight: 600;
	line-height: 30px;
}

.campaign-modal .modal-body .detail h3.title span.off {
	color: #f57722;
	font-weight: 300;
}

.campaign-modal .modal-body .detail h3.title i.fa {
	display: block;
	color: #ff4081;
	cursor: pointer;
}

.campaign-modal .modal-body .ratings {
	display: inline-block;
	width: 100%;
	margin: 13px 0;
}

.campaign-modal .modal-body .ratings .glyphicon.glyphicon-star {
	color: #ef7f22;
	font-size: 15px;
}

.campaign-modal .modal-body .ratings .glyphicon.glyphicon-star-empty {
	color: #9b9b9b;
	font-size: 15px;
}

.campaign-modal .modal-body p {
	font-size: 15px;
	color: #666666;
	line-height: 22px;
}
/*Added by Soheb*/
.campaign-modal .modal-body p {
	text-align: left;
	margin-bottom: 0px;
	font-weight: 400;
	float: left;
	width: 100%;
}

.campaign-modal .modal-body p a.more {
	color: #ef7f1a;
}

.campaign-modal .modal-body p a.more:hover {
	color: #f79c5e;
	background: none !important;
}

.campaign-modal .count-list {
	display: inline-block;
    width: 100%;
    border-top: 1px solid #eeeeee;
    margin: 15px 0 0px;
    border-bottom: none;
}

.campaign-modal .count-list.count-3 li {
	width: 32.8%;
}

.campaign-modal .count-list.count-2 li {
	width: 49%;
}

.campaign-modal .count-list li {
	width: 33%;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #eeeeee;
	margin: 10px 0;
}

.campaign-modal .count-list li:last-child {
	border: none;
}

.campaign-modal .count-list li a {
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 22px;
	color: #666666;
	font-weight: 400;
	vertical-align: top;
	height: 56px;
	box-shadow: none !important;
}

.main-content .cat-listing  .campaign-modal .count-list li a:hover {
	background: none;
}

.main-content .category-cat-listing  .campaign-modal .count-list li a:hover {
	background: none;
}

.campaign-modal .count-list li a span {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	vertical-align: top;
	padding: 10px;
}

.campaign-modal .btn-group {
	width: 100%;
}

.campaign-modal .btn-group .btn:first-child {
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.campaign-modal .btn-group .btn:last-child {
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
	margin-left: -2px;
}

.campaign-modal .btn-group .btn {
	margin: 0px;
	background: #fff;
	color: #f57722;
	border: 1px solid #eeeeee;
	width: 50%;
	font-size: 18px;
	font-weight: 500;
	padding: 12px 8px;
}

.campaign-modal .btn-group.btn-single .btn {
	width: 100%;
}

.campaign-modal .btn-group .btn:hover {
	color: #f79c5e;
}

.campaign-modal .btn-group .fa {
	margin-left: 5px;
}

.campaign-modal .modal-footer {
	border-top: none;
	padding-top: 0px;
}
/*.campaign-modal .modal-footer .one{ border-top: none; padding-top: 0px;}*/
.campaign-modal .modal-footer .btn.btn-download {
	width: 100%;
	background: #00aeef;
	border: none;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	padding-top: 12px;
	padding-bottom: 12px;
}

.campaign-modal .modal-footer .btn.btn-gray {
	width: 100%;
	background: #999999;
	border: none;
	font-size: 22px;
	font-weight: 300;
	padding-top: 14px;
	padding-bottom: 14px;
	color: #fff;
}

.campaign-modal .modal-footer .btn.btn-download:hover,
.campaign-modal .modal-footer .btn.btn-gray:hover {
	opacity: 0.9;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .count-list.count-3 li {
	width: 32.8%;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .count-list.count-2 li {
	width: 49%;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .count-list li {
	width: 24%;
	display: inline-block;
	text-align: center;
	border-right: 1px solid #eeeeee;
	margin: 14px 0;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .count-list li:last-child {
	border: none;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .count-list li a {
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 26px;
	color: #666666;
	font-weight: 300;
	vertical-align: top;
	height: 56px;
	box-shadow: none !important;
}

.main-content .cat-listing  .campaign-modal .count-list li a:hover {
	background: none;
}

.main-content .category-cat-listing  .campaign-modal .count-list li a:hover {
	background: none;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .count-list li a span {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	vertical-align: top;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .btn-group {
	width: 100%;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .btn-group .btn:first-child {
	border-bottom-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .btn-group .btn:last-child {
	border-bottom-left-radius: 0px !important;
	border-top-left-radius: 0px !important;
	margin-left: -2px;
}

.main-content .cat-listing-wrapper .right-section .campaign-modal .btn-group .btn {
	margin: 0px;
	background: #fff;
	color: #f57722;
	border: 1px solid #eeeeee;
	width: 50%;
	font-size: 20px;
	font-weight: 300;
	padding-top: 13px;
	padding-bottom: 13px;
}



/*===END===*/

/*Register Modal*/
#RegisterModal .modal-dialog {
	width: 750px;
}

#RegisterModal .form-control, #freeRegisterModal .form-control {
	padding-left: 40px;
}

#RegisterModal .btn-fb {
	width: 60%;
	display: block;
	margin: 0 auto;
}
/*User Modal*/
.modal.user-modal {
	overflow-y: auto;
}

.user-modal .modal-dialog {
	width: 1140px;
 /*margin:100px auto;*/;
} /*previously margin -100px but we change it due to user_details model is does not shown clear*/
.user-modal .modal-dialog .modal-header {
	text-align: center;
	border-bottom: none;
}

.user-modal .modal-dialog .modal-header .modal-title {
	font-size: 35px;
	color: #fff;
	font-weight: normal;
}

.user-modal .modal-dialog .modal-header span.sub-heading {
	font-size: 15px;
	color: #cccccc;
	font-weight: 100;
}

.user-modal .modal-dialog .modal-content {
	border-radius: 12px;
	overflow: hidden;
	background-color: #222222;
}

.user-modal .modal-dialog .modal-body {
	padding: 0px;
}

.user-modal .modal-dialog .modal-footer {
	border: none;
}

.user-modal .modal-dialog .nav.nav-tabs {
	background: #f57722;
}

.user-modal .modal-dialog .tab-content {
	background: #fff;
}

.user-modal .modal-dialog .nav-tabs > li {
	width: 25%;
	text-align: center;
	margin: 0px;
}

.user-modal .modal-dialog .nav-tabs > li a {
	font-size: 18px;
	color: #f9b595;
	font-weight: normal;
	border: none;
	padding-top: 20px;
	padding-bottom: 20px;
}

.user-modal .modal-dialog .nav-tabs > li.active > a,
.user-modal .modal-dialog .nav-tabs > li a:hover {
	background: none;
	border: none;
	color: #fff;
	border: none;
}

.user-modal .modal-dialog .nav-tabs > li a i.personal-info {
	background: url(../images/icon/icon-user.png) no-repeat top;
	width: 100%;
	height: 48px;
	display: inline-block;
	position: relative;
}

.user-modal .modal-dialog .nav-tabs > li.active a i.personal-info,
.user-modal .modal-dialog .nav-tabs > li  a:hover i.personal-info {
	background: url(../images/icon/icon-user-active.png) no-repeat top;
}

.user-modal .modal-dialog .nav-tabs > li a i.manage-cat {
	background: url(../images/icon/icon-note.png) no-repeat top;
	width: 100%;
	height: 50px;
	display: inline-block;
	position: relative;
}

.user-modal .modal-dialog .nav-tabs > li.active a i.manage-cat,
.user-modal .modal-dialog .nav-tabs > li a:hover i.manage-cat {
	background: url(../images/icon/icon-note-active.png) no-repeat top;
}

.user-modal .modal-dialog .nav-tabs > li a i.pick-supplier {
	background: url(../images/icon/icon-supplier.png) no-repeat top;
	width: 100%;
	height: 50px;
	display: inline-block;
	position: relative;
}

.user-modal .modal-dialog .nav-tabs > li.active a i.pick-supplier,
.user-modal .modal-dialog .nav-tabs > li a:hover i.pick-supplier {
	background: url(../images/icon/icon-supplier-active.png) no-repeat top;
}

.user-modal .modal-dialog .nav-tabs > li a i.security {
	background: url(../images/icon/icon-security.png) no-repeat top;
	width: 100%;
	height: 50px;
	display: inline-block;
}

.user-modal .modal-dialog .nav-tabs > li.active a i.security,
.user-modal .modal-dialog .nav-tabs > li a:hover i.security {
	background: url(../images/icon/icon-security-active.png) no-repeat top;
}

.user-modal .modal-dialog .modal-footer p {
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	color: #fff;
	text-align: left;
}

.user-modal .modal-dialog .modal-footer p .icon-user {
	width: 41px;
	height: 39px;
	background: url(../images/icon/icon-user-active.png) no-repeat;
	float: left;
	margin-right: 15px;
	margin-top: 7px;
}

.user-modal .modal-dialog .nav-tabs > li a i.personal-info:after {
	display: block;
	height: 1px;
	width: 70%;
	top: 29px;
	background: #f48f4b;
	position: absolute;
	content: "";
	left: 70%;
}

.user-modal .modal-dialog .nav-tabs > li a i.manage-cat:after {
	display: block;
	height: 1px;
	width: 70%;
	top: 29px;
	background: #f48f4b;
	position: absolute;
	content: "";
	left: 70%;
}

.user-modal .modal-dialog .nav-tabs > li a i.pick-supplier:after {
	display: block;
	height: 1px;
	width: 70%;
	top: 29px;
	background: #f48f4b;
	position: absolute;
	content: "";
	left: 70%;
}

.user-modal .modal-dialog .tab-content h2 {
	border-bottom: 1px solid #e5e5e5;
	font-size: 25px;
	color: #222222;
	margin: 0px;
	padding: 24px 24px;
}

.user-modal .tab-content .personal-info {
	padding-left: 25px;
	padding-right: 25px;
	border-right: 1px solid #eeeeee;
	margin-top: 25px;
	margin-bottom: 25px;
}

.user-modal .personal-info h3,
.user-modal .account-detail h3 {
	font-size: 20px;
	color: #ef7f1a;
	font-weight: 600;
	margin-top: 5px;
}

.user-modal .form-group label , .lbltxt {
	font-size: 16px;
	color: #333333;
	display: inline-block;
	padding-bottom: 5px;
}

.user-modal .form-group.radio-group {
	padding: 7px 0;
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.user-modal .form-group.radio-group .radio {
	margin-right: 40px;
}

.user-modal .form-group.radio-group .radio img {
	margin-left: 13px;
	margin-top: -5px;
}

.user-modal .form-group .input-col-6 {
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

.user-modal .form-group .input-col-6:last-child {
	margin-left: 17px;
}

.user-modal .form-group .form-control {
	height: 40px;
}

.user-modal .form-group .date_dob {
	background: #fff url(../images/icon/icon-cal.png) no-repeat 97% 7px;
}

.user-modal .form-group .zip-code {
	background: #fff url(../images/icon/icon-search-gray.png) no-repeat 97% 13px;
}

.user-modal .account-detail form {
	max-width: 530px;
}

.user-modal .account-detail {
	margin-top: 25px;
	margin-bottom: 25px;
}

.user-modal .btn.btn-info.btn-next {
	background: #00aeef;
	font-size: 20px;
	color: #fff;
	padding: 10px 20px;
	float: right;
	margin-right: 40px;
	margin-bottom: 20px;
}

.user-modal .btn.btn-info.btn-next:hover {
	opacity: 0.9;
}

.user-modal .btn.btn-info.btn-next i.icon-arrow {
	display: inline-block;
	background: url(../images/arrow-next.png) no-repeat right;
	width: 20px;
	height: 16px;
	vertical-align: middle;
	margin-left: 10px;
}

/*Manage Category Tab*/
#manage-cat .panel-group {
	display: inline-block;
	width: 100%;
}

#manage-cat .panel-group .panel {
	border-radius: 0px;
	-wekit-border-radius: 0px;
}

#manage-cat .panel-default > .panel-heading {
	background: #fdfdfd;
	border-color: #eeeeee;
	padding: 0;
}

#manage-cat .panel-title a {
	font-size: 16px;
	color: #333333;
	display: block;
	text-decoration: none;
	display: flex;
	align-items: center;
	font-weight: 600;
}

#manage-cat .panel-default > .panel-heading .panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 15px;
}

#manage-cat .panel-title .btn-group a.btn {
	font-weight: 600;
	padding: 0px;
	margin-left: 30px;
}

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

#manage-cat .panel-title .btn-group .btnSelect {
	color: #f57722;
}

#manage-cat .panel-title .btn-group .btnDeselect {
	color: #000;
}

#manage-cat .panel-collapse {
	border-top: 1px solid #eeeeee;
	border-radius: 0px;
	margin: 0px;
}

#manage-cat .panel-heading.actives {
	background: #fff;
}

#manage-cat .collapse.in .panel-body {
	border-top: none;
}

#manage-cat .panel-group .panel + .panel {
	margin-top: 20px;
}

#manage-cat .btnOuter .btn,#supplier .btnOuter .btn {
	font-size: 16px;
	padding: 8px 10px;
	border-radius: 3px;
	border: none;
	font-weight: 600;
	color: #fff;
	min-width: 96px;
}

#manage-cat .btnOuter .btn-reset, #supplier .btnOuter .btn-reset {
	background: #22233b;
}

#manage-cat .btnOuter .btnCancel, #supplier .btnOuter .btnCancel {
	background: #bababa;
}

#manage-cat .btnOuter .btnSave, #supplier .btnOuter .btnSave {
	background: #43caeb;
}

#manage-cat .btnOuter .btn:hover, #supplier .btnOuter .btn:hover {
	opacity: 0.9;
}

#manage-cat .btn-default {
	background-color: #999999;
	color: #fff;
	border: none;
	font-size: 16px;
	padding: 9px 24px;
	border-radius: 6px;
	font-weight: 300;
}

#manage-cat .btn-default:hover {
	background-color: #a8a8a8;
	color: #fff;
}

#manage-cat .check-list {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
}

#manage-cat .check-list .checkbox {
	display: inline-block;
	margin: 10px 6px;
	padding: 5px 8px;
}

.user-modal #manage-cat .btn.btn-info.btn-next {
	margin: 20px 0px 0px 0px;
}

#manage-cat .check-list .checkbox.checkbox-warning {
	background: #f57722;
	border-radius: 3px;
}

#manage-cat .check-list .checkbox label {
	padding-left: 0px;
}

#manage-cat .check-list .checkbox label::before {
    /*display: none;*/
}
/*Supplier Tab*/
.user-modal .modal-dialog .supplier {
	display: inline-block;
	width: 100%;
	padding: 20px 40px;
}

.user-modal .modal-dialog .supplier h3 {
	font-size: 20px;
	color: #ef7f1a;
	margin-bottom: 20px;
}

.user-modal .modal-dialog .supplier h3 a.info {
	background: url(../images/icon/icon-info.png) no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
}

.user-modal .modal-dialog .supplier .input-text {
	width: 365px;
	margin: 10px 0;
}

.user-modal .modal-dialog .supplier .input-text .form-control {
	height: 50px;
	font-size: 23px;
	display: inline-block;
	width: 80%;
}

.user-modal .modal-dialog .supplier .icon-correct {
	width: 38px;
	height: 38px;
	background: url(../images/icon/icon-yes.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	display: inline-block;
	margin-left: 15px;
	margin-top: -10px;
}

.user-modal .modal-dialog .supplier .icon-incorrect {
	width: 38px;
	height: 38px;
	background: url(../images/icon/icon-no.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	display: inline-block;
	margin-left: 15px;
	margin-top: -10px;
}

.supplier .check-list {
	height: 300px;
	overflow-y: auto;
}

.supplier .check-list .checkbox {
	width: 33%;
	vertical-align: middle;
	height: 52px;
	margin-bottom: 30px;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.supplier .check-list .checkbox label {
	font-size: 16px;
	color: #333333;
	font-weight: 600;
	padding-left: 0px;
}

.supplier .check-list .checkbox img {
	margin-left: 18px;
	margin-right: 15px;
	height: 40px;
	width: 40px;
	border-radius: 50%;
}

.supplier .checkbox input[type="checkbox"], .supplier .checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	margin-top: 0px;
	top: 7px;
	left: 2px;
	margin-left: 0px;
}

.supplier .check-list .checkbox label::before {
	top: 12px;
	border: 2px solid #000;
}

.supplier .check-list input.styled[type="checkbox"]:checked + label::after {
	top: 9px;
}

.searchBar {
	background: #E1E1E1;
	padding: 10px 15px;
}

.searchBar .has-search {
	position: relative;
	max-width: 420px;
	width: 100%;
}

.searchBar .has-search .form-control {
	padding-left: 40px;
	color: #333333;
	font-weight: 500;
	border-radius: 0px;
	font-size: 16px;
}

.searchBar .has-search .form-control-feedback {
	position: absolute;
	z-index: 2;
	text-align: center;
	pointer-events: none;
	color: #333333;
	left: 0;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
}

.searchBar .has-search input::placeholder {
 /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #333333;
	opacity: 1;
 /* Firefox */;
}

.searchBar .has-search input:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
	color: #333333;
}

.searchBar .has-search input::-ms-input-placeholder {
 /* Microsoft Edge */
	color: #333333;
}
/*Security Tab*/
.security {
	display: inline-block;
	width: 100%;
}

/*Supplier Detail Modal*/
.main-content .supplier_detail a.btn-back {
	font-size: 18px;
	font-weight: 300;
	padding-left: 0px;
	padding-bottom: 10px;
}

.main-content .supplier_detail a.btn-back i {
	font-size: 16px;
}

.main-content .cat-listing .supplier_detail a.btn-back:hover {
	background: none;
}

.main-content .category-cat-listing .supplier_detail a.btn-back:hover {
	background: none;
}

.supplier_detail .modal-body {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
}

.supplier_detail .modal-body .nav.nav-tabs {
	border: 1px solid #eeeeee;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.supplier_detail .modal-body .nav.nav-tabs li {
	width: 50%;
	border: none;
	margin: 0px;
}

.supplier_detail .modal-body .nav.nav-tabs li a {
	margin: 0px;
	text-align: center;
	border-radius: 0px;
	font-size: 20px;
	color: #f57722;
	border: none;
	padding: 15px;
}

.supplier_detail .modal-body .nav.nav-tabs li a span {
	background: url(../images/tab-arrow.png) no-repeat 100% 10px;
	padding-right: 18px;
}

.supplier_detail .modal-body .nav.nav-tabs li a:hover {
	background: none;
	border: none;
	background: none;
	color: #333333;
}

.supplier_detail .modal-body .nav.nav-tabs > li.active,
.supplier_detail .modal-body .nav.nav-tabs > li.active a {
	border: none;
	margin: 0px;
	color: #333333;
}

.supplier_detail .modal-body .nav.nav-tabs > li.active a span {
	font-weight: 400;
	background: url(../images/tab-arrow-active.png) no-repeat 100% 10px;
	padding-right: 18px;
}

.supplier_detail .modal-body .nav.nav-tabs li:first-child {
	border-right: 1px solid #eeeeee;
}

.supplier_detail .modal-body .tab-content .map {
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid #cccccc;
	margin-top: 20px;
}

.supplier_detail .modal-body .tab-content .map img {
	width: 100%;
}

.supplier_detail .modal-body .tab-content .detail {
	display: inline-block;
	width: 100%;
}

.supplier_detail .modal-body .tab-content .detail .row {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
	padding-top: 10px;
}

.supplier_detail .modal-body .tab-content .detail .row:nth-child(4) {
	border: none;
}

.supplier_detail .modal-body .tab-content .detail .icon {
	float: left;
	width: 15%;
	text-align: center;
}

.supplier_detail .modal-body .tab-content .detail .comp-detail {
	float: left;
	width: 85%;
	padding-left: 35px;
}

.supplier_detail .modal-body .tab-content .detail .comp-detail h3 {
	margin-top: 0px;
	font-size: 18px;
	color: #333333;
}

.supplier_detail .modal-body .tab-content .detail .comp-detail p {
	margin-top: 0px;
	font-weight: 400;
	font-size: 15px;
	color: #333;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
}

.supplier_detail .modal-body .tab-content .detail .comp-detail p a:hover {
	background: none;
}

.supplier_detail .modal-body .tab-content .reviews-list li {
	list-style-type: none;
 /*border-bottom: 1px solid #eeeeee;*/
	padding-bottom: 10px;
}

.supplier_detail .modal-body .tab-content .reviews-list li:last-child {
	border-bottom: 0px none;
}

.supplier_detail .modal-body .tab-content .reviews-list li h2 {
	font-size: 17px;
	color: #333333;
	margin-bottom: 5px;
}

.supplier_detail .modal-body .tab-content .reviews-list li p {
	font-size: 15px;
	color: #666;
	line-height: 22px;
}

.supplier_detail .modal-body .tab-content .reviews-list li .by {
	display: inline-block;
	width: 100%;
}

.supplier_detail .modal-body .tab-content .reviews-list li .by a:hover {
	background: none;
}

.supplier_detail .modal-body .tab-content .reviews-list li .ratings {
	margin-top: 7px;
	margin-bottom: 7px;
}

.supplier_detail .modal-body .tab-content .more {
	font-size: 15px;
	color: #ef7f1a;
	text-decoration: underline;
	display: inline-block;
	text-align: right;
	min-height: 37px;
	width: 100%;
}

.supplier_detail .modal-body .tab-content .more:hover {
	background: none;
	text-decoration: none;
}


/*.supplier_detail .modal-body .tab-content .footer-block{ background: #eeeeee; margin-left: -20px; margin-right: -20px; padding:20px 20px 60px;}
below footblock css changed by @tejas
*/
.supplier_detail .modal-body .tab-content .footer-block {
	background: #eeeeee;
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px 20px 75px;
}

.supplier_detail .modal-body .tab-content form .form-control.headline {
	height: 40px;
}

.supplier_detail .modal-body .tab-content form .form-control {
	border: none;
	height: 99px;
}

.supplier_detail .modal-body .tab-content form .btn.btn-primary {
	margin-top: 15px;
}

/*Listing Page*/
.header.inner-page .banner .caption {
	padding: 60px 0;
}

.header.inner-page .banner {
	background-position: bottom;
	position: relative;
}

.header.inner-page .banner:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1;
}

.main-content .cat-listing-wrapper .cat-listing  ul {
	display: inline-block;
	width: 100%;
	text-align: left;
}

.main-content .cat-listing-wrapper .cat-listing  ul  li {
	display: inline-block;
 /*margin: 1.6% 1.6%;*/
	padding: 25px;
	width: 310px;
	float: left;
	text-align: left;
}

.main-content .cat-listing-wrapper .cat-listing  ul  li > a {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	-moz-box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	background: #fff;
	display: block;
	vertical-align: top;
}

.main-content .cat-listing-wrapper .cat-listing  ul  li  a .img-thum {
	position: relative;
	min-height: 260px;
}

.main-content .cat-listing-wrapper .cat-listing  ul  li  a .caption {
	position: absolute;
	min-height: 260px;
	bottom: 0px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	vertical-align: bottom;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e0000000',GradientType=0 );
}

.cat-listing-wrapper {
	display: inline-block;
	width: 100%;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 0px;
	min-height: 700px;
}

.cat-listing-wrapper .left-section {
	width: 20%;
	float: left;
	padding-right: 35px;
}

.cat-listing-wrapper .right-section {
	width: 80%;
	float: left;
}
.cat-listing-wrapper .sidebar {
	background-color: #fff;
	box-shadow: 0px 3px 16px rgba(1,1,1,0.2);
	padding: 20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-top: 23px;
}

.cat-listing-wrapper .sidebar h2 {
	font-size: 20px;
	color: #ef7f1a;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 15px;
	clear: both;
}

.cat-listing-wrapper .sidebar h2 a {
	font-size: 16px;
	color: #00b1f9;
	font-weight: 300;
	float: right;
	text-decoration: underline;
}

.cat-listing-wrapper .sidebar .filter-list {
	display: inline-block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

.cat-listing-wrapper .sidebar .filter-list li {
	list-style-type: none;
	padding: 8px 0;
}

.cat-listing-wrapper .sidebar .filter-list li .checkbox label,
.cat-listing-wrapper .sidebar .filter-list li .radio label {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	padding-left: 15px;
}

.cat-listing-wrapper .sidebar .input-group.search {
	position: relative;
	width: 100%;
}

.cat-listing-wrapper .sidebar .input-group.search .form-control {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border-color: #cccccc;
	font-size: 16px;
	color: #999999;
	height: 47px;
}

.cat-listing-wrapper .sidebar .form-control.small {
	width: 57px;
	float: left;
	margin-right: 10px;
}

.cat-listing-wrapper .sidebar .input-group.search .input-group-btn {
	position: absolute;
	right: 40px;
	top: 4px;
	border: none;
}

.cat-listing-wrapper .sidebar .input-group.search .input-group-btn button {
	border: none;
	background: none;
	color: #02b2f9;
	font-size: 17px;
}

.cat-listing-wrapper .sidebar .filter-list.city-list {
	max-height: 390px;
	overflow-y: auto;
	margin: 15px 0;
	height: auto;
}

.cat-listing-wrapper .sidebar form, .cat-listing-wrapper .sidebar form > div {
	overflow: hidden;
}

.cat-listing {
	min-height: 600px;
}



/*===My iKash Page===*/
.my-ikash .ikash-tab {
	background: #ffffff;
	margin: 10px 0 40px 0;
	padding: 0px;
	overflow: hidden;
}

.my-ikash .ikash-tab .tabsWrap {
	border: 1px solid #ddd;
	margin-top: 30px;
}

.my-ikash .breadcrumb {
	padding: 15px 0 0 0;
}
.my-ikash .ikash-tab > .nav-tabs > li {
	width: 25%;
}

.my-ikash .ikash-tab > .nav-tabs > li > a {
	color: #333333;
	font-size: 18px;
	font-weight: 600;
	border: none;
	-webkit-border-radius: 0px;
	border-right: 1px solid #e5e5e5;
	width: 100%;
	padding: 20px 20px;
	position: relative;
	display: flex;
	align-items: center;
}

.my-ikash .ikash-tab > .nav-tabs > li > a span {
	text-align: center;
}

.my-ikash .ikash-tab > .nav-tabs > li:last-child > a {
	border-right: none;
}

.my-ikash .ikash-tab > .nav-tabs > li.active > a,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:focus,
.my-ikash .ikash-tab > .nav-tabs > li a:hover,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:hover {
	background: url(../images/icon/orange_gradient_btn.png);
	background-size: 100% 100%;
	color: #fff;
	width: 100%;
}

.my-ikash .ikash-tab > .nav-tabs > li > a i {
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background-size: 100% 100%;
}

.my-ikash .ikash-tab > .nav-tabs > li > a i.icon-newsletter {
	background: url(../images/icon/icon-newsletter.png) no-repeat center;
}

.my-ikash .ikash-tab > .nav-tabs > li > a i.icon-favourite {
	background: url(../images/icon/icon_heart1.png) no-repeat;
}

.my-ikash .ikash-tab > .nav-tabs > li > a i.icon-review {
	background: url(../images/icon/icon_star1.png) no-repeat;
}

.my-ikash .ikash-tab > .nav-tabs > li > a i.icon-vouchers {
	background: url(../images/icon/icon_downloaded_voucher1.png) no-repeat;
	width: 31px;
	height: 21px;
}

.my-ikash .ikash-tab .footer-block {
	background: #222222;
	display: inline-block;
	width: 100%;
	color: #fff;
}

.my-ikash .ikash-tab .footer-block p {
	font-size: 18px;
	color: #fff;
	padding: 14px 14px;
	margin-bottom: 0px;
}

.my-ikash .ikash-tab .footer-block p i.icon-setting {
	float: left;
	background: url(../images/icon/icon-setting.png) no-repeat;
	background-size: 100%;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	margin-top: 0px;
}

.my-ikash .ikash-tab > .nav-tabs > li a i.icon-setting {
	background: url(../images/icon/icon_Profile&Settings1.png) no-repeat;
}

.my-ikash .ikash-tab > .nav-tabs > li.active > a i.icon-setting,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:focus i.icon-setting,
.my-ikash .ikash-tab > .nav-tabs > li a:hover i.icon-setting,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:hover i.icon-setting {
	background: url(../images/icon/icon_Profile&Settings.png) no-repeat;
}

.my-ikash .ikash-tab > .nav-tabs > li.active > a i.icon-favourite,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:focus i.icon-favourite,
.my-ikash .ikash-tab > .nav-tabs > li a:hover i.icon-favourite,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:hover i.icon-favourite {
	background: url(../images/icon/icon_heart.png) no-repeat;
}

.my-ikash .ikash-tab > .nav-tabs > li.active > a i.icon-review,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:focus i.icon-review,
.my-ikash .ikash-tab > .nav-tabs > li a:hover i.icon-review,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:hover i.icon-review {
	background: url(../images/icon/icon_star.png) no-repeat;
}

.my-ikash .ikash-tab > .nav-tabs > li.active > a i.icon-vouchers,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:focus i.icon-vouchers,
.my-ikash .ikash-tab > .nav-tabs > li a:hover i.icon-vouchers,
.my-ikash .ikash-tab > .nav-tabs > li.active > a:hover i.icon-vouchers {
	background: url(../images/icon/icon_downloaded_voucher.png) no-repeat;
}

.setting-tab > .nav-tabs {
	border-color: #e5e5e5;
	border: 1px solid #e5e5e5;
	margin: 20px 0px;
}

.setting-tab > .nav-tabs > li > a {
	border: none;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	padding: 12px 15px;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0);
}

.setting-tab > .nav-tabs > li > a:hover,
.setting-tab > .nav-tabs > li.active a {
	background: none;
	border: none;
	border-bottom: 4px solid #f57722;
}

.box-border {
	border: 1px solid #e5e5e5;
}

.form-Header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form-Header.noBorder {
	padding-right: 0px;
	padding-left: 0px;
	border-bottom: none;
}

.form-Header h3.heading {
	font-size: 20px;
	color: #333333;
	font-weight: 600;
	margin: 0px;
}

.subHeading {
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 25px;
	font-size: 18px;
}

.mBtm {
	margin-bottom: 30px;
}

.form-body {
	padding: 25px 15px;
}

.form-footer {
	background: #e1e1e5;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
}

.emailWrap {
	color: #333333;
	font-weight: 600;
	font-size: 16px;
}

.edit-btn {
	background: #00b1f9;
	color: #fff;
	font-weight: 600;
	border-radius: 2px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.save-btn {
	background: #00b1f9;
	color: #fff;
	font-weight: 600;
	border-radius: 2px;
	font-size: 16px;
	align-items: center;
	justify-content: center;
}

.edit-btn:hover, .save-btn:hover,
.edit-btn:focus, .save-btn:focus {
	color: #fff;
	opacity: 0.9;
}

.edit-btn i {
	margin-right: 6px;
	font-size: 18px;
}

.setting-tab .security .change-password {
	border-right: 1px solid #eeeeee;
	padding-right: 25px;
}

.setting-tab .security form .btn {
	padding: 10px 16px;
}

.tab-content h2 {
	border-bottom: 1px solid #e5e5e5;
	font-size: 25px;
	color: #222222;
	margin: 0px;
	padding: 24px 24px;
}

.button-group {
	padding: 20px 0px;
}

.alert.alert-success {
	background: #51c15f;
	border: none;
	padding: 10px;
	color: #fff;
	border-radius: 0;
	font-size: 16px;
	margin-bottom: 10px;
}

.alert.alert-danger {
	background: #fc2c2c;
	border: none;
	padding: 10px;
	color: #fff;
	border-radius: 0;
	font-size: 16px;
	margin-bottom: 10px;
}

.alert .close {
	color: #fff;
	opacity: 1;
}

.newsletter .checkbox {
	display: block;
	width: 30%;
	padding: 14px 0;
}

.newsletter .checkbox label {
	font-size: 16px;
	font-weight: 600;
}

.newsletter .checkbox-group {
	padding-left: 40px;
}

.newsletter .checkbox-group .btn-group {
	margin-top: 15px;
}

.newsletter h3 {
	margin-top: 20px;
}

.my-ikash .ikash-tab .footer-block p i.icon-newsletter {
	float: left;
	background: url(../images/icon/icon-newsletter.png) no-repeat;
	background-size: 100%;
	width: 22px;
	height: 33px;
	margin-right: 10px;
	margin-top: 0px;
}

.my-ikash .ikash-tab .footer-block p i.icon-heart {
	float: left;
	background: url(../images/icon/icon-heart-white.png) no-repeat;
	background-size: 100%;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	margin-top: 0px;
}

.my-ikash .ikash-tab .footer-block p i.icon-star {
	float: left;
	background: url(../images/icon/icon-star-white.png) no-repeat;
	background-size: 100%;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	margin-top: 0px;
}

.my-ikash .ikash-tab .footer-block p i.icon-vouchers {
	float: left;
	background: url(../images/icon/icon-vouchers.png) no-repeat;
	background-size: 100%;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	margin-top: 2px;
}

.favourite .campaing-tile {
	width: 100%;
	display: flex;
}

.favourite .campaing-tile .img-thum {
	float: left;
	margin-right: 13px;
}

.favourite .campaing-tile .img-thum img {
	width: 130px;
	height: 120px;
	object-fit: cover;
}

.favourite .campaing-tile .caption {
	float: left;
	color: #777777;
	font-size: 14px;
	font-weight: 400;
}

.favourite .tblWrap h2, 
.favourite .tile-wrap .caption h2 , 
.favourite .tile-wrap .caption h2 a {
	padding: 0px;
	font-size: 18px;
	color: #333333;
	text-transform: capitalize;
	border: none;
	margin-bottom: 8px;
	font-weight: 600;
}

.favourite .tblWrap .ratings {
	float: left;
	color: #008fed;
	font-size: 16px;
}

.favourite .tblWrap .social-count {
	float: left;
	margin-left: 20px;
}

.favourite .tblWrap .social-count span.view {
	font-size: 12px;
	color: #fff;
	background: url(../images/icon/icon-view-black.png) no-repeat 0px 3px;
	padding-left: 18px;
	vertical-align: super;
	margin-right: 10px;
}

.favourite .tblWrap .social-count span.download {
	font-size: 12px;
	color: #fff;
	background: url(../images/icon/icon-download-black.png) no-repeat 0px 2px;
	padding-left: 14px;
	vertical-align: super;
	margin-right: 10px;
}

.favourite .tblWrap .social-count span.like {
	font-size: 12px;
	color: #fff;
	background: url(../images/icon/icon-like-pink.png) no-repeat 0px 2px;
	padding-left: 17px;
	vertical-align: super;
}

.favourite .tblWrap .social-count a {
	font-size: 12px;
	color: #666666;
}

.tblWrap .table tr > th {
	background: #f1f1f4;
	color: #777777;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 15px;
}

.favourite .tblWrap {
	margin-top: 30px;
}

.favourite .tblWrap p {
	font-size: 15px;
	color: #666666;
	display: inline-block;
	width: 100%;
	padding-top: 0px;
}

.favourite .tblWrap .table > thead > tr > th:first-child,
.favourite .tblWrap .table > tbody > tr > td:first-child {
	text-align: left;
}

.favourite .tblWrap .table > thead > tr > th {
	text-align: left;
}

.favourite .tblWrap .table > tbody > tr > td {
	text-align: left;
	vertical-align: middle;
}

.favourite .tblWrap .table > tbody > tr > td .btn {
	padding-left: 10px;
	padding-right: 10px;
	min-height: 40px;
}

.favourite .tblWrap .table > tbody > tr > td .btn .glyphicon {
	font-size: 18px;
	margin-top: 3px;
}

.review.favourite .tblWrap .table > tbody > tr > td:nth-child(3n),
.review.favourite .tblWrap .table > thead > tr > th:nth-child(3n) {
	text-align: left;
	min-width: 400px;
}

.review.favourite .tblWrap .table > tbody > tr > td .ratings {
	float: none;
}

.review.favourite .tblWrap .table > tbody > tr > td .btn-group {
	display: inline-block;
}

.review.favourite .tblWrap .table > tbody > tr > td .social-count,
.vouchers.favourite .tblWrap .table > tbody > tr > td .social-count {
	margin-left: 0px;
}

.campaign-header {
	background: #f1f1f4;
	color: #777777;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 15px;
	width: 100%;
	display: flex;
	margin: 30px 0px 15px;
}
.review.favourite .campaign-header div , 
.review.favourite .ratingWrap{
	width: 20%;
}
.review.favourite .trashWrap ,.review.favourite .campaign-header div:last-child{
	width: 10%;
	text-align: center;
}

.review.favourite .campaign-header .sub-header.w-30,
.review.favourite .reveiwWrap {
	width: 30%;
}

.reveiwWrap {
	font-size: 14px;
	font-weight: 400;
}

.favourite .campaign-header div {
	width: 20%;
}

.favourite .favRgt {
	width: 60%;
	display: flex;
}

.favourite .favRgt .liveWrap, .favourite .favRgt .dateWrap,.favourite .favRgt .trashWrap {
	width: calc(100% / 3);
}

.favourite .campaign-header div:first-child , 
.favourite .campaing-tile, 
.review.favourite .campaign-header div:first-child {
	width: 40%;
}

.vouchers.favourite .campaign-header div,.compNumber,.voucherNoWrap,.expDateWrap {
	width: 18%;
}

.vouchers.favourite .campaign-header div:first-child,
.vouchers.favourite .campaing-tile {
	width: 32%;
}

.vouchers.favourite .campaign-header div:last-child,.vouchers.favourite .actionwrap {
	width: 16%;
}

.campaign-body .tile-wrap {
	border: 1px solid #eeeeee;
	padding: 18px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.actionwrap .btn {
	background: #d3d3e2;
	color: #fff;
	border-radius: 3px;
	width: 35px;
	height: 35px;
	padding: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.actionwrap .btn + .btn {
	margin-left: 10px;
}

.actionwrap a:hover {
	background: #22233b;
	color: #fff;
}

.tile-wrap .trashWrap a , .trashBtn {
	background: #d3d3e2;
	color: #fff;
	border-radius: 3px;
}

.trashWrap a:hover {
	color: #fff;
	background: #22233b;
}

.tile-wrap .trashWrap a.defaultBtn {
	background: #d3d3e2;
}

.liveWrap .text-success {
	background: #42c9ea;
	color: #fff;
	padding: 2px 12px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 3px;
}

.tile-wrap .dateWrap {
	color: #333333;
	font-weight: 600;
}

.eyeIcon {
	background: url(../images/eye.png) no-repeat;
	width: 21px;
	height: 13px;
	background-size: 100%;
	display: inline-block;
}

.downloadIcon {
	background: url(../images/download.png) no-repeat;
	width: 17px;
	height: 16px;
	background-size: 100%;
	display: inline-block;
}

.trashIcon {
	background: url(../images/trash.png) no-repeat;
	width: 16px;
	height: 17px;
	background-size: 100%;
	display: inline-block;
}

.compNumber , .voucherNoWrap , .expDateWrap {
	color: #333333;
	font-weight: 600;
}

.reviewCampRatings {
	color: #f57722;
	font-size: 17px;
}
/*===End iKash Page*/


/* About iKash page */
.page-heading {
	float: left;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 55px;
	font-weight: 100;
	text-align: center;
	margin-bottom: 50px;
}

.about-ikash {
	padding: 0;
	background: #f0eeea;
}

.about-ikash h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 15px;
}

.mngmnt-block {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.mngmnt-block .team-icon {
	float: left;
	background: url(../images/team-mngmnt-icon.png) no-repeat;
	width: 60px;
	height: 54px;
}

.mngmnt-block .corp-icon {
	float: left;
	background: url(../images/corporate-icon.png) no-repeat;
	width: 60px;
	height: 50px;
}

.mngmnt-block .content {
	float: left;
	width: 85%;
	margin-left: 20px;
	margin-bottom: 20px;
}

.mngmnt-block h3 {
	margin: 0;
	text-transform: inherit;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: normal;
}

.about-ikash-bottom {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 0;
}

.about-ikash-bottom .block {
	text-align: center;
}

.about-ikash-bottom .block h4 {
	font-size: 22px;
}

.about-ikash-bottom .block .global-icon {
	display: inline-block;
	background: url(../images/global-brand-icon.png) no-repeat;
	width: 82px;
	height: 70px;
}

.about-ikash-bottom .block .shopping-icon {
	display: inline-block;
	background: url(../images/shopping-icon.png) no-repeat;
	width: 81px;
	height: 70px;
}

.about-ikash-bottom .block .spend-icon {
	display: inline-block;
	background: url(../images/spend-more-icon-icon.png) no-repeat;
	width: 77px;
	height: 63px;
}

.about-ikash-bottom .block .ikashwallet-icon {
	display: inline-block;
	background: url(../images/ikash-wallet.png) no-repeat;
	width: 58px;
	height: 80px;
}

.looking-coupons {
	float: left;
	width: 100%;
	background: #333;
	padding: 50px 0;
	text-align: center;
}

.looking-coupons h2 {
	color: #fff;
	font-size: 40px;
}

.looking-coupons p {
	color: #999;
	font-size: 20px;
}

.looking-coupons .btn-primary {
	padding-right: 40px;
	position: relative;
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
}

.looking-coupons .btn-primary:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 10px;
	background: url(../images/arrow-next.png) no-repeat;
	width: 20px;
	height: 16px;
}

.content-page {
	margin: 25px auto;
}


/* Error Page */
.error-page {
	background: #f0eeea;
	text-align: center;
}

.error-page .cross-img {
	display: inline-block;
	margin-top: 100px;
}

.error-page h2 {
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	font-weight: 600;
}

.error-page p {
	font-size: 20px;
}

.error-page .button-group {
	float: left;
	width: 100%;
	margin-bottom: 100px;
}

.error-page .button-group .btn {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px;
}

.panel-heading .accordion-toggle:before {
	content: "";
	color: #000;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background: url(../images/icon/Remove.png) no-repeat;
	background-size: 100% 100%;
}

.panel-heading .accordion-toggle.collapsed:before {
	content: "";
	background: url(../images/icon/Add.png) no-repeat;
	background-size: 100% 100%;
}
/**/
.next_2 {
	margin-top: 20px;
}

/*==============Footer===============*/
.footer {
	background: #ffffff;
}

.footer .column {
	padding: 0px 10px;
	box-sizing: border-box;
}

.footer .column p {
	font-size: 14px;
	color: #292929;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 14px 0px;
}

.footer .column p.copyright {
	color: #666666;
	padding-top: 0px;
}

.footer .topHeader {
	background-color: #f1f1f4;
	display: flex;
	padding: 20px;
	box-sizing: border-box;
}

.footer .column.ikash {
	width: 30%;
}

.footer .column.main-links {
	width: 28%;
}

.footer .column.download-app {
	width: 30%;
}

.footer .column h3 {
	font-size: 22px;
	color: #292929;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: left;
	margin-top: 0px;
}

.footer .column ul.footer-nav li {
	display: inline-block;
	width: 50%;
	float: left;
}

.footer .column ul.footer-nav li a {
	font-size: 14px;
	font-weight: 400;
	color: #292929;
	line-height: 18px;
	padding: 6px 0;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	text-align: left;
}

.footer .column.category {
	width: 35%;
}

.footer .column.category ul.footer-nav {
	float: left;
	width: 50%;
}

.footer .column.category ul.footer-nav.last-child {
	padding-left: 35px;
}

.footer .column.follow-us {
	width: auto;
}

.footer ul.social-links li {
	list-style-type: none;
	padding-bottom: 15px;
}

.footer ul.social-links li.facebook a {
	background: url(../images/icon/icon-facebook.png) no-repeat left;
	padding-left: 25px;
	font-size: 15px;
	color: #999999;
}

.footer ul.social-links li.twitter a {
	background: url(../images/icon/icon-twitter.png) no-repeat left;
	padding-left: 25px;
	font-size: 15px;
	color: #999999;
}
/*===END===*/

/*Custom Checkbox Radio*/
.checkbox span.error {
	left: 15px;
	position: absolute;
	top: 16px;
	width: auto;
	line-height: normal;
}

.checkbox {
	padding-left: 20px;
}

.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 15px;
	line-height: 25px;
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 4px;
	left: 0;
	margin-left: -16px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
	-o-transition: border .15s ease-in-out,color .15s ease-in-out;
	transition: border .15s ease-in-out,color .15s ease-in-out;
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: -18px;
	top: 0px;
	margin-left: 0px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 16px;
	color: #555;
}

.checkbox input[type="checkbox"],.checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
	width: 26px;
	height: 26px;
	margin-top: 10px;
}

.checkbox input[type="checkbox"]:focus + label::before,.checkbox input[type="radio"]:focus + label::before {
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after,.checkbox input[type="radio"]:checked + label::after {
	font-family: "FontAwesome";
	content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled + label,.checkbox input[type="radio"]:disabled + label {
	opacity: .65;
}

.checkbox input[type="checkbox"]:disabled + label::before,.checkbox input[type="radio"]:disabled + label::before {
	background-color: #eee;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,.checkbox-primary input[type="radio"]:checked + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,.checkbox-primary input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,.checkbox-danger input[type="radio"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,.checkbox-danger input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,.checkbox-info input[type="radio"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after,.checkbox-info input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,.checkbox-warning input[type="radio"]:checked + label::before {
	background-color: #f57722;
	border-color: #f57722;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,.checkbox-warning input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,.checkbox-success input[type="radio"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,.checkbox-success input[type="radio"]:checked + label::after {
	color: #fff;
}

.radio {
	padding-left: 20px;
}

.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 15px;
}

.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 22px;
	height: 22px;
	left: 0;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out;
	-o-transition: border .15s ease-in-out;
	transition: border .15s ease-in-out;
	background: #e5e5e5 url(../images/radio-check.png) no-repeat center;
}

.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 22px;
	height: 22px;
	left: 3px;
	top: 0px;
	margin-left: -23px;
	/* border-radius: 50%; */
	background: #f57722 url(../images/radio-check.png) no-repeat center;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: -webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-moz-transition: -moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-o-transition: -o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	transition: transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
}

.radio input[type="radio"] {
	opacity: 0;
	z-index: 1;
	width: 22px;
	height: 22px;
	margin-top: 0;
}

.radio input[type="radio"]:focus + label::before {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
	background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}

/*input[type="checkbox"].styled:checked + label:after,input[type="radio"].styled:checked + label:after{/*font-family:'FontAwesome';content:"\f00c"*/ /* background: url(../images/check.png) no-repeat 7px 9px; content:""; height: 26px; width: 26px;}*/
input[type="checkbox"].styled:checked + label::before,input[type="radio"] .styled:checked + label::before {
	color: #fff;
}

input[type="checkbox"].styled:checked + label::after,input[type="radio"] .styled:checked + label::after {
	color: #fff;
}

.checkbox label.termandcondition input[type="checkbox"] {
	margin-left: -32px;
}
/*.checkbox label.termandcondition.success::after{background: url(../images/check.png) no-repeat 7px 9px; content:""; height: 26px; width: 26px;}*/
.checkbox label.termandcondition.success::after {
	content: "";
	height: 26px;
	width: 26px;
	font-weight: bold;
	content: "\f00c";
	font: normal normal normal 14px/1 FontAwesome;
	position: absolute;
	width: 16px;
	height: 16px;
	left: -18px;
	top: 0px;
	margin-left: 0px;
	padding-left: 3px;
	padding-top: 4px;
	font-size: 16px;
	color: #fff;
}

.checkbox label.termandcondition.success::before {
	background-color: #f57722;
	border-color: #f57722;
	color: #ffffff;
}

.checkbox label.termandcondition.success::after {
	color: #fff;
}

/*END*/

/* Flip Div style */
.card {
	position: relative;
	float: left;
	padding-bottom: 25%;
	width: 100%;
	text-align: left;
}

.card:nth-child(1) {
	margin-left: -3px;
	margin-right: 1px;
}

.card:nth-child(2),
.card:nth-child(3) {
	margin-right: 1px;
}

/* card fronts and backs */
.card__front,
.card__back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 400px;
}

.card__front,
.card__back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.card__front {
	background-color: #ff5078;
}

.card__back {
	background-color: none;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

/* hover effect */
.card.effect__hover:hover .card__front {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.card.effect__hover:hover .card__back {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}

.card.effect__hover:hover .card__back p {
	color: #333 !important;
}

/* click effect */
.card.effect__click.flipped .card__front {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__back {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}

/* random effect */
.card.effect__random.flipped .card__front {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.card.effect__random.flipped .card__back {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}
/*END*/

.main-content .cat-listing ul li .card.effect__hover a {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	-moz-box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	background: #fff;
	display: block;
	vertical-align: top;
}

.main-content .cat-listing ul li .card.effect__hover a .img-thum {
	position: relative;
}

.main-content .cat-listing ul li .card.effect__hover a .caption {
	position: absolute;
	min-height: 206px;
	bottom: 0px;
	background: url(../images/cap-bg.png) bottom repeat-x;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	vertical-align: bottom;
}

.main-content > .cat-listing > ul > li {
	vertical-align: top;
}

.main-content .category-cat-listing ul li .card.effect__hover a {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	-moz-box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	box-shadow: 0px 3px 20px 0px rgba(1, 1, 1, 0.21);
	background: #fff;
	display: block;
	vertical-align: top;
}

.main-content .category-cat-listing ul li .card.effect__hover a .img-thum {
	position: relative;
}

.main-content .category-cat-listing ul li .card.effect__hover a .caption {
	position: absolute;
	min-height: 206px;
	bottom: 0px;
	background: url(../images/cap-bg.png) bottom repeat-x;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	vertical-align: bottom;
}

.main-content > .category-cat-listing > ul > li {
	vertical-align: top;
}

.detail .count-list a {
	pointer-events: none;
}

.header-top .right-nav {
	padding-left: 0 !important;
}


/*Added CSS for issue 43486/87 provided by Vinay*/
.form-modal button.close {
	opacity: 1;
	color: #e1e1e5;
	font-weight: 500;
	vertical-align: top;
	z-index: 999;
	font-size: 40px;
}

.form-modal .btn-group .btn.btn-fb i.fa {
	font-size: 20px;
	float: left;
	top: 1px;
	position: relative;
	left: 10px;
}

.form-modal .btn-group .btn.btn-fb {
	background-color: #5673d5;
	margin: 0;
	font-size: 14px !important;
}

/*Added CSS provided by Vinay*/
.main-content > .cat-listing > ul > li > a .img-thum img, 
.cat-listing .img-thum img,
.main-content > .category-cat-listing > ul > li > a .img-thum img, 
.category-cat-listing .img-thum img {
	object-fit: cover;
	max-width: 100%;
	width: 100%;
	height: 100%;
}

/*Add CSS for free registration modal*/



#ForgotPassModal .btn-group .btn {
	margin-left: 0 !important;
}

#SuppDetails .fa-arrow-left {
	margin-right: 5px;
	margin-left: -11px;
}

.forgotPass {
	width: 500px;
	margin: 64px auto;
}

.selected {
	position: relative;
}

.selected:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 123;
}


/* REGARDING IE X sign issue*/
input::-ms-clear {
	display: none;
}

.language {
	margin-left: -4px;
}
/*#SuppDetails {overflow-x: hidden;overflow-y: auto;}*/

#submit_review_form #score {
	padding: 15px 0;
}

.Campaignratings {
	float: left;
    /*margin: 5px 0;*/
	margin-left: -7px;
	position: absolute;
	top: 12px;
	padding: 7px 8px 6px 5px;
	background-color: aliceblue;
	border-radius: 2px;
}

.campaignContent {
	color: #333333;
	font-size: 16px;
	line-height: 19px;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	font-weight: 400;
    /* margin: 0px -6px 10px -10px; */;
}

/*.confirmation-modal.modal {
	top: 15%;
}*/

.modal-dialog {
	width: auto;
}

.cancel-button {
}
/*#supplier_pop_company #supp_img{height: 148px;}*/
.confirmation-modal .modal-content {
	border-radius: 10px;
	width: 500px;
}

.confirmation-modal h3 {
	text-align: center;
	background: #45484F;
	padding: 13px;
	margin-top: 0px;
	color: white;
	border-radius: 6px 6px 0 0;
	font-weight: bold;
	font-size: 22px;
	border: #45484F solid;
}

.confirmation-modal img {
	font-size: 70px;
	margin: 0 10px;
	float: left;
	color: orange;
}

.confirmation-modal i.fa-question {
	font-size: 75px;
	margin: 0 10px;
	float: left;
	color: orange;
}

.confirmation-modal i.fa-thumbs-up {
	font-size: 70px;
	margin: 0 10px;
	float: left;
	color: #4E924E;
}

#supplier_pop_company #supp_img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.confirmation-modal .footer-text {
	border-top: none;
}

.radius-option label {
	font-size: 16px;
	font-weight: normal;
}

#voucherInfo {
	width: 103%;
}

.vouch_info {
	right: -40px !important;
}

.web-info {
	float: left;
	position: absolute;
	left: 100px;
	top: 4px;
}

.modal-2 {
	max-width: 800px;
	margin: auto;
}

.middle_pop {
	min-height: 130px;
	display: table;
	margin-left: auto;
	margin-right: auto;
	max-width: 650px;
	width: 100%;
	text-align: center;
}

.confirmation-modal .middle_pop img {
	display: table-cell;
	vertical-align: middle;
	float: left;
	margin-top: -20px;
/*height: 115px;width: 115px;*/;
}

.confirmation-modal .modal-dialog .middle_pop .modal-body {
	font-size: 19px;
	vertical-align: middle;
	display: table-cell;
	font-weight: 500;
}

.no-confirm {
	display: none !important;
}

.confirmation-modal .modal-dialog .modal-body {
	min-height: 70px;
}

.supplier_download {
	width: 100%;
	background: #999999;
	border: none;
	font-size: 22px;
	font-weight: 300;
	padding-top: 14px;
	padding-bottom: 14px;
	color: #fff;
}

.footer-text button {
	margin-bottom: 0;
	margin-left: 5px;
	padding: 10px 30px 10px 30px;
	background-color: #ccc;
	font-weight: 700;
}

.modal-body.modal-text {
	text-align: center;
	font-size: 17px;
}

.modal-footer {
	text-align: center;
}

.confirmation-modal .btn , .confirmation-modal .confirm.btn.btn-primary{
	font-size: 18px;
	padding: 10px 30px 10px 30px !important;
	width: 95px;
	height: 45px;
    /* margin: 0 0 10px 0; */;
}
.confirmation-modal .btn{
	margin: 0 5px;
}
#CampaignPopup .modal-dialog {
	width: 430px;
	margin: auto;
}

.user-modal .form-group input[type="text"]:disabled {
	background: #eee !important;
}

.header.inner-page .banner:before {
	background: transparent!important;
}

.banner .caption {
	height: auto !important;
}

.banner {
	display: inline-block;
	width: 100%;
	position: relative;
	min-height: 170px;
}

body {
/*overflow:auto !important;*/
}

#voucherCamp .modal-dialog {
	width: 485px!important;
}

#changeEmail.form-modal .modal-footer {
	background: #fff!important;
	border-top: 0px;
}

#change_email_btn {
	width: auto !important;
	background: #22233b;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}

#changeEmailPassword, #confirm_pwd {
	background-color: #fff !important;
}

#change_email_frm .form-control {
	padding-left: 10px!important;
}

#CampaignPopup .count-list li {
	padding: 0 !important;
}
/*#vouchers .caption h2 a{pointer-events: none;color: black;}*/
.view-vouch {
	margin-right: 10px;
}

.personal-info h3 {
	margin-bottom: 9px;
}

.ui-autocomplete {
	z-index: 100000!important;
}

.footer-1 li.active a {
	font-weight: 600!important;
	font-size: 16px!important;
}

.footer-2 li.active a {
	font-weight: 600!important;
	font-size: 16px!important;
}

.footer .column ul.footer-1 li a.active {
	color: white;
	font-weight: 500;
}

.footer .column ul.footer-2 li a.active {
	color: white;
	font-weight: 500;
}

.footer .column ul.footer-1 a.inactive {
	color: #999999 !important;
	pointer-events: none;
}

.footer .column ul.footer-2 a.inactive {
	color: #999999 !important;
	pointer-events: none;
}

.security form .btn {
	margin-left: 0!important;
}
/*#manage-cat{    max-height: 600px; overflow-y: auto;}*/
.banner a.down-arrow {
	display: none!important;
}

.fa-times {
	color: #a1a1a1;
}

.reviewTable .social-count, #vouchers .social-count,.favourite-table .social-count a {
	pointer-events: none;
}

#city .cityCheck {
	margin-top: 0!important;
}

#form_forgot_changepwd {
	position: relative;
	top: 20px;
}

.favourite-table img {
	height: 105px !important;
}

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

.favourite-table .fa-sort-asc, .favourite-table .fa-sort-desc {
	margin-left: -5px;
}

.right-nav {
	width: 70%!important;
}

.header-top .logo {
	width: 30%!important;
}

#all-loader {
	position: fixed;
	left: 0;
	width: 100%;
	height: 1200px;
	z-index: 9999;
	background-color: grey;
	opacity: .8;
	cursor: wait;
}

#all-loader img {
	position: fixed;
	top: 50%;
	left: 50%;
}

#SuppDetails .icon img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.download_vouch_text {
	position: fixed;
	top: 45%;
	left: 39%;
	font-weight: 600;
	font-size: 22px;
	color: black;
}

.camp_pop_title {
	text-align: left;
	margin-left: 6px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.radius_select .disable_radius {
	pointer-events: none;
}

.disable_radius button {
	color: #A0A097;
	font-weight: normal;
}

#radius .listing-radius-filter .radius_greyout {
	pointer-events: none;
}

#radius .listing-radius-filter .radius_greyout {
	pointer-events: none;
}

.disable_radius span:nth-child(1) {
	display: block!important;
}

.banner .btn-supplier {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

.radius_select .pull-left {
	display: block !important;
}

#user_setting_personal_info .name .col-sm-6 {
	padding-right: 0!important;
}

.no-camp {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	margin-top: 3%;
}

.info {
	display: inline-block;
	font-size: 12px;
	color: #2c94d9;
	width: 17px;
	height: 17px;
	text-align: center;
	border-radius: 50%;
	border: solid 1px #2c94d9;
}

.user-modal .radio-group label {
	width: 100%;
	font-weight: 600;
	margin-bottom: 0px;
}

.header-fixed {
	position: fixed;
}

/*.banner-static {
	margin-top: 68px;
}*/

.selected_city {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 7px;
	margin: 3px;
	border-radius: 4px;
	background-color: #bdbdbd;
}

.selected_city a i {
	color: #ef7f1a;
	margin-left: 10px;
}

.selected_city span {
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	font-weight: 400;
}

.autocomplete-suggestion.selected {
	background: white!important;
}

.autocomplete-suggestion:hover {
	background: #f0f0f0;
}

.home_city {
	font-size: 16px !important;
	text-transform: capitalize;
	border: none;
	width: 100%;
	height: 48px;
	padding: 6px 40px;
}

#UserDetailsModal button.close {
	background: #ff5252;
	display: block;
	width: 40px;
	height: 40px;
	opacity: 1;
	color: #fff;
	font-weight: 100;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	vertical-align: top;
	line-height: 12px;
	position: absolute;
	top: 90px;
	right: -13px;
	z-index: 999;
}

.iam_i .info {
	left: 50%;
	position: absolute;
	top: 3px;
}

.iam_i {
	position: relative;
	margin-right: 40px;
}

.load-more span a {
	/* position: absolute;
	left: -1000px; */
	color: white;
    font-size: 24px;
    background: orange;
    padding: 7px;
    border-radius: 7px;
}

header.header .header-top .form-horizontal .btn-default:hover,
header.header .header-top .form-horizontal .btn-default:focus,
header.header .header-top .form-horizontal .btn-default:active {
	background-color: #fff;
}

body.fire-fox,body.chrome,body.safari {
	overflow: auto !important;
}

.modal.fade.form-modal.in {
	padding-right: 0px !important;
}

.confirmation-modal.modal.fade.in {
	padding-right: 0px !important;
}

ul#ui-id-1,ul#ui-id-2 {
	height: 190px !important;
	overflow-y: scroll;
	overflow-x: hidden;
}

ul#ui-id-1,ul#ui-id-2 {
	height: 190px !important;
	overflow-y: scroll;
	overflow-x: hidden;
}

.ie #myModal {
	padding-left: 0px !important;
	overflow: auto !important;
	;
}

.ie .confirmation-modal {
	overflow: auto !important;
}

button.btn.btn-primary.btn-download {
	color: #fff;
}

button.btn.btn-primary.btn-download:hover {
	color: #fff;
}

#CampaignPopup .modal-footer {
	padding: 15px 0px 6px 0px;
}

.btn.btn-default.info_btn_box {
	float: right;
	margin-top: 5px;
	padding: 5px 15px;
	text-transform: capitalize;
}

/*.main-navbar .nav.navbar-nav > li.inactive a {
    color: white !important;
}

.main-navbar .nav.navbar-nav > li a {
   color: #777 !important;
}

*/
.main-navbar .nav.navbar-nav > li.active a, .main-navbar .nav.navbar-nav > li:hover {
	color: black!important;
}

.main-navbar .nav.navbar-nav li.inactive a {
	color: #777;
}
/* li.inactive:not([role='presentation']) a {
    color: #fff !important;
} */
/*
.main-navbar .navbar-nav li mega.dropdown-menu .block ul a {color:#777;}
li.head :not(.inactive) a{
     color: #fff !important;
        
}*/
.main-navbar .navbar-nav  li  .mega.dropdown-menu .block ul li.head a.not-active {
	color: #777 !important;
}

.share-btn {
	width: 43px;
	height: 43px;
	text-align: center;
	text-decoration: none;
	margin: 14px;
	border-radius: 50%;
	color: inherit;
	background-color: aliceblue;
	display: flex;
    align-items: center;
    justify-content: center;
}

.share-btn:hover {
	opacity: 0.7;
}

.campaign-distance {
	bottom: 12px;
	right: 12px;
	padding-right: 5px;
	background-color: aliceblue;
	color: black;
	position: absolute;
	padding-left: 7px;
	padding-right: 7px;
	display: flex;
	border-radius: 2px;
}

#share-button {
	position: absolute;
	/*top: 338px;*/
	top: 320px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	cursor: pointer;
	width: 100%;
	height: 60px;
    /* background-color: #EEEEED; */
	border-radius: 4px;
	padding: 17px 18px 0px 23px;
	will-change: transform;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#share-button span {
	position: absolute;
	z-index: 99;
	width: 45px;
	height: 45px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	text-align: center;
	letter-spacing: 2px;
	color: #0b0b0b;
	right: 12px;
	background-color: #efeaea;
	border-radius: 4px;
	padding: 10px;
	-webkit-transition: all 1.2s ease;
	transition: all 1.2s ease;
}

#share-button .container i {
    /* opacity: 0; */
	font-size: 28px;
	color: #1F1E1E;
	will-change: transform;
    /* -webkit-transform: scale(.1);
    transform: scale(.1); */
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#share-button .share-btn i{
	font-size:24px;
}
#share-button .share-btn.facebook i{
	color:#3B5998;
}
#share-button .share-btn.twitter i{
	color:#00b1f9;
}
#share-button .share-btn.whatsapp i{
	color:green;
}
#share-button .share-btn.copy-link i{
	color:blue;
}
#share-button .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: none;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 60px;
	border-radius: 4px;
	position: absolute;
	right: 26px;
}

.favourite-icon {
	position: absolute;
	right: 12px;
	top: 12px;
	background-color: aliceblue;
	padding: 8px 10px 6px 10px;
	border-radius: 2px;
}

#campaign-title {
	font-weight: bold;
	min-height: 32px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 7px 0;
}

#campaign-desc {
	font-size: 13px;
	color: #8f8c87;
	min-height: 58px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 4px;
}

.metrics-section-grid-4, .supplier-details-grid-4 {
	width: 33.33333333%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}

.supplier-details-grid-8 {
	width: 66.66666667%;
	float: left;
	padding-right: 15px;
	/* padding-left: 15px; */
}

header.header .header-top .nav.nav-tabs li a.header-link-outline {
	padding: 7px 22px 7px 22px;
	border: 1px solid white;
	border-radius: 0;
}

header.header .header-top .nav.nav-tabs li a.header-link-outline:hover {
	background: #fd7c26;
	color: white;
	border-color: #fd7c26 !important;
}

.banner-form {
	padding-top: 9px;
	padding-bottom: 9px;
}
.banner-form .icon-location.fa.fa-map-marker{
	font-size:19px; 
	position: absolute; 
	top: 25px; 
	left: 14px;
}
.banner-form .icon-location.fa.fa-search{
	font-size: 16px;
	position: absolute;
	top: 25px;
	left: 14px;
}
.bannerBox .form_fulltext .form-control-custom{
	padding-left: 50px;
	border-radius: 0px;
}
#customer_home_search {
	background: url(../images/icon/icon-search.png) no-repeat;
	width: 20px;
	height: 29px;
	display: block;
	border: none;
}

.why-ikash-heading {
	font-size: 16px;
	font-weight: 700;
	color: black;
	padding-bottom: 12px;
	margin-bottom: 0px;
}

.intro-mobile-app-heading {
	font-size: 28px;
	font-weight: 700;
	padding-bottom: 12px;
}

.supplier-name {
	font-weight: 600;
	color: #888888;
	font-size: 12px;
	/* margin: 0px; */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	line-height: inherit;
}

.download-app {
	width: 21%;
}

.copyright {
	font-size: 13px;
	line-height: 31px;
	color: #292929;
	font-weight: 400;
	margin: 0px;
}

.mobile-app-section {
	background: url(../images/bg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: white;
	padding-top: 14px;
}

.supplier-dashboard-btn {
	background-image: linear-gradient(90deg, #fd7921 0%, #f69a56 100%);
	color: white;
	padding: 12px;
	font-size: 12px;
	font-weight: 600;
}

.supplier-dashboard-btn:hover {
	opacity: 0.8;
	color: #fff;
}

.underLineImage {
	content: "";
	height: 70px;
	background-image: url(../images/Shape3.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 22px;
}

.home-phone {
	width: 100%;
	position: relative;
	top: 18px;
	z-index: 1;
}

.home-supplier {
	padding: 150px 263px;
	background-color: white;
}

.login-to-ikash {
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 26px;
	margin-top: 0px;
}

#login_submit_button, #registration_btn, #forgot_send_email {
	width: auto;
	background-color: #00b1f9;
	border-radius: 0px;
	padding: 12px 28px;
}

.top-categories {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	margin-top: 50px;
	margin-bottom: 30px;
}

.categories {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	margin-top: 16px;
	margin-bottom: 16px;
}

.commonli,.hiddenCommonli {
	margin: 4px 5px;
	background-color: rgba(255, 255, 255, 0);
}

.expandCommonli,.expandHiddenCommonli {
	width: 135px;
	height: 135px;
	box-shadow: rgb(203 203 203) 0px 0px 10px;
	margin: 17px;
	background-color: white;
}

.expand-button {
	margin-top: 50px;
	margin-right: 30px;
}

.category-name {
	overflow: hidden;
	color: #000;
    margin-top: 09px;
    font-size: 13px;
    font-weight: 600;
}

.sort-type {
	overflow: hidden;
    margin-top: 10px;
    font-size: 13px;
    color: #8f8d8d;
    font-weight: 600;
}

.sort-desc {
	padding-top: 12px;
    font-size: 15px;
    font-weight: 600;
    color: darkgrey;
}

.sub-category,.sub-category:focus,.sub-category-selectAll,.sub-category-selectAll:focus {
	width: fit-content;
	background: grey;
	padding: 7px 14px;
	color: white;
	margin: 16px;
}

#consumer-sub-cat-name .sub-category, 
#consumer-sub-cat-name .sub-category:focus, 
#consumer-sub-cat-name .sub-category-selectAll, 
#consumer-sub-cat-name .sub-category-selectAll:focus {
	margin: 12px 10px 12px 0px;
}

.sub-category:hover,.sub-category-selectAll:hover {
	color: white !important;
}

.selectedSubCategory, .selectAll {
	background: #f2a229 !important;
	color: white !important;
}

a.category-page-branch:hover {
	color: #f2a229 !important;
	text-decoration: underline !important;
}

.selectedCategory {
	color: #f2a229 !important;
	text-decoration: underline !important;
}

.cat-page-filter {
	margin-top: 27px;
	margin-bottom: 20px;
}

.custom-tooltip {
	position: relative !important;
    /* display: inline-block !important; */;
}

.custom-tooltip .custom-tooltiptext {
	visibility: hidden;
	position: absolute;
	width: 125px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 10px;
}

.custom-tooltip-bottom::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}

.custom-tooltip-bottom {
	top: 114%;
	left: 50%;
	margin-left: -60px;
}

.custom-tooltip:hover .custom-tooltiptext , .categoryWrap .categoryBox a:hover .custom-tooltiptext {
	visibility: visible;
	opacity: 1;
}

.category-expand-button {
	margin-top: -2px;
	margin-right: 15px;
}

.category-page-catname {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	margin-top: 40px;
	margin-bottom: 20px;
}

.registration-footer {
	font-size: 13px !important;
	color: #202020 !important;
}

.registeration-icon-email {
	background: url(../images/icon/icon-email.png) no-repeat;
	width: 18px;
	height: 13px;
	background-size: 100%;
	display: block;
	position: absolute;
	left: 12px;
	top: 14px;
}

.registeration-icon-lock {
	background: url(../images/icon/icon-lock.png) no-repeat;
	width: 16px;
	height: 18px;
	background-size: 100%;
	display: block;
	position: absolute;
	left: 12px;
	top: 11px;
}

.registeration-icon-zip {
	background: url(../images/icon/icon-zip.png) no-repeat;
	width: 16px;
	height: 18px;
	background-size: 100%;
	display: block;
	position: absolute;
	left: 10px;
	top: 13px;
}

.social-count span.view {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/view.png) no-repeat 0px 3px;
	padding-left: 30px;
	vertical-align: middle;
	margin-right: 10px;
}

.social-count span.download {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/download.png) no-repeat 0px 2px;
	padding-left: 30px;
	vertical-align: middle;
	margin-right: 10px;
}

.social-count span.like {
	font-size: 14px;
	font-weight: 600;
	color: black;
	padding-right: 33px;
	background: url(../images/icon/fav.png) no-repeat 0px 2px;
	padding-left: 30px;
	vertical-align: middle;
}

.campaign-detail-distance {
	padding-left: 7px;
	padding-right: 7px;
	display: flex;
	align-items: center;
}

.socialWrapper .campaign-detail-distance {
	padding: 0px;
}

.read-more {
	width: 100%;
	float: left;
}
/*********************/
.header-top h1 {
	width: auto;
}

.headerRgt {
	width: 35%;
}

.bannerSearch {
	background-color: rgb(33 32 50 / 0.6);
	margin: 0 auto;
	/*max-width: 75%;*/
	max-width: 63%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 8px;
}

.bannerSearch .bannerBox {
	position: relative;
}

.bannerSearch .bannerBox:first-child {
	width: 40%;
}

.bannerSearch .bannerBox:nth-child(2) {
	width: 30%;
}

.bannerSearch .bannerBox:nth-child(3) {
	width: 18%;
}

.btnSearch {
	padding: 13px 18px;
	background-color: #31ccec;
	color: white;
	font-weight: 700;
	border: none;
}

.bannerBox select {
	padding: 6px 4px;
}
/*.bannerSearch .bannerBox:nth-child(4){width: 18%;}*/

.bannerBox select , .radius_select select {
	padding: 6px 25px 6px 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff;
	font-size: 13px;
}

.customSelect select {
	padding: 6px 25px 6px 40px;
	-webkit-appearance: none;
}

.bannerBox .customSelect:after , .radius_select:after {
	font-family: FontAwesome;
	content: "\f107";
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	padding: 0 7px;
	color: gray;
	pointer-events: none;
	font-size: 17px;
	display: flex;
	align-items: center;
}
.bannerBox .customSelect:after{padding: 0px 12px 0px 0px;}
    

/* CAUTION: IE hackery ahead */
.bannerBox select::-ms-expand , .radius_select select::-ms-expand {
	display: none;
 /* remove default arrow on ie10 and ie11 */;
}

/*header*/
.header-top.navbar-inverse .nav.navbar-nav li .btn {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	border: 2px solid #fff;
	cursor: pointer;
	padding: 10px 16px;
	border-radius: 0px;
	min-width: 110px;
}

header .nav.navbar-nav li + li {
	margin-left: 25px;
}

header .rgtNav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 15px;
}

.header-top.navbar-inverse .navTxt li a {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	cursor: pointer;
	background-color: transparent;
	padding: 24px 5px;
}

.navTxt li a + a {
	margin-left: 10px;
}

.navTxt li a:hover, .navTxt li a.active {
	border-bottom: 2px solid #fd7c26;
	color: #fd7c26;
	background-color: transparent;
}

.header-top.navbar-inverse .navbar-nav>.active>a, 
.header-top.navbar-inverse .navbar-nav>.active>a:focus, 
.header-top.navbar-inverse .navbar-nav>.active>a:hover {
	background: transparent;
}

.header-top.navbar-inverse .navbar-toggle {
	background: #fd7c26 !important;
}

.header-top .navbar-nav.navTxt {
	display: flex;
	align-items: center;
}
/**/
.navWrapper {
	position: relative;
	padding: 0px 30px;
}

.searchHeader {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	max-width: 50%;
	display: flex;
	align-items: center;
	/* justify-content: center; */
	z-index: 1;
}

#navheader {
	padding: 0px;
	overflow: hidden;
}

.logoWrapper {
	display: flex;
	align-items: center;
	margin-top: 14px;
}

.search-btn {
	background-color: #31ccec;
	height: 38px;
	padding: 10px 14px;
	border: none;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.search-btn i {
	font-size: 19px;
	color: white;
}

.why-ikash .container {
	max-width: 100%;
}

.home-supplier .custRow {
	display: flex;
	align-items: center;
}

.subscribe .subscribe-form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 75%;
	margin: 0 auto;
}

.subscribe .subscribe-form .RgtBlock {
	flex: 0 0 65%;
}

.topHeader {
	background-color: #f1f1f4;
}

footer .topHeader .btnWrapper {
	display: inline-block;
	width: 30%;
}

footer .topHeader .btnWrapper img {
	width: 100%;
}

footer .topHeader .btnWrapper + .btnWrapper {
	margin-left: 10px;
}

.btmHeader {
	background-color: #e1e1e5;
	padding: 15px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.btmHeader ul li {
	display: inline-block;
}

.btmHeader ul li a {
	color: #333333;
}

.btnOuterWrap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
}

.btnOuterWrap .appIcon {
	padding: 0 12px;
}

.btnOuterWrap .appIcon img {
	max-width: 100%;
}
/*************search*******************/
.searchbardiv {
	width: 100%;
	max-width: 100%;
	padding: 10px 30px;
	margin: 0px;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.searchbardiv #searchform {
	width: 100%;
	margin-bottom: 10px;
}

.searchbardiv #form_fulltext_mobile_header {
	width: 100%;
}

.searchbardiv #searchform .location {
	width: 80%;
}

.buttonsearch {
	position: absolute;
	top: 9px;
	right: 70px;
	background-color: transparent;
	border: 0px;
	box-shadow: none;
	color: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	border-radius: 4px;
}

.buttonsearch:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0px;
}

#formsearch {
	display: none;
}

.glyphicon.glyphicon-search {
	font-size: 16px;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

#searchbox {
	box-shadow: none;
	padding: 8px 14px;
}

#searchbox:hover {
	box-shadow: none;
}

.form-control:focus {
	border-color: #ccc;
}

.navbar-toggle {
	margin-right: 35px;
	border: none;
	background: transparent !important;
}

.navbar-toggle:hover {
	background: transparent !important;
}

.navbar-toggle .icon-bar {
	width: 22px;
	transition: all 0.2s;
}

.navbar-toggle .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}

.navbar-toggle .middle-bar {
	opacity: 0;
}

.navbar-toggle .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .top-bar {
	transform: rotate(0);
}

.navbar-toggle.collapsed .middle-bar {
	opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
	transform: rotate(0);
}

.header .buttonsearch {
	display: none;
}

#searchform .radius_select {
	flex: 1;
	position: relative;
}

#searchform .radius_select .home_radius {
	width: 100%;
}

#searchform .vl {
	background: grey;
}

.header-top .navbar-collapse.in {
	overflow-y: hidden;
}

.banner .caption .distanceIcon {
	position: absolute;
	width: 24px;
	top: 22px;
	left: 10px;
}

.banner .caption .distanceIcon img {
	width: 100%;
}

.categoryWrap {
	width: 100%;
	padding: 0 180px;
	display: none;
}

.categoryBox {
	margin: 50px 0px;
	width: 100%;
	position: relative;
	opacity: 1;
	background: none;
}

.categoryWrap .categoryBox a img {
	width: 60px;
	height: 60px;
	object-fit: contain;
}

/* .custom-tooltiptext.custom-tooltip-bottom {
    visibility: hidden;
    position: absolute;
    width: 100%;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 2px;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 10px;
    right: 0;
    left: 0px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} */
.owl-carousel .owl-item {
	float: left;
	display: table-cell;
	float: none;
	vertical-align: middle;
}

.why-ikash .imgWrapper img {
	width: 100%;
	margin-bottom: -3px;
}

.why-ikash .imgWrapper {
	width: 56%;
	margin: 0 auto;
	min-height: 120px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	border-bottom: 1px solid #939aab;
    overflow: hidden;
}

.campaign-distance .location-img {
	padding-right: 5px;
}

.campaign-distance h5 {
	font-weight: 700;
	margin: 0px;
}

.campaign-distance {
	font-size: 12px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px;
}

.supplierLogo {
	width: 100%;
	max-height: 33px;
	object-fit: contain;
}

.mb-3 {
	margin-bottom: 25px;
}

#personal-detail-save, #address-detail-save {
	display: none;
}
/*********************/
.checkboxWrap {
	display: inline-block;
	margin: 10px;
}

.check-list label.btn.primary {
	background-color: #d3d3e2;
	color: #ffffff;
	font-weight: 600;
	font-size: 14px;
	padding: 10px 12px;
}

.check-list label.btn.primary.active {
	background-color: #f57722;
	color: #ffffff;
}
/*campaign detail*/
/* #campaign-detail-section .img-box img {
	width: 424px;
	height: 394px;
	object-fit: cover;
} */

#campaign-detail-section .info-box .info-header {
	display: flex;
	border: 1px solid lightgrey;
	padding: 10px 15px;
	justify-content: space-between;
	align-items: center;
}

.info-box .info-body {
	border: 1px solid lightgrey;
	border-top: none;
	padding: 10px;
}

#campaign-detail-section .info-box .info-header h5 {
	font-weight: 600;
	margin: 0;
	font-size: 16px;
}

.btn-cust {
	float: none;
	padding: 16px;
	border: 1px solid #01b1ec;
	text-align: center;
	width: 20%;
	max-width: 500px;
	color: #fff;
	background-color: #01b1ec;
	margin-top: 40px;
	font-weight: 600;
	font-size: 16px;
}

.rating.review_ratings {
	font-size: 18px;
	color: #fd7c26;
	margin-right: 6px;
}

.review {
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 16px;
}

.info-footer {
	display: flex;
	padding: 15px;
	border: 1px solid lightgray;
	border-top: none;
	align-items: center;
}

.info-footer img {
	max-height: 24px;
	object-fit: contain;
}

.info-footer h5 {
	padding-left: 12px;
	font-size: 14px;
}

.socialWrapper, .location-info-wrap {
	display: flex;
	justify-content: space-between;
	border: 1px solid lightgrey;
	border-top: none;
	padding: 15px;
}

.supplier-name-wrap, .supplier-website-wrap{
	border: 1px solid lightgrey;
}

.socialWrapper .row.social-count {
	width: 70%;
	display: flex;
	align-items: center;
	margin: 0px;
}

.location-info-wrap {
	border-bottom: 0px;
	/* border-top: 1px solid lightgrey; */
}

.info-box .socialWrapper .social-count span.view,
.info-box .socialWrapper .social-count span.like,
.info-box .socialWrapper .social-count span.download,
.info-box .socialWrapper .campaign-detail-distance h5 {
	font-size: 16px;
	font-weight: 600;
	padding: 0px 10px;
	margin-right: 10px;
}

.info-box .socialWrapper .campaign-detail-distance h5 {
	margin-right: 0px;
	padding-right: 0px;
}

.info-box .socialWrapper .campaign-detail-distance img {
	width: 14px;
}

.info-box .socialWrapper .social-count .metrics-section-grid-4 {
	width: 30%;
	font-size: 16px;
	font-weight: 600;
	margin: 0px;
	padding: 0px;
}

.campaign-details-reviews .headingTxt {
	font-weight: 500;
	font-size: 13px;
}

.container-fluid.categoryouter {
	padding-left: 28px;
}

.container-fluid.categoryouter .categoryInner {
	display: flex;
	align-items: center;
}

.campaign-details-reviews .headingTxt span {
	color: #304b99;
	font-size: 14px;
}

.campaign-details-reviews .review {
	margin-bottom: 10px;
}

.reveiwBtns select {
	border-radius: 0;
	width: 64%;
}

.custRow .reveiwBtns button {
	background: #fd7c26;
	color: white;
	font-weight: 600;
	border: none;
	padding: 7px 16px;
}

.campaign-detail-distance.metrics-section-grid-4 {
	display: none;
}

#campaign-detail-section .paddingTop {
	padding-top: 48px;
	margin: 0px;
}

.padLft {
	padding-left: 28px;
}

#category_search_field {
}

#category_search_field {
	padding-left: 40px;
}

.cat-page-filter .icon-location {
	font-size: 16px;
	position: absolute;
	top: 22px;
	left: 26px;
}

#cat-radius,.rgtFiiter {
	padding-left: 0;
}

#cat-page-filter .col-sm-5 {
	padding-left: 9px;
}

.container-fluid.categoryWrapper {
	padding-left: 28px;
	background-color: white;
}

.searchBoxwrap {
	padding-top: 9px;
	padding-bottom: 9px;
}

#consumer-sub-cat-name {
	display: flex;
	flex-wrap: wrap;
	border-top: 3px solid #f2f2f2;
}
/*privacy modal*/
.modal.customModal {
	text-align: center;
	padding: 0!important;
}

.modal.customModal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal.customModal .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 50vw;
}

.modal.customModal .modal-content {
	border-radius: 2px;
}

.modal.customModal .modal-title {
	font-size: 18px;
	color: #222222;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}

.modal.customModal .modal-header .close {
	opacity: 1;
	color: #e1e1e5;
	font-weight: 500;
	font-size: 40px;
}

.modal.customModal .modal-body {
	max-height: 500px;
	overflow-y: auto;
	width: 100%;
}

#CampaignPopup.modal.in {
	overflow-x: hidden!important;
	text-align: center;
	overflow-y: auto;
}

.centered-modal.in {
	display: flex !important;
	overflow-x: hidden!important;
}

.centered-modal .modal-dialog {
	margin: auto;
}

.categoryHeader {
	display: none;
	justify-content: center;
}

.btn-group.registerBtn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
}

.btn-group.registerBtn p {
	margin: 0px;
}

.btn-group.registerBtn p a {
	text-decoration: underline!important;
}

.breadcrumbWrap {
	display: inline-block;
	width: 100%;
	background-color: #e1e1e5;
	border-radius: 0px;
	padding: 18px 26px 2px;
}
/*Contact us css*/
.contactusWrap {
	margin: 40px auto;
	max-width: 85%;
}

.contactForm {
	border: 1px solid #ccc;
	padding: 30px;
}

.contactusWrap .contactHeading {
	font-weight: 800;
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 25px;
}

.contactusWrap .btnSnd {
	background: #43caeb;
	color: #fff;
	text-transform: capitalize;
	font-weight: 600;
	width: 100px;
	font-size: 16px;
}

.contactusWrap .form-control {
	border-radius: 2px;
}

.contactusWrap .form-group label {
	font-size: 14px;
}

.reachWrap h5 {
	font-size: 24px;
	font-weight: 600;
}

.reachWrap .reachBox {
	display: flex;
	align-items: center;
	margin: 30px 0px;
}

.reachWrap .reachBox .reachIcon {
	margin-right: 12px;
}

.contactusWrap .ImgWrapper {
	margin-bottom: 30px;
}

.contactusWrap .ImgWrapper img {
	max-width: 100%;
}

.reachTxt p {
	padding: 0px!important;
	font-size: 16px;
	font-weight: 400;
}

.reachTxt a {
	color: #333333;
	font-size: 22px;
	font-weight: 700;
}

.reachIcon img {
	width: 100%;
}

.mb-50 {
	margin-bottom: 50px;
}

.headerTxt {
	margin-bottom: 30px;
	font-weight: 600;
}
/*#all-categories .navbar-nav>li>a{padding: 0px;}*/
.logoWrapper ul.nav-tabs {
    position: relative;
    top: 5px;
}
.navbar-header button i {
	vertical-align: middle;
	top: 0;
}
.noCampaign {
	opacity: 0.2;
}

.fixedClass {
    animation:slide-down 0.7s;
}                  

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
    } 
    100% {
        transform: translateY(0);
    } 
}

.sold-out-img{
	position: absolute;
    top: 29%;
    left: 12%;
    transform: rotate(-7deg);
    width: 77%;
}

.currentLocationIcon {
	position: absolute;
	width: 24px;
	top: 22px;
	right: 10px;
}

.currentLocationIcon img {
	width: 100%;
}

.currentLocationIcon:hover img {
	opacity: 0.3;
}
#copy_link{
	display: none;
}
.categoryCurrentLocationIcon{
	position: absolute;
    width: 24px;
    top: 9px;
    right: 23px;
}
.category-cross-city{
	position: absolute;
    top: 5px;
    right: 54px;
    font-size: 17px;
    color: gray;
    border-right: 1px solid black;
}
.supplier{
	padding-left: 25px;
	padding-top: 25px;
	font-weight: 700;
	color: black;
}
.sorting {
	padding-right:0;
    padding-left:0;
}
#owl-example .owl-wrapper-outer .owl-wrapper > div:first-child {
	background-color:#ef7f1a00
}
.show-read-more{
	overflow-wrap: break-word;
}
.camp_pop_end_date{
    background: #575756;
    font-size: 18px;
    padding: 6px;
    color: white;
}
@media (max-width: 479px){
    .custRow .reveiwBtns button {
        padding: 6px 10px;
        font-size: 11px;
    }
    
    .reveiwBtns select {
        width: 90px;
    }
}
.payment-confirmation .modal-dialog {
    display: flex;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    margin: 0;
    padding-top: 15%;
    justify-content: center;
}

.payment-confirmation .modal-content {
    pointer-events: auto;
}

.confirmation-modal.modal.payment-confirmation {
    top: 0%;
}

.payment-confirmation .modal-dialog .modal-content.modal-2 {
    margin: 0;
}
.bannerSearch input::placeholder {
    font-size: 18px;
}
.bannerSearch .bannerBox select {
    font-size: 18px;
}
.first p {
	font-size: 12pt;
}
.homeCat.all-categories {
    border-radius: 10px;
    background-color: #e1f2f7;
    border: 4px solid white;
}
.homeCat {
    max-width: 110px;
	height: 150px;
}
.category-name {
	margin-top: 12px;
    color: #61b5e4;
}
.homeCat.all-categories:hover {
    color: #fff !important;
    background: #30bdeb!important;
}
.homeCat.all-categories:hover p {
    color: #fff;
}
.homeCat:not(.all-categories) {
	position: relative;
}
.homeCat:not(.all-categories)::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 3px;
bottom: -20px;
left: 0;
background-color: #ef7f1a;
transform-origin: bottom right;
transition: transform 0.2s ease-out;
}
.homeCat:not(.all-categories):hover::after {
transform: scaleX(1);
transform-origin: bottom left;
color: #ef7f1a;
}
.homeCat:not(.all-categories):hover .category-name {
color: #ef7f1a;
}
.homeCat.sort-icon:not(.all-categories):hover::after {
    transform: scaleX(0);
    transform-origin: bottom left;
    color: #ef7f1a00;
	background-color: #ef7f1a00;
}

.custom-tooltiptext.custom-tooltip-bottom {
    display: none;
}
.homeCat.noCampaign:not(.all-categories):hover::after {
    transform: scaleX(0);
    transform-origin: bottom left;
    color: #ef7f1a;
}
.homeCat.noCampaign:not(.all-categories):hover .category-name {
    color:rgb(168, 166, 166) !important;
}
.categoryWrap.campaigncategory{
	display: none;
}
.homeCat.sort-icon:not(.all-categories):hover .category-name {
	color: #61b5e4 !important;
}