@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,400italic,700italic&display=swap);
@import url(//fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic&display=swap);
@import url(//fonts.googleapis.com/css?family=Roboto&display=swap);
@font-face {
    font-family: "icons";
    src: url("https://www.promocodeocean.com/icons.eot#iefix") format("embedded-opentype"),
    url("https://www.promocodeocean.com/font/icons.woff") format("woff"),
    url("https://www.promocodeocean.com/font/icons.woff2") format("woff2"),
    url("https://www.promocodeocean.com/font/icons.ttf") format("truetype"),
}


* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin-top: 70px;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    color: #39392d;
    background: #fbfbfb;
}

.fac{ color:#f9991d;}
a {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #f9544b;
}

a:active {
    text-decoration: none;
    color: #003399;
}

a:visited {
    text-decoration: none;
}
.element{cursor: pointer;}
.mat20{ margin-top:20px!important;}
.mat10{ margin-top:10px!important;}
.mat30{ margin-top:30px!important;}
.mat5{ margin-top:5px!important;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb5{margin-bottom: 5px;}
.mr5{margin-right: 5px;}
.pb10{ padding-bottom:7px!important;}
.center-t{text-align: center!important;}
.f25{font-size: 25px!important;}
.w20{ width: 25px;}
.f18{ font-size:18px;}
.f16{ font-size:16px!important;}
.f20{ font-size:20px;}
.p1{
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.375em;
    font-size: 14px;
    color: #4f4f4f!important;
    text-align: left;
    text-overflow: ellipsis;
    border-top:1px #ececeb solid;
    padding-top: 5px;
    margin-bottom: 5px;
}

.p2{font-size: 1rem;
    line-height: 1.5;
    color: #6c6c60;
    margin: 0;
    margin-bottom: 0.5rem;
}
.p2 a{color: #267fd9;}
.p2 a:hover{text-decoration: underline;}

.p3{font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 1.2rem;
    color: #585857;
}

header{margin-bottom: -13px;}

.l_right{float: right!important;}
.l_left{float: left!important;}
.s-but{background-color: #fd7a1b;
    font-size: 16px;
    color: #fff;
    border: 0 none;
    margin: 10px 20px 10px 0px;
    padding: 5px 20px;
    list-style: none;}

.s-but a {
    color: #fff!important;
}
.s-but a:hover {
    text-decoration: none;
    color: #fff!important;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-family: Roboto, 'Roboto', sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

.title {
    padding: 0 0 15px 0;
    font-size: 21px;
    text-shadow: 1px 1px 0px #ffffff;
}

.h1title {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    text-align: center;
}

.h1title:before {
    position: absolute;
    content: "";
    top: 21px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
    z-index: -1;
}

.h1title span {
    font-size: 30px;
    color: #333;
    display: inline-block;
    padding: 0 10px;
    background: #f8f8f8;
    font-weight: 600;
    text-shadow: 1px 1px 0px #ffffff;
}


.bg{ background:#fff!important;}
.navbar-default {
    margin: 0!important;
    padding: 4px 0!important;
    background: #FFFFFF;
    border:0!important;
    border-radius: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.navbar-brand {
    padding-top: 15px;
    padding-left: 55px;
    color: #262626;
    font-size: 24px;
    background: url(../images/logo.png) 5px no-repeat;
}

.logo {
    letter-spacing: -1.3px;
}


.navbar-collapse.in {
    overflow-y: hidden;
}

.navbar-nav {
    margin-left: 10px;
}

.navbar-nav a {
    font-size: 16px;
    color: #ccc;
}
.navbar-form{
    border-top: none;


}

.navbar-form .form-control {
	min-width:600px;
}

.form-control{
    height: 39px;
    border-radius: 1.25rem;
    background: #f3f3f3;
    border-color: #f3f3f3;
    border: solid thin #f3f3f3;
    box-shadow: none;
}

.btn-default {
    color: #333;
    border-radius: 1.25rem;
    background: #f3f3f3;
    border-color: #f3f3f3;
    border: solid thin #f3f3f3;
    box-shadow: none;
}

.btn{ font-size: 18px!important;

}

.header-nav {
	margin:8px 5px 0 5px;
}
.header-nav .nav-btn{
	float:left;
	margin:7px 0 0 0;
	padding:0;
}
.header-nav .nav-btn li{
	float:left;
	list-style:none;
}


.header-nav .store{
    padding: 0.75rem 1.1rem 0.9rem;
}

.bj{ background:#f5f5f5;}
.color-p{ color:#d0d0d0;}
.f12{ font-size:12px;}
.text_left{ text-align: left;}
.line{ border-top: 1px solid #e3e6e9;}

.header-nav .dropdown{
	margin-top:-10px;
	
}
.header-nav .dropdown-menu li a{
	line-height:25px!important;
}
.header-nav .avatar{
	width:50px;
	border-radius: 50px;
}
.ui-widget{
	z-index:1035!important;
}
.ui-widget.ui-widget-content {
	border: 1px solid #e4e2dc!important;
	color: #262626!important;
	background: #ffffff!important;
}
.ui-widget-content .ui-menu-item a {
	color: #262626!important;
}	
.breadcrumb {
    margin: -6px 0 5px -15px;
    font-size: 14px;
    text-shadow: 1px 1px 0px #ffffff;
    background: none;
}

.breadcrumb li a, .breadcrumb li.active {
    color: #777;
}


.wrapper {
    float: left;
    width: 100%;
    margin: 0;
}

.container {
    position: relative;
}

.banner {
    margin: auto;
    width: 100%;
    height: 12rem;
    background: #ffeeec url('https://www.promocodeocean.com/static/images/coupon_bj.jpg') no-repeat;
	align-items: center;
	display: -webkit-flex;

}

.banner h1 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #222;
    margin: auto;
    text-align: center;
	letter-spacing: -1.4px;
	font-family: Arial, Helvetica, sans-serif;
	
}

.how-to-img{
	width:100%;
	
}


 .article, .store-list, .right-wrapper, .store-content, .user-wrapper, .settings-wrapper {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 1rem;
}

.article p{ 
    color:#868686;
	margin: 0 0 20px;
	font-size:15px;
	line-height:24px;
   }





.pager {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 20px 0!important;
}

.pager li a {
    width: 120px;
}

.pager .next {
    text-align: center;
}
.aside h2, .aside h3 , .aside h4{
	padding:12px 0;
}

.right-wrapper {
    line-height: 24px;
    margin: auto;
}

.right-wrapper ol{
	margin:0 0 0 10px;
	padding:0;
}

.right-wrapper ol li{
	margin:0 0 5px 0;
	padding:0;
}

.right-wrapper ol li:last-child {
    margin-bottom: 0!important;
}

.coupon-list, .media-list, .store-list {
    float: left;
    width: 100%;
/*    margin: 0px 0 20px 0;*/
}

.coupon-list .row, .store-list .row{
    margin: 0 -15px;
    padding: 0;
    list-style: none;
}
.coupon-list .row li {
    margin-bottom: 15px;
}
.store-list .row li {
    margin-bottom: 10px;
}

.store-list h1 {
    font-size: 24px;
}

.l_right h1{font-size: 1.7em;text-shadow: 1px 1px 0px #fff;font-weight: 600; line-height: 1.25;}
.l_right h1 i{ color:#f9544b; font-style:normal;}

.coupon-list .row li .item, .coupon-list .row li .promocode, .coupon-list .row li .store {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
}
.coupon-list .row li .item, .coupon-list .row li .promocode, .coupon-list .row li .store, .media-list .media,.article, .store-list, .right-wrapper, .show-more, .categories, .store-content, .user-wrapper, .settings-wrapper {
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0px 1px 0 rgba(0,0,0,0.15);
}

.coupon-list .row li ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.coupon-list .row li .promocode .store-picture  {
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
	height: 100px;
}

.coupon-list .row li .promocode .store-pictures  {
    height: 100%;
    width: 25%;
    text-align: center;
    vertical-align: middle;
	height: 125px;
	float:left;
}



.coupon-list .row li .promocode .store-picture img {
    max-width: 100px;
    max-height: 90px;
}


.coupon-list .row li .promocode .store-pictures img {
    max-width: 90%;
    max-height: 90%;
}

.coupon-list .row li .promocode .store-picture:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.coupon-list .row li .promocode .store-pictures:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.media-left:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.coupon-list .row li .promocode .coupon-title {
    margin-bottom: 5px;
/*    height: 50px;*/
    text-align: left;
    font-size:16px;
    overflow: hidden;

}

.coupon-list .row li .promocode .coupon-title p {
    font-size:14px;
}

.coupon-list .row li .promocode .coupon-title a.link {
    color: #313131;
}

.coupon-list .row li .promocode .get_code_btn {
    text-align: center;
    width: 100%!important;
	float:left;
}

.coupon-list .row li .promocode .get_code_btn .get_code {
    position: absolute;
    width: 85%;
    padding-left: 15px;
    left: 0;
    top: 0px;
    font-size: 0.9em;
    text-align: center;
    color: #fff;
    transition: all .25s ease;
    background: #f9544b;
    border-radius: 2px 0 0 2px;
    height: 30px;
    line-height: 30px;
}

.coupon-list .row li .promocode .get_code_btn .get_code::before {
    position: absolute;
    height: 0;
    width: 0;
    right: -20px;
    content: "";
    border-bottom: 30px solid #dd453e;
    border-left: 0 solid transparent;
    border-right: 20px solid transparent;
}


.coupon-list .row li .promocode .get_code_btn .coupon_code {
    width: 100%;
    height: 100%;
    line-height: 20px;
    padding: 3px 8px;
    border-radius: 2px;
    font-size: 16px;
}

.coupon-list .row li .promocode .get_code_btn .get_code:hover {
    width: 80%;
    transform: all .25s ease;
}
.coupons .media .media-left .store-picture{
    max-width: 100px;
    max-height: 50px;
}
.show-more{
	float: left;
	width:100%;
	margin:0 0 40px 0!important;
	padding:10px;
	font-size:16px;
	color:#262626;
	text-align:center;
}
.show-more:hover {
    color: #003399;
}
.plus{
	cursor:pointer;
}

.prefix {
    color: #262626;
}

.store-info {
    float: left;
    width: 100%;
}

.store-info h1 {
    font-size: 21px;
}

.article .titles {
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
    font-size:22px;
    color: #333;
    font-weight: 500;
}

.article .titles a {
    float: right;
    font-size: 14px;
    color: #888;
    line-height: 2.2;
}

.article .titles a:hover {
    color: #23527c;

}

.store-content .store-picture{
	max-width: 200px;
}
.store-content .media-body h1{
	font-size:24px;
	margin-bottom:5px;
}

.store-content .media-body h2{
	font-size:16px;
	margin-bottom:5px;
}

.store-content .media-right .btn{
	margin-bottom:10px;
}


a.go-store{
	padding:3px 15px;
	background:#ff6c64;
	color:#fff;
	cursor:pointer;
}
a.go-store:hover{
	background:#31b0d5;
	color:#fff;
}
a.ungo-store, .thats-you{
	background:#f2f2f2;
}

.rating-wrapper{
	margin:5px 0 5px 0;
}
.description{
	margin:5px 0;
}
.server-response{
	color:#56ad56;
}
.server-response .shoppers{
	color: #9aa1a9;
}
/*.jRatingAverage {
	background-color:#09adfd;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}
.jRatingColor {
	background-color:#0e77ff;
	position:relative;
	top:0;
	left:0;
	z-index:2;
	height:100%;
}
.jStar {
	position:relative;
	left:0;
	z-index:3;
}
.jRatingInfos {
	position:absolute;
	z-index:9999;
	background:transparent url('https://www.promocodeocean.com/images/bg_jRatingInfos.png') no-repeat;
	color:#FFF;
	display:none;
	width:91px;
	height:36px;
	font-size:16px;
	text-align:center;
	padding-top:5px;
}
jRatingInfos span.maxRate {
	color:#c9c9c9;
	font-size:14px;
}*/

.store-info p {
    margin: 5px 0 10px 0;
    padding: 0;
    line-height: 20px;
}

.store-content {
    padding-bottom: 10px;
	
}

.store-content .store-info {
    padding: 0;
    margin: 0;
}

.right-wrapper .form-horizontal {
    padding: 0 10px!important;
}

.right-wrapper .form-group:last-child {
    margin-bottom: 0!important;
}

.right-wrapper .emain-input {
    margin-bottom: 10px!important;
}

.right-wrapper h1{
    padding: 0;
    font-size: 24px!important;
    font-weight: 600;
    color: #39392d;
}

.right-wrapper h3{
    padding: 0;
    font-size: 15px!important;
    font-weight: 600;
    color: #39392d;
}

.right-wrapper ul {
padding-left:5px;
font-size:14px;
}


.coupon_select{
	float:left;
	width:100%;
	margin:-10px 0 10px 0;
}

.merchant_button_list button.act {
    color: #fa6a48;
    border-bottom-color: #fa6a48;
}
.merchant_button_list button {
    width: calc((100%/3));
    background-color: #fff;
    font-size: 14px;
    color: #888;
	border: 0 none;
	margin: 5px 0 0 0;
	padding: 5px 0;
    text-align: center;
	border: 1px solid #eee;
	list-style: none;
}



.media-list ul, .media-list ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.media-list .media {
    float: left;
    width: 100%;
    margin: 0 0 15px 0!important;
    padding: 1em!important;

}

.media-left {
    padding-right: 15px;
	vertical-align: middle;
}

.media-body, .media-right {
    margin: 0;
    padding: 0;
	
}

.media-body {
    padding-right: 10px;
}

.media-body .media-store {
    font-size: 18px;
    font-weight: bold;
}

.media-body .media-store, .media-body .media-title a, .media-body .deal a {
    color: #3498db;
}

.media-body .media-store:hover, .media-body .media-title a:hover {
    color: #003399;
}

.code_label {
    color: #48a686;
	font-size:12px;
}
.code_labels {
    color: #48a686;
	font-size:15px;
	font-weight:600;
}

.deal_label {
    color: #666;
    padding:2px 10px 2px 0;
	font-size:12px;
}


.save {
    width: 70px;
    height: 60px;
}

.save_content {
    width: 100%;
    height: 100%;
    display: table
}

.save_info {
    line-height: 1;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.save_percent {
    font-size: 1.75em;
    font-weight: 600;
    display: block;
}

.save_text {
    font-size: 1.75em;
    font-weight: 500;
}

.save_info span {
    color: #fa6a48;
}

.save_info span.code {
    font-size: 1.3em!important;
}

.save_info span.deal {
    color: #3393ea!important;
}

.media-body .media-title {
    margin: 10px 0 0 0;
    color: #8b939d;
    line-height: 23px;
}

.media-body .title, .media-body .title a{
    font-size: 20px;
    line-height: 25px;
    color: #333;
    margin-bottom: 5px;
}

.media-body .title:hover, .media-body .title a:hover {
    color: #003399;
}

.media-body .description {
    color: #9aa1a9;
    font-size: 0.85em;
}

.media-body .verified {
    margin-bottom: 5px;
    color: #bbb;
}

.media-body .verified .fa-check-circle:before {
    color: #4eb981;
}

.get_code_btn {
    position: relative;
    width: 170px;
    display: block;
}

.get_code_btn .get_code {
    position: absolute;
    width: 140px;
    height: 36px;
    line-height: 36px;
    padding-left: 15px;
    left: 0;
    top: 0px;
    font-size: 0.9em;
    text-align: center;
    color: #fff;
    transition: all .25s ease;
    background: #f9544b;
    border-radius: 2px 0 0 2px;
}

.get_code:hover {
    width: 130px;
    transform: all .25s ease;
}

.get_code_btn .get_code:before {
    position: absolute;
    height: 0;
    width: 0;
    right: -20px;
    content: "";
    border-bottom: 36px solid #dd453e;
    border-left: 0 solid transparent;
    border-right: 20px solid transparent;
}

.get_code_btn .coupon_code {
    width: 100%;
    height: 100%;
    line-height: 26px;
    padding: 3px 8px;
    border-radius: 2px;
    font-size: 18px;
}

.get_deal {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0.9em!important;
    line-height: 26px;
    padding: 5px 8px;
}

.get_code_btn .coupon_code {
    color: #333;
    border: 2px dashed #dddddd;
    background: #ffffff;
    text-align: right;
}

.get_code_btn .text_center {
    text-align: center;
	cursor:pointer;
}

.user_activity{
    margin-top: 5px!important;
}

.user_activity ul li {
    float: left;
    margin: 0 20px 0 0!important;
	font-size:12px;
    color: #bbb;
}
.media-body ul li.more {
	float:left;
	width:100%;
    margin-top: 10px!important;
}

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


.cpbotoffer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
    color: #888;
}

.stores_list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.stores_list li {
    margin: 5px 0;
    padding: 0;
}

.stores_list li a.view-more{
	color: #333;
}


/*pop*/
.mask{     background-color: rgba(224,224,224,0.87); height:100%; left:0;  position:fixed; top:0; width:100%; z-index:999}
.hidden {display:none!important;}
.coupon_detail_pop, .contact_pop{ border-radius:0; left:0; position:fixed; padding:0; top:0; z-index:999; height:100%; width:100%; overflow-y:scroll; box-sizing:border-box; cursor:pointer}
.coupon_detailx, .contact_wrap{ width:600px; background:#fff; padding:25px; clear:both; position:relative; box-sizing:border-box; margin:92px auto 16px auto; z-index:999; cursor:default; 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);box-shadow: 0 3px 9px rgb(0 0 0 / 50%);}
.detail_logo{ width:180px; height:180px; border-radius:180px; overflow:hidden; background:#fff; border:1px solid #DADADA; display:inline-block; position:absolute; top:-100px; left:250px; }
.coupon_detail_merchant .title{ font-size:1.5em!important; line-height:1.25; color:#666; margin:15px 0 0 0;font-size: 18px;}
.coupon_detailx p.tips{ font-size:13px; color:#999; margin-top:36px}
.code_wrap, .deal_wrap{ position:relative; width:100%;}
.code_wrap_tip {font-size: 14px;color: #999999;text-align: center;}
.deal_wrap p.code_wrap_tip_text {font-size: 18px;color: #212121;text-align: center; margin-top:30px; }
.copy_code{ padding:0.5em 6.75em 0.5em 2em; box-sizing:border-box; border: 2px dashed #d0cece; position:relative; margin:12px auto 12px auto; max-width:100%; display:inline-block; border-radius:2px; height:52px; background-color:#fff;border-radius: 4px; width: 100%;}
.copy_code div{ padding:0.2em 0; padding-top:0; font-size:1.5em; line-height:1.5; width:100%; text-align:center; word-spacing:normal; word-wrap:break-word; font-weight:500}
.copy_code input[type="button"]{ position:absolute; width:60px; height:38px; font-size:14px; top:0; right:-2px; z-index:2; color:#fff; cursor:pointer;background: #f06335;border-radius: 4px; margin-top:6px; margin-right:8px; border: 0;}
.copy_code input:focus{border-color:#ff8c00; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,140,0,.5)}
.copy_code.no_copy{ padding:0.5em 1em}
.goto_btn{  text-align:center; }
.goto_btn a{ display:inline-block; background:#f9544b; color:#fff; padding:0.625em 1.25em; margin-bottom:10px; width:100%; border-radius: 6px;}
.copy_goto_btn {font-size: 14px;color: #212121;text-align: center; text-decoration:underline;}
.deal_wrap p{ font-size:12px; color:#999}

.contact_wrap input, .contact_wrap textarea{ border:1px solid #e1e1e1; width:100%; padding:0.65em 0 0.65em 16px}
.contact_wrap textarea{ height:8em; line-height:1.5; resize:none}
.contact_input{ margin-bottom:1.5em}
.contact_input p{ margin-bottom:8px; color:#333}
.contact_wrap .button{ margin-top:0.5em; background:#14b3f1; color:#fff; padding:0.625em 1.375em; border-radius:2px; float:right}

.closed_btn{ width:2.5em; height:2.5em; background:none; right:0; top:0em; position:absolute; cursor:pointer; z-index:97}
.closed_btn:after, .closed_btn:before{ background-color:rgba(0,0,0,0.67); content:""; display:inline-block; height:1px; position:absolute; left:0.562em; top:1.25em; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:1.375em}
.closed_btn:before{ -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left:0.562em}
.modal-store {text-align: center;}


.modal-store_link {width: 7.5em;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
	    display: inline-block;}

.modal-store_logo {
    height: 100%;
    width: 100%;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
}

.modal-store_logo img {
    max-width: 90%;
    max-height: 90%;
}

.modal-store .titles {
    margin-top: 26px;
    font-size: 1.25em;
    line-height: 1.25;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
	text-align:center;
}

.coupon_detailx .vote {
	margin:20px 0 20px 0;
	text-align:center;
}

.coupon_detailx .vote h4 {
	padding-bottom:20px;
    font-size: 18px;
    color: #262626;
}

.coupon_detailx .vote .vote_btn .yes, .vote .vote_btn .no {
	margin-right:10px;
    padding: 5px;
    font-size: 16px;
    cursor: default;
}
.coupon_detailx .vote .vote_btn .btn:last-child {
    margin-right: 0;
}
.coupon_detailx .vote .vote_btn .vote-up, .vote .vote_btn .vote-down {
    cursor: pointer!important;
}


.couponhey_aside_box ul {float: left; width: 100%; }
.features-table li {display: flex;border-bottom: 1px solid #e5e7eb;}
.features-table li .features-content {flex: 2;}
.features-table li div {padding: 5px 6px;}
.features-content a {font-size: 0.8em; color:#125dbb;}
.features-table li div p {margin: 0;font-size: .8rem; color:#666;}
.features-table li .features-title {flex: 8;}
.features-table li .features-contents {flex: 1;}
.alert {padding: 5px!important; margin-bottom: 5px; color:#FF6600;}
.c_green{ color:#1b954a;}


footer {
    float: left;
    width: 100%;
    padding: 15px 0;
    line-height: 20px;
    border-top: 1px solid #e3e6e9;
    text-shadow: 1px 1px 0px #ffffff;
	background-color: #f5f5f5;
}



footer ul {
    margin: -6px 0 5px -15px;
    font-size: 14px;
    text-shadow: 1px 1px 0px #ffffff;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}



footer a {
	margin-bottom:0.7rem;
	float:left;
	width:100%;
}

footer p {
	float:left;
	width:100%;
	margin-top:15px;
}



@media screen and (max-width: 1515px) {
    .header-nav .store {
        padding: 10px;
    }
}
@media screen and (min-width: 1515px) {
    .navbar-form .form-control {
        min-width: 500px!important;
    }
}

@media screen and (min-width: 1200px) {
    .navbar-form .form-control {
        min-width: 350px;
    }
}

@media screen and (max-width: 1200px) {
	.navbar-nav {
		margin-left:0px;
	}
	.navbar-form .form-control {
        width:100%;
		display:block
    }
	.col-lg-3, .col-lg-9{
		float:left;
		width:100%;
	}	
	.coupon-list .row li .promocode .get_code_btn .get_code {
		width: 90%;
	}	
	.coupon-list .row li .promocode .get_code_btn .get_code:hover {
		width: 85%;
	}
    .navbar-form .form-control {
        min-width: 200px;
    }
    .header-nav .store {
        padding: 10px;
    }
    .col-xs-3{width: 40%;}
    .col-xs-9{width: 60%;}
	.header-nav .store {
    padding: 5px;

}
.nonesya{display: none;}
}

@media screen and (max-width: 960px) {
	.nav li a{
		padding-left:10px;
		padding-right:10px;
	}
	.navbar-form .form-control {
		min-width:auto;
	}
	.header-nav {
    margin: 8px 5px 0 10px;
    }
   
	

}

@media screen and (max-width: 768px) {
    .navbar-form {
        margin:5px 0;
		width: 100%;
		float: left;
    }
	.header-nav .dropdown .dropdown-menu{
		display:block;
	}
	.header-nav .dropdown{
		margin-top:10px;
	}
    .coupons .media-left, .coupons .media-body, .coupons .media-right, .store-header .media-left, .store-header .media-body, .store-header .media-right {
    width: 100%;
    display: block;
    }
	.coupons .media .media-left .store-picture{
		margin-bottom:20px;
		max-width: 100%;
		max-height: 100%;
	}
    .store-header .store-picture{
        margin-bottom: 20px;
        max-width: 100%;
        max-height: 100%;
    }			
	.store-header .follow-wrapper ul{
        margin:10px 0 0 0!important;
		padding:0!important;
	}	
	.store-header .follow-wrapper li {
        width: 100%!important;
		
	}	
    .coupons .media-right .get_code_btn {
        margin-top: 10px;
    }

    .coupon-list .row li .promocode .title {
        height: auto;
    }
	.coupon-list .row li .promocode .get_code_btn .get_code {
		width: 95%;
	}	
	.coupon-list .row li .promocode .get_code_btn .get_code:hover {
		width: 90%;
	}
	.header-nav {
	margin: 8px 5px 0 5px;
	width:100%;
	}
		.header-nav .nav-btn li {
		float: left;
		list-style: none;
		width:100%;
		padding:5px 0;
	}
	
	.coupon_detail_pop, .contact_pop {overflow: visible;}
	.coupon_detailx, .contact_wrap { max-width: inherit; width: 95%;}
	.l_right{float: left!important;}
	.f18{ font-size:12px;}
	
}

@media screen and (max-width: 486px) {
	.navbar-brand {
		font-size: 20px;
	}
	.user_activity ul li {
        margin: 0;
        width: 100%;
    } 
   .modal-vote .vote_btn .btn {
        width: 100%;
        margin: 0 0 20px 0;
    }
	.modal-vote .vote_btn .btn:last-child {
		margin: 0;
	}

	.coupon-list .row li .promocode .get_code_btn .get_code {
		width: 90%;
	}	
	.coupon-list .row li .promocode .get_code_btn .get_code:hover {
		width: 80%;
	}
    .none{display: none;}
	
.holiday-box-link {
  line-height: 20px!important;
  padding-top:6px;
  font-size:14px!important;
}
	
}
@media screen and (max-width: 580px) {
.media-left{ width:100%; float:left;}
.no_don{ display:none;}

}



@media screen and (max-width: 768px) {
    .container {width:auto!important;}
    .navbar-form .form-control {min-width: 100%!important;}
    .col-md-3 {width: 50%!important;}
.h1title {margin-bottom: 10px;}
.h1title span {font-size: 25px;}
.col-sm-3 {width: 50%!important;}
.col-md-4 {width: 50%!important;}
.l_right h1 {font-size: 22px;}
.category-list {height: 11rem;overflow-x: hidden;overflow-y: scroll;}

    .col-xs-3{width: 100%!important;}
    .col-xs-9{width: 100%!important;}
	.banner h1 {
    font-size: 1.8rem;
}
.nonesy{display: none;}
}

@media screen and (max-width: 992px) {
    .container {
        width:auto!important;
    }
    .col-md-3 {
        width: 25%;
    }
 .navbar-form .form-control {
        min-width: 400px;
    }

}

@media screen and (min-width: 1200px) {
    .container {
        width: 1200px;
    }
    .col-md-3 {
        width: 20%;
    }


}


@media screen and (min-width: 992px) {

    .col-lg-4 {
        width: 28%;
    }
    .col-lg-8 {
        width: 72%;
    }

}
@media (min-width:768px){
    .hidden-smx{display:none!important}
}


@media (min-width:768px) and (max-width: 992px){
.nones{display: none;}
}




.btn_large{ background-color: #f9544b; font-size: .875rem!important; color: #fff;}
.promocode h4{border-top: 2px dashed #e7e7e6; padding-top: 8px;margin-top: 5px; font-size: 1em; font-weight: 600; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis}
.category_ico{ width: 30px;}

.score {
    font-size: 2rem;
    font-weight: 700;
}

.score_title {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
    color: #39392d;
    letter-spacing: 0.0125em;
    text-decoration: inherit;
    text-transform: inherit;
    margin: 0.5rem 0;
    display: block;
}

.score_p {
    font-size: 1.2rem;
    color: #868679;
}

.star-rating {
    font-size: 1.75rem;
    letter-spacing:2px;
}
.star-rating .star {
    position: relative;
    color: #ececec;
}
.star-rating .star .fa-star-half {
    color: #f75d40;
    position: absolute;
    left: 0;
	top: 6px;
    display: none;
}
.star-rating[data-rating='0.5'] .star:nth-child(1) .fa-star-half {
    display: initial;
}
.star-rating[data-rating='1.0'] .star:nth-child(1),
.star-rating[data-rating='2.0'] .star:nth-child(1),
.star-rating[data-rating='3.0'] .star:nth-child(1),
.star-rating[data-rating='4.0'] .star:nth-child(1),
.star-rating[data-rating='5.0'] .star:nth-child(1),
.star-rating[data-rating='1.5'] .star:nth-child(1),
.star-rating[data-rating='2.5'] .star:nth-child(1),
.star-rating[data-rating='3.5'] .star:nth-child(1),
.star-rating[data-rating='4.5'] .star:nth-child(1) {
    color: #f75d40;
}
.star-rating[data-rating='1.5'] .star:nth-child(2) .fa-star-half {
    display: initial;
}
.star-rating[data-rating='2.0'] .star:nth-child(2),
.star-rating[data-rating='3.0'] .star:nth-child(2),
.star-rating[data-rating='4.0'] .star:nth-child(2),
.star-rating[data-rating='5.0'] .star:nth-child(2),
.star-rating[data-rating='2.5'] .star:nth-child(2),
.star-rating[data-rating='3.5'] .star:nth-child(2),
.star-rating[data-rating='4.5'] .star:nth-child(2) {
    color: #f75d40;
}
.star-rating[data-rating='2.5'] .star:nth-child(3) .fa-star-half {
    display: initial;
}
.star-rating[data-rating='3.0'] .star:nth-child(3),
.star-rating[data-rating='4.0'] .star:nth-child(3),
.star-rating[data-rating='5.0'] .star:nth-child(3),
.star-rating[data-rating='3.5'] .star:nth-child(3),
.star-rating[data-rating='4.5'] .star:nth-child(3) {
    color: #f75d40;
}
.star-rating[data-rating='3.5'] .star:nth-child(4) .fa-star-half {
    display: initial;
}
.star-rating[data-rating='4.0'] .star:nth-child(4),
.star-rating[data-rating='5.0'] .star:nth-child(4),
.star-rating[data-rating='4.5'] .star:nth-child(4) {
    color: #f75d40;
}
.star-rating[data-rating='4.5'] .star:nth-child(5) .fa-star-half {
    display: initial;
}
.star-rating[data-rating='5.0'] .star:nth-child(5) {
    color: #f75d40;
}

.star-rating[data-rating='1.0'] .star:nth-child(1), .star-rating[data-rating='2.0'] .star:nth-child(1), .star-rating[data-rating='3.0'] .star:nth-child(1), .star-rating[data-rating='4.0'] .star:nth-child(1), .star-rating[data-rating='5.0'] .star:nth-child(1), .star-rating[data-rating='1.5'] .star:nth-child(1), .star-rating[data-rating='2.5'] .star:nth-child(1), .star-rating[data-rating='3.5'] .star:nth-child(1), .star-rating[data-rating='4.5'] .star:nth-child(1) {
    color: #f75d40;
}

.btn-yes {
    color: #53ac8e;
    background-color: #fff;
    border-color:#53ac8e;
    width: 120px;
    margin-bottom: 5px;
}

.btn-yes:hover {
    color: #fff;
    background-color: #53ac8e;
    border-color: #53ac8e;
}

.btn-no {
    color: #ff9800;
    background-color: #fff;
    border-color: #ff9800;
    width: 120px;
    margin-bottom: 5px;
}

.btn-no:hover {
     color: #fff;
     background-color: #ff9800;
     border-color: #ff9800;
 }
.tag-code{
    width: 45px;
    background: #f9a806;
    color: #fff!important;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.5;
    text-transform: UPPERCASE;
    border-radius: 0.5rem;
    text-align: center;
    margin: auto;
    padding: 0 0.375rem;
}
.tag-deal{
    width: 45px;
    background: #53ac8e;
    color: #fff!important;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1.5;
    text-transform: UPPERCASE;
    border-radius: 0.5rem;
    text-align: center;
    margin: auto;
    padding: 0 0.375rem;
}

.btn-green {
    color: #fff;
    background-color: #53ac8e;
    border-color: #48a686;
}

.btn-green:hover {
    color: #fff;
    background-color: #48a686;
    border-color: #368a6d;
}

.store-content h4{ font-size: 16px; font-weight: 500;color: #000;text-shadow: 1px 1px 0px #ffffff;}
.list-header {
    display: flex;
    border-bottom: .062rem solid #ddd;
    padding-bottom: 10px;

}
.listheading {
    font-size: 1.5rem;
    color: #333;
    font-weight: 500;
    margin-right: 2rem;
    width: 11rem;
}

.storepagelist  {
  width: 100%;
}

.storepagelist a {
    display: inline-block;
    margin-right: .725rem;
    font-size: 1.5rem;
    line-height: 1.5em;
}

.c1{ color: #f9544b}

.category-list ul {list-style: none!important;}
.category-list li a {font-size: 1rem;line-height: 2.5;}
 .store-pictures img {
    max-width: 90%;
    max-height: 90%;
	text-align: center;
}



#rectstorecard li .text {
    position: relative;
}

#rectstorecard li img.recommend {
    position: absolute;
    top: -14px;
    left:-15px;
    z-index: 1;
}


.right-wrapper .store-picture {
    max-width: 200px;
}

.holiday-box {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    background: #fff8e3;
    color: #ff8900;
    margin-bottom: 20px;
}

.holiday-box-link {
    color: #ff8900;
    line-height: 50px;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 16.8px;
    padding-right: 28px;
    font-weight: 700;
}

.holiday-box-click {
    float: right;
    height: 32px;
    border-radius: 18px;
    border: 1px solid #ff8900;
    line-height: 32px;
    padding: 0 20px;
    margin-top: 9px;
    font-weight: 700;
}



.cpbotbtn[data-c-103084fc]{
  width: 92%;
  height: 45px;
  margin: 5px auto 0;
  padding: .2rem;
  line-height: 40px;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  background: #f03d30;
  border-radius: 24px;
  animation: movebtn-data-v-54d907fc 3s infinite;
  -moz-animation: movebtn-data-v-54d907fc 3s infinite;
  -webkit-animation: movebtn-data-v-54d907fc 3s infinite;
  -o-animation: movebtn-data-v-54d907fc 3s infinite;
  transition: all .3s ease;
  
}


 @-webkit-keyframes movebtn-data-c-103084fc {
                0% {
                    transform: translateX(-10px)
                }

                5% {
                    transform: translateX(10px)
                }

                10% {
                    transform: translateX(-10px)
                }

                20% {
                    transform: translateX(0)
                }

                to {
                    transform: translateX(0)
                }
            }

            @keyframes movebtn-data-v-54d907fc {
                0% {
                    transform: translateX(-10px)
                }

                5% {
                    transform: translateX(10px)
                }

                10% {
                    transform: translateX(-10px)
                }

                20% {
                    transform: translateX(0)
                }

                to {
                    transform: translateX(0)
                }
            }
			
			
.save-data{
  padding: 12px 8px;
  border: 1px dashed #ea5a4f;
  border-radius: 4px;
  display: flex;
  align-items: center;
  margin: 16px 20px 5px;
  font-size: 14px;
  flex-wrap: wrap;
}

.save-up{
  font-size: 14px;
  line-height: 23px;
  text-align: left;
  flex-grow: 1;
}

.save-icons img{
  width: 20px;
  vertical-align: middle;
}
.txtc{ text-align:center;}