@charset "utf-8";
/*--------------------------------------------------------------------
	General CSS
--------------------------------------------------------------------*/
body {color:#414146; font-size:14px; line-height: 1.6; font-family: 'Open Sans', sans-serif;}

/*----------- Heading -----------*/
h1,h2,h3,h4,h5,h6 {margin:0px 0px 10px 0px; color:#333333; /*font-family: 'PT Sans', sans-serif;*/}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}

/*----------- Links -----------*/
a {color:#1376b9; text-decoration:none;}
a, a:focus, a:hover, a:active {outline:0 !important;}
a:focus {text-decoration: none;}
a:hover {color:#1e6bac; text-decoration:none !important;} 
a:hover,a:focus{text-decoration:none; outline:none;}
 
/*----------- Lists -----------*/
ul {list-style:none;}
ul, ol {padding:0; margin:0;}
li ul, li ol {padding:0; margin:0;}

/*----------- Paragraph -----------*/
p {font-size:15px; line-height:24px; margin:0 0 10px 0;}
p img.left {float:left; margin:1.5em 1.5em 1.5em 0; padding:0;}
p img.right {float:right; margin:1.5em 1.5em 1.5em 0;}
strong {font-weight:bold; }
em, dfn {font-style:italic; }
dfn {font-weight:600;}
sup{line-height:0; font-size:smaller;}
sub {line-height:0; font-size:smaller;}
abbr, acronym {border-bottom:1px dashed #ccc; }
address {margin:0 0 1.5em; font-style:italic; }
del {color:#666;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace; line-height:1.5em; display:block; }
code {background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em; }
pre {margin:1.5em 0; white-space:pre; }
i{font-style: normal;}
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.hide { display:none}
.block { display:block !important;}
.inline { display:inline !important;}
.bold { font-weight:600;}
.italic { font-style:italic;}

/*----------- Margin -----------*/
.mr_none {margin:0px !important;}
.mr_b5,.mr_b10,.mr_b15,.mr_b20,.mr_b25,.mr_b30,.mr_b35,.mr_b40,.mr_b45,.mr_b50,.mr_b55,.mr_b60 {clear:both;}
.mr_b5 {margin-bottom:5px;}
.mr_b10 {margin-bottom:10px;}
.mr_b15 {margin-bottom:15px;}
.mr_b20 {margin-bottom:20px;}
.mr_b25 {margin-bottom:17px;}
.mr_b30 {margin-bottom:30px;}
.mr_b35 {margin-bottom:35px;}
.mr_b40 {margin-bottom:40px;}
.mr_b45 {margin-bottom:45px;}
.mr_b50 {margin-bottom:50px;}
.mr_b55 {margin-bottom:55px;}
.mr_b60 {margin-bottom:60px;}

/*----------- Fonts -----------*/
.ft6{font-size:6px;}
.ft7{font-size:7px;}
.ft8{font-size:8px;}
.ft9{font-size:9px;}
.ft10{font-size:10px;}
.ft11{font-size:11px;}
.ft12{font-size:12px;}
.ft13{font-size:13px;}
.ft14{font-size:14px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft17{font-size:17px;}
.ft18{font-size:18px;}
.ft19{font-size:19px;}
.ft20{font-size:20px;}

/*----------- Headlines -----------*/
.title{text-align: center; margin-bottom: 30px;}
.title h1{font-size: 22px; color: #333333; margin: 0; font-weight: bold; text-transform: uppercase;}
.title h2{font-size: 22px; color: #333333; margin: 0; font-weight: bold; text-transform: uppercase;}


/*--------------------------------------------------------------------
	Index Page
--------------------------------------------------------------------*/

/*-------------- Header --------------*/
header{background: #3b579d; padding: 10px 20px;} 
header .search-box{width: 100%;}
header .user-auth{text-align: right;}
header .user-auth a {border: 1px solid #ffffff; font-size: 14px; color: #ffffff; padding: 7px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: all 300ms; margin-top: 3px; display: inline-block; text-transform: uppercase;}
header .user-auth a.login-btn{margin-right: 5px; background: #66b92e; color: #ffffff; border: 1px solid #66b92e;}
header .search-box{margin-top: 2px;}
header .search-box input{border-radius: 3px 0 0 3px; border: none; box-shadow: none; font-size: 14px; height: 40px;}
header .search-box input:focus{outline: none; box-shadow: none;}
header .search-box button{background: #ff9d1f; color: #ffffff; border: none; height: 40px; font-size: 14px; border-radius: 0 3px 3px 0;}
header .search-box button:hover{background: #ff9d1f; color: #ffffff;}
header .user-auth .dropdown-menu {right: 10px; left: auto; width: 200px !important; top: 10px !important; box-shadow: 0 1px 11px rgba(0,0,0,.15)!important;}
header .user-auth .dropdown-menu a{color: #16181b;}

/*-------------- Mobile Header --------------*/
#mobile-header{padding: 8px 0px; width: 100%; overflow: hidden; position: relative; box-sizing: border-box; background: #3b579d; display: none;} 
#mobile-header .logo{display: inline-block; margin-left: 55px;}
#mobile-header .menu{position: absolute; width: 30px; height: auto; display: block; left: 15px; top: 17px;}
#mobile-header .menu span{background:  #ffffff; width: 22px; height: 2px; display: block; margin-bottom: 6px;}
#mobile-header .menu span:last-child{margin: 0;}
#mobile-header .user-login{position: absolute; top: 11px; right: 15px;}
#mobile-header .user-login ul li{display: inline-block; margin-left: 14px;}
#mobile-header .user-login ul li:first-child{margin-left: 0px;}
#mobile-header .user-login a{display: block; color: #ffffff; font-size: 19px;}
#mobile-header .mobile-search{padding: 0 15px; margin-top: 7px; display: none;}
#mobile-header .mobile-search input{border-radius: 3px 0 0 3px; border: none; box-shadow: none; font-size: 11px; height: 35px;}
#mobile-header .mobile-search input:focus{outline: none; box-shadow: none;}
#mobile-header .mobile-search button{background: #ff9d1f; color: #ffffff; border: none; height: 35px; font-size: 12px; border-radius: 0 3px 3px 0; text-transform: uppercase;}
#mobile-header .mobile-search button:hover{background: #ff9d1f; color: #ffffff;}

/*-------------- Navbar --------------*/
#main-menu{background: #495057;}
#main-menu .bg-dark{background: #495057 !important;}
#main-menu .navbar-dark .navbar-nav .nav-link{color: #f8f9fa; font-weight: normal; font-size: 14px;}
#main-menu .dropdown:hover .dropdown-toggle {color: #fc952b;}
#main-menu .navbar .nav-item .nav-link:hover {color: #fc952b;}
#main-menu .navbar .dropdown-menu div[class*="col"] {margin-bottom:1rem;}
#main-menu .navbar .dropdown-menu {border:none; background-color:#ffffff !important;}
#main-menu .navbar .dropdown-menu .nav-link{font-size: 13px !important; font-weight: normal; color: #333333;}
#main-menu .navbar .dropdown-menu .nav-link:hover{text-decoration: underline !important; color: #222222 !important;}
@media screen and (min-width: 992px) {
#main-menu .navbar {padding-top:0px; padding-bottom:0px;}
#main-menu .navbar .nav-item {padding:.3rem .5rem; margin:0 .25rem;}
#main-menu .navbar .dropdown {position:static;}
#main-menu .navbar .dropdown-menu {width: 90%; left: 5%; right: 0; top: 46px;}
#main-menu .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {display:block!important; border-radius: 0; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#main-menu .navbar .dropdown-menu {background-color: #fff;}
#main-menu .navbar .dropdown-menu .nav-item{padding: 0; margin: 0;}	
}

/*-------------- Page Slider --------------*/
.slider {width: 100%; background: #f6f6f6; padding: 10px 5px 5px 5px;}
.slick-slide {margin: 0px 5px;}
.slick-slide img {width: 100%;}
.slick-prev:before, .slick-next:before {color: black;}

/*-------------- Deals Day --------------*/
#deals-day{padding: 30px 0; background: #f2f2f2;}
#deals-day .deals-list-item{overflow: hidden; margin-left: -12px; margin-right: -12px;}
#deals-day .deals-list-item ul li{width: 20%; padding: 0px 12px; float: left; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#deals-day .deals-list-item ul li .deal-list{background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#deals-day .deals-list-item ul li .deal-list .deal-images{text-align: center; border-bottom: 1px solid #e5e5e5; padding: 15px 20px; margin-bottom: 15px; height: 160px; overflow: hidden;}
#deals-day .deals-list-item ul li .deal-list .deal-images figure{margin: 0;}
#deals-day .deals-list-item ul li .deal-list .deal-images img{width: auto; height: 140px;}
#deals-day .deals-list-item ul li .deal-list .deal-contents{text-align: center; padding: 0 15px 15px 15px;}
#deals-day .deals-list-item ul li .deal-list .deal-contents h4 a{font-size: 15px; font-weight: 600; color: #333333;}
#deals-day .deals-list-item ul li .deal-list .deal-contents p{font-size: 13px; opacity: 0.8; line-height: 18px; min-height: 40px;}
#deals-day .deals-list-item ul li .deal-list .deal-contents .deal-button{padding-top: 5px;}
#deals-day .deals-list-item ul li .deal-list .deal-contents .deal-button a{background: #ff9d1f; color: #ffffff; border: 1px solid #ff9d1f; text-align: center; padding: 5px 15px; display: inline-block; border-radius: 3px; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;}
#deals-day .deals-list-item ul li .deal-list .deal-contents .deal-button a:hover{color: #ff9d1f; background: none;}
#deals-day .deals-list-item ul li:last-child .deal-list{position: relative;}
#deals-day .deals-list-item ul li:last-child .deal-list .more{position: relative; border: 3px solid #ff9d1f; box-sizing: border-box; padding: 15px; font-size: 20px; color: #ff9d1f; text-align: center; display: block; height: 310px; width: 100%; line-height: 50px; font-weight: bold;}
#deals-day .deals-list-item ul li:last-child .deal-list .more img{margin-top: 80px;}
#deals-day .deals-list-item ul li:last-child .deal-list .more span{display: block;}

/*-------------- Popular Store --------------*/
#popular-store{padding: 0px 0; background: #f2f2f2;}
#popular-store .store-lists{overflow: hidden}
#popular-store .store-lists .store-content{margin-bottom: 20px;}
#popular-store .store-lists .store-content .store-img{background: #ffffff; box-shadow: 0 0 8px rgba(0,0,0,0.1); text-align: center; border: 1px solid #dddddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#popular-store .store-lists .store-content .store-img a{display: block; padding: 8px 10px;}
#popular-store .store-lists .store-content .store-img p{color: #3b579d; text-align: center; font-size: 13px; border-top: 1px dashed #e5e5e5; margin: 0; padding: 7px 2px 8px 2px; border-bottom: 2px solid #ffffff;}
#popular-store .store-lists .store-content .store-img:hover p{border-bottom: 2px solid #ff9d1f; color: #ff9d1f; border-radius: 3px;}
#popular-store .store-lists .col-sm-2:last-child .store-content .store-img a {border: 2px solid #ff9d1f; height: 74px; line-height: 56px; color: #ff9d1f; font-weight: bold;}
#popular-store .store-lists .col-6:last-child .store-content .store-img p{display: none;}
#popular-store .store-lists .col-6:last-child .store-content .store-img a{display: flex; width: 100%; height: 100px; align-items: center; justify-content: center;}

/*-------------- Popular Category --------------*/
#popular-category{padding: 30px 0; background: #f2f2f2;}
#popular-category .popular-category-box{position: relative; border-radius: 3px; margin-bottom: 15px;}
#popular-category .popular-category-box img{position: relative; border-radius: 3px;}
#popular-category .popular-category-box .cate-name{font-size: 15px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #ffffff; z-index: 999; display: block; width: 95%; text-align: center;} 
#popular-category .popular-category-box .cate-overlay{position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; -moz-transition: all 300ms; -webkit-transition: all 300ms; transition: all 300ms;}
#popular-category .popular-category-box:hover .cate-overlay{background: #ff9d1f; border-radius: 3px; z-index: 9999;}
#popular-category .popular-category-box .cate-overlay .offer-msg{color: #ffffff; font-size: 20px; position: absolute; top: -12%; left: 50%; transform: translate(-50%,0%); transition: all 300ms; opacity: 0; font-weight: normal;}
#popular-category .popular-category-box:hover .cate-overlay .offer-msg{transform: translate(-50%,-50%); top: 50%; opacity: 1;}
#popular-category .popular-category-box:hover .cate-name{opacity: 0;}

/*-------------- Latest Deal --------------*/
#latest-deal{background: #f2f2f2; padding: 0 0px 50px 0px;}
#latest-deal .latest-deal-inner{overflow: hidden; margin-left: -12px; margin-right: -12px;}
#latest-deal .latest-deal-inner .item{width: 20%; padding: 0px 12px; float: left; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#latest-deal .latest-deal-items{position: relative; background: #ffffff; border: 1px solid #dddddd; border-radius: 3px;}
#latest-deal .latest-deal-items .deal-images{padding: 15px; border-bottom: 1px solid #dddddd; text-align: center;}
#latest-deal .latest-deal-items .deal-images a{display: inline-block;} 
#latest-deal .latest-deal-items .deals-contents{padding: 15px 15px 10px 15px; text-align: center;} 
#latest-deal .latest-deal-items .deals-contents p{font-size: 14px; color: #333333; min-height: 80px; margin-bottom: 5px; font-weight: bold;} 
#latest-deal .latest-deal-items .deals-contents p.coupoun-date{font-size: 13px; opacity: 0.6; margin-bottom: 0px; min-height: auto; font-weight: normal;} 
#latest-deal .latest-deal-items .deals-contents p.coupoun-date i{color: #66b92e;}
#latest-deal .latest-deal-items .deals-buttons{padding: 5px 15px 15px 15px; text-align: center;}
#latest-deal .latest-deal-items .deals-buttons a{background: #ff9d1f; color: #ffffff; border: 1px solid #ff9d1f; text-align: center; padding: 5px 15px; display: inline-block; border-radius: 3px; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;}
#latest-deal .latest-deal-items .view-all-offer{padding: 0 15px 15px 15px; text-align: center;}
#latest-deal .latest-deal-items .view-all-offer.white-color{opacity: 0;}
#latest-deal .latest-deal-items .view-all-offer a{font-size: 12px;}
#latest-deal .latest-deal-items .social-share{position: absolute; bottom: 12px; right: 12px; text-align: center; cursor: pointer;}
#latest-deal .latest-deal-items .social-share .share-icon{color: #979797; font-size: 15px; width: 30px;
height: 30px; display: block; border-radius: 50%; line-height: 30px;}
#latest-deal .latest-deal-items .social-list{display: none; position: absolute; bottom: 13px; right: 48px; text-align: center; width: 90px;}
#latest-deal .latest-deal-items .social-list a{margin-bottom: 5px; display: block;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 2px; padding: 0; float: left;}


/*-------------- Miscellaneous Coupoun --------------*/
#miscellaneous-coupoun{padding: 0px 0 40px 0; background: #f2f2f2;}
#miscellaneous-coupoun .misc-coupoun-offer{margin: 15px 0;}

/*-------------- Subscribe --------------*/
#subscribe-here{padding: 40px 0; background: #f8f8f8;} 
#subscribe-here .newsletter-content{display: flex;}
#subscribe-here .newsletter-content .newsletter-image{position: relative; margin-top: -17px; margin-right: 22px;}
#subscribe-here .newsletter-msg h3{font-size: 22px; color: #333333; font-weight: bold;}
#subscribe-here .newsletter-msg p{margin: 0;}
#subscribe-here .newsletter-box{margin-top: 5px;}
#subscribe-here .newsletter-box input {height: 50px; line-height: 50px; color: #818181; font-size: 12px; border: 1px solid #dddddd; border-right: none; border-radius: 3px 0 0 3px;}
#subscribe-here .newsletter-box input:focus{box-shadow: none;}
#subscribe-here .newsletter-box button {height: 50px; width: auto; background: #3b579d; color: #ffffff; text-transform: uppercase; border-radius: 0px 3px 3px 0px; border-top: none; border-right: none; border-left: none; padding: 6px 20px; font-size: 13px;}
 
/*-------------- Footer --------------*/
footer{padding: 40px 0 0px 0; background: #353535;}
footer .footer-links h4{font-size: 15px; color: #ffffff; margin-bottom: 15px; font-weight: 300; border-bottom: 1px solid #909090; padding-bottom: 10px;}
footer .footer-links ul li a{display: block; color: #b6b6b6; font-size: 12px; line-height: 16px; margin-bottom: 5px; padding-bottom: 7px; border-bottom: 1px dotted #5a5a5a;}
footer .footer-links ul li:last-child a{border-bottom: none;}
footer .footer-links ul li a:hover{color: #e1e1e1;}
footer .social-media{margin-top: 22px;}
footer .social-media ul li:first-child{font-size: 13px; color: #ffffff; font-weight: 300;}
footer .social-media ul li a{width: 28px; height: 28px; background: #f7f7f7; color: #353535; display: block; text-align: center; border-radius: 50%; line-height: 28px; font-size: 15px; transition: all 0.175s ease-in-out;}
footer .social-media ul li a.facebook:hover{background: #3B5998; color: #ffffff;}
footer .social-media ul li a.twitter:hover{background: #00C6FF; color: #ffffff;}
footer .social-media ul li a.youtube:hover{background: #FF0000; color: #ffffff;}
footer .social-media ul li a.linkedin:hover{background: #0077B5; color: #ffffff;}
footer .social-media ul li a.linkedin:hover{background: #0077B5; color: #ffffff;}
footer .social-media ul li a.linkedin:hover{background: #0077B5; color: #ffffff;}
footer .copyright-msg{text-align: center; padding: 22px 0 22px 0; color: #d3d3d3; font-size: 12px; border-top: 1px solid #474747; margin-top: 10px;}
footer .copyright-msg a{text-decoration: none; color: #ff9d1f;}
 

/*--------------------------------------------------------------------
	Mobile Menu
--------------------------------------------------------------------*/
.sidebar-menu{width: 70%; height: 100%; position: fixed; top: 0; left: 0; background: #ffffff; z-index: 99999; overflow-x: auto; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; transform: translateX(-100%); -webkit-overflow-scrolling: touch;}
.sidebar-menu.open-menu{transform: translateX(0%);}
.sidebar-menu .menu-lists{position: relative;}
.sidebar-menu .menu-lists ul li{display: block;}
.sidebar-menu .menu-lists ul li a{display: block; font-size: 13px; color: #333333; overflow: hidden; background: #ffffff;   padding: 12px 22px; border-bottom: 1px solid #f2f1f0; font-weight: bold; position: relative;}
.sidebar-menu .menu-lists .dropdownMenu i{position: absolute; font-size: 16px; right: 15px; top: 14px;}
.sidebar-menu .menu-lists .dropdownList{display: none;}
.sidebar-menu .menu-lists .dropdownList a {font-weight: normal; font-size: 12px; padding-left: 30px;}
.menu-overlay{position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 9999; display: none;}
.sidebar-menu .menu-lists .close_menu{position: absolute; top: 14px; right: 10px; font-size: 12px; z-index: 999; color: #58bd21;}


/*--------------------------------------------------------------------
	Coupon Listing
--------------------------------------------------------------------*/
#coupoun-listing{padding: 30px 0; background: #f2f2f2;}
#coupoun-listing .listing-title{color: #222222; font-size: 24px; margin: 0 0 15px 0; line-height: 100%;}
#coupoun-listing .coupon-filter{position: relative; background: #ffffff; border: 1px solid #dddddd; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0); margin-bottom: 20px; max-height: 260px; overflow-y: auto;}
#coupoun-listing .coupon-filter::-webkit-scrollbar {width: 6px;}
#coupoun-listing .coupon-filter::-webkit-scrollbar-track {background: #f1f1f1;}
#coupoun-listing .coupon-filter::-webkit-scrollbar-thumb {background: #888;}
#coupoun-listing .coupon-filter::-webkit-scrollbar-thumb:hover {background: #555;}
#coupoun-listing .coupon-filter .filter-title {font-size: 17px; color: #111111; border-bottom: 1px solid #f2f2f2; padding: 12px 16px;}
#coupoun-listing .coupon-filter .filter-form {padding: 15px 16px 10px 16px;}
#coupoun-listing .coupon-listing .coupon-list-box{background: #ffffff; border: 1px solid #e7e7e7; margin-bottom: 15px;     position: relative;}
#coupoun-listing .coupon-filter .filter-form .parent-category{position: relative;}
#coupoun-listing .coupon-filter .filter-form .parent-category .open-subCategory{position: absolute; top: 0; right: 0; cursor: pointer; z-index: 9999;}
#coupoun-listing .coupon-filter .filter-form .parent-category .sub-category{padding: 5px 0 10px 15px; border-top: 1px solid #d5e1e5; margin: 5px 0 0px 0; display: none;}
#coupoun-listing .coupon-filter .filter-form .form-check{margin-bottom: 10px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-image{background: #dfdfdf47; padding: 15px 15px 0 15px; text-align: center; height: 100%; position: relative;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-image h1{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 20px; font-weight: bold;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-image img{margin: 0 auto;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details{padding: 15px 15px 0px 0;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details h2{margin-bottom: 5px; font-weight: normal;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details h2 a{color: #111111; font-size: 20px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details .otherDetails{padding: 0px 0 25px 0; font-size: 13px; color: #a4a4a4;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details .otherDetails i{color: #66b92e;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details .category-area p{font-size: 12px; margin: 15px 0 15px 0;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-share ul li{display: inline-block; margin-right: 4px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-price{padding: 15px 15px 10px 12px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-price .offer-price{font-size: 22px; font-weight: bold; padding-top: 10px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-price ul li{display: inline-block; font-size: 14px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-price ul li.real-price{opacity: 0.8; text-decoration: line-through;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-price ul li.discount-price{border: 1px solid #66b92e; font-size: 11px; border-radius: 2px; padding: 1px 5px; color: #66b92e; margin-left: 15px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-links{padding: 0px 15px 15px 12px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-links a{padding-top: 7px; padding-bottom: 7px; display: inline-block; font-size: 13px; background: #ff9d1f; border: none; width: 150px;}
#coupoun-listing .coupon-listing .coupon-list-box .view-all-offers{padding: 15px 15px 10px 12px;}
#coupoun-listing .coupon-listing .coupon-list-box .view-all-offers a{font-size: 11px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-stores{padding: 15px 15px 10px 10px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-cat-mobile{padding: 5px 15px 10px 12px; display: none;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-cat-mobile .category-area p{font-size: 12px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-cat-mobile .otherDetails{color: #a4a4a4; font-size: 13px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-cat-mobile .otherDetails i{color: #66b92e;}

/*--------------------------------------------------------------------
	Store Description
--------------------------------------------------------------------*/
#store-description{background: #173245; padding: 35px 0;}		
#store-description .store-desc-logo{text-align: right;}
#store-description .store-desc-content h3{font-size: 22px; color: #ffffff;}		
#store-description .store-desc-content p{font-size: 13px; color: #ffffff;}

/*--------------------------------------------------------------------
	Coupon Details
--------------------------------------------------------------------*/
#coupoun-details{padding: 40px 0;}
#coupoun-details .coupon-details-images{padding-top: 5px; text-align: center; float: left; margin: 0 40px 22px 0}
#coupoun-details .coupon-details-images img{margin: 0 auto;}
#coupoun-details .coupon-details-area .expire-date{padding: 5px 0 15px 0;}
#coupoun-details .coupon-details-area .expire-date i{color: #66b92e;}
#coupoun-details .coupon-details-area .view-all{margin: 10px 0 15px 0;}
#coupoun-details .coupon-details-area .view-all a{font-size: 13px;}
#coupoun-details .coupon-details-area .coupon-share{margin-top: 4px;}
#coupoun-details .coupon-details-area .copy-coupon-code{margin: 10px 0 10px 0;}
#coupoun-details .coupon-details-area .coupon-box{margin: 10px 0 10px 0; padding: 35px 35px; border: 1px dashed #dddddd; text-align: center; position: relative; background: #fafafa;}
#coupoun-details .coupon-details-area .coupon-box::after{position: absolute; content: ''; width: 40px; height: 40px; right: 8px; top: -17px; background: url(../images/scissors.png) no-repeat;}
#coupoun-details .coupon-details-area .coupon-box .visit-store{background: #ff9d1f; border-color: #ff9d1f; color: #ffffff; margin-left: 20px;}
#coupoun-details .coupon-details-area .coupon-box input{width: 220px; height: 48px; background: #e9eef3; border: 1px dashed #49535e; color: #000000; font-weight: bold; font-size: 17px; padding: 5px; text-align: center; border-radius: 3px 0 0 3px;}
#coupoun-details .coupon-details-area .coupon-box button{border-radius: 0;}
#coupoun-details .coupon-details-area .coupon-box .coupon-buttons{margin-top: 5px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details .copy-coupon-code{margin: 20px 0 20px 0;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details .copy-coupon-code input {width: 220px; height: 48px;
background: #e9eef3; border: 1px dashed #49535e; color: #000000; font-weight: bold; font-size: 17px; padding: 5px; text-align: center; border-right: 0;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details .copy-coupon-code button{border-radius: 0; font-size: 18px; height: 48px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details .coupon-details{margin-bottom: 20px;}
#coupoun-listing .coupon-listing .coupon-list-box .coupon-list-details .coupon-details p{font-size: 14px;}

/*--------------------------------------------------------------------
	Sign Up Modal
--------------------------------------------------------------------*/
#signin .modal-body{padding:0px 0px;}
#signup .modal-body{padding:0px 0px;}
#signin .modal-header,#signup .modal-header{background:#3b579d;}
#signin .modal-header .close,#signup .modal-header .close{opacity: 1; color: #ffffff;}
#signin .modal-header h4, #signup .modal-header h4{color: #ffffff; text-transform: uppercase;}
.signin-content{overflow:hidden; display: flex;}
.signin-content .signin-social{width:50%; padding:15px 20px; float:left;}
.signin-content .signin-social .btn.btn-primary{background:#3b5998; font-size:12px; text-transform:uppercase; width:100%; margin-bottom:12px; text-align:left; border:1px solid #3b5998; border-radius:3px;}
.signin-content .signin-social .btn.btn-primary span{float:left;}
.signin-content .signin-social .btn.btn-primary i{float:right; font-size:18px; padding-left:15px; border-left: 1px solid rgba(255, 255, 255, 0.2);}
.signin-content .signin-social .btn.btn-danger{background:#dd4b39; font-size:12px; text-transform:uppercase; width:100%; margin-bottom:20px; text-align:left; border:1px solid #dd4b39; border-radius:3px;}
.signin-content .signin-social .btn.btn-danger span{float:left;}
.signin-content .signin-social .btn.btn-danger i{float:right; font-size:18px; padding-left:15px; border-left: 1px solid rgba(255, 255, 255, 0.2);}
.signin-content .signin-social .social-button p{font-size:11px; color:#b3b3b0; line-height:15px;}
.signin-content .sign-email{width:55%; padding: 30px 40px 20px 40px; box-sizing: border-box;}
.signin-content .sign-email input{font-size: 14px;}
.signin-content .sign-email input[type="email"]{border-radius:0px; box-shadow:none; height:40px;}
.signin-content .sign-email input[type="text"]{border-radius:0px; box-shadow:none; height:40px;}
.signin-content .sign-email input[type="password"]{border-radius:0px; box-shadow:none; height:40px;}

.signin-content .sign-email #mobile_no{padding-left: 50px;}
.signin-content .sign-email #indian_mobile{padding-left: 50px;}
.signin-content .sign-email .mobile_no{position: relative;}
.signin-content .sign-email .mobile_no:after{position: absolute; content: '+91'; left: 9px; top: 9px; color: #999;
 border-right: 1px solid #dddddd; padding-right: 6px;} 

.signin-content .sign-email .forgot{color:#39F; font-size:12px;}
.signin-content .sign-email .btn.btn-primary{border-radius:3px; font-size:15px; text-transform:uppercase; width:100%; height:46px; background:#ff9d1f; border:1px solid #ff9d1f; transition:all 300ms; margin-bottom: 10px;}
.signin-content .sign-email .close{font-size: 40px;}
.signin-content .sign-email .btn.btn-primary:hover{background:#ffffff; color:#ff9d1f;}
.signin-content .sign-email .modal-title{margin-bottom: 20px; text-align: center;}
.signin-content .sign-leftbar{width: 45%; padding:15px 20px; box-sizing: border-box; background: #3b579d; text-align: center; border-top-left-radius: 3px;}
.signin-content .sign-leftbar h2{font-size: 38px; line-height: 42px; color: #fff; font-weight: 300; margin-top: 70px; margin-bottom: 30px;}
.signin-content .sign-leftbar p{color: #fff; font-weight: 700; font-size: 47px; line-height: 36px; margin-top: 30px; position: relative;}
.signin-content .sign-leftbar p span{display: block; font-weight: 100; font-size: 19px;}
.signin-content .sign-leftbar .rupee-icons{margin-top: 35px;} 


.signin-content .separater{position:relative;}
.signin-content .separater:after{position:absolute; background:#cccccc; width:1px; height:300px; left:50%; display:block; content:''; top:5%;}
.signin-content .separater span{position:absolute; top:120px; background:#ffffff; width:30px; margin-left:-11px; padding:20px 0px; z-index:9999;}
.create-signup{padding-top:10px;}
.create-signup p{margin:0;}
.create-signup p a{font-weight:bold;}


/*--------------------------------------------------------------------
	Contact Us
--------------------------------------------------------------------*/
#contact-banner{padding: 40px 0; background: #173245; background-size: cover; background-position: 50% 50%;}
#contact-banner h1{font-size: 40px; font-weight: bold; color: #ffffff;}
#contact-banner ul li{color: #dddddd;}
#contact-banner ul li a{color: #dddddd;}
#contact-form{padding: 30px 0; background: #f2f2f2;}
#contact-form .contact-form-inner{background: #ffffff; padding: 40px; margin: 5px 0;}
#contact-form .contact-header{margin-bottom: 30px;}
#contact-form .contact-header h2{font-weight: bold; font-size: 24px;}
#contact-form .contact-header h4{font-weight: normal; font-size: 16px; font-style: italic; opacity: 0.8;}
#contact-form label{font-weight: bold;}
#contact-form .form-control{font-size: 14px;}
#contact-form button{background: #ff9d1f; padding: 15px 30px; border-radius: 30px; border: none; color: #ffffff; font-weight: bold; font-size: 15px; text-transform: uppercase;}
#contact-form .contact-address h3{font-size: 24px; font-weight: bold; margin-bottom: 15px;}
#contact-form .contact-address ul li{display: block; margin: 10px 0; font-size: 15px;}
#contact-form .contact-address ul li i{margin-right: 6px;}

/*--------------------------------------------------------------------
	About Us
--------------------------------------------------------------------*/
#about-us{padding: 50px 0; background: #f2f2f2;}
#about-us .about-content{padding: 30px 65px; border-radius: 4px; background-color: #ffffff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);}
#about-us .about-content h1{font-weight: bold; font-size: 38px; margin-bottom: 20px;} 
#about-us .about-content p{line-height: 28px;}    

/*--------------------------------------------------------------------
	Mobile Filter
--------------------------------------------------------------------*/
.mobile-filter-btn{width: 50px; height: 50px; background: #3b579d; border-radius: 50%; color: #ffffff; line-height: 50px; font-size: 18px; text-align: center; position: fixed; bottom: 100px; right: 10px; display: none;}
.mobile-filter{width: 60%; height: 100%; position: fixed; top: 53px; right: 0; background: #ffffff; z-index: 99999; overflow-x: auto; -webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms; transform: translateX(100%); -webkit-overflow-scrolling: touch;}
.mobile-filter.open-menu{transform: translateX(0%);}
.mobile-filter .filtr-header{padding: 14px 15px; position: relative; border-bottom: 1px solid #dddddd;}
.mobile-filter .filtr-header h3{font-size: 16px; font-weight: bold; margin: 0;}
.mobile-filter .filtr-header .reset-filter{position: absolute; font-size: 13px; top: 13px; right: 10px;}
.mobile-filter .filter-list{padding: 10px 25px; margin-bottom: 50px;}
.mobile-filter .filter-list .coupon-filter-data{margin-bottom: 20px;}
.mobile-filter .filter-list .coupon-filter-data .filter-title{margin-bottom: 10px; position: relative; font-weight: 600; font-size: 14px; opacity: 0.8;}
.mobile-filter .filter-list .coupon-filter-data .filter-title .show-cate-mob{position: absolute; top: 0px; right: 0px;}
.mobile-filter .filter-list .coupon-filter-data .form-check{margin-bottom: 5px;}
.filter-overlay{position: fixed; width: 100%; height: 100%; top: 53px; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 9999; display: none;}
.filter-open{overflow: hidden;}


/*--------------------------------------------------------------------
	Join CashbackPao
--------------------------------------------------------------------*/

.join-cashboackpao{padding: 60px 0; text-align: center;}
.join-cashboackpao .cashback-inner{border: 1px solid #dddddd; padding: 30px;}
.join-cashboackpao .cashback-inner .no-pay-money{margin-bottom: 30px;}
.join-cashboackpao .cashback-inner h1{margin-bottom: 20px; font-size: 24px; font-weight: bold;}
.join-cashboackpao .cashback-inner p.text-msg{font-size: 16px; opacity: 0.8; margin-bottom: 50px;}
.join-cashboackpao .cashback-inner p.login-msg{font-size: 14px; color: #000000;}
.join-cashboackpao .cashback-inner .redirect-logo{margin: 0 0 50px 0; text-align: center;}

/*--------------------------------------------------------------------
	Loader
--------------------------------------------------------------------*/
.coupon-links #load_more{border: 2px solid #ff9d1f; background: #ffffff; color: #ff9d1f;}
.loader-overlay{position: fixed; width:100%; height:100%; z-index:999999; top:0; right:0; bottom: 0; left:0; background-color:rgba(255,255,255,0.8); text-align:center; display: none;}
.loader-overlay img{position: fixed; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


/*--------------------------------------------------------------------
	How Works
--------------------------------------------------------------------*/
#how-works-banner{padding: 50px 0; background: #173245; text-align: center;}
#how-works-banner h1{font-size: 34px; color: #ffffff; font-weight: bold;}
#how-works-banner h2{font-size: 30px; font-weight: 300; color: #ffffff;}
#how-works{padding: 30px 0; background: #f2f2f2;}
#how-works h1{font-weight: bold; font-size: 34px; margin-bottom: 20px;}
#how-works .how-works-lists{background: #ffffff; padding: 40px;}
#how-works .how-earn-cashback{background: #ffffff; padding: 40px 40px 40px; border-top: 1px solid #dddddd;}
#how-works .how-earn-cashback .earn-content{position: relative; padding-left: 70px;}
#how-works .how-earn-cashback .earn-content h3{font-weight: bold;}
#how-works .how-earn-cashback .earn-content .step-number{position: absolute; width: 40px; height: 40px; background: #173245; border-radius: 50%; left: 0; top: 5px; color: #ffffff; text-align: center; line-height: 38px; font-weight: bold; font-size: 20px;}
#how-works .how-earn-cashback .earn-screen-lists{text-align: center;}
#how-works .how-works-lists ul{display: flex;}
#how-works .how-works-lists ul li{width: 20%; text-align: center; box-sizing: border-box; padding: 10px; margin-bottom: 15px; position: relative;}
#how-works .how-works-lists ul li::before{width: 55px; height: 12px; content: ''; position: absolute; right: -45px; top: 125px; background: url(/assets/images/arrow2.png) no-repeat;}
#how-works .how-works-lists ul li:last-child::before{display: none;}
#how-works .how-works-lists ul li .step-title{padding-bottom: 40px; font-size: 16px; font-weight: bold; line-height: 28px; opacity: 0.9;}
#how-works .how-works-lists ul li img{margin-bottom: 40px;}
#how-works .how-works-lists ul li .step-process{font-weight: bold; font-size: 16px; opacity: 0.7;}

/*--------------------------------------------------------------------
	About Team
--------------------------------------------------------------------*/
.team-header h2{font-weight: bold;}
.our-team{margin: 15px 0; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.our-team .team-pic figure{margin: 0;}
.our-team .team-details{padding: 15px 10px;}
.our-team .team-details h3{font-weight: bold; font-size: 17px; text-transform: uppercase; margin-bottom: 10px; line-height: 100%;}
.our-team .team-details p{color: #abaaaa; text-transform: uppercase; font-size: 13px; margin: 0; line-height: 100%;}

/*--------------------------------------------------------------------
	How Works Home Page
--------------------------------------------------------------------*/
.works-steps .how-works-lists li{width: 33.33% !important;}