/**
* newboot theme style
*/

html,
body {
    height: 100%;
    color: #000;
    background-color: #f4f4f4; /*#f9f8ee#fdf7e9#e6e6e6;*/
    font-family: Arial, Regular, 'Trebuchet MS', Trebuchet, 'Helvetica Neue', Helvetica, Tahoma, sans-serif;
    /* The html and body elements cannot have any padding or margin. */
}

::selection {
    /*background: #FFFF9E;*/
}

hr {
    margin: 10px 0;
}

ul li {
    list-style: none;
}

input, textarea, input:focus, input[type="text"]:focus, input[type="checkbox"]:focus, textarea:focus {
    text-decoration: none;
    outline: none;
}

button.btn:focus, button.btn:active {
    text-decoration: none;
    outline: none;
}

button.close {
    font-family: Tahoma, Helvetica, Arial, sans-serif;;
}

.lt-ie9 .input-block-level {
    min-height: 20px;
}

a {
    cursor: pointer;
    /*color: #3B5998;*/
    text-decoration: none;
}

a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
}

a:hover [class^="icon-"] {
    text-decoration: none;
}

i[class^="icon-heart"] {
    color: red;
}

[class^="icon-"],
[class*=" icon-"] {
    background-image: none;
}

/*topbar*/

.topbar {
    width: 100%;
    height: 60px;
    background-color: #323232;
    z-index: 100;
}

.topbar h3.logo {
    float: left;
    width: 174px;
    height: 60px;
    text-indent: -9999cm;
    margin: 0;
}

.topbar h3.logo a {
    background: url("/static/waterfall/img/logo2.png") no-repeat center;
    width: 174px;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    display: block;
}

.search-box {
    width: 371px;
    margin: 13px 0 0 15px;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
    float: left;
    height: 35px;
}

.search-box input {
    border: 1px solid #f0f0f0;
    height: 30px;
    line-height: 30px;
    width: 320px;
    display: inline-block;
    float: left;
    background-color: #f0f0f0;
    padding: 6px 10px;
}

.search-box button {
    height: 30px;
    line-height: 20px;
    width: 30px;
    display: inline-block;
    float: right;
    margin-right: 10px;
    color: #aaa;
    background: transparent;
    border: none;
    padding-top: 5px;
}

.search-box > span {
    margin-top: 2px;
}

.list-btn {
    width: 30px;
    height: 32px;
    line-height: 26px;
    float: left;
    margin: 15px 0 0 120px;
    color: #aaa;
    background: transparent;
    border: none;
    font-size: 24px;
}

.add-btn {
    color: #ddd;
    font-size: 22px;
}

.nav-user {
    margin-top: 5px;
}

.nav-user > li {
    float: left;
}

.nav-user a {
    color: #aaa;
}

.nav-user .dropdown-menu {
    right: -35px;
}

.topbar .nav > li > a:hover {
    color: #fff;
    background-color: #323232;
}

.topbar .nav > li > a:focus {
    color: #fff;
    background-color: #323232;
}

.topbar .nav .open > a, .topbar .nav .open > a:focus, .topbar .nav .open > a:hover {
    background-color: transparent;
}

/*typeahead*/

.search-box .tt-hint {
    background: #fff;
    width: 100%;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    line-height: 1.2;
    border-right: none;
    color: #999;
}

.tt-dropdown-menu {
    width: 370px;
    padding: 0 0 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-top: none;
}

.tt-suggestion {
    padding: 3px 10px;
    font-size: 15px;
    line-height: 24px;
    height: 50px;
    width: 370px;
}

.tt-suggestion .sl-logo {
    width: 90px;
    height: 40px;
    float: left;
    display: table;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 16px;
}

.tt-suggestion .sl-logo a {
    color: #666;
    display: block;
    max-width: 90px;
    max-height: 40px;
    word-wrap: break-word;
}

.tt-suggestion .sl-logo span {
    display: table-cell;
    vertical-align: middle;
}

.tt-suggestion .sl-logo img {
    max-width: 90px;
    max-height: 40px;
}

.tt-suggestion .sl-right {
    width: 250px;
    height: 40px;
    float: right;
    margin-left: 10px;
    overflow: hidden;
}

.tt-suggestion .sl-right .rt-top {
    width: 100%;
    height: 22px;
    line-height: 22px;
    float: left;
    font-size: 13px;
}

.tt-suggestion .sl-right .rt-top a {
    text-decoration: underline;
    color: #08c;
}

