*{padding:0; margin:0;}
html{scroll-behavior: smooth;}
body{font-family: 'Poppins', sans-serif !important; background-color: #eaeaea;}

.mr{margin:0;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 98%; padding: 0 20px;
}
.py-3 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.bg-white{background-color: #fff;}

ul, li{padding:0;margin:0;}
h1, h2, h3, h4, h5, h6{color:#fff;margin:0;}
a{text-decoration: none !important;}
.pd-0{padding:0;}

.btn-primary.focus, .btn-primary:focus {color: #000;border-color: transparent;box-shadow: none;}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
    transform: scale(0.9);
}
.form-control:focus {
    color: #000;
    border-color: #000;
    outline: 0;
    box-shadow: none;
    background: #e8e9ec;
}
.w-89{width: 89%;}
textarea.form-control {
    height: auto;
    background: #f2f2f2;
    border-radius: 11px;
    padding: 0.75rem 2.5rem;
}
.navbar-white {
    background-color: #fff;
    color: #1f2d3d;
    position: relative;
    z-index: -1;
}
.wrapper {
    position: relative;
    z-index: 99;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#000;opacity: 1; /* Firefox */font-size: 14px; }
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#000; }
.form-control::-ms-input-placeholder { /* Microsoft Edge */color:#000;}
#login a, #register a{color:#fff;}
.tealBg{background-color: #0AC2BC;}
label{margin-bottom:0;}
.btn.focus, .btn:focus{box-shadow:none; border:none;}
button:focus{outline: none;}
:focus-visible{outline: 0;}
input:focus::-webkit-input-placeholder { outline:0;  color:transparent; }
input:focus:-moz-placeholder { outline:0; border:none; color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { outline:0; border:none; color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { outline:0; border:none; color:transparent; } /* IE 10+ */


/* for chrome input scroll  */
::-webkit-scrollbar-track-piece {
    background-color: #eaeaea;
}
::-webkit-scrollbar-track {
    background-color: #575757;
}
::-webkit-scrollbar-thumb {
    background-color: #888;
}
::-webkit-scrollbar-corner {
    display: none;
}
::-webkit-scrollbar-button {
    display: none;
}
::-webkit-scrollbar {
    width: 5px;
    height:2px;
    border-radius: 20px;
}
::-webkit-resizer {
    display: none;
}

/* Dashboard */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
	background-color: #0ac2bc;
	color: #fff !important;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus {
	background-color: #0ac2bc;
	color: #fff;
}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
	color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}


[class*="sidebar-dark-"] {
	background-color: #232323;
}
.content-header h5 {
	font-size: 1.8rem;
	margin: 0;
	color: #000;
}
.breadcrumb-item a{color: #000;}
.breadcrumb-item.active {
	color: #0ac2bc !important;
}
.breadcrumb-item + .breadcrumb-item::before {
	float: left;
	padding-right: .5rem;
	color: #000;
	content: "/";
}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-treeview {
	background-color: #353535;
	border-radius: 5px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #000;
}
#bootstrap-gallery .modal-header a.modal-button {
    margin-top: 7px;
}
.img-thumbnail {
    margin-bottom: 13px;
}


/* dashboard-end */

.darkGrey{background-color: #232323;}
.dbcolor1{color: #FF0061;}
.dbcolor2{color: #172E5B;}
.dbcolor3{color: #F25E0F;}
.dbcolor4{color: #910D72;}
.dbcolor5{color: #A2B717;}
.dbcolor6{color: #A592EA;}
.dbcolor7{color:#FFB31B;}
.dbcolor8{color: #17B7AC;}
.dbcolor9{color: #58345F;}
.dbcolor10{color: #F25E0F;}
.dbcolor11{color: #910D72;}
.dbcolor12{color: #A2B717;}
.acounthighlightcolor{color: #000;}
a.acounthighlightcolor.link{color: #ffb31b; text-decoration: underline !important;}

.photomain1{background-color: #FF0061;}
.photomain2{background-color: #172E5B;}
.photomain3{background-color: #F25E0F;}
.photomain4{background-color: #910D72;}
.photomain5{background-color: #A2B717;}
.photomain6{background-color: #A592EA;}
.photomain7{background-color:#FFB31B;}
.photomain8{background-color: #17B7AC;}
.photomain9{background-color: #58345F;}
.photomain10{background-color: #F25E0F;}
.photomain11{background-color: #910D72;}
.photomain12{background-color: #A2B717;}

.yellowBg{background: rgb(255,227,36) !important;background: linear-gradient(90deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%) !important;}

.top-header-height{height:66px;}
.top-header-height img {
    max-width: 220px;
    height: auto;
}
.slide-box {
    display: flex;
}
.changecolor{font-size:14px;}

.changecolor a {
	color: #ffb71b;
}
.customeadd-2 img {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.form-control {	border: none;}
.popupwrap {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    margin: 50px;
    padding: 20px 50px;
}
.Photomania_wallet {
    background-image: url(../images/info-photomania.png);
    background-size: contain;
    height: 331px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    width: 90%;
    margin: 0 auto;
}
.photomaniafirst {
    position: absolute;
    top: 25%;
    left: 0%;
    text-align: center;
    width: 20%;
}
.photomaniasecond {
    position: absolute;
    top: 25%;
    left: 20%;
    text-align: center;
    width: 20%;
}
.photomaniathird
{
	position: absolute;
    top: 25%;
    left: 40%;
    text-align: center;
    width: 20%;

}
.photomaniafourth
{
	position: absolute;
    top: 25%;
    left: 60%;
    text-align: center;
    width: 20%;

}
.photomaniafifth
{
	position: absolute;
    top: 25%;
    left: 80%;
    text-align: center;
    width: 20%;

}
.Photomania_wallet h5 {
    font-size: 16px !important;
    padding: 0 34px !important;
    text-align: center !important;
}
.popuplogo {
    width: 115px;
    margin: 0 auto;
}
.popupwrap h3 {
    font-weight:500;
    font-size: 25px;
    padding:10px 0;
    color: #000;
}
.popupwrap h2  {
    font-weight: 400;
    font-size: 25px;
    padding: 10px 0;
    color: #000;
}
.popupwrap .coupon-codewrap {
    background: #eaeaea;
    display: inline-block;
    margin: 24px auto;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    position: relative;
    padding: 0 20px;
    border-radius: 5px;
	width: auto;
}
.popupwrap h6 a {
    color: #0ac2bc;
    text-decoration: underline !important;
    font-weight: 500;
}
.popupwrap h6 {
    font-weight: 400;
    font-size: 16px;
    padding: 10px 0;
	color: #000;
}
.popupwrap  .form-control {
    border: none;
    width: 100%;
    background: transparent;
    padding: 0 20px;
    height: 55px;
    line-height: 55px;
    text-align: center;
}
.Photomania_wallet_wrap {
    border-top: solid 15px #eaeaea;
    margin: 0 -20px;
    border-bottom: solid 15px #eaeaea;
}
.mainWrapForm {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 7px 7px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(99, 98, 98, 0.3);
    padding: 20px;
    margin: 50px auto;
    width: 60%;
}
.photomaniaContestMainWrap
{
	border-top: solid 15px #eaeaea;
    margin: 30px -20px;
}
.mainWrapForm h5
{
	font-size: 30px;
	color: #000;
	padding:0 0 20px 0;
	text-align: center;
}
.mainWrapForm .form-control {
    background-color: #f4f4f4;
    padding: .375rem .75rem;
}
.submit-btnform2 {
	background: rgb(255,227,36);
    background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
    background-repeat: no-repeat;
    padding: 5px 30px;
    border-radius: 4px;
    color: #fff;
    border: none;
    margin: 0 auto;
}


/* Style the search field */
form.example input[type="text"] {
	padding: 0 0 0 10px;
	font-size: 13px;
	border: none;
	width: 100%;
	background: #fff;
	border-radius: 5px;
	border: none;
	height: 41px;
}
  
/* Style the submit button */
form.example button {
	width: 89px;
	padding: 8px 10px;
	background: rgb(255,227,36);
	background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
	color: #232323;
	font-size: 14px;
	border: none;
	border-left: none;
	cursor: pointer;
	border-radius: 5px;
	margin-right: 0;
	margin-top: 0px;
	height: 41px;
	position: absolute;
	right: 0px;
	top:0;
}
/* Style the search field */
form.example2
{
		position: relative;
		margin: 0 auto;
		width: 85%;
}
form.example2 input[type="text"] {
	padding: 0 0 0 10px;
	font-size: 13px;
	border: solid 1px #000 !important;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	border: none;
	height: 33px;
}
/* Style the submit button */
form.example2 button {
	width: 42px;
	padding: 0;
	background: rgb(255,227,36);
	background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
	color: #232323;
	font-size: 16px;
	border: none;
	border-left: none;
	cursor: pointer;
	border-radius: 3px;
	margin-right: 0;
	margin-top: 1px;
	height: 31px;
	position: absolute;
	right: 1px;
	line-height: 31px;
}
.subscribetxt
{
	font-size: 13px;
	padding: 10px 0;
	margin-bottom: 0;
}

form.example button:hover {background: rgb(255,227,36);background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%)}
  /* Clear floats */
form.example::after {content: "";clear: both;display: table;}

.topheaderBtn .btn {
    padding: 7px 10px;
    border-radius: 3px;
    border: none;
    font-size: 15px;
}
.topheaderBtn .rightBtn{margin-right:10px;}
.topheaderBtn .dropdown-menu.show {
	border: none;
	/* background: rgb(255,227,36); */
	background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
	z-index: 9999;
}

/*Nav */
/* .TopNav .navbar-nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
color: #FFC000;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #FFC000;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0;padding-left: 0;color: #fff;font-size: 15px;font-weight: 400;} */

nav.menu {
    position: relative;
    min-height: 45px;
    height: 100%;
}
ul.fullnav {
    display: flex;
    max-width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}

.menu > ul > li {
    list-style: none;
    display: flex;
    color: #fff;
    line-height: 45px;
}
.menu > ul > li:first-child
{
	padding-left: 0;
}

.menu > ul > li:last-child
{
	padding-right: 0;
}
.menu > ul li a, .xs-menu li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0;
	font-size: 14px;
}
.menu > ul li a:hover {
	color:#FFC000;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
.active{
	color:#FFC000 !important;
	
}
.displaynone{
	display: none;
}
.xs-menu-cont{
display:none;
}
.xs-menu-cont > a {
	background: none repeat scroll 0 0 #232323;
	border-radius: 0;
	padding: 3px 6px;
	display: block;
	border-bottom: 1px solid #232323;
	box-shadow: 0 1px 2px #232323;
	-webkit-box-shadow: 0 1px 2px #232323;
	-moz-box-shadow: 0 1px 2px #232323;
}
.xs-menu-cont > a:hover{
 cursor: pointer;
}
  
.xs-menu li {
	color: #fff;
	padding: 14px 30px;
	border-bottom: 1px solid #ccc;
	background: #292929;
}
.xs-menu  a{
text-decoration:none;
}
.loginsigniconWrap {
    position: relative;
    display: flex;
    align-items: center;
    margin: 8px 0 0 0;
}
.loginsigniconWrap .fa {
    position: absolute;
    left: 5%;
}

.btn.cancel {
    background: #fff;
    padding: 5px 31px;
	display: block;
	margin: 0 auto;
}
.btn.TC_btn {
    background: #fff;
    text-align: center;
    margin: 12px auto;
    display: block;
	padding: 5px 31px;
}
.PopUp_btn
{
	text-align: center;
    margin: 12px auto;
    display: block;
	padding: 5px 31px;
	border:none;	
}
.popup-wrap .left .PopUp_btn {
    text-align: center;
    margin: 6px auto;
    display: block;
    padding: 0;
    border: none;
    position: absolute;
    right: -12px;
    top: -19px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background: #fff;
    border: solid 3px #ffb41c;
    font-size: 27px;
    transform: rotate(45deg);
    /* left: 0; */
    line-height: 35px;
}
.mega-menu {
		background: #fff;
		left: -20px;
		margin-top: 0px;
		position: absolute;
		/* width: 100%; */
		display: none;
		transition-duration: 0.9s;
		/* z-index: 1; */
		padding: 15px 0 0 0;
		overflow-x: scroll;
		z-index: 999999;
		top: 45px;
		right: -20px;
}
.mega-menu .categories-list {
	width: 80%;
	float: left;
}
.mega-menu .categories-list a {
    width: 16%;
    margin: 5px 0 10px 0;
	position: relative;
}
.dropdowndeals:hover p {
    position: absolute;
    z-index: 999;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mega-menu .viewstore
{
		color: #000;
		margin: 0 auto;
		display: block;
		padding: 0 22px;
		border-radius: 5px;
		/* -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3); */
		/* box-shadow: 7px 7px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(99, 98, 98, 0.3); */
		margin-bottom: 15px;
		margin-top:15px;
		height: 30px;
		width: auto;
		line-height: 30px;

}
.allbuttondrop {
    margin: 0 auto !important;
}

.contactwrapin input
{
	border:solid 1px #ccc;
	margin: 12px 0 0 0; 
}
#menutoggle i {
	color: #fff;
	font-size: 33px;
	margin: 2px 15px 0 0;
	padding: 0;
	text-align: right;
	display: block;
	display: flex;
	justify-content: end;
}
.left-images {
    margin-right: 0;
    margin: 0 auto;
    text-align: center;
}
.left-images img {
    max-width: 100%;
    height: 210px;
}
.mega-menu a.dropdown-banner, .mega-menu2 a.dropdown-banner2 {
    padding: 0;
    width: 100%;
    height: 216px;
    /* text-align: center; */
}
.left-images, .left-categories-list {
    float: left;
}
.left-images h3 {
	font-weight:500;
	font-size:20px;
	/* border-image-source: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 45%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 10%, rgb(255, 255, 255) 100%);
	border-image-slice: 1;
	border-bottom: 1px solid transparent; */
	margin-bottom: 10px;
	color: #000;
}

.mega-menu2 {
	background: #fff;
	left: -20px;
	margin-top: 0px;
	position: absolute;
	/* width: 100%; */
	display: none;
	transition-duration: 0.9s;
	z-index: 1;
	padding: 15px 0 0 0;
	overflow-x: scroll;
	z-index: 999999;
	top: 45px;
	right: -20px;
}
.mega-menu2 .categories-list {
	width:80%;
	float: left;
}
.mega-menu2 .categories-list a {
    width: 16%;
     margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    justify-content: center;
    text-align: center;
    height: auto;
}
.mega-menu2 .viewstore {
    color: #000;
    margin: 0 auto;
    display: block;
    padding: 0 22px;
    border-radius: 5px;
    /* -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3); */
    /* box-shadow: 7px 7px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(99, 98, 98, 0.3); */
    margin-bottom: 15px;
    margin-top: 15px;
    height: 30px;
    width: auto;
    line-height: 30px;
}
#menutoggle2 i {
	color: #fff;
	font-size: 33px;
	margin: 2px 15px 0 0;
	padding: 0;
	text-align: right;
	display: block;
	display: flex;
	justify-content: end;
}
.categories-list .dealsbox {
    width: 150px;
    height: 150px;
    /* border: solid 1px #ccc; */
    text-align: center;
    border-radius: 3px;
    position: static;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    border: solid 1px #ffb41b;
	border-radius: 100%;
	background-color: transparent;
  
}
.dropdowndeals
{
	width: 150px;
    height: 150px;
	border-radius: 100%;
	background-color: #fff;
	position: relative;

}
.dropdowndeals:hover
{
	background: rgb(255,227,36) !important;
	background: linear-gradient(90deg, rgba(255,227,36,0.9) 0%, rgba(255,173,26,0.9) 100%) !important;
	display: block;
}
.dropdowndeals:hover img, .dropdowndeals:hover .leftBtn 
{
	z-index: -999999;
	position: relative;
}

.coupdealsbox2 .dealsbox:hover img {
    z-index: -999999;
	position: relative;
}
.coupdealsbox2 .dealsbox:hover .leftBtn {
    z-index: -9999;
	position: relative;
}
.category_list2 .dealsbox {
    width: 100%;
    height: auto;
    border: none;
    text-align: center;
    border-radius: 100%;
    z-index: -1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    box-shadow: none;
    background-color: transparent;
}
.category_list2 .dealsbox .leftBtn {
    font-size: 13px;
    color: #000 !important;
    margin: 0;
    width: 100%;
    line-height: 30px;
}
button.leftBtn {
    border: none;
    background: transparent;
    line-height: 22px;
    font-size: 14px;
    color: #000;
}
.internal-topwrapper_left .left2 {
    width: 100%;
    background-color: #fff;
    /* -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3); */
    border-radius: 7px;
    padding: 0px;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 260px;
    position: relative;
}
.internal-topwrapper_left .clipmask_inner {
    clip-path: inset(0 0 0 0);
    background: #000;
    opacity: 0.9;
    border-radius: 8px;
    position: relative;
    height: 260px;
    display: inherit;
}
.internal-topwrapper_left .clipmask_inner img {
    border-radius: 7px;
    object-fit: cover;
    object-position: bottom;
}

.internal-topwrapper_left .category_heading {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    font-size: 18px;
    color: #fff;
    right: 0;
    text-align: center;
    display: block;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.8);
    margin: 0;
    line-height: 47px;
    border-radius: 0 0 7px 7px;
}

.category_list2 .coupdealsbox .dealsbox img {
    height: 130px;
    line-height: 55px;
    width: 130px;
    padding: 0;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 100%;
}
.categories-list > ul
{
	line-height: 22px;
}
span.categories-list h4 a
{
	color: #232323;
	font-weight: 600;
	padding:10px 0 20px 0;
}

.slide-box img
{
    width:100%;
}
/*--column--*/
.mm-6column:after, .mm-6column:before, .mm-3column:after, .mm-3column:before{
content:"";
display:table;
clear:both;


}
.mm-6column, .mm-3column {
 float: left;
 position: relative;
 }
.mm-6column {
    width: 50%;
}
.mm-3column {
        width: 25%;
}
.responsive-img {
    display: block;
    max-width: 100%;

}
.left-images{
margin-right:25px;
}
.left-images, .left-categories-list {
	float: left;
	width: 20.9%;
}

.categories-list li {
    display: block;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}
.categories-list li :hover{
		background:inherit !important;
}
.left-images > p {
    background: none repeat scroll 0 0 #ff7f50;
    display: block;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    padding: 5px 14px;
}
.categories-list span {
    font-size: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.mm-view-more{
	background: none repeat scroll 0 0 #ff7f50;
    color: #fff;
    display: inline !important;
    line-height: normal;
    padding: 5px 8px !important;
	margin-top:10px;
}
.display-on{
display:block;
 transition-duration: 0.9s;
}
/* .drop-down > a:after{
content:"\f103";
color:#fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
} */

/*Animation--*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/*Slider-css*/
.slick-slider {z-index: -999;}
.slick-slide img {
	display: block;
	width: 100%;
	height: 317px;
	object-fit: cover;
	object-position: center;
}

/*brand section*/
.brand-section2 {
    background-color: #fff;
    padding: 20px 0;
    margin:0 0 14px 0;
}
.brand-section {
    margin: 0 ;
    flex-wrap: wrap;
    background: #fff;
    padding: 20px 0;
}

a.brand-1 {
	width: 15%;
	display: block;
	margin: 8px 0;
	z-index: 9;
	position: relative;
}

.brand-box {
	width:180px;
	height: 180px;
	border: solid 1px #FFC000;
	-webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	-moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	text-align: center;
	padding: 2px;
	margin: 0 auto;
	border-radius: 100%;
	position: relative;
	transition: all ease 0.5s;
}
.brand-box:hover {
	background: rgba(255,227,36,0.9);
	background: linear-gradient(180deg, rgba(255,227,36,0.9) 0%, rgba(255,173,26,0.9) 100%);	
	display: block;
}
.brand-box .cashback {
	border-radius: 5px;
	border: none;
	padding: 6px 12px;
	color: #000;
	position: relative;
	z-index: -1;
	font-size: 16px;
	text-transform: uppercase;
	font-weight:400;
}
.brand-box .cashback::after{
	position: relative;
	z-index: -1;
}
.brand-box img {
	margin-bottom: 8px;
	position: relative;
	z-index: -4;
	width: 141px;
	height: 55px;
	margin: 10px 0 10px 0;
	display: block;
	margin: 0 auto;
	line-height: 55px;
	padding: 0 29px 10px 29px;
}
.top-storebrand {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 100%;
}
.deals_check{margin-right:10px;}

.top-storebrand2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 100%;
}

.deal-box{
	display: none;
}
.brand-box:hover .deal-box {
	display: block;
	position: absolute;
	top: 45%;
	text-align: center;
	left: 0;
	right: 0;
	font-size: 13px;
	color: #000;
	margin: 0;
	border-radius: 3px;
	transition: all ease 0.5s;
	font-size: 15px;
	font-weight:400;
}
/*..brand section..*/

/*..How to earn Cashback..*/
.HowEarn_section {
    background: url(../images/howworkg-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    background-position: center;
    padding: 10px 40px;
    margin: 0 0 14px;
}
.howitworksWrap {
    margin: 30px 0 0 0;
	cursor: pointer;
}
.howicons
{
	transform: scale(1, 1);
}
.howicons:hover {
    transform: scale(0.9, 0.9);
    transition: all 0.6s;
}
.howitworksWrap h4
{
 color: #000;
 font-size: 15px;
 padding: 10px 0 0 0;
}
.paragraphspace
{
	padding: 0 0 40px 0
}
.HowEarn_section h1 {
    font-size: 25px;
    text-align: center;
    padding: 10px 0 10px 0;
    color: #232323;
    font-weight: 600;
    position: relative;
    width: 100%;
}
.HowEarn_section h1::after {
    content: "";
    background-image: url(../images/seprator.png);
    height: 1px;
    width: 192px;
    text-align: center;
    display: block;
    bottom: 0;
    margin: 0 auto;
}
.worksprocess {
    max-width: 100%;
    text-align: center;
    margin: 25px 0 0 0;
    padding: 0 20px;
}
/*--top-stored--*/
#Top-store-banner {
	background: url(../images/top-stores-banner.png);
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
}
.Top-store-banner h5
{
	font-size: 45px;
	text-transform: uppercase;
	text-align: center;
}
.detailsHead {
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.detailsHead h2 {
    font-size: 22px;
    font-weight: 400;
    padding: 0;
}
#heading {
	position: relative;
	width: auto;
	padding: 9px 0;
	position: relative;
	color: #fff;
	display: block;
	background: #0ac2bc;
}
 /* #heading::after {
	content: " ";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: #0ac2bc;
	border-bottom: 3px solid #0ac2bc;
	border-right: 20px solid #0ac2bc;
	transform-origin: bottom left;
	-ms-transform: skew(-30deg, 0deg);
	-webkit-transform: skew(-30deg, 0deg);
	transform: skew(-30deg, 0deg);
} */
.earn-lifetime {
	background: url(../images/Extrasaving_bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	height: 397px;
	background-size: cover;
	margin:0 0 20px 20px;
}
.mobywalletCBWrap {
	width: 100%;
	min-height: 600px;
	height: auto;
	background-color: #0ac2bc;
	position: relative;
	box-shadow: 5px 5px 16px 0 rgba(218, 218, 218, 0.25), -5px -5px 12px 0 rgba(233, 233, 233, 0.3);
}
.earn-lifetime a {
	display: block;
	padding: 0;
}
p.CBMW {
	position: absolute;
	top: 416px !important;
	padding: 0 24px;
}
p.CBMW2
{
	top:474px !important;
}
.mobywalletCBWrap::before
{
	background-image: url(../images/top-cb.png);
	position: absolute;
	content: "";
	top: 0;
	width: 100%;
	height: 120px;
	background-repeat: no-repeat;
	left: 0;
	background-size: cover;
}
.mobywalletCBWrap::after {
	background-image: url(../images/bottomcb.png);
	position: absolute;
	content: "";
	bottom: 0;
	width: 100%;
	height: 82px;
	background-repeat: no-repeat;
	right: 0;
	background-size: cover;
}
.mobywalletCBWrap h3 {
	font-size: 25px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	padding: 27px 0;
}
.mobywalletCBWrap p {
	position: absolute;
	line-height: 20px !important;	
	top: 132px;
	padding: 0 15px !important;
	font-size: 13px !important;
}
ul.whycblist {
	position: absolute;
	top: 181px;
	color: #fff;
	padding: 0 0 0 33px;
}
ul.whycblist li
{
	font-size: 14px;
	line-height: 28px;
}
.view-allbtn {
	border: none;
	color: #000;
	padding: 5px 13px;
	font-size: 13px;
	font-weight: 400;
}
.view-allbtn:hover
{
	color: #000;
}
.detailsHead h5 {
	font-size: 15px;
	font-weight: 400;
}

.topstoremain {
    margin: 18px 25px;
}
.top-storeswrapper-left {
	-webkit-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	-moz-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	background: rgb(249,59,94);
	background: radial-gradient(circle, rgba(249,59,94,1) 0%, rgba(197,22,58,1) 48%, rgba(190,19,55,1) 100%);
	border-radius: 9px;
	max-width: 100%;
	width: 16%;
	background-color: #fff;
	text-align: center;
	position: relative;
	margin-bottom:23px;
}
.paging {
    background: #000;
}

.top-store-banner {
	background-color: #fff;
	width: 100%;
	height: auto;
	background: white;
	border-radius: 9px 9px 95% 95% /9px 9px 25% 25%;
}
.top-store-banner h4 {
    font-size: 18px;
    color: #232323;
    padding: 25px 0 0 0;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
}
.maintopcouponsdeals {
	width: 68%;
}
.maintopcouponsdeals a.main-coupons-1 {
	width: 24%;
	display: block;
	margin: 0 0 17px 0;
}
.top-storeswrapper-left .btn {
	border-radius: 5px;
	position: relative;
}
.top-storeswrapper-left .bookmarkRibbon {
    width: 97%;
    height: 40px;
    border-right: 21px solid transparent;
    border-top: 20px solid #FFD621;
    border-left: 21px solid #FFD621;
    border-bottom: 20px solid #FFD621;
    background-color: transparent;
    left: 0;
    bottom: 34px;
    line-height: 0;
    margin-top: 30px;
    position: absolute;
}
.top-storeswrapper-left .bookmarkRibbon p
{

		margin-bottom: 0;
		font-size: 13px;
		font-weight: 400;
		margin-left: -16px;
}
.button-shadow {
	/* content: ""; */
	/* position: absolute; */
	/* background: url(../images/shadow.png); */
	width: 100%;
	height: 14px;
	background-repeat: no-repeat;
	/* left: 11%; */
	/* bottom: -10px; */
	text-align: center;
	margin-top: -22px;
	margin-left: -17px;
	display: none;
}
.top-storeswrapper-right {
    -webkit-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
    background: rgb(249,59,94);
    background: radial-gradient(circle, rgba(249,59,94,1) 0%, rgba(197,22,58,1) 48%, rgba(190,19,55,1) 100%);
    border-radius: 9px;
    max-width: 100%;
    width: 16%;
    background-color: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 23px;
}
.top-storeswrapper-right .btn {
	border-radius: 5px;
	position: relative;
}

.top-storeswrapper-right .bookmarkRibbon {
	width: 97%;
	height: 40px;
	border-right: 21px solid transparent;
	border-top: 20px solid #FFD621;
	border-left: 21px solid #FFD621;
	border-bottom: 20px solid #FFD621;
	background-color: transparent;
	left: 0px;
	bottom: 34px;
	line-height: 0;
	position: absolute;
}
.Topcatewrap {
    text-align: center;
    background: #fff;
    padding: 20px;
}
.top-storeswrapper-right .bookmarkRibbon p
{

		margin-bottom: 0;
		font-size: 13px;
		font-weight: 400;
		margin-left: -16px;
}
.dooted-bg
{
	position: absolute;
	right:0;
	bottom: 0;
}
.brand-logo {
	margin: 56px 0 60px 0;
	padding: 0 20px;
}
.top-store-banner .brand-logo {
    margin: 35px 0 33px 0;
    padding: 0 20px;
}
.brand-name
{
	font-size: 35px;
	color: #fff;
	padding: 20px 0;
}
a.main-coupons-1 {
    width: 25%;
    display: block;
    margin: 0 0 17px 0;
}
.dealsbox {
	width: 95%;
	height: 150px;
	background: rgb(255,255,255);
	background: #fff;
	-webkit-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	-moz-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	box-shadow: 5px 5px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	text-align: center;
	padding: 2px;
	border-radius: 3px;
	z-index: -1;
	position: relative;
	text-align: center;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
}
.mega-menu .dealsbox img {
	height: 97px;
	line-height: 55px;
	width: 80%;
	padding: 10px;
	display: block;
	margin: 0 auto;
}
.coupdealsbox .dealsbox img {
	height: 92px;
	line-height: 55px;
	width: 80%;
	padding: 10px;
	display: block;
	margin: 0 auto;
	object-fit: contain;
}
.categories-list .coupdeals {
    display: none;
}
.coupdealsbox2 .dealsbox img {
    height: 58px;
    line-height: 58px;
    width: 100%;
    padding: 8px 8px 5px 8px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    border-radius: 10px;
}
.dealsbox2 {
	width: 211px;
	height: 211px;
	border: solid 1px #FFC000;
	-webkit-box-shadow:8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	-moz-box-shadow:8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	text-align: center;
	padding: 2px;
	margin: 0 auto;
	border-radius: 100%;
	position: relative;
	transition: all ease 0.5s;
}
.ad-banner
{
	margin: 20px 0 0 0;
}

.ad-banner img
{
	height: 90px;
}
.ad-banner a {
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 19px;
}

.separate {
	margin-top: 6px;
	padding: 0;
	height: 1px;
}
.coupdealsbox {
	margin: 0;
	flex-wrap:wrap;
}
.coupdealsbox2 {
	margin: 0 0 9px 0px;
	flex-wrap:wrap;
}
.coupdealsbox2 .coupdeals {
	font-size: 12px;
	font-weight: 400;
	color: #000;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-top: 0;
	line-height: 22px;
}
.categories-list .dealsbox:hover p.coupdeals {
    display: block;
	position: absolute;
	z-index: 99999;
}

.coupdeals {
	font-size: 12px;
	font-weight: 400;
	color: #232323;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-top: 0;
}
.dealsbox2 img
{
	
		margin-bottom: 8px;
		position: relative;
		z-index: -4;
		width: auto;
		height: 55px;
		margin: 10px 0 10px 0;
		display: block;
		margin: 0 auto;
		line-height: 55px;
		padding: 0 29px;
}
.dealsbox .btn {
	border-radius: 5px;
	border: none;
	padding: 6px 9px;
	margin: 0;
	position: relative;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.dealsbox .btn::after {
	content: "";
	position: absolute;
	background: url(../images/shadow.png);
	width: 100%;
	height: 14px;
	background-repeat: no-repeat;
	left: 0;
	bottom: -8px;
	z-index: -1;
	background-size: cover;
	background-position: center;
}
/*--top-mobiles--*/
.mobile-section .coupdealsbox, .travels-section .coupdealsbox, .fashion-section .coupdealsbox,
.health-section .coupdealsbox, .home-section .coupdealsbox, .grocery-section .coupdealsbox,
.flower-section .coupdealsbox, .baby-section .coupdealsbox, .education-section .coupdealsbox, .TopCashback .coupdealsbox,
.TopCategories .coupdealsbox
{
	margin: 10px 0px;
}
.mobile-section a.brand-1, .travels-section a.brand-1, .fashion-section a.brand-1, .health-section  a.brand-1, 
.home-section  a.brand-1, .grocery-section  a.brand-1, .flower-section  a.brand-1, .baby-section  a.brand-1,
.education-section  a.brand-1, .TopCashback  a.brand-1, .TopCategories  a.brand-1
{
	width: 15%;
}

/*..subscription..*/
.subscription_section {
	background-color: #292929;
	padding: 22px 0;
}
.subscription_section p
{
    padding:0 10px;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 400;
}
/* Style the submit button */
form
{
	position: relative;
}
.subscription_section form.example input[type="text"] {
	padding: 10px;
	font-size: 13px;
	border: none;
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 3px;
	position: relative;
	height: 40px;
}
.subscription_section form.example button {
	width: 16%;
	padding: 10px 0;
	color: white;
	font-size: 15px;
	border: none;
	border-left: none;
	cursor: pointer;
	border-radius: 0 3px 3px 0;
	height: 41px;
	position: absolute;
	top: -1px;
	right: 0;
	color: #232323;
	font-weight: 600;
	line-height: 20px;
}
  
  /* Clear floats */
  form.example::after {
    content: "";
    clear: both;
    display: table;
  }
/*..end..*/


/*--footer--*/
.top_bg_footer {
    background-color: #232323;
    padding: 30px 20px;
}
.top-footer {
	
	color: #fff;
	padding: 20px 0;
	margin: -3px 0 0 0;
}
.top-footer h3 {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}
.mw-footericon {
	max-width: 53%;
	height: auto;
}
.top-footer ul
{
	margin-top: 10px;
}
.top-footer ul li {
	list-style: none;
	font-size: 15px;
	color: #fff;
	line-height: 32px;
	font-weight: 400;
}
ul.social li 
{  
    display: inline-flex;
    list-style: none;
    padding:0 15px 0 0;
}
ul.social li {
    list-style: none;
    padding: 0;
    margin: 10px 8px;
    width: 26px;
    height: 26px;
    display: inline-flex;
}
.mid_footerbg
{
	background:#292929 ;
}

.mid-footer
{
   
    padding:20px 0;
    font-size: 13px;
}
.mid-footer .cat-links {
    padding-bottom: 5px;
    display: flex;
}
.mid-footer .cat-links .cat-header {
	color: #FFAF1A;
	font-size: 14px;
	font-weight: 400;
}
.mid-footer .cat-links ul {
    display: inline;
    padding-left: 2px;
}
.mid-footer .cat-links ul li  {
    display: inline;
    padding-left:5px;
    list-style: none;
}

.mid-footer .cat-links ul li a {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
}

.bottm-footer .bottom-logo
{
	width: 176px;
}
.bottm-footer p
{
    font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	background: #232323;
	padding: 20px 0;    
	color: #fff;
}
.copyright {
	color: #fff;
	padding: 15px 0;
	font-size: 13px;
	text-align: center;
	margin: 0;
}
/* Top Stores */

#AllStores .allstores-left {
	width: 20%;
}
#AllStores .allstores-left .category {
	background-color: #fff;
	box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	border-radius: 3px;
	padding: 10px 15px;
	margin: 0 0 15px 0;
	height: auto;
}
#AllStores .allstores-left .category h2 {
	font-size: 14px;
	color: #000;
	float: left;
	margin-bottom:8px;
	font-weight: 600;
}
#AllStores .allstores-left .category h5
{
	font-size: 13px;
	color: #000;
	float: right;
}
#AllStores .allstores-left .form-check {
	position: relative;
	display: block;
	padding-left: .25rem;
	padding-top: 12px;
	font-size: 13px;
}
#total-offers
{
	padding:15px 0;
}
#total-offers .container 
{
	background-color: #fff;
	width: 85%;
}
.strip-bg {
	height: 57px;
	margin-top: 10px;
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
.strip-bg h5 {
	font-size: 15px;
	font-weight:500;
	padding: 11px 0 0 0;
	margin: 0;
	line-height: 15px;
	color: #000;
}
.earn-extra img
{
	object-fit: cover;
	object-position: center;
	border-radius: 3px;
	box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	cursor: pointer;	
	margin:0 0 15px 0;
}
.custome-add-section img
{
	object-fit: cover;
	object-position: center;
	border-radius: 3px;
	box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	cursor: pointer;	
	margin:0 0 15px 0;
}
.howItwork
{
	
	background-color: #fff;
	box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	border-radius: 3px;
	padding: 10px 15px;
	margin: 0 0 15px 0;
}
.howItwork img {
	max-width: 100%;
	height: auto;
	padding-right: 6px;
	object-fit: cover;
	object-position: top;
}
.howItwork ul li
{
	list-style: none;
}
.howItwork h4 {
	font-size: 15px;
	color: #232323;
	font-weight: 600;
}
.howItwork p {
	font-size: 13px;
	padding: 5px 0;
}
.icons-section {
	width: 20%;
}
.content-section
{
	width:80%;
}
.howItwork h3 {
	font-size: 16px;
	color: #232323;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	font-weight: 600;
}
.howItwork .btn {
	border-radius: 5px;
	border: none;
	padding: 8px 0;
	margin: 0;
	position: relative;
	font-size: 13px;
	font-weight: 600;
	width: 58%;
	margin: 0 auto;
	display: block;
}
.howItwork .btn::after {
	content: "";
	position: absolute;
	background: url(../images/shadow.png);
	width: 100%;
	height: 14px;
	background-repeat: no-repeat;
	left: 0;
	bottom: -9px;
	z-index: 0;
	margin: -top;
	margin-top: -33px;
	background-position: center;
	background-size: contain;
}
.allstores-right {
    width: 80%;
    padding: 10px 15px 0 15px;
    border-radius: 3px;
    margin: 0 0 0 15px;
    background: #fff;
    margin-bottom: 17px;
}
#AllStores .coupdealsbox2 a.brand-1 {
    width: 20%;
    display: block;
    margin: 8px 0;
    z-index: 9;
    position: relative;
}
.allstores-right h4 {
	font-size: 16px;
	color: #232323;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	font-weight: 600;
}
.allstores-right .coupdealsbox {
	margin: 10px 0 10px 0;
}
ul.storebyalphabets li
{
list-style: none;
display: inline;
}
.storebyalphabets {
	padding-bottom: 20px;
}
ul.storebyalphabets li a {
	font-size: 15px;
	color: #000;
	margin-bottom: 10px;
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 40px;
	display: inline-block;
}
ul.storebyalphabets li a.active {
	color: #000 !important;
	width: 30px;
	height: 30px;
	background: rgb(255,227,36);
	background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
	border-radius: 100%;
	text-align: center;
	line-height: 30px;
	padding: 0;
}
ul.storebyalphabets li a:hover {
	color: #000 !important;
	background: rgb(255,227,36);
	background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
	border-radius:100%;
	text-align: center;
	line-height: 30px;
	padding: 0;
}
.bookmarkRibbon {
	width: 91%;
	height: 19px;
	border-right: 14px solid transparent;
	border-top: 16px solid #FFE023;
	border-left: 14px solid #FFD822;
	border-bottom: 16px solid #FFDA22;
	background-color: transparent;
	left: -12px;
	bottom: -4px;
	line-height: 0;
	position: relative;
}
.bookmarkRibbon p {
	margin-bottom: 0;
	font-size: 12px !important;
	font-weight: 400 !important;
	margin-left: -16px;
}
.albhabetbox {
	border-radius: 0 5px 5px 0;
	color: #fff;
	text-align: center;
	padding: 5px 24px;
	display: inline-block;
	margin-left: -15px;
	font-weight: 600;
}

/*--top-category--*/

.Top-category-banner {
	background: rgba(0, 0, 0, 0.98) url(../images/category-baanner.png);
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
}
.Top-category-banner h5
{
	font-size: 45px;
	text-transform: uppercase;
}
.Topcatewrap .categorybox {
    width: 15%;
    text-align: center;
    margin: 0 3px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.Topcatewrap .categorybox a
{
	display: block;
	width: 100%;
}
.Topcatewrap .categorybox img {
	-webkit-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	-moz-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	border-radius: 100%;
	width: 160px;
	height:160px;
	object-position: center;
	object-fit: cover;
}
.Topcatewrap .categorybox p {
    padding: 15px 0 0 0;
    color: #000;
    font-size: 14px;
}

.TopCategories .dealsbox img, .AllCategories-right .dealsbox img {
	object-fit: cover;
	object-position: center;
	border-radius: 3px 3px 0 0;
	opacity: 0.3;
}
.TopCategories .dealsbox .coupdeals, .AllCategories-right .dealsbox .coupdeals {
	font-size: 13px;
	font-weight: 600;
	color: #232323;
	margin-top: 0px;
	margin-bottom: 0;
	padding: 10px 0;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(251,251,251,1) 48%, rgba(230,228,228,1) 100%);
}
.category_head {
	position: absolute;
	z-index: 9999;
	top: 35%;
	left: 35%;
	font-size: 18px;
	color: #FFC000;
}

#AllCategories
{
	margin:20px 0;
}
.alltopcategory ul {
	float: left;
	width: 33%;
}

.alltopcategory ul h5 {
	color: #000;
	font-size: 16px;
	padding: 10px 0;
	font-weight: 600;
}
.alltopcategory ul li {
	list-style: none;
	font-size: 14px;
	line-height: 30px;
	color: #000;
}
.alltopcategory ul li a {
	color: #000;
}
.alltopcategory ul li::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background:#000;
	
	display: inline-block;
	margin-right: 8px;
}
#AllCategories .singlestore-cashback-wrap {
	background: rgb(96,232,227);
	background: radial-gradient(circle, rgba(96,232,227,1) 0%, rgba(0,182,176,1) 100%);
	box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
	padding: 10px 15px;
	margin: 0 0 15px 0;
	color: #fff;
	border-radius: 3px;
}
#AllCategories .singlestore-cashback-wrap h5 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}
.singlestore-cashback-wrap ul.list li
{
	list-style: none;
}
#AllCategories .singlestore-cashback-wrap .coin {
	width: 12%;
	display: inline-block;
	vertical-align: middle;
}
#AllCategories .singlestore-cashback-wrap .cointxt {
	display: inline-block;
	vertical-align: middle;
}
#AllCategories .singlestore-cashback-wrap .cbdetailtxt {
	font-size: 13px;
	padding: 6px 0;
}
#AllCategories .singlestore-cashback-wrap .bdr {
	background-image: linear-gradient(to left, transparent 0%,#fff 50%,transparent 100%);
	border-image-slice: 1;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
.cashBack-wrap .form-control {
    background-color: #fff;
    border: solid 1px #ccc;
}
#AllCategories .allCategories-left .category, #AllCategories .allCategories-left .BankOffer, #AllCategories .allCategories-left .brand-tc, #AllCategories .allCategories-left .brand-cashback, #AllCategories .allCategories-left .smilierStore {
    background-color: #fff;
    box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
    border-radius: 3px;
    padding: 10px 15px;
    margin: 0 0 15px 0;
    height: auto;
    border-radius: 8px;
}
.categoryListWRap {
    overflow-y: auto;
    max-height: 118px;
}
p.nostoretxt
{
	text-align: center;
	margin: 0;
}
#AllCategories .allCategories-left { 
	width:20%;
}
.cashback_popup
{
    font-size:13px;
}
.terms_popup {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.branddeal_mid p a {
	font-weight: 600;
	color: #000;
	font-size:14px;
}
#AllCategories .allCategories-left .category h2, #AllCategories .allCategories-left .BankOffer h2, #AllCategories .allCategories-left .brand-tc h2, #AllCategories .allCategories-left .brand-cashback h2, #AllCategories .allCategories-left .smilierStore h2 {
	font-size: 15px;
	color: #232323;
	float: left;
	margin-bottom: 3px;
}
#AllCategories .allCategories-left .category h5, #AllCategories .allCategories-left .BankOffer h5, #AllCategories .allCategories-left .brand-tc h5,
#AllCategories .allCategories-left .brand-cashback h5, #AllCategories .allCategories-left .smilierStore h5
{
	font-size: 13px;
	color: #232323;
	float: right;
}
#AllCategories .allCategories-left .form-check {
	position: relative;
	display: block;
	padding-left: 0.25rem;
	padding-top: 12px;
	font-size: 13px;
}
.AllCategories-right {
    width: 84%;
    padding: 0px 0 0 25px;
    border-radius: 5px;
    margin-bottom: 17px;
    background: #fff;
    margin-left: 20px;
    padding: 20px;
}
.AllCategories-right h4 {
	font-size: 16px;
	color: #232323;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	font-weight: 600;
}

ul.storebyalphabets li {
	list-style: none;
	display: inline;
	padding: 0 1px 0 0;
}


/* internal category */


.brandVoucher
{
	margin: 10px 0 0 0;
	font-size: 13px;
}

.brandVoucher p
{
	margin-bottom: 0;
}
/* FAQ */
.faq-banner-wrapTOp {
    height: 350px;
    padding: 0 20px;
}
.faq-banner-wrap {
    background: url(../images/faq-banner.png);
    background-repeat: no-repeat;
    height: 350px;
    width: 98%;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.faq-banner-wrap h3
{
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	padding-right: 150px;
}
.faq-banner-wrap p {
	color: #fff;
	font-size: 15px;
	padding-right: 37px;
	line-height: 30px;
	margin: 0;
	font-weight: 400;
}
.faq-wrap {
    -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    padding: 20px;
    margin: 25px 0;
    background: #fff;
}
#generalCashbackFaq .faq-wrap, #accountPassword .faq-wrap
{
	margin: 0;
}
#cashbacktracking-issue .notiwrap {
    margin: 5px 8px 10px 8px;
    width: 45%;
}
#cashbacktracking-issue .notiwrap a.date {
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
    padding: 0 25px 0 0;
}
#cashbacktracking-issue .notiwrap h3 {
    padding-bottom: 4px;
    font-size: 17px;
    font-weight: 500;
}
#cashbacktracking-issue .cashbacktrackingissue .notiwrap p {
    padding: 0 0 6px 0;
    color: #000;
    font-weight: 500;
}
#cashbacktracking-issue .notiwrap span{font-size: 14px;}
.faq-wrap .panel, .faq-wrap .panel-body {
	box-shadow: none;
	font-size: 15px;
	padding: 10px 0;
	line-height: 28px;
	font-size: 13px;
}

.faq-wrap .panel-group .panel-heading {
  padding: 0;
}

.faq-wrap .panel-group .panel-heading a {
	display: block;
	padding: 0 0 10px 0;
	text-decoration: none;
	position: relative;
	font-size: 15px;
	color: #000;
	border-bottom: solid 1px #D3D3D3;
}

.faq-wrap .panel-group .panel-heading a:after {
  content: '-';
  float: right;
  color: #000;
}

.faq-wrap .panel-group .panel-heading a.collapsed:after {
  content: '+';
  color: #000;
}
.listfaq ul {
	padding: 10px 0 0 15px;
}
.listfaq ul li
{
font-size: 13px;
line-height: 25px;
}
.faq-wrap .box-1, .faq-wrap .box-2, .faq-wrap .box-3 {
	margin: 20px 35px;
}
.faq-wrap .box-1 .orange
{
	background-color: #ffb31b;
	width: 150px;
	height: 150px;	
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}
.faq-wrap .box-2 .blue {
	background-color: #172E5B;
	width: 150px;
	height: 150px;
	color: #fff;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 0 auto;
}
.faq-wrap .box-3 .green
{
	background-color: #A2B717;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}
.faq-wrap .box-1 p, .faq-wrap .box-2 p, .faq-wrap .box-3 p 
{
	color: #000;
	text-align: center;
	padding: 10px 0 0 0;
}


/* Cashbacksupport */

.cashBack-wrapTOp {
    height: 350px;
    margin-left: 50px;
    text-align: center;
}
.cashBack-banner-wrap
{
background: rgb(96,232,227);
background: radial-gradient(circle, rgba(96,232,227,1) 0%, rgba(0,182,176,1) 100%);
height: 350px;
width: 100%;
}
.cashBack-banner-wrap h3
{
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	padding-right: 150px;
}
.cashBack-banner-wrap p {
	color: #fff;
	font-size: 15px;
	padding-right: 37px;
	line-height: 30px;
	margin: 0;
	font-weight: 400;
}
.cashBack-wrap
{
	padding: 20px;
	margin: 25px 0;
} 
.cashBack-wrap h5{
    font-size: 14px;
    font-weight: 600;
    color: #000;
    padding: 0 10px 0 0;
}
.custom-file {
    width: 75%;
}
.cashBack-wrap h3 {
    color: #000;
    font-size: 20px;
    padding: 10px 0;
    font-weight: 600;
}
.cashBack-wrap p {
	color: #000 !important;
	font-size: 14px !important;
	line-height: 27px !important;
	font-weight: 400 !important;
	text-align: left !important;
}
.cashBack-wrap b{ font-size: 14px;}

.cashBack-wrap .form-control {
	width: 75%;
	font-size: 14px;
	
}
ul.cashbacksupportlist
{
	padding:0 0 10px 20px;
}
ul.cashbacksupportlist li
{
	font-size: 14px;
	line-height: 25px;
}
.cashBack-wrap .btn
{
	border: none;
	color: #000;
}

/* Contcat */
.Contcat-banner-wrapTOp {
    height: 500px;
    padding: 60px;
}
.Contcat-banner-wrap {
    background-image: url(../images/prt-withus@2x.png);
    background-size: cover;
    height: 350px;
    width: 98%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Contcat-banner-wrap h3
{
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	padding-right: 150px;
}
.Contcat-banner-wrap p {
	color: #fff;
	font-size: 15px;
	padding-right: 37px;
	line-height: 30px;
	margin: 0;
	font-weight: 400;
}
.Contcat-wrap {
	-webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	-moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	padding: 20px 50px;
	margin: 25px 0;
}
.Contcat-wrap .btn
{
	border: none;
	color: #000;
	text-align: center;
	margin: 0 auto;
	display: block;
	margin-top: 20px
}
.Contcat-wrap h3
{
	color: #000;
	font-size: 22px;
	padding: 10px 0;
}
 select.form-control {
	background-image: linear-gradient(45deg, transparent 50%, #000 60%), linear-gradient(135deg, #000 40%, transparent 50%) !important;
	background-position: calc(100% - 22px) 14px, calc(100% - 15px) 14px, 100% 0 !important;
	background-size: 7px 7px, 7px 7px !important;
	background-repeat: no-repeat !important;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.inputicons {
    position: relative;
    padding: .375rem 2.5rem;
    background: rgba(0,0,0,.05);
    border-radius: 50px;
}
.inputiconsimg {
    position: absolute;
    left: 22px;
    top: 7px;
    bottom: 0;
    /* padding-right: 10px; */
}

.inputicons2 {
	position: relative;
	padding: .375rem 2.1rem;
}
.inputiconsimg2 {
	position: absolute;
	left: 10px;
	max-width: 5%;
	top: 11px;
	line-height: 25px;
}
.textareainnwrap {
	width: 80%;
	margin: 0 auto;
	position: relative;
	margin-top: 15px;
}
.textareainn {
	width: 100%;
	margin: 0 auto;
}

.importantNotewrap
{
	background: rgb(96,232,227);
	background: radial-gradient(circle, rgba(96,232,227,1) 0%, rgba(0,182,176,1) 100%);
	height: auto;
	padding: 20px;
	margin: 20px;
}
.importantNotewrap p {
	font-size: 20px;
	margin: 0 85px 0 0;
	color: #fff;
}
.importantNotewrap p a
{
	color: #F8F829;
	font-weight: 600;
}

/* view&earn */
.banner-right {
	width: 24%;
}
.viewearn-banner-wrap
{
background: url(../images/view-earn-banner@2x.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
height: 350px;
width: 100%;
}
.viewearn-banner-wrap h3
{
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	padding-right: 150px;
}
.viewearn-banner-wrap p {
	color: #fff;
	font-size: 15px;
	padding-right: 37px;
	line-height: 30px;
	margin: 0;
	font-weight: 400;
}

.Write-banner-wrap {
    background: url(../images/write-earn-banner@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 350px;
    width: 100%;
}
.Write-banner-wrap h3
{
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	padding-right: 150px;
}
.Write-banner-wrap p {
	color: #fff;
	font-size: 15px;
	padding-right: 37px;
	line-height: 30px;
	margin: 0;
	font-weight: 400;
}
.viewearn-wrap {
	-moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
} 
.projectWRap {
    background: #fff;
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    border-radius: 8px;
    width: 175px;
    height: auto;
    margin: 20px;
}
.projectWRap img {
    /* box-shadow: 12px 12px 16px 0 rgb(155 152 152 / 25%), -8px -8px 12px 0 rgb(233 233 233 / 30%); */
    padding: 10px;
}
.projectWRap h4 {
    font-size: 16px;
    text-align: center;
    padding: 0px 0 2px 0;
    float: none;
    font-weight: 400;
}
.viewearn-wrap h3
{
	color: #000;
	font-size: 22px;
	padding: 10px 0;
}
.viewearn-wrap p {
    color: #000;
    font-size: 14px;
    line-height: 27px;
    margin: 0;
    padding: 10px 0 0 0;
}
.viewearncategoryicon p {
    position: absolute;
    bottom: 8px;
    left: 13px;
    color: #fff;
    text-align: left;
    line-height: 19px;
}
.viewearncontent {
	width: 55%;
	display: block;
	margin: 0 auto;
	margin-bottom: 25px;
}
.img-nodata {
    margin: 0 auto;
}

.viewearncategoryicon:hover {
	transform: scale(0.9, 0.9);
	transition: all ease 0.3s;
}
.howworkswrap
{
	background-color: #0AC2BC;
	margin: 10px 20px;
	padding: 20px;
	color: #fff;
}
.howworkswrap h3,  .howworkswrap p
{
	color: #fff;
}
.videowrap-inn {
	width:30%;
	background: #fff;
	box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
}
.videowrap-inn iframe
{
	width:100%
}
.videowrap-inn h4
{
 line-height: 55px;
}

/* termsconditions */

.terms-banner-wrap {
    background-image: url(../images/privacy-policy.jpg);
    /* background: radial-gradient(circle, rgba(96,232,227,1) 0%, rgba(0,182,176,1) 100%); */
    height: 350px;
    width: 98%;
    padding: 0 20px;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;

}
.terms-banner-wrap h3
{
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	padding-right: 150px;
}
.terms-banner-wrap p {
	color: #fff;
	font-size: 15px;
	padding-right: 37px;
	line-height: 30px;
	margin: 0;
	font-weight: 400;
}
.terms-wrap {
    -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    padding: 20px;
    margin: 8px 0 25px 0;
    background: #fff;
    border-radius: 5px;
	font-size: 15px;
}
.terms-wrap h6
{
	font-weight: 600;
}
.terms-wrap h5 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
}
.viewearn-wrap h3 {
    color: #000;
    font-size: 22px;
    padding:20px 0 0  0;
    margin: 0;
}

.viewearncontent {
	width: 55%;
	display: block;
	margin: 0 auto;
	margin-bottom: 25px;
}
.viewearncategoryicon {
    width: 171px;
    display: block;
    margin: 0 auto;
    margin: 20px;
    position: relative;
    box-shadow: 12px 12px 16px 0 rgb(98 94 94 / 25%), -8px -8px 12px 0 rgb(233 233 233 / 30%);
    background: #000;
    height: 180px;
	border-radius: 5px;
}
.viewearncategoryicon img {
    max-width: 100%;
    height: 180px;
    border-radius: 5px;
    opacity: 0.5;
}
.howworkswrap {
    background-color: #0AC2BC;
    margin: 10px 0;
    padding: 39px;
    color: #fff;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    padding: 50px 0;
	box-shadow: 12px 12px 16px 0 rgb(98 94 94 / 25%), -8px -8px 12px 0 rgb(233 233 233 / 30%);
}
.EarnWRap
{
	background-color: #fff;
	margin: 10px 0;
    padding: 20px;
    color: #000;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
	-webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	-moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	padding: 50px 20px;
}
.howworkswrap h3
{
	color: #fff;
}
.howworkswrap h3, .howworkswrap p {
    color: #fff;
    font-size: 28px;
    line-height: 40px;
    font-weight: 500;
    padding: 0 30px 15px 30px;
}
.videowrap-inn {
	width:30%;
	background: #fff;
	box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
}
.videowrap-inn iframe
{
	width:100%
}
.videowrap-inn h4
{
 line-height: 55px;
}

/*..internalStore..*/
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}
.internal-topwrapper {
    width: 100%;
    display: flex;
    align-items: self-start;
    align-content: center;
}
.internal-topwrapper_left {
    width: 16%;
    min-height: 260px;
}
.internal-topwrapper_left .logo {
    width: 100%;
    height: 205px;
    background-color: #fff;
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    padding: 0px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 8px 8px 0 0;
    position: relative;
    align-content: center;
}
.overall-rating {
    font-size: 12px;
}
/* Star-rating-CSS */
.rating-wrapper {
    background: transparent;
    margin: 0 0 0 0;
    border-radius: 8px;
    padding: 0px 0 8px 0;
    /* width: 100%; */
    display: flex;
}
.rating-wrapper ul {
	margin: 10px 0 0 0;
}
li.starwrap{display: block !important;}
li ul.spaceo_rating_widget {
	width: 100%;
	display: block;
}
.rating-wrapper h4 {
	font-size: 25px;
}
.spaceo_rating_widget li {
    line-height: 0px;
    width: 28px;
    height: 28px;
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
    list-style: none;
    float: none;
    cursor: pointer;
}
.spaceo_rating_widget li span {
    display: none;
}
.rating-wrapper ul li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}
.rating-wrapper li.green {
	background-color: #8bab3d;
	text-align: center;
	border-radius: 3px;
	/* width: 17px; */
	/* height: 17px; */
	/* line-height: 17px; */
	padding: 2px 4px;
}

.rating-wrapper li.green i.fi-rr-check {
	color: #fff;
	padding: 0 0 3px 0;
	display: block;
}

#intercategorybg {
    background: url(../images/details-page-bg-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    background-position: center right;
    padding:25px;
    display: flex;
    align-items: center;
	
}

.internal-topwrapper_right {
    width: 84%;
    padding: 0 0 0 45px;
    text-align: left;
    float: left;
    display: inherit;
    position: relative;
    height: 260px;
}
.internal-topwrapper_right h3 {
    font-size: 30px;
    color: #fff;
    width: 100%;
    margin: 0 0 14px 0;
    font-weight: 600;
}

.internal-topwrapper_right .fa-star
{
	font-size: 20px;
	color: #FFC81F;

}
.cashback-ribbon-top {
    width: auto;
    height: 40px;
    border-right: 25px solid transparent;
    border-top: 20px solid #0AC2BC;
    border-left: 22px solid #0AC2BC;
    border-bottom: 20px solid #0AC2BC;
    background-color: transparent;
    line-height: 0;
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 15px;
}
.cashback-ribbon-top a {
    color: #fff;
    margin-right: 14px;
    font-size: 17px;
    display: flex;
    align-items: center;
}
.cashback-ribbon-top .bdr {
	background-image: linear-gradient(to bottom, #0ac2bc 0%,#fff 50%,#0ac2bc 100%);
	border-image-slice: 1;	
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	width: 1px;

}
.hotdealsreadmore {
    font-size: 13px;
    font-weight:600;
    background-color: transparent;
    border: none;
	padding: 0;
}
.hotdealsreadless {
    background-color: transparent;
    border: none;
    font-weight: 600;
	font-size: 13px;
}
#photomania {
    background: #fff;
    width: 98%;
    margin: 8px auto 0px;
    padding: 0 0 50px 0;
}
#terms {
    background: #fff;
    width: 98%;
    margin: 15px auto;
}
.photocontestoption {
    padding-bottom: 50px;
    background: #fff;
    width: 98%;
    margin: 0 auto;
}
.cashback-ribbon {
	width: auto;
	height: 40px;
	border-right: 22px solid transparent;
	border-top: 22px solid #0AC2BC;
	border-left: 22px solid #0AC2BC;
	border-bottom: 22px solid #0AC2BC;
	background-color: transparent;
	left: 0;
	bottom: 0;
	line-height: 0;
	margin-top: 6px;
	position: relative;
	display: inline-block;
}
.cashback-ribbon a {
	color: #fff;
	padding-right: -10px;

}
.internal-topwrapper_right .btn {
    clear: both;
    display: inline-block;
    width: auto;
    color: #000;
    font-size: 19px;
    margin: 0 0 0 0;
}

.linkactivationwrap .fa-heart {
    color: #fff;
}
.linkactivationwrap .fa-heart:hover {
    color: #ffaf1b;
}
p.verified {
    font-size: 14px;
    margin: 0px 0px 0 0;
    color: #fff;
    font-weight: 600;
}
.verified .fa-check {
    background-color: #0AC2BC;
    color: #fff;
    padding: 3px;
    border-radius: 2px;
    margin-left: 2px;
}

ul.totaloffers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 5px;
    margin: 10px 0 0 0;
    position: absolute;
    bottom: 8px;   
    background: url(../images/view-white-crumpled-paper.jpg);
    background-position: center center;
    background-size: cover;
}

ul.totaloffers li {
    display: block;
    padding: 7px 44px;
    align-items: center;
    border-right: solid 1px #707070;
	cursor: pointer;
}
ul.totaloffers li:last-child
{
	border-right: 0;
}
ul.totaloffers li:hover span.offresno {
    color: #000;
}

ul.totaloffers li.active:first-child{border-radius:5px 0 0 5px;}
ul.totaloffers li.active:last-child{border-right: none; border-radius: 0px 5px 5px 5px;}
ul.totaloffers li.active{background:linear-gradient(90deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%) !important; color: #000;border-radius: 4px;}
ul.totaloffers li.active a, ul.totaloffers li.active a span{color:#000;}
ul.totaloffers li:hover:first-child{border-radius: 5px 0 0 5px;}
ul.totaloffers li:hover:last-child{border-radius: 0px 5px 5px 0;}
ul.totaloffers li:hover{background:linear-gradient(90deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%) !important; color: #000;}
ul.totaloffers li:hover a, ul.totaloffers li:hover a span{color: #000;}
ul.totaloffers li a{color: #000;}
.totaloffers .bdr {
    background-image: linear-gradient(to bottom, #ffffff 0%,#000 50%,#ffffff 100%);
    border-image-slice: 1;
    height: 37px;
    display: inline-block;
    width: 1px;
}
.extrasaving-bg {
    background-image: url(../images/extra-earn-banner-bg.jpg);
    background-repeat: no-repeat;
    height: 350px;
    display: block;
    width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
    background-size: cover;
}
.innercashback {
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0%;
    right: 0%;
    text-align: center;
}
.innercashback h2 {
    font-size: 40px;
    text-shadow: 2px 2px 2px  #000;
    text-transform: uppercase;
    font-weight: 800;
}
.innercashback img {
    margin: 35px 0 0 0;
    height: 82px;
}
.innercashback h4 {
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 0;
    right: 0;
	font-size: 20px;
}
.innercashback h3{
    margin: 32px 0 0 0;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px #878787;
    letter-spacing: 0.8px;
}
.text-wrap {
	background: #0ac2bc;
	background: -moz-linear-gradient(-45deg,#0ac2bc 0%,#00aea8 100%);
	background: -webkit-gradient(left top,right bottom,color-stop(0%,#0ac2bc),color-stop(100%,#00aea8));
	background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
	background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
	background: -ms-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
	background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
	background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
	background: linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
	color: #fff;
	width: 50%;
}
.contactWrap-bottom .btn.btn-white.btn-outline-white:hover {
	border: 1px solid transparent;
	background: #fff;
	color: #000;
}
.social-media .social-icon {
	display: block;
	width: 40px;
	height: 40px;
	background: transparent;
	border: 1px solid rgba(0,0,0,.05);
	font-size: 16px;
	margin-right: 5px;
	border-radius: 50%;
}
.social-media .social-icon span {
	color: #999;
}
.social-media .social-icon:hover, .social-media .social-icon:focus {
	background: #0ac2bc;
}
.social-media .social-icon:hover span, .social-media .social-icon:focus span {
	color: #fff;
}
.login-wrap h3 {
	font-size: 30px;
	color: #000;
}
.contactWrap-bottom .form-group .label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-weight: 500;
	width: 100%;
}
.contactWrap-bottom .form-control {
    height: 40px;
    background: rgba(0,0,0,.05);
    color: #000;
    font-size: 16px;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: .375rem 2.8rem;
	margin: 0;
}
.contacticons {
    position: absolute;
    top: 27px;
    left: 20px;
    padding-right: 15px;
    margin-right: 20px;
}
.contacticons2 {
    position: absolute;
    left: 20px;
}
.contacticons3 {
    position: absolute;
    left: 20px;
}
.submit-btnform {
    background-repeat: no-repeat;
    padding: 5px 30px;
    border-radius: 4px;
    border: none;
    margin-left: 6px;
    display: block;
    margin: 0 auto;
}
.contactWrap-bottom  .btn.btn-primary {
    border: 1px solid #0ac2bc;
    color: #fff;
    background: #0ac2bc;
    background: -moz-linear-gradient(-45deg,#0ac2bc 0%,#00aea8 100%);
    background: -webkit-gradient(left top,right bottom,color-stop(0%,#0ac2bc),color-stop(100%,#00aea8));
    background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: -ms-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    width: 30%;
    text-align: center;
}
.contactWrap-bottom select.form-control {
    background-image: linear-gradient(45deg, transparent 50%, #000 60%), linear-gradient(135deg, #000 40%, transparent 50%) !important;
    background-position: calc(100% - 22px) 14px, calc(100% - 15px) 14px, 100% 0 !important;
    background-size: 7px 7px, 7px 7px !important;
    background-repeat: no-repeat !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.375rem 2.5rem !important;
    font-size: 15px !important;
}
.checkbox-primary {
	color: #0ac2bc;
}
.checkbox-primary.TC {
	color: #000;
}
.checkbox-primary.TC a {
	color: #0ac2bc;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
}
.checkbox-wrap input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* .checkbox-wrap input:checked ~ .checkmark::after {
	display: block;
	content: "\f14a";
	font-family: "FontAwesome";
	color: rgba(0,0,0,.2);
} */
.form-group a {
	color: #000;
}
.checkbox-primary input:checked ~ .checkmark::after {
	color: #0ac2bc;
}
/* .checkmark::after {
	content: "\f0c8";
	font-family: "FontAwesome";
	position: absolute;
	color: rgba(0,0,0,.1);
	font-size: 20px;
	margin-top: -4px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
} */
.checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 23px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox-wrap {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox-primary.TC {
    color: #000;
}
label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}
.login-wrap .form-group a {
    color: #000;
    font-size: 14px;
}
.contactWrap-bottom  .btn.btn-primary {
    border: 1px solid #0ac2bc;
    color: #fff;
    background: #0ac2bc;
    background: -moz-linear-gradient(-45deg,#0ac2bc 0%,#00aea8 100%);
    background: -webkit-gradient(left top,right bottom,color-stop(0%,#0ac2bc),color-stop(100%,#00aea8));
    background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: -ms-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    background: linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
    text-align: center;
    /* display: inline-flex; */
    /* align-items: center; */
    width: 40%;
    padding: 0 !important;
}
.contactwrapin h2{
	font-size: 25px;
	font-weight: 600;
}
.contactwrapin .form-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.contactWrap-bottom .btn.btn-white.btn-outline-white {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
}
.contactWrap-bottom .btn {
	cursor: pointer;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-size: 15px;
	padding: 7px 20px;
	border-radius: 8px;
}
.order-md-last {
	-webkit-box-ordinal-group: 14;
	-ms-flex-order: 13;
	order: 13;
}
ul.totaloffers li span.offresno {
	width: 32px;
	height: 32px;
	background-color:transparent;
	border-radius: 100%;
	text-align: center;
	line-height:32px;
	display: inline-block;
	color: #000;
	font-size: 17px;
	font-weight: 600;
	margin-left: 20px;
}

.branddealsWrap {
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    height: auto;
    margin: 0 0 20px 0;
    border-radius: 8px;
    padding: 0;
    position: relative;
    display: flex;
    align-content: center;
}
.branddeal_left {
    width: 20%;
    position: relative;
    float: left;
	padding: 25px 15px;
}
.branddeal_left .branddeal_left_top {
    font-size: 22px;
    font-weight:400;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
}
.branddeal_left_top p {
	margin: 0;
}
.not-trackcashback {
    border: solid 1px #ccc;
    padding: 10px;
    background: #fff;
}
.not-trackcashback h4{font-size: 15px; margin: 0 0 10px 0; color: #000; background-color: #fff; }
.not-trackcashback h4::after {
    width: 100%;
    height: 1px;
    background: #000;
    content: "";
    z-index: 999;
    display: block;
    margin: 10px 0;
}
.not-trackcashback h5{font-size: 18px; font-weight: 500; color: #000; padding: 10px 0;}
.not-trackcashback p{text-align: left !important; font-size: 15px; margin: 0; padding: 0 0 8px 0;}
.not-trackcashback p a {
    color: #0ac2bc;
    font-weight: 500;
    text-decoration: underline !important;
}
.table {
    margin-bottom: 0;
    background-color: #fff;
}
.branddeal_left .deallogo {
    width: 53%;
    margin: 0;
    height: 64px;
    line-height: 64px;
    text-align: center;
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    /* text-align: center; */
    margin: 0 auto;
}
.branddeal_left .deallogo img {
    max-width: 100%;
    height: 64px;
}
.left_search {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.search {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 15px 0 0 0;
}
#csearch {
	border: none;
	padding: 0 35px 0 12px;
	border-radius: 5px;
	width: 100%;
	margin: 0px 0 5px 0;
	font-size: 13px;
	letter-spacing: 0.5px;
	background: #f5f5f6;
	height: 36px;
	position: relative;
	outline: none;
}
.search span {
    position: absolute;
    right: 10px;
    top: 15%;
}

.branddeal_mid {
    width: 65%;
    margin-left: 5px;
    margin-right: 20px;
    float: left;
    border-left: dashed 1px #B6B6B6;
    padding: 0 10px 0 15px;
}
.branddeal_mid h5 {
	font-size: 22px;
	font-weight: 400;
	color: #000;
	padding: 20px 0 0 0;
}
.branddeal_mid p {
	font-size: 14px;
	color: #000;
	line-height: 24px;
	padding: 15px 0 50px 0;
	margin: 0;
}
.branddeal_mid p a {
	font-weight:600;
	color: #000;
}
/* popup-page */

.popup-wrap {
    background: #fff;
    height: auto;
    text-align: left;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    margin: 0 auto;
}
.popup-wrap h4 {
    font-size: 35px;
    font-weight: 600;
    text-align: center;
}

.pop-right .box {
    background: #fff;
    padding: 20px;
    box-shadow: 12px 12px 16px 0 rgb(98 94 94 / 25%), -8px -8px 12px 0 rgb(233 233 233 / 30%);
    border-radius: 8px;
    width: 18%;
    margin: 0 10px;
    height: 315px;
}
.pop-right .box h5 {
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    padding: 20px 0 10px 0;
}
.cashpopuphead{
	width: 100%;
	padding-bottom: 15px;
}
button.btn.cashback_popu {
    font-size: 14px;
    padding: 0 9px 0 25px;
}
.popup-wrap .pop-left {
    float: left;
    background-image: url(../images/cashback-circle.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 607px;
    height: 607px;
}
.branddeal_right {
    width: 19%;
    position: relative;
    float: left;
    height: 125px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.branddeal_right2 {
	width: 17%;
	display: block;
	margin: 0;
	position: absolute;
	right: 0;	
}
ul.cbpopwrap {
    display: flex;
    padding: 21px 0 0 0;
}

ul.cbpopwrap li {
    list-style: none;
    padding-bottom: 20px;
    display: flex;
    width: 20%;
    justify-content: center;
}
.CBpopupimg {
	float: left;
	width: 20%;
	display: block;
	margin-right: 15px;
}
.CBpopuptxt {
	width: 69%;
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 24px;
}
.CBpopuptxt h5
{
	font-size: 17px;
	color: #000;
	font-weight: 600;
	padding: 0 0 5px 0;
}
.usingref{padding: 10px 0 0 0;}
.share_popup {
    position: absolute;
    z-index: 999;
    width: 60%;
    left: -119px;
    top: 107%;
}
.share_popup .popup-wrap {
    margin: 0;
    padding: 25px;
    width: 100%;
    background: #fff;
    height: auto;
}
div#button_share {
	width: 100%;
}
button.btn.Share_btn {
    transform: rotate(45deg);
    font-size: 24px;
    position: absolute;
    top: -5px;
    right: -5px;
    border: solid 2px #000;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    display: flex;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.share_popup .socialiconbox {
    width: 86%;
    margin: 0 auto;
    margin-top: 10px;
    background: #fff;
}
.share_popup .socialiconbox h6 {
    color: #000 !important;
}
.like-share .btn{color: #fff; background: transparent; padding: 0;}
.branddeal_right .hot-deals2 {
	top: 0;
	background-image: url(../images/hotdeal@2x.png);
	background-repeat: no-repeat;
	width: 88px;
	height: 88px;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 0px 0 0 28px;
	background-size: cover;
	margin: 0 auto;
}


.couponbtn {
	margin:0px 0 8px 0;
	text-align: center;
	width: 100%;
	cursor: pointer;
}
.cbtn {
    background: #fff;
    width: 89%;
    border-radius: 5px;
    height: 34px;
    line-height: 34px;
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto;
	cursor: pointer;
}
.couponcoderight {
	text-align: right;
	color: #000;
	font-weight: 400;
	padding-right: 5px;
	display: inline-block;
	font-size: 15px;
	border: 1.5px dashed #999898;
	box-shadow: none;
	height: 36px;
	cursor: pointer;
	margin-top: 2px;
	width: 100%;
}
.coupon-codewrap {
	margin: -1px 0 0 -7px;
	width: 100%;
	cursor: pointer;
}
.info-tc {
    /* width: 9%; */
    display: inline-block;
    /* vertical-align: middle; */
    font-size: 17px;
    margin-right: 10px;
}
.cashback-flow {
    width: 17px;
    display: flex;
    /* vertical-align: middle; */
    height: 16px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.cbtn > span:nth-child(2) {
	text-align: center;
	color: #000;
	font-weight: 500;
	padding-right: 0;
	width: 85%;
	display: inline-block;
	font-size: 17px;
}
.couponbtn:hover .codebtn {
    width: 80%;
    display: block;
}
.cbtn > .codebtn {
    transition: all .3s ease;
    position: absolute;
    left: -7px;
    top: 2px;
    height: 36px;
    background: linear-gradient(90deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
    background-size: cover;
    font-size: 17px;
    width: 93%;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(157,157,157,.5);
    border-radius: 3px 0px 0px 3px;
    line-height: 35px;
    padding-left: 0;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.cbtn > .codebtn .btn {
    color: #000;
    font-size: 17px;
    line-height: 0;
	font-weight:400;
}
.cbtn > .codebtn:hover {
    width: 80%;
}
form {
    position: relative;
}

.expiry-date {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
	width: 100%;
}
.expiry-date span {
	display: inline-block;
	text-align: center;
}
.expiry-date span .fas.fa-clock {
    font-size: 17px;
    padding: 0 8px 0 0;
}
.grabdeal {
    height: 36px;
    width: 92.46% !important;
    margin: 0 auto !important;
    font-size: 17px;
    color: #000;
    font-weight:400;
    display: block;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgb(157 157 157 / 50%);
    background: linear-gradient(90deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
    width: 88%;
    border-radius: 3px;
    margin-top: 10px !important;
    border: none;
}
.brand-tc ul.brand-deatils {
	margin-top: 10px;
}
.brand-tc ul.brand-deatils li {
	list-style: none;
	font-size: 13px;
	line-height: 22px;
	position: relative;
	padding-left: 18px;
	padding-bottom: 10px;
}
.brand-tc ul.brand-deatils li::before {
	width: 8px;
	height: 8px;
	content: "";
	background: #000;
	position: absolute;
	border-radius: 100%;
	margin-right: 0;
	left: 0;
	top: 8px;
}
.cashbackbutton-wrap {
    margin-top: 29px;
    margin-bottom: 15px;
    position: absolute;
    bottom: 4px;
}
.cashbackbutton-wrap a {
	color: #000;
	font-size: 13px;
}
.cashbackbutton-wrap .cashback-ribbon {
    width: auto;
    height: 0;
    border-right: 11px solid transparent;
    border-top: 16px solid #0AC2BC;
    border-left: 16px solid #0AC2BC;
    border-bottom: 16px solid #0AC2BC;
    background-color: transparent;
    left: 0;
    bottom: 0;
    line-height: 0;
    position: relative;
    display: flex;
    font-size: 13px;
    padding-right: 8px;
    color: #fff;
    align-items: center;
    justify-content: center;
}
button.btn.cashback_popu {
    display: flex;
    align-items: center;
    justify-content: center;
}
.extrarupee {
    /* width: 8%; */
    display: inline-block;
    vertical-align: middle;
    color: #000;
    background: #fff;
    border-radius: 100%;
    width: 19px;
    height: 19px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cashback-ribbon .bdr {
    background-image: linear-gradient(to bottom, #0ac2bc 0%,#fff 50%,#0ac2bc 100%);
    border-image-slice: 1;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    width: 1px;
}
.cashbackbutton-wrap .cashback-ribbon a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* terms-conditions pop up */
.popup-wrap h3 {
	font-size: 28px;
	color: #000;
	font-weight: 600;
	text-align: center;
	margin-bottom: 13px;
}
ul.tc-list li {
	font-size: 14px;
	line-height: 25px;
	display: block;
	list-style-type: disc;
	padding: 5px 0;
}
ul.tc-list li::before {
	/* width: 8px; */
	/* height: 8px; */
	border-radius: 100%;
	content: "";
	display: inline flow-root list-item;
	background: #000;
}

/* pagination */
.pagination_wrap .pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	background: #f2f2f2;
	background-size: contain;
	background-position: center center;
	margin-bottom: 24px;
	box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	padding: 4px 0;
}
.pagination_wrap .page-item.disabled .page-link {
	color: #000;
	pointer-events: none;
	cursor: auto;
	background-color: transparent;
	border-color: transparent;
}
.pagination_wrap .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #000;
	background-color: transparent;
	border: none;
}
.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #0ac2bc;
	border-color: transparent;
	border-radius: 3px;
	margin: 5px;
}
/* Dashboard */
.dashboard-left {
	width: 16%;
	background: #0AC2BC;
	margin: 20px 0;
	border-radius: 3px;
	float: left;
	padding: 20px 0;
}
.content-wrapper {
    height: 100%;
   
}
ul.accountlist li
{
	list-style: none;
	line-height:40px;
}
ul.accountlist li a {
	color: #fff;
	font-size: 15px;
	display: block;
	padding: 0px 20px;
}
ul.accountlist li a:hover
{
	background: rgb(255,227,36);background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
	color: #000;
}
ul.accountlist li a.active
{
	background: rgb(255,227,36);background: linear-gradient(180deg, rgba(255,227,36,1) 0%, rgba(255,173,26,1) 100%);
	color: #000 !important;
}
ul.accountlist li a .fa {
	font-size: 19px;
	width: 25px;
}
.myaccounthead {
	font-size: 18px;
	padding: 0 0 20px 20px;
}
.main-dashboard {
	margin: 30px 10px;
}

.main-dashboard .inputiconsimg {
	position: absolute;
	left: 22px;
	top: 7px;
}
.main-dashboard .customebtn{
	padding: 10px 20px !important;
}

.dashboard-right h5 {
	color: #000;
	text-align: center;
	font-size: 25px;
	border-image-source: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 45%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 10%, rgb(255, 255, 255) 100%);
	border-bottom: 1px solid transparent;
	border-image-slice: 1;
	display: inline-block;
	padding: 0 33px 13px 33px;
}
.dashboard-right .bdr {
	border-image-source: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 45%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 10%, rgb(255, 255, 255) 100%);
	border-image-slice: 1;
	border-bottom: 1px solid transparent;
	display: block;
	width: 50%;
	margin: 0 auto;
	margin-top: 20px;
}
.dashboard-right p, .fav-right p {
	font-size: 15px;
	font-weight:400;
	text-align: center;
}
.main-dashboard
{
	margin: 30px 10px;
}
.main-dashboard .dbbox {
	width: 23%;
	float: left;
	background-color: #fff;
	box-shadow: 8px 8px 16px 0 rgba(98, 94, 94, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	height: 133px;
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: 25px;
	margin: 0 10px 20px 10px;
	border-radius: 5px;
}


footer{clear: both;}
.amount-wrap
{
	width: 60%;
	display: block;
}
.dbimg {
    width: 40%;
    float: left;
    margin-right: 3px;
}
.dbbox h4 {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    border-top: solid 1px #ccc;
    padding: 10px 0;
    text-transform: uppercase;
}
.dbbox p {
    text-align: left;
    font-size: 20px;
    margin: 10px 0px;
	color: #000;
}
.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info {
    transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
    font-size: 13px;
}
/* Credit History */
.main-dashboard .table .thead-dark th {
	color: #fff;
	background-color: #0AC2BC;
	border-color: #454d55;
	border-top: 0;
	border-bottom: 0;
	border-right: 1px solid #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	padding: 7px 0;
}
.main-dashboard .table td{
	padding: 14px ;
	text-align: center;
	font-size: 14px;
}
/* Notification */
.notiwrap {
    background: #fff;
    border: solid 1px #e6e5e5;
    border-radius: 3px;
    padding: 10px 15px;
    box-shadow: 2px 2px 12px 2px #e6e6e6;
    margin: 17px 0;
}
.notiwrap h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding-bottom: 8px;
}
.notiwrap p {
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px;
}
.notiwrap a.date {
    font-size: 14px;
    color: #7b7878;
    display: flex;
    align-items: center;
}
.notiwrap a.date i.far.fa-calendar-alt {
    padding: 0 5px 0 0;
}
/* Profile */
.profilesection
{
	background-color: #fff;
	box-shadow: 8px 8px 16px 0 rgba(98, 94, 94, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
}
.profilesection .profile-img
{
	width:12%;
}
.profilesection .profile-head
{
	font-size: 25px;
}
.profile-content
{
	background-color: #fff;
	box-shadow: 8px 8px 16px 0 rgba(98, 94, 94, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	padding: 20px;
}
.profile-content .txt {
	font-weight: 400;
	margin: 0;
}
.profile-content .form-group {
	margin-bottom: 1.5rem;
}

.main-dashboard .inputiconsimg {
	position: absolute;
	left: 22px;
	top: 7px;
}
.main-dashboard .inputiconsimg2 {
	width:1.3%;
	display: block;
	position: absolute;
	left: 22px;
	top: 5px;
	bottom: 0;
}
.main-dashboard  label {
	display: inline-block;
	margin-bottom: .5rem;
	font-size: 15px;
}
.img-wrap {
	width: 71%;
}
.total-earning {
	background-color: #175F89;
	padding: 20px;
	width: 30%;
	margin: 20px;
	height: 144px;
}
.total-earning .img-wrap {
	width: 42%;
}
.total-earning .earning-left
{
	font-size: 18px;
	color: #fff;
	margin-right: 20px;
}

.accountdetails {
	background-color: #00ACF5;
	padding: 20px;
	width: 30%;
	margin: 20px;
	height: 144px;
}
.accountdetails .img-wrap {
	width: 28%;
}
.accountdetails .earning-left
{
	font-size: 18px;
	color: #fff;
	margin-right: 20px;
}
/* Invite-friend */
.invitesharewrap
{
	background-color: #fff;
	box-shadow: 8px 8px 16px 0 rgba(98, 94, 94, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	padding: 20px;
	text-align: left;
}
.invitesharewrap p{text-align: left;}
.invite-friendswrap {
	margin-top: 40px;
}

.sharebox {
    width: 23%;
    text-align: left;
    margin: 0 20px;
}
.shareboximg {
	width:55%;
}
.sharebox h6 {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	padding: 20px 0 5px 0;
}
.sharebox p {
	color: #000;
	font-size: 13px;
	font-weight: 400;
	margin: 0 0 15px 0;
	line-height: 25px;
	text-align: left;
}
.sharebox .share {
    padding: 4px 23px;
    background: #000;
    color: #fff;
}
.Referralcode {
    color: #fff;
    padding: 6px 14px;
    font-size: 16px;
}
.buttonCoder{margin: 50px 0 0 0;}
.buttonCoder p{padding-left: 10px; margin: 0;}
.dashboard-right a.link {
	font-size: 18px;
	display: block;
	margin: 0;
}
.socialiconbox {
	width:16%;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	box-shadow: 8px 8px 16px 0 rgba(98, 94, 94, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
}
.socialiconboxwhite {
    display: block;
    width: 33px;
    text-align: center;
    margin: 0 auto;
    margin-left: 8px;
    background: #ffffff;
    border-radius: 100%;
    height: 33px;
    line-height: 35px;
    margin-right: 8px;
    box-shadow: 1px 1px 9px 0 rgb(0 0 0 / 15%), -1px -1px 9px 0 rgb(0 0 0 / 30%);
    margin-top: 4px;
}

.iconwrap
{
	width: 24%;
}
.fb{background-color: #155BCD;}
.wh{ background-color: #43B700;}
.hk{background-color: #0189F7;}
.gm{background-color: #E10D0C;}
.tw{background-color: #1DA1F2;}
.insta{background: rgb(204,32,32);	background: linear-gradient(0deg, rgba(204,32,32,1) 0%, rgba(103,70,192,1) 100%);}
.socialiconbox h6 {
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
}
.all-socialmedia {
	margin: 28px 20px;
}
.all-socialmedia .content p {
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 0;
}
.all-socialmedia .wrap{
	margin: 20px 0;
}
.all-socialmedia .wrap .content{
	width:84%;
}
.main-dashboard .form-control {
	font-size: 14px;
	color: #000;
}
.main-dashboard .importantNotewrap h6
{
	font-size:20px;
	text-align: left;
}
.main-dashboard .importantNotewrap ul li {
	font-size: 15px;
	color: #fff;
	text-align: left;
	padding: 4px 2px;
	margin: 0 10px;
}

/* photomainwrap */

.photomainwrap .banner-right
{
	width:50%;
}
.photomain-banner-wrap
{
background:url(../images/photomania@2x.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height:350px;
width: 100%;
}
.photomain-banner-wrap h3 {
    font-size: 45px;
    color: #fff;
    font-weight: 600;
    padding-left: 45px;
}
.phhotowrap {
	text-align: center;
}
#photomania h3{font-size: 30px; font-weight: 600; color: #000; padding: 50px 0 0 0;}
#photomania p {
    font-size: 14px;
    color: #000;
    line-height: 23px;
    margin: 0;
    padding: 8px 0 0 0;
    font-weight: 400;
}
#photomania h4, #photomania h5 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    padding: 30px 0 10px 0;
    text-align: center;
}
#photomania h5
{
	text-align: left;
}
.howphotoMaine {
    width:214px;
    display: block;
    margin: 0 auto;
    margin: 20px;
    position: relative;
	box-shadow: 12px 12px 16px 0 rgb(98 94 94 / 25%), -8px -8px 12px 0 rgb(233 233 233 / 30%);
}

.howphotoMaine p {
    position: absolute;
    bottom: 8px;
    left: 13px;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

#photomania .wrap {
    background: #fff;
    width: 18%;
    padding: 15px;
    margin: 20px 14px;
    -webkit-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
    min-height: 178px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.banner-ad {
    width: 729px;
    height: 90px;
    text-align: center;
    margin: 0 auto;
    margin-top:30px;
}
.photocontestWrap {
    position: relative;
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.themeSec
{
	width: 100%;
	flex-wrap: wrap;
	position: relative;
}
.photocontestWrap .left3 {
    width: 18%;
    background-color: #fff;
    -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    border-radius: 7px;
    padding: 0px;
    margin: 0 10px 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    position: relative;
    flex-wrap: wrap;
}
.themeSec .category_headphoto {
    position: absolute;
    z-index: 9999;
    bottom: 0 !important;
    left: 0;
    font-size: 18px;
    color: #fff !important;
    right: 0;
    text-align: left;
    display: block;
    font-size: 15px;
    background: rgba(0, 0, 0, .8);
    margin: 0;
    border-radius: 0 0 7px 7px;
    height: 96px;
}
.photocontestWrap p {
    padding: 8px 0 !important;
}
.photocontestWrap p.category_headphoto span {
    display: block !important;
    width: 100% !important;
    padding: 0 12px !important;
}
.winner_list a {
    color: #000;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 13px;
}
.winner_list span {
    display: block;
    width: 65px;
}
.photocontestWrap .black_strip {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: block;
    position: absolute;
    width: 96.5%;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 17px 9px;
    flex-wrap: wrap;
    border-radius: 0 0 5px 5px;
    /* margin: -58px 0 0 0; */
    font-size: 15px;
}
.winnerlistWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 10px 20px 10px;
    justify-content: center;
}
.winner_list {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.winner_list img {
    height: auto;
    padding: 0px 4px 8px 4px;
    margin: 0;
    /* max-width: 75px; */
    /* height: 75px; */
    text-align: center;
    margin: 0 auto;
    display: block;
    border-radius: 100%;
}
.rightform {
	width: 35%;
	padding: 0;
	margin: 57px 20px;
	box-shadow: 12px 12px 16px 0 rgb(98 94 94 / 25%), -8px -8px 12px 0 rgb(233 233 233 / 30%);
	background: #fff;
	border-radius: 8px;
}
.rightform h5 {
	background: #000;
	border-radius: 8px 8px 0 0;
	padding: 13px 15px !important;
	color: #fff !important;
	font-size: 22px !important;
}
.rightform p {
	padding: 10px 0 0 15px;
}
.rightform .form-group
{
	padding: 0 0 0 15px;
}
.rightform .form-group .label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-weight: 700;
}
.photomainwrap {
	height: 350px;
}
.rightform .form-control {
	height: 48px;
	background: rgba(0,0,0,.05);
	color: #000;
	font-size: 16px;
	border-radius: 8px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	padding: 0.7rem 0.9rem;
	margin: 10px 0 0 0;
}
.uploadbtn {
	border: none;
	border-radius: 5px;
	padding: 6px 14px;
	font-size: 17px;
	margin-left: 15px;
}
.LeftTerms {
	width: 65%;
}
.ContestInnerWrap
{
		border: solid 1px #ccc;
		
}
.contest_wrapper {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    border-top: solid 15px #eaeaea;
    background: #fff;
    padding: 40px 205px 20px 205px;
}
.contestwhiteWrap {
	width: 50%;
	margin: 0 auto !important;
	padding: 20px !important;
	text-align: center;
	border-right:solid 1px #ccc;
}

.contesbuttonWrap {
	width: 50%;
	margin: 0 auto !important;
	margin-top: 20px !important;
	text-align: center;
	vertical-align: c;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.ContestImgWRap
{
	display: flex;
	justify-content: center;
	margin: 0 0 20px 0;
}
.contesbuttonWrap .approved {
	background-color: #E2FFE4;
	padding: 8px 42px;
	border-radius: 5px;
	color: #000;
	font-size: 15px;
	text-align: center;
	border: none;
}
.contesbuttonWrap .pending {
	background-color: #FDDBE2;
	padding: 8px 42px;
	border-radius: 5px;
	color: #000;
	font-size: 15px;
	text-align: center;
	border: none;
}

.contest_wrapper .table {
	margin-bottom: 0;
	background-color: #fff;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
i.fa.fa-download {
    padding: 0 10px;
}
.contest_wrapper img {
    width: 125px;
    margin: 0 10px 10px 10px;
    height: 125px;
}
.approved_btn
{
	width: 100%;
}
.pendinf_btn
{
	width: 100%;
}
.contest_head {
	background: #000;
	padding: 8px;
	border-radius: 8px 8px 0 0;
	display: flex;
}
.contest_head h5 {
	width: 50%;
	text-align: center !important;
	color: #fff !important;
	padding: 8px 20px !important;
	font-size: 20px !important;
	text-align: center !important;
}
ul.contestwallet {
    border: solid 1px #ccc;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    width: auto;
    margin-top: 15px;
}
ul.contestwallet li {
    display: inline-block;
    align-items: center;
    border-right: solid 1px #ccc;
    padding: 8px 15px;
}
.photomaniaWrapperList{display: flex;}
.winnerhead {
    font-size: 17px !important;
    padding: 14px 0 14px 0 !important;
    color: #000;
}
#photomania .wrap h3 {font-size: 17px; color: #000; text-align: center; padding: 15px 0 0 0;}
#photomania .wrap img{max-width: 30%; margin: 0 auto; text-align: center; display: block;}

.phhotowrap h6 {
	border-image-source: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 45%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 10%, rgb(255, 255, 255) 100%);
	border-image-slice: 1;
	border-bottom: 1px solid transparent;
	display: inline-block;
	margin: 0 auto;
	margin-top: 20px;
	color: #000;
	margin-bottom: 30px;
	padding: 10px 15px;
	font-size: 21px;
}
ul.photocontestlist li {
    font-size: 16px;
    color: #000;
    padding: 7px 0px;
    list-style: disc;
    margin: 0 0 0 20px;
}
ul.photocontestlist li span {
    background-color: #000;
    color: #0AC2BC;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
	margin: 0 10px 0 0;
}
.phhotowrap .left {
	width:55%;
	float: left;
	background-color: #F0F5F9;
	padding: 25px 30px;
}
.phhotowrap .left h5 {
	color: #000000;
	font-size: 18px;
	border-bottom: solid 1px #A0BCD9;
	padding: 0 0 15px 0;
	margin: 0 -30px;
}
.phhotowrap .right
{
	width: 40%;
	float: right;
	text-align: left;
}
#photomaniaContestwrap {
    background: url(../images/photomania-bannerupcoming@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    margin: 20px 0;
}
#terms h5 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    padding: 20px 0 20px 0;
    text-align: center;
}
.contest-bannerbox {
    background: #003253;
    display: flex;
    padding: 52px 25px;
    width: 27%;
    margin: 0 80px;
    height: auto;
    align-items: center;
}
.contest-bannerbox h4 {
	position: absolute;
	font-size: 35px !important;
	color: #fff !important;
	padding: 0 !important;
}
.contest-bannerbox h3 {
	position: absolute;
	font-size: 43px !important;
	padding: 61px 0 !important;
	font-weight: 600 !important;
	color: #fff !important;
}
.photocontestoption .leftBtn {
    margin: 0 auto;
    display: block;
    margin-top: 45px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 22px;
    font-size: 28px;
    color: #000 !important;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 30px;
}
.photocontestoption .leftBtn::after {
    content: "";
    position: absolute;
    background: url(../images/shadow.png);
    width: 100%;
    height: 14px;
    background-repeat: no-repeat;
    left: 0;
    bottom: -8px;
    z-index: -1;
    background-size: cover;
    background-position: center;
}
.contest-bannerbox h3::after {
    content: "";
    width: 45%;
    height: 4px;
    background-color: #FFAD1A;
    position: absolute;
    bottom: 35%;
    left: 50%;
}
.rightbox {
	width: 90%;
	height: 70px;
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 85% 0%, 89.03% 49.71%, 85% 100%, 0% 100%);
	box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	margin-left: 60px;
	display: flex;
	align-items: center;
}
.steps-details {
	margin: 20px 0 0 0;
}
.steps-details .white {
	height: 65px;
	float: left;
	background-color: #fff;
	box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	width: 7%;
	position: absolute;
	z-index: 9;
	line-height: 65px;
	font-size: 38px;
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
}
.steps-details .rightbox .detail {
	font-size: 19px;
	color: #fff;
	text-align: left;
	display: block;
	padding-left: 52px;
}
.phhotowrap .right h6.head {
	color: #000;
	border: none;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 18px;
}
.phhotowrap .right .name {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #FFB31B;
}
.phhotowrap .right .intro {
	font-size: 13px;
}
.phhotowrap .right .table .thead-dark th {
	background-color: #3ad4cf;
	border-color: #32d0cb;
	text-align: center;
	border-right: solid 1px #fefefe;
}
.phhotowrap .right .table label.download-pic
{
    padding: 10px;
    background: red; 
    display: table;
    color: #fff;
}
.photocontestoption .box-1 {
    background-color: #fff;
    -webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    -moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    padding: 20px;
    width: 20%;
    margin: 0 15px;
    text-align: center;
}
.photocontestoption .box-1 .number {
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    color: #000;
    border-radius: 5px;
}
.phhotowrap .right .table .downloadimg {
    width:55%;
}
.phhotowrap .right .table td
{
	vertical-align: middle;
}

/* Surveys & Sweepstakes */

.Surveys-banner-wrap {
    background: url(../images/survey-sweepstakes@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:350px;
    width: 100%;
}
.Surveys-banner-wrap h3 {
	font-size: 45px;
	color: #fff;
	font-weight: 600;
	padding-left:50px;
	
}
.Surveyswrap
{
	height: 350px;
}
.surveybox {
    width: 23%;
    float: left;
    box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    margin: 20px 0 0 18px;
    padding: 15px;
    text-align: center;
    display: flex;
    border-radius: 3px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}

.top:after {
    border-bottom: solid 1px #e3e0e0;
    content: "";
    position: absolute;
    width: 100%;
    top: 33%;
    left: 0;
}

.top h5 {
    color: #000;
    font-size: 17px;
    padding: 20px 0 0 0;
}

.surveybox .logoname {
	padding: 23px 0 10px 0;
}
.surveybox .brand-logo {
	
	background: #fff;
	display: inline-block;
	padding: 0 14px;
	margin: 0;
	border-radius: 3px;
	padding: 7px;
}
.surveybox .brand-logo img {
    height: 55px;
    line-height: 55px;
    padding: 5px;
}
.surveybox .intro {
    font-size: 13px;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 0;
    line-height: 20px;
}
.surveybox .rate {
    color: #000;
    font-size: 14px;
    padding: 10px 0;
    font-weight: 500;
    width: 100%;
}
.conffile h5 {
    font-size: 20px;
    color: #000;
    padding: 0 0 21px 0px;
}
.conffile .writesubmit-button {
    border: none;
    color: #000;
    padding: 7px;
    border-radius: 6px;
    margin: 20px 0;
}
.surveybox .rate .fa
{
	padding-right: 10px;
}
.writehow p
{
	font-size: 15px;
}
.writehow p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
}
.earnbtn {
    color: #000;
    padding: 3px 17px;
    margin-bottom: 8px;
    font-size: 13px;
    border: none;
    margin-top: 6px;
}
/* proceedtoearn */
.proceed-banner-wrap
{
background:url(../images/proceed-to-earn-banner@2x.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height:350px;
width: 100%;
}
.proceed-banner-wrap h3 {
    font-size: 45px;
    color: #fff;
    font-weight: 600;
    padding: 20px 0px;
}
.proceedwrap {
    height: 350px;
    padding: 0 25px;
}
.proceedwrap p {
    color: #fff;
    width: 50%;
}
.banner-left
{
	width: 70%;
}
.proceedwrap .banner-right {
    width: 28%;
    display: flex;
    justify-content: flex-end;
}
.proceedmainwrap {
    text-align: center;
    margin: 20px 0 0 0;
}
.proceedmainwrap .popup-wrap {
    width: 80%;
    padding: 0;
    background-color: transparent;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: none;
	margin: 0 auto;
	background-image: none;
}
.popup-wrap .left {
    width: 36% !important;
    background-color: #fff !important;
    padding: 25px 30px !important;
    text-align: center !important;
    float: none !important;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    border-radius: 8px;
    position: relative;
    height: 300px;
}
.form-popup h3
{
	padding: 0 !important;
}
.popup-wrap .left .SignIn_btn {
    text-align: center;
    margin: 12px auto;
    display: block;
    padding: 5px 30px;
    border: none;
    font-size: 20px;
    color: #000;
    font-size: 16px;
}
.popup-wrap .left .SignIn_btn a
{
	color: #000;
}
.popup-wrap .left h3
{
	width: 100%;
}
.popup-wrap .left p {
    font-size: 19px;
    width: 100%;
}
.popup-wrap .left p a
{
	color: #0AC2BC;
	font-weight: 600;
	text-decoration: underline;
}
.popup-wrap .right {
    width: 50% !important;
    float: none !important;
    text-align: left !important;
    margin: 0 !important;
}
.proceedmainwrap h6 {
	border-image-source: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 45%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 10%, rgb(255, 255, 255) 100%);
	border-image-slice: 1;
	border-bottom: 1px solid transparent;
	display: inline-block;
	margin: 0 auto;
	margin-top: 20px;
	color: #000;
	margin-bottom: 30px;
	padding: 10px 15px;
	font-size: 21px;
}

.proceedmainwrap .left {
	width:55%;
	float: left;
	padding: 25px 30px;
	text-align: center;
}
.proceedmainwrap .left h5 {
	color: #000000;
	font-size: 18px;
	border-bottom: solid 1px #A0BCD9;
	padding: 0 0 15px 0;
	margin: 0 -30px;
}
.proceedmainwrap .right {
    width: 40%;
    float: right;
    text-align: left;
    margin: 25px 30px;
}
.proceedmainwrap .rightbox {
	width: 90%;
	height: 70px;
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 85% 0%, 89.03% 49.71%, 85% 100%, 0% 100%);
	box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	margin-left: 60px;
	display: flex;
	align-items: center;
}
.proceedmainwrap .steps-details {
	margin: 20px 0 0 0;
}
.proceedmainwrap .steps-details .white {
	height: 65px;
	float: left;
	background-color: #fff;
	box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	width: 7%;
	position: absolute;
	z-index: 9;
	line-height: 65px;
	font-size: 38px;
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
}

.proceedmainwrap .phhotowrap .right
{
	width: 40%;
	float: right;
	text-align: left;
}
.proceedmainwrap .rightbox {
	width: 90%;
	height: 70px;
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 85% 0%, 89.03% 49.71%, 85% 100%, 0% 100%);
	box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	margin-left: 60px;
	display: flex;
	align-items: center;
}
.proceedmainwrap .steps-details {
	margin: 20px 0 0 0;
}
.proceedmainwrap .steps-details .white {
	height: 65px;
	float: left;
	background-color: #fff;
	box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	width: 7%;
	position: absolute;
	z-index: 9;
	line-height: 65px;
	font-size: 38px;
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
}
.proceedmainwrap .steps-details .rightbox .detail {
	font-size: 15px;
	color: #fff;
	text-align: left;
	display: block;
	padding-left: 52px;
	max-width: 80%;
}
.proceedmainwrap .total-earning {
	background-color: #84B423;
	padding: 20px;
	width: 100%;
	margin:0 0 15px 0px;
	height: 130px;
	box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	border-radius: 5px;
}
.proceedmainwrap .total-earning .earning-left {
	font-size: 22px;
	color: #fff;
	margin-right: 20px;
}
.proceedmainwrap .total-earning .earning-left h4
{
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 25px;
}
.proceedmainwrap .accountdetails {
    background-color: #172E5B;
    padding: 20px;
    width: 100%;
    height: 130px;
    box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    border-radius: 5px;
}
.video{
    width: 50%;
    margin: 10px;
}
.video iframe
{
	border:none;
	border-radius: 8px;
}
.proceedmainwrap .clickearnwrap {
    width: 40%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.top {
    width: 100%;
}
.stepoffer, .Instruction, .Notes {
    box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    margin: 20px 0 0 0;
}
.stepoffer .top_steps, .Instruction .top_steps, .Notes .top_steps  {
    background-color: #000;
    padding: 10px 20px;
    color: #fff;
    text-align: left;
    font-size: 22px;
    border-radius: 8px 8px 0 0;
}
.stepoffer .bottom_steps ol, .Instruction .bottom_steps ul, .Notes .bottom_steps ul  {
    text-align: left;
    padding: 6px 20px;
    margin: 0 18px;
}
.Instruction
{
	margin: 20px 0 0 0;
}
.stepoffer .bottom_steps ol li, .Instruction .bottom_steps ul li, .Notes .bottom_steps ul li {
    padding: 5px;
    font-size: 14px;
}

.proceedmainwrap .accountdetails .img-wrap {
	width: 50%;
}
.proceedmainwrap .accountdetails .earning-left
{
	font-size: 18px;
	color: #fff;
	margin-right: 20px;
}
.proceedmainwrap .accountdetails .earning-left h4
{
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 25px;
}

/* HotDeals*/

.hotdeals-banner {
	background: url(../images/hot-deals-banner.jpg);
	width: 100%;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	position: relative;
}
.hotdeals-banner .img-wrap {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.cpnbtn {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height:34px;
	position: relative;
	width: 180px;
	height: 34px;
	padding: 0 10px 0 0;
	cursor: pointer;
	text-align: right;
	color: #000;
	border: 1px dashed #000;
	border-radius: 3px;
	background-color: #fff;
}
.cpnbtn::after, .cpnbtn::before {
	position: absolute;
	right: 15px;
	width: 30px;
	height: 2px;
	content: '';
	background-color: #F5D339;
}
.cpnbtn::before {
	top: -1px;
	right: 30px;
	transition: transform .3s ease-out;
	backface-visibility: hidden;
}
.cpnbtn::after {
	bottom: -1px;
}
.cpnbtn span {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 41px;
	display: block;
	width: auto;
	height: 100%;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	/* right: 0; */
	text-align: center;
}
.cpnbtn .p1 {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 147px;
	height:34px;
	margin: -1px 0 0 -1px;
	padding-left: 10px;
	white-space: nowrap;
	color: #000;
	border-radius: 3px 0 0 3px;
	background: #F5D339;
}
.cpnbtn .p2 {
	position: absolute;
	top: 0;
	right: 15px;
	overflow: hidden;
	width: 45px;
	height: 100%;
}
.cpnbtn .t1 {
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 63.64px;
	height: 63.64px;
	transform: translate(-17px, -2px) rotate(-45deg);
	background: #F5D339;
}
.cpnbtn .t1:last-of-type {
	background: none;
	z-index: 3;
}
.cpnbtn .t2 {
	position: absolute;
	top: 17.5px;
	right: -25px;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	background: #EDB916;
	transition: all ease 0.3s;
}
.cpnbtn:hover .p1 {
	background-color: #F5D339;
	transition: all ease 0.3s;
	box-shadow: 8px 8px 16px 0 rgba(60, 60, 60, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
}
.cpnbtn:hover .t1:first-of-type {
	background-color: #F5D339;
	transition: all ease 0.3s;
}
.cpnbtn:hover .t1 {
	transform: translate(-18px, 0px) rotate(-45deg);
	transition: all ease 0.3s;
}
.cpnbtn:hover .t2 {
	top: 17px;
	right: -14px;
	transition: all ease 0.3s;
}
.like-share {
    margin: 10px 0;
	width: 100%;
}

.like-share .like {
	background: radial-gradient(circle, rgba(96,232,227,1) 0%, rgba(0,182,176,1) 100%);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 30px;
	box-shadow: 0px 2px 3px 0px rgba(52, 51, 51, 0.3), -0px -0px 0px 0 rgba(233, 233, 233, 0.3);
}
.like-share .share {
	background: radial-gradient(circle, rgba(96,232,227,1) 0%, rgba(0,182,176,1) 100%);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 30px;
	box-shadow: 0px 2px 3px 0px rgba(52, 51, 51, 0.3), -0px -0px 0px 0 rgba(233, 233, 233, 0.3);
	margin-left: 15px;
}
.category_head, .category_head2 {
    position: absolute;
    z-index: 9999;
    left: 0;
    font-size: 18px;
    color: #fff;
    right: 0;
    text-align: center;
    background: rgb(13 194 189);
    height: 52px;
    margin: 0;
    line-height: 52px;
    border-radius: 0 0 7px 7px;
    top: 205px;
}
.contact-wrap {
    border-bottom: solid 15px #eaeaea;
    margin: 0 -58px;
}
/*..LOgin..*/
#Contactwrapper {
	margin: 20px auto;
}
.loginWrappermain {
	background: #f8f9fd;
	padding: 50px;
}
.login-wrap {
    position: relative;
    background: #fff;
    width: 67%;
}
.wrap {
	width: 100%;
	border-radius: 5px;
	-webkit-box-shadow: 0 10px 34px -15px rgba(0,0,0,.24);
	-moz-box-shadow: 0 10px 34px -15px rgba(0,0,0,.24);
	box-shadow: 0 10px 34px -15px rgba(0,0,0,.24);
}
.contactWrap-bottom h4 {
    font-size: 25px;
    color: #000;
    text-align: center;
    padding-bottom: 10px;
    font-weight: 600;
}
.inputicons {
    position: relative;
    padding: .375rem 2.5rem;
    background: rgba(0,0,0,.05);
    border-radius: 50px;
}

.cashbacktrackingissue p {
    text-align: left !important;
    padding: 0 0 0 15px;
	margin: 0;
}
.not_trackedWrap h6, .Cashback_pending h6, .Wrong_cashback h6, .Cashback_Cancelled h6{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    padding: 0 0 10px 15px;
}
.not_trackedWrap ul {
    padding: 13px 15px;
    list-style: none;
    margin: 0;
}
.not_trackedWrap form, .Cashback_pending form, .Wrong_cashback form
{
	margin: 0 15px;
}
.Cashback_pending h6, .Wrong_cashback h6, .Cashback_Cancelled h6
{
	padding: 20px 0 0 15px;
}
.Wrong_cashback p, .Cashback_Cancelled p{text-align: left; padding: 8px 0 0 15px;}

.form-group {
    margin-bottom: 8px;
    margin-top: 8px;
}
.Cashback_Cancelled h5{font-size: 14px; font-weight: 600; color: #000; padding:0 10px 0 0;}

.ContactdetailsWrap {
    color: #000;
    text-align: center;
    line-height: 35px;
    margin: 0 100px;
}
.ContactdetailsWrap h4, .ContactdetailsWrap2 h4 {
    font-size: 16px;
    font-weight: 600 !important;
    color: #000;
    padding-bottom: 6px;
    padding-top: 5px;
    font-weight: 500;
}
.ContactdetailsWrap .details, .ContactdetailsWrap2 .details {
    color: #000;
    line-height: 20px;
    font-size: 14px;
    padding-bottom: 34px;
}
.ContactdetailsWrap i, .ContactdetailsWrap2 i {
    font-size: 45px;
    color: #ffc41f;
}
.contactWrap-bottom {
    margin: 30px 0 0 0;
}
/* HoteDeals-right*/

#Maindeal_Wrap {
    width:100%;
    border-radius: 3px;
    margin-bottom: 17px;
}
.Maindeal_Wrap_banner {
    background-color: #fff;
    box-shadow: 12px 12px 16px 0 rgb(98 94 94 / 25%), -8px -8px 12px 0 rgb(233 233 233 / 30%);
    width: 100%;
    position: relative;
    padding: 15px 10px;
    display: flex;
    border-radius: 8px;
}
.offerHead {width: 100%; font-size: 22px;}
.offerHead h3{ font-size: 22px; font-weight: 400; color: #000;}

.Maindeal_Wrap_banner .Left {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    position: relative;
}
.Maindeal_Wrap_banner .Left .store_logo {
    height: 62px;
    position: absolute;
    top: 35%;
}
.Maindeal_Wrap_banner .Left .store_logo img{
    height: 100%;
    display: block;
}
.Maindeal_Wrap_banner .Left .offerHead p
{
	font-size: 22px;
	font-weight: 400;
	margin: 0;
}

.Maindeal_Wrap_banner .Left .like-share {
    margin: 0;
    width: 100%;
    position: absolute;
    bottom: 2px;
}

.Maindeal_Wrap_banner .Mid {
    width: 60%;
    margin-left: 5px;
    margin-right: 20px;
    border-left: dashed 1px #B6B6B6;
    padding: 0 10px 0 15px;
    float: left;
}

.Maindeal_Wrap_banner .Mid h3 {
    font-size: 22px;
    color: #000;
    padding: 0 0 10px 0;
    width: 100%;
    font-weight: 400;
}
.Maindeal_Wrap_banner .Mid p {
    margin: 0;
    font-size: 14px;
}
.Maindeal_Wrap_banner .Right {
    width: 20%;
    float: left;
    position: relative;
    height: 175px;
}
#product_form
{
	margin: 0 auto;
}
.Maindeal_Wrap_banner .Right .hot-deals2 {
    top: 0;
    background-image: url(../images/hotdeal@2x.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 0px 0 0 28px;
    background-size: cover;
    margin: 0 auto;
    margin-top: -15px;
    margin-bottom: 15px;
}
.Maindeal_Wrap_banner .Right .expiry-date {
    padding: 0;
    width: 100%;
    position: absolute;
    bottom: 7px;
    font-size: 13px;
}

/* all category new section css starts here */

.categoryListItem {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 5px 5px 10px 0 rgb(98 94 94 / 25%), -5px -5px 8px 0 rgb(233 233 233 / 30%);
    border-radius: 6px;
    width: 19%;
    height: 165px;
    margin-bottom: 15px;
    padding: 10px 0;
}

.categoryListItem2{
	width: 24%;
}

.categoryListItem_img {
    width: 90px;
    height: 90px;
    margin: 0;
}

.categoryListItem_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
    box-shadow: 8px 8px 10px 0 rgb(98 94 94 / 25%), -5px -5px 8px 0 rgb(233 233 233 / 30%);
    -webkit-box-shadow: 8px 8px 10px 0 rgb(98 94 94 / 25%), -5px -5px 8px 0 rgb(233 233 233 / 30%);
    -moz-box-shadow: 8px 8px 10px 0 rgb(98 94 94 / 25%), -5px -5px 8px 0 rgb(233 233 233 / 30%);
}

.categoryListItem .coupdeals {
    margin-top: 8px;
}

.cateListItemHeading {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.agri_category_List .categoryListItem {
    margin-right: 10px;
}

.agri_category_List .cateListItemHeading {
    margin-top: 15px;
}

/* all category new section css ends here */

/* Responsive */

@media screen and (max-width: 1507px)
{
	.brand-6 {display: none !important;}
	a.brand-5 .dealsbox {margin-right: 0;}
	.dashboard-left {
		width: 18%;
	}
	.dashboard-right {
		width: 100%;
	}
	

}
@media screen and (max-width: 1301px)
{
	.top-storeswrapper-right .bookmarkRibbon {
		width: 91%;
		height: 40px;
		border-right: 21px solid transparent;
		border-top: 21px solid #FFD621;
		border-left: 21px solid #FFD621;
		border-bottom: 21px solid #FFD621;
		background-color: transparent;
		left: -9px;
		bottom: 0;
		line-height: 0;
		margin-top: 30px;
		position: relative;
	}
}
@media screen and (max-width: 1248px)
{
	form {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	.topheaderBtn .btn {
		padding: 0px 8px;
		border-radius: 5px;
		height: 40px;
		border: none;
	}
	.brand-5 {display: none !important;}
	a.brand-4 .dealsbox {margin-right: 0;}
	.maintopcouponsdeals .dealsbox .btn {font-size: 11px; padding:6px 9px;}
	.coupdeals {margin-top: -4px;}
	ul.storebyalphabets li a {
		padding: 0 12px 0 0;
	}
	.branddeal_right {
		right: 32px;
	}
}

@media screen and (max-width: 1186px)
{
	.top-storeswrapper-right .bookmarkRibbon, .top-storeswrapper-left .bookmarkRibbon {
		width: 100%;		
		left: 0;
	}
}
@media screen and (max-width: 1131px)
{
	.topheaderBtn .btn {
		font-size: 12px;
	}
	.topheaderBtn .dropdown-item {
		display: block;
		width: 100%;
		padding: .25rem 1.5rem;
		clear: both;
		font-weight: 400;
		color: #212529;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
		font-size: 12px;
	}
}
@media screen and (max-width: 1079px)
{
	.main-coupons-4
	{
		display: none;
	}
	.main-coupons-3 {margin-right: 0;}
	.worksprocess
	{
		max-width: 95%;;
	}
	.mid-footer .cat-links .cat-header {
		color: #FFAF1A;
		font-size: 11px;
		font-weight: 800;
	}
	.mid-footer .cat-links ul li a {
		color: #fff;
		font-size: 11px;
		font-weight: 400;
	}
	.allstores-right .brand-4
	{
		display: none;
	}
	.allstores-right a.brand-3 .dealsbox {margin-right: 0;}
	ul.storebyalphabets li a {
		font-size: 12px;
		padding: 0 11px 0 0;
		margin-bottom: 10px;
		display: inline-block;
	}
}
 /*MediaQuerys*/
 
/* loader-3 */
.loading {
  display: flex;
  justify-content: center;
  margin: 80px;
}
.loading .dot {
  position: relative;
  width: 1em;
  height: 1em;
  margin: 0.8em;
  border-radius: 50%;
}
.loading .dot::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  animation: wave 2s ease-out infinite;
}
.loading .dot:nth-child(1) {
	background: #de7388;
  }
  .loading .dot:nth-child(1)::before {
	animation-delay: 0.2s;
  }
  .loading .dot:nth-child(2) {
	background: #d73858;
  }
  .loading .dot:nth-child(2)::before {
	animation-delay: 0.4s;
  }
  .loading .dot:nth-child(3) {
	background: #df2046;
  }
  .loading .dot:nth-child(3)::before {
	animation-delay: 0.6s;
  }
  .loading .dot:nth-child(4) {
	background: #d30e35;
  }
  .loading .dot:nth-child(4)::before {
	animation-delay: 0.8s;
  }
  .loading .dot:nth-child(5) {
	background: #b81031;
  }
  .loading .dot:nth-child(5)::before {
	animation-delay: 1s;
  }

@keyframes wave {
  50%, 75% {
    transform: scale(2.5);
  }
  80%, 100% {
    opacity: 0;
  }
}

.form-popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    border: none;
    z-index: 9;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    bottom: 0;
    padding-top: 50px;
}

.fav-right {
    padding: 0 0 33px 0;
}

/* pick from here */

@media screen and (max-width: 961px)
{
	.main-dashboard {
		margin: 15px 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.content-header {
		padding: 10px .5rem 5px .5rem;
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.main-dashboard .dbbox {
		width: 30%;
		float: left;
		background-color: #fff;
		box-shadow: 8px 8px 16px 0 rgba(98, 94, 94, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
		height: 133px;
		overflow: hidden;
		display: flex;
		align-items: center;
		padding: 25px;
		margin: 0 6px 18px 6px;
		border-radius: 5px;
	}
	.main-dashboard .table .thead-dark th {
		color: #fff;
		background-color: #0AC2BC;
		border-color: #454d55;
		border-top: 0;
		border-bottom: 0;
		border-right: 1px solid #fff;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		padding: 7px 31px;
		vertical-align: middle;
	}
	.faq-wrap {
		-webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
		-moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
		box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
		padding: 10px;
		margin: 25px 0;
		background: #fff;
	}
	.main-dashboard .table td {
		padding: 5px 10px;
		text-align: center;
		font-size: 14px;
	}
	.faq-wrap {
		-webkit-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
		-moz-box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
		box-shadow: 12px 12px 16px 0 rgba(98, 94, 94, 0.25), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
		padding: 20px;
		margin: 25px 0;
		background: #fff;
	}
	#cashbacktracking-issue .notiwrap {
		margin: 5px 0;
		width: 100%;
	}
	.total-earning .img-wrap {
		width: 40%;
	}
	.total-earning .earning-left {
		font-size: 18px;
		color: #fff;
		margin-right: 20px;
		width: 54%;
	}
	.total-earning {
		background-color: #175F89;
		padding: 13px;
		width: 100%;
		margin: 0;
		height: auto;
		flex-wrap: wrap;
	}
	.accountdetails {
		background-color: #00ACF5;
		padding: 20px;
		width: 100%;
		margin: 10px 0;
		height: 144px;
		flex-wrap: wrap;
	}
	.sharebox {
		width: 100%;
		text-align: left;
		margin: 0;
	}
	.invite-friendswrap {
		margin-top: 0;
		flex-wrap: wrap;
	}
	.sharebox {
		width: 100%;
		text-align: left;
		margin: 0;
	}
	.sharebox p {
		color: #000;
		font-size: 13px;
		font-weight: 400;
		margin: 0;
		line-height: 25px;
		text-align: left;
	}
	.shareboximg {
		width: 34%;
	}
	.importantNotewrap {
		background: rgb(96,232,227);
		background: radial-gradient(circle, rgba(96,232,227,1) 0%, rgba(0,182,176,1) 100%);
		height: auto;
		padding: 20px;
		margin: 20px 0;
	}
	.buttonCoder {
		margin: 0px 0 0 0;
	}
	.buttonCoder p {
		padding-left: 0;
		margin: 8px 0;
	}
	.usingref {
		padding: 0;
	}
	.all-socialmedia {
		margin: 0px 0px;
	}
	.wrap {
		width: 100%;
		border-radius: 0px;
		-webkit-box-shadow:none;
		-moz-box-shadow: none;
		box-shadow:none;
	}
	.all-socialmedia .wrap .content {
		width: 100%;
	}
	.socialiconbox {
		width: 49%;
		text-align: center;
		color: #fff;
		border-radius: 3px;
		box-shadow: 8px 8px 16px 0 rgba(98, 94, 94, 0.15), -8px -8px 12px 0 rgba(233, 233, 233, 0.3);
	}
	.sharebox .share {
		padding: 4px 23px;
		background: #000;
		color: #fff;
		margin: 8px 0 15px 0;
	}
	.accountdetails .earning-left {
		font-size: 18px;
		color: #fff;
		margin-right: 20px;
		width: 65%;
	}
	.text-wrap {
		width: 100%;
	}
	.text-wrap {
		background: #0ac2bc;
		background: -moz-linear-gradient(-45deg,#0ac2bc 0%,#00aea8 100%);
		background: -webkit-gradient(left top,right bottom,color-stop(0%,#0ac2bc),color-stop(100%,#00aea8));
		background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: -ms-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		color: #fff;
		width: 100%;
	}
	.loginWrappermain {
		background: #f8f9fd;
		padding: 0;
	}
	.login-wrap {
		position: relative;
		background: #fff;
		width: 100%;
	}
	a.brand-1 {
		width: 20%;
		display: block;
		margin: 8px 5px;
		z-index: 9;
		position: relative;
	}
	.dashboard-right p, .fav-right p {
		font-size: 14px;
		font-weight: 400;
		text-align: center;
	}
	.contactWrap-bottom  .btn.btn-primary {
		border: 1px solid #0ac2bc;
		color: #fff;
		background: #0ac2bc;
		background: -moz-linear-gradient(-45deg,#0ac2bc 0%,#00aea8 100%);
		background: -webkit-gradient(left top,right bottom,color-stop(0%,#0ac2bc),color-stop(100%,#00aea8));
		background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: -ms-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: -webkit-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: -o-linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		background: linear-gradient(135deg,#0ac2bc 0%,#00aea8 100%);
		text-align: center;
		/* display: inline-flex; */
		/* align-items: center; */
		width: 40%;
		padding: 0 !important;
	}
	body:not(.layout-fixed) .main-sidebar {
		z-index: 9999999;
		left: -8px;
	}
	.content-wrapper {
		z-index: 1;
	}
	.dealsbox {
		width: 100%;
		height: 150px;
		background: rgb(255,255,255);
		background: #fff;
		-webkit-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
		-moz-box-shadow: 8px 8px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
		box-shadow: 5px 5px 10px 0 rgba(98, 94, 94, 0.25), -5px -5px 8px 0 rgba(233, 233, 233, 0.3);
		text-align: center;
		padding: 2px;
		border-radius: 3px;
		z-index: -1;
		position: relative;
		text-align: center;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
}
@media screen and (max-width:596px)
{
	.main-dashboard .dbbox {
		width: 45%;
	}
	.amount-wrap {
		width: auto;
		display: block;
	}
	form {
		width: 100%;
	}
	.cashBack-wrap .form-control {
		width: 100%;
	}
	.dashboard-right p, .fav-right p {
		text-align: left;
	}
}
@media screen and (max-width:436px)
{
	.main-dashboard .dbbox {
		width: 43%;
		padding: 10px;
	}
}



.singleCateBannerHeading {
    display: none;
}