.tt-suggestion .sl-right .rt-top a:hover {
    color: #fff;
}

.tt-suggestion .sl-right .rt-bom {
    width: 100%;
    height: 22px;
    line-height: 22px;
    float: left;
    color: #aaa;
    font-style: italic;
    font-family: Helvetica;
    font-size: 12px;
}

.tt-suggestion .sl-right .rt-bom a {
    height: 20px;
    line-height: 20px;
    float: right;
    font-size: 12px;
    color: #08c;
    text-decoration: underline;
    font-style: italic;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-is-under-cursor .sl-right {
    color: #fff;
}

.tt-suggestion.tt-is-under-cursor .sl-right a {
    color: #fff;
}

.tt-suggestion p {
    margin: 0;
}

/*page*/

.page-side {
    width: 240px;
    border: 1px solid #bababa;
    padding: 15px 20px;
    background-color: #fff;
}

.page-side dl dt {
    font-size: 22px;
    padding: 12px;
    color: #323232;
}

.page-side dl dd {
    font-size: 14px;
    margin-left: 20px;
    padding: 8px;
    color: #323232;
    position: relative;
}

.page-side dl dd a {
    color: #323232;
}

.page-side dl dd a:hover {
    color: #0cbbe8;
}

.page-side dl .active a {
    color: #0cbbe8;
}

.page-side .arrow-right {
    display: none;
}

.page-side .active .arrow-right {
    position: absolute;
    left: 278px;
    top: -12px;
    z-index: 100;
    display: block;
}

.page-side .arrow-right span {
    display: block;
    width: 0;
    height: 0;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #999 transparent transparent;
    position: absolute;
    top: 15px;
    left: 0;
    margin-left: -11px;
}

.page-side .arrow-right em {
    display: block;
    width: 0;
    height: 0;
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: -15px;
    left: 1px;
}

.page {
    border: 1px solid #bababa;
    padding: 20px 100px;
    min-height: 700px;
    background-color: #fff;
}

/*category & share*/

#categories .category {
    border: 1px solid #bababa;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px rgba(102, 102, 102, .2);
    -moz-box-shadow: 0 2px 8px rgba(102, 102, 102, .2);
    box-shadow: 0 2px 8px rgba(102, 102, 102, .2);
    padding: 20px 80px;
    width: 100%;
}

.arrow {
    position: absolute;
    left: 301px;
    top: -15px;
    width: 0;
    height: 0;
    font-size: 0;
    border: solid 8px;
    border-color: transparent;
    border-bottom-color: #fff;
}

.category-foot {
    margin-top: 20px;
    border-top: 1px solid #bababa
}

.category-foot ul {
    padding: 15px 0 0 0;
    overflow: hidden;
    margin-bottom: 0;
    width: 700px;
    float: left;
}

.category-foot ul li {
    display: inline-block;
    float: left;
}

.category-foot ul li a {
    padding: 10px;
    color: #323232;
}

.site-share {
    padding: 15px 0 0 0;
    float: right;
    width: 300px;
}

.site-share a {
    display: block;
    width: 22px;
    height: 22px;
    float: right;
    margin-left: 20px;
}

.site-share .img-google-plus {
    background: url('/static/waterfall/img/img_07.png') 0 0 no-repeat;
}

.site-share .img-twitter {
    background: url('/static/waterfall/img/img_09.png') 0 0 no-repeat;
}

.site-share .img-facebook {
    background: url('/static/waterfall/img/img_11.png') 0 0 no-repeat;
}

/*user*/

.user-panel {
    padding: 20px 40px;
    border: 1px solid #bababa;
    background-color: #fff;
    margin-bottom: 30px;
}

.user-panel .username {
    margin-top: 10px;
}

.avatar {
    width: 160px;
    float: left;
}

.user-info {
    float: left;
    margin-left: 30px;
}

.muted {
    color: #bababa;
}

.user-side {
    padding: 20px 0;
    border: 1px solid #bababa;
    background-color: #fff;
}

.user-side .nav > li > a {
    padding: 10px 25px;
}

.user-side a {
    color: #323232;
}

.user-side .active a {
    color: #0cbbe8;
}

.username a {
    font-size: 15px;
    padding-left: 10px;
}

.user-content {
    padding: 20px 30px;
    border: 1px solid #bababa;
    background-color: #fff;
    margin-bottom: 30px;
}

.user-content form {
    padding: 10px 60px 30px;
}

.user-content .item {
    position: static;
}

.user-content .carousel-cell {
    margin-right: 19px;
    margin-left: 19px;
}

.main-content {
    padding: 20px 40px 50px;
    border: 1px solid #bababa;
    background-color: #fff;
    margin: 40px 0;
}

.form-auth .form-auth-heading,
.form-auth .checkbox {
    margin-bottom: 10px;
    padding-left: 20px;
}

.form-auth h1 {
    font-size: 1.6em;
    line-height: 2em;
    color: #5B4F4A;
}

.form-auth input[type="text"],
.form-auth input[type="email"],
.form-auth input[type="password"] {
    font-size: 16px;
    height: auto;
    padding: 7px 9px;
    outline: none;
}

/*flickity*/

/* demo carousels
------------------------- */

.carousel {
/ / background: #FAFAFA;
    margin-bottom: 30px;
    counter-reset: carousel-cell;
}

.carousel-cell {
/ / width: 66 %;
    height: 337px;
    width: 223px;
    margin-right: 14px;
    margin-bottom: 10px;
/ / background: #8C8;
    counter-increment: carousel-cell;
}

.carousel-cell .show-img a {
    display: block;
    height: 190px;
    line-height: 190px;
}

.carousel-cell .show-img img {
    max-width: 190px;
    max-height: 190px;
}

.flickity-enabled .carousel-cell {
    margin-bottom: 0;
}

.carousel-cell:before,
.carousel-cell__number {
/ / display: block;
/ / width: 100 px;
    margin: 0 auto;
/ / content: counter(carousel-cell);
/ / text-align: center;
    line-height: 160px;
    font-size: 80px;
    color: white;
}

.carousel--not-counting .carousel-cell:before {
    content: none;
}

/* ---- style ---- */

.carousel--full-width .carousel-cell {
    width: 100%;
}

.carousel--half-width .carousel-cell {
    width: 50%;
}

.carousel--various-widths .carousel-cell {
    width: 33%;
}

.carousel--various-widths .carousel-cell.size-180 {
    width: 180px;
}

.carousel--various-widths .carousel-cell.size-large {
    width: 75%;
}

.carousel--media-queried .carousel-cell {
    width: 100%;
}

.carousel--selected-cell .carousel-cell.is-selected {
    background: #ED2;
}

.carousel--carousel-focus:focus .flickity-viewport {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

/* ---- show-several ---- */

.carousel--show-several .carousel-cell {
    width: 28%;
}

/* ---- auto-play ---- */

/* ---- images-loaded ---- */

.carousel--images-loaded-demo img {
    display: block;
    height: 160px;
}

.carousel--images-demo {
    margin-bottom: 40px;
}

.carousel--images-demo img {
    display: block;
    height: 160px;
}

/* ---- watch-demo ---- */

.carousel--watch-demo:after {
    content: 'flickity';
    display: none;
}

.carousel--watch-demo .carousel-cell {
    margin-right: 10px;
}

/* ---- cell-selector-demo ---- */

.carousel--cell-selector-demo {
    position: relative;
}

.static-banner {
    position: absolute;
    background: hsla(0, 0%, 0%, 0.3);
    z-index: 1;
    padding: 2px 20px;
    color: white;
    pointer-events: none;
}

.static-banner1 {
    left: 10px;
    top: 10px;
}

.static-banner2 {
    right: 10px;
    bottom: 10px;
}

/* ---- carousel--pixel-position-demo ---- */

.carousel--pixel-position-demo .carousel-cell {
    width: 300px;
}

/* ---- carousel--100-width-height ---- */

.carousel--full-bleed {
    height: 100%;
}

.carousel--full-bleed .carousel-cell {
    height: 100%;
}

/* move page dots into carousel*/
.carousel--full-bleed .flickity-page-dots {
    bottom: 10px;
}

/* ---- carousel--set-carousel-size-disabled ---- */

.carousel--set-carousel-size-disabled {
    height: 160px;
}

.carousel--set-carousel-size-disabled .carousel-cell {
    height: 100%;
}

.carousel--set-carousel-size-disabled-percentage {
    padding-bottom: 50%;
}

.carousel--set-carousel-size-disabled-percentage .flickity-viewport {
    position: absolute;
    width: 100%;
}

.carousel--set-carousel-size-disabled-percentage .carousel-cell {
    height: 100%;
}

/* ---- resize-option ---- */

.carousel--resize-option {
    width: 300px;
}

/* ---- resize ---- */

.carousel--resize {
    width: 50%;
    min-width: 240px;
}

.carousel--resize.is-expanded {
    width: 100%;
}

.carousel--resize.is-expanded .carousel-cell {
    height: 320px;
}

.carousel--resize.is-expanded .carousel-cell:before {
    line-height: 320px;
}

/* ---- position-cells ---- */

.carousel--position-cells .carousel-cell {
    position: relative;
    width: 33%;
}

.carousel--position-cells .carousel-cell.is-expanded {
    width: 80%;
}

.carousel-cell .button {
    position: absolute;
    left: 10px;
    top: 10px;
}

/* ---- lazyload ---- */

.carousel--lazyload-cells .carousel-cell {
    height: 200px;
    margin-right: 2px;
    background: #222;
}

.carousel--lazyload-adj-cells .carousel-cell {
    width: 25%;
    height: 160px;
    margin-right: 2px;
    background: #222;
}

.carousel-cell__lazy-image {
    display: block;
    max-height: 100%;
    margin: 0 auto;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel-cell__lazy-image.flickity-lazyloaded,
.carousel-cell__lazy-image.flickity-lazyerror {
    opacity: 1;
}

.carousel__lazy-image {
    height: 200px;
    min-width: 150px;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

/* fade in lazy loaded image */
.carousel__lazy-image.flickity-lazyloaded,
.carousel__lazy-image.flickity-lazyerror {
    opacity: 1;
}

/* ---- as-nav-for / carousel-nav ---- */

.carousel--as-nav-for-main {
    margin-bottom: 40px;
}

.carousel--nav .carousel-cell {
    height: 80px;
    width: 100px;
}

.carousel--nav .carousel-cell:before {
    font-size: 50px;
    line-height: 80px;
}

.carousel--nav .carousel-cell.is-nav-selected {
    background: #ED2;
}

/* ---- static-click ---- */

.carousel--static-click .carousel-cell {
    width: 26%;
}

.carousel--static-click .carousel-cell.is-clicked {
    background: #ED2;
}

/* ---- large device media query ---- */

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

    .carousel--media-queried .carousel-cell {
        width: 50%;
    }

    .carousel--watch-demo:after {
        content: '';
    }

    .carousel--images-demo img {
        height: 400px;
    }
}

.img-slider {
    margin-bottom: 10px;
    padding: 0 14px 0 15px;
}

.img-slider .item {
    height: 337px;
    margin-left: 1px;
    padding: 10px 15px;
}

.img-slider .flickity-prev-next-button {
    background: transparent;
}

.img-slider .flickity-prev-next-button.previous {
    left: -50px;
}

.img-slider .flickity-prev-next-button.next {
    right: -50px;
}

/*end-flickity*/

.page-title {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}

.page-title:after {
    content: ' ';
    position: absolute;
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 0;
}

.page-title span, .page-title a {
    position: relative;
    z-index: 10;
    background: #f4f4f4;
    padding: 0 60px;
}

.no-row {
    overflow: hidden;
    padding: 0 15px;
}

/*waterfall*/

.item {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 222px;
    padding: 10px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    /*
    box-shadow: 0 1px 3px rgba(34, 25, 25, .4);
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, .4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, .4);
    filter: progid:DXImageTransform.Microsoft.Shadow(color = #adacac, direction = 135, strength = 2);
    */
}

.item .show-img {
    text-align: center;
    margin-bottom: 10px;
}

.item .show-detail {
    color: #323232;
    font-size: 12px;
    line-height: 24px;
}

.item .show-detail .price-currency {
    font-weight: 600;
    color: #ff2f89;
    font-style: normal;
}

.item .show-detail h2 {
    margin: 0;
    font-size: 12px;
}

.item .show-detail .light {
    color: #afafaf;
    height: 18px;
}

.carousel-cell .item .show-detail h2 {
    height: 32px;
    overflow: hidden;
}

.item .show-detail h2 {
    line-height: 16px;
    margin-top: 4px;
}

.item .show-detail .shop-now a:hover, .item .show-detail .shop-now a {
    color: #fff;
}

.item .show-detail a {
    color: #323232;
}

.item .show-detail .coupon-save {
    float: right;
    cursor: pointer;
}

.shop-btn {
    display: block;
    height: 34px;
    line-height: 34px;
    width: 190px;
    background-color: #0cbce8;
    margin: 10px auto 0;
    text-align: center;
    font-size: 17px;
    color: #fff;
    border-radius: 4px;
}

.shop-btn:hover {
    background-color: #01718d;
}

.item .show-price {
    height: 18px;
}

.item .show-price span {
    background-color: #f54437;
    padding: 1px 10px;
    border-radius: 4px;
    color: #fff;
}

#trigger {
    padding: 10px 30px 20px 30px;
}

#trigger a {
    margin-right: 30px;
}

/*
 * page-navigation
 */
#page-navigation {
    text-align: center;
    padding: 20px 0 50px 0;
    display: none;
}

#page-navigation a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    border: 1px #e4e4e4 solid;
    text-decoration: none;
}

#page-navigation .page-navigation-prev, #page-navigation .page-navigation-next {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    width: 80px !important;
}

#page-navigation a:hover {
    border: 1px #c30 solid;
    background: #c30;
    color: #fff;
}

#page-navigation a:active {
}

#page-navigation a.cur {
    border: 1px #c30 solid;
    background: #c30;
    color: #fff;
}

#page-navigation span.disabled {
    color: #ccc;
    border: 1px #e4e4e4 solid;
}

.categories-list {
    padding: 0px;
    overflow: hidden;
}

.categories-list li {
    width: 25%;
    float: left;
    padding: 10px;
    height: 60px;
    overflow: hidden;
}

.categories-list li a {
    color: #0cbbe8;
    font-size: 18px;
}

/*comment*/

.comment-form {
    margin-bottom: 10px;
}

.comment-form textarea, .comment-form input.captcha {
    margin-right: 20px;
    margin-bottom: 10px;
    width: 90%;
    outline: none;
}

.comment-form input.captcha, .submit-coupon-form input.captcha, .feedback-form input.captcha {
    display: none;
    outline: none;
}

img.captcha {
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.coupon-item .comment-list {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 10px;
}

.coupons.detail .coupon-item .comment-list {
    max-height: inherit;
}

.comment-list .avatar {
    float: left;
    width: 32px;
    line-height: 32px;
}

.comment-list blockquote {
    margin-left: 36px;
}

.comment-list blockquote p {
    color: #565656;
    font-size: 14px;
}

.comment-list li {
    margin-left: 10px;
}

.coupon_modal .detail-header {
    width: 600px;
    margin: 0 auto;
}

.coupon_modal .comment-list {
    max-height: 250px;
    padding-left: 0px;
}

.coupon_modal .comment-form textarea {
    width: 100%;
}

.related-coupon {
    position: relative;
    width: 950px;
    margin: 30px auto;
}

.user-btn {
    text-align: center;
}

.user-btn .btn-primary {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #0cbce8;
    border: 1px solid #0cbce8;
}

/*rating*/

.m-rating {
    margin-bottom: 5px;
}

.m-rating form {
    overflow: hidden;
    border: none;
    position: relative;
    width: 100px;
    height: 20px;
    text-align: left;
    margin: 0;
    padding: 0;
}

.m-rating fieldset {
    border: none;
    position: static;
    margin: 0;
    padding: 0;
}

.m-rating input {
    border: none;
    background: none;
    position: absolute;
    left: 0;
    height: 100%;
    text-indent: -300px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 20px;
    z-index: 2;
}

.m-rating input.rsnum2 {
    left: 20px;
}

.m-rating input.rsnum3 {
    left: 40px;
}

.m-rating input.rsnum4 {
    left: 60px;
}

.m-rating input.rsnum5 {
    left: 80px;
}

.m-rating input:active, .m-rating input:focus {
    outline: none;
}

.m-rating .rstar-left {
    background: url(/static/newboot/img/ratestars.png) left bottom;
}

.m-rating .rate-average {
    height: 100%;
    z-index: 1;
}

.m-rating .rate-text {
    white-space: nowrap;
    position: relative;
    color: #565656;
}

.m-rating .rate-stars {
    background: url(/static/newboot/img/ratestars.png) left top repeat-x;
    background-size: 20px;
}

.m-rating .rate-stars .rate-average {
    background: url(/static/newboot/img/ratestars.png) left center repeat-x;
    background-size: 20px;
}

/*coupon_modal*/

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

.modal-header {
    background-color: #323232;
    color: #fff;
    padding: 8px;
}

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

button.close {
    color: #fff;
    opacity: 0.5;
}

.coupon_detail {
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

.coupon_modal .share a {
    color: #fff;
}

.coupon_modal .share a i {
    color: #0cbce8;
}

.coupon_modal .coupon-title {
    line-height: 20px;
    float: left;
    margin-right: 30px;
    margin-top: 0;
}

.coupon_modal .coupon-title a {
    font-size: 16px;
    color: #323232;
    font-weight: bold;
}

.coupon_modal .modal-body .coupon-save, .coupon_detail .coupon-save {
    float: right;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 2px;
    cursor: pointer;
}

.coupon_modal .coupon-img {
    text-align: center;
}

.coupon_modal .coupon-img img {
    max-width: 568px;
    max-height: 500px;
}

.coupon_modal .coupon_excerpt {
    clear: both;
}

.coupon_modal .coupon_excerpt a {
    color: #0cbce8;
}

.coupon_modal .coupon_merchant {
    overflow: hidden;
}

.coupon_modal .coupon_merchant img {
    border-radius: 16px;
    width: 32px;
    height: 32px;
    float: left;
}

.coupon_modal .coupon_merchant .merchant_name {
    width: 200px;
    float: left;
    height: 32px;
    line-height: 16px;
    padding-left: 10px;
    overflow: hidden;
}

.coupon_modal .coupon_merchant a.shop-btn:hover {
    color: #fff;
}

.coupon_modal .coupon_merchant .shop-btn {
    float: right;
    margin: 0 85px 0 0;
}

.coupon-code .code, .coupon-code .no-code, .coupon-code .print-code, .coupon-code .getcode, .coupon-stack-code .code2, .coupon-stack-code .getcode {
    display: inline-block;
    line-height: 30px;
    padding: 0 5px;
    text-transform: capitalize;
    text-align: center;
    min-width: 160px;
    overflow: hidden;
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-weight: 700;
    font-size: 16px;
    color: #574206;
    border: 1px dashed #c8c17b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFECB7;
    /*background: #FFECB7 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMASURBVEhLY/h/K/o/PTEDPS0D2TVqIdXjd/AE6deLYf97CxX+b5tmSrQvd802/9+VJ/f/8/lQnHpw+vD4crv/EQ4s/yMdWf8fXWpL0NLTqxz+x7qwgfXsnm1BuoXn1zmBNYNwgjvH/2N4LD2z2uF/khcnXD0+B+L04e9rkf87c+XghsS6sv8/u9oRw+UXNzj/jwc6COa41kzp/7+uRpDuQ1AmBcVFe7Ys3LAkT87/59YiLAVZBhKDWdaSIf3/07kQvMFPMJV+vRD2vxloEMxQkAV3dnr+f7jP+3+qDzdcvD5F4v/Hs/gtI7qkAVnanS8PNxwUhIkeCJ+1ZskALQsmmLCIthCk8Nul8P89BRBLO3JlwQ6IdASyc2TxZgP0sppgkCJrAAUlKDXe2Ob+/94er/9pvtxgNikVANEW/gSmvPIYEbAPo5xY/0cDMYhdECYI9j2xlhJt4ZI2HXgcIlsIsnRuvQblFoISAai0AeGdM83AJQ4spe6ZY/H/8CIbOB8kvmWqyf8TQLWgAuLtqSDS8uHBhdb/s4P4UAyEWdaVLwc3bEKJIlY1GX48/0GOwhbMGEEKSgQww7MCeMFxBOMXhAn8/3IBUTCDCgaQGEw+L1QAxaEX1ztjWIphISjJgwwAJXuQgaBiakWXHlisNFr4/98bUXBDflwOhztoYYvW/x9XIv6D8uzEUiWwelDJQzBbwArhq5tdEQYDDUrz5QGnzpfHAuDij/b7gA1O9OBAyYt3d3uCxXOA0ULQQlDeAik+uwZRZoJ8muzFBa5+3p4MhBvy9JAvWG28G/v/18cRDgE5FiSeF8JP2MJZtWrw4Lu32wtsEKxYq4gTRQlSUHCDxECGtwGLt5dH/f+DfF0VLwYWm1ymTNjCF0BNMF+CNMVAK1VQMXZ+rROGAde2uMELgWhnNnBxB9IHiprHB3wIWwgKc5DPQMkfVBuANNYkioPzGK7SBBT8oNoCpDbFm+t/W7bM/1s7PIjLFsQWUeSqI7poI9cCgqmUWgbjMofuPgQAWYx+Fsq3Q+kAAAAASUVORK5CYII=") 100% 0 no-repeat;*/
}

/*add_modal*/

.add_modal {
    text-align: center;
    overflow: hidden;
}

.add_modal h5 {
    font-weight: 400;
    font-size: 18px;
}

.add_modal ul {
    overflow: hidden;
    padding: 0;
    margin-top: 40px;
}

.add_modal ul li {
    float: left;
    width: 182px;
    height: 190px;
    padding: 5px;
}

.add_modal ul li a {
    display: inline-block;
}

.add_modal ul li .add_img1 {
    background: url(/static/waterfall/img/img1.png) center center no-repeat;
    width: 100%;
    height: 110px;
}

.add_modal ul li .add_img2 {
    background: url(/static/waterfall/img/img2.png) center center no-repeat;
    width: 100%;
    height: 110px;
    border-right: 1px solid #ddd
}

.add_modal ul li .add_img3 {
    background: url(/static/waterfall/img/img3.png) center center no-repeat;
    width: 100%;
    height: 110px;
    border-right: 1px solid #ddd
}

.add_modal ul li a h6 {
    font-weight: bold;
    color: #000;
}

.add_modal ul li p {
    font-size: 12px;
    color: #696969;
    padding: 0 20px;
}

.alert-error {
    color: #a94442;
    background-color: #f2dede;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.more-form {
    margin-bottom: 20px;
}

/* google play banner at page top */

.getapp-banner {
    margin: 20px auto 0;
    color: #19733f;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}

.getapp-banner .getapp-title {
    font-size: 20px;
}

.getapp-banner .google-play-link {
    background: url(/static/newboot/img/moupon-play.png) center no-repeat;
    display: block;
    height: 50px;
    margin-top: 15px;
}

.getapp-banner .app-store-link {
    background: url(/static/newboot/img/btn-app-store.png) center no-repeat;
    display: block;
    height: 60px;
    margin-top: 15px;
    background-size: auto 60px;
}

.user-dialog {
    width: 400px;
}

#share-coupon {
    width: 600px;
    padding: 10px;
}

.discounts {
    line-height: 66px;
    font-weight: 700;
    color: #ff8c41;
    font-size: 32px;
}

.off {
    color: #ff8c41;
    font-size: .9em;
    font-weight: normal;
    line-height: 32px;
}

.free {
    line-height: 36px;
    font-weight: 700;
    font-size: 32px;
}

.shipping {
    font-size: .618em;
    font-weight: normal;
    line-height: 32px;
}

.free-discounts {
    line-height: 66px;
    font-weight: 700;
    font-size: 32px;
}

.free-off {
    font-size: .9em;
    font-weight: normal;
    line-height: 32px;
}

@media screen and (min-width: 1200px) {
    .nav-user .festival {
        padding-left: 15px;
    }

    .nav-user .festival img {
        float: left;
        margin-top: 5px;
    }

    .nav-user .festival .text {
        float: left;
        padding: 0;
        margin-top: 10px;
        margin-left: 8px;
        font-size: 12px;
        line-height: 14px;
    }

    .nav-user .festival .text em {
        font-style: normal;
        display: block;
    }

    .main-banner {
        position: relative;
        width: 100%;
        height: 400px;
        overflow: hidden;
    }

    .main-banner .slider, .main-banner .unslider {
        position: relative;
        height: 100%;
    }

    .slider .slider-list {
        position: absolute;
        width: 400%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .slider .slider-list .slider-item {
        position: relative;
        float: left;
        width: 25%;
        height: 100%;
        overflow: hidden;
    }

    .slider .slider-list .slider-item .banner-slider {
        width: 1920px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
    }

    .slider .slider-list .slider-item img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        max-width: 100%;
        height: 400px;
        margin: 0 auto;
    }

    .main-banner .unslider-nav {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
        height: 12px;
        text-align: center;
    }

    .unslider-nav ol {
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: top;
    }

    .unslider-nav li {
        float: left;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background-color: #fff;
        text-indent: 10000px;
        overflow: hidden;
    }

    .unslider-nav li.unslider-active {
        background-color: rgba(221, 46, 79, 0.60);
    }

    .unslider-nav li + li {
        margin-left: 10px;
    }
}

@media screen and (max-width: 1200px) {
    .nav-user .festival {
        display: none;
    }

    .main-banner {
        display: none;
    }
}