#results {
    width: 1154px;
}

.w300 {
    font-weight: 300 !important;
}

.w900 {
    font-weight: 900 !important;
}

#search_header {
    background: url(../images/2017/search/search_header.jpg);
    background-size: cover;
    height: 300px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#search_header h1,
#search_header h2 {
    color: #fff !important
}

#results .img-holder .mcht {
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 4px;
    top: 0;
    left: 0
}

#results .col-xs-6,
#results .col-sm-6,
#results .col-md-3,
#results .col-lg-3 {
    padding-left: 6px;
    padding-right: 6px
}


#results .img-holder .mcht img {
    display: inline-block;
    max-height: inherit;
    width: 36px;
    height: auto
}

#results .table {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0
}

#results .table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.results-wrapper {
    background-color: #f2f2f2
}

#results .merchant .img-holder {
    position: relative
}

#results .merchant>div {
    background-color: #fff
}

#results .merchant {
    margin: 15px 0;
    min-height: 275px
}

#results .merchant .block-info {
    min-height: 75px
}

#results .text h5 {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 10px
}

#results .text h5.savings_amount {
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 20px
}

#switch_view {
    padding-top: 40px;
    padding-bottom: 40px
}

.filter_btns {
    margin-bottom: 20px
}

#switch_view .btn:hover,
.filter_btns .btn:hover {
    color: #fff;
    background: #4e98d1
}

#switch_view .btn,
.filter_btns .btn {
    background: #fff;
    font-size: 23px;
    line-height: 26px;
    font-weight: 300;
    color: #4f98d1;
    border-radius: 0;
    padding: 10px 20px 8px;
    text-transform: uppercase;
    border: 2px solid #4e98d1;
    transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    min-width: 200px
}

#switch_view .btn {
    background: none;
}

#switch_view .btn.act {
    color: #fff !important;
    background: #4f98d1 !important
}

#results .hero_image {
    width: 100%;
    min-height: 200px;
    display: block
}

.results-wrapper h1 {
    font-size: 65px;
    line-height: 1.1;
    text-transform: uppercase
}

.results-wrapper h2 {
    font-size: 60px;
    text-transform: uppercase
}

.results-wrapper h3 {
    font-size: 23px;
    font-weight: 300
}

.results-wrapper h4 {
    font-size: 18px;
    color: #272727
}

.results-wrapper h5 {
    font-size: 16px;
    color: #272727;
    font-weight: 600
}

.results-wrapper a {
    color: #272727;
    font-weight: 500
}

.results-wrapper a:hover {
    color: #ff9c00
}

#form_search #search_term::placeholder {
    color: #999;
    font-weight: 100;
}

#form_search #search_term::-moz-placeholder {
    color: #999;
    font-weight: 100;
}

#form_search #search_term:-ms-input-placeholder {
    color: #999;
    font-weight: 100;
}

#form_search #search_term:-moz-placeholder {
    color: #999;
    font-weight: 100;
}

#form_search #search_term::-webkit-input-placeholder {
    color: #bbb;
}

#form_search #search_term {
    color: #fff;
    background-color: transparent !important;
    border: 2px #fff solid;
    text-align: center;
    width: 80%;
    float: left;
    border-radius: 0;
    padding: 0;
    height: 35px;
}



.inline_flwrap #search_term {
    width: 100% !important;
}

#paginate_container {
    overflow: hidden;
}

#paginate_container .pagination {
    float: right;
    margin: 21px 0;
}


@media only screen and (max-width: 1366px) {
    #filterContainer .pagination li img {
        padding: 0 2px !important
    }
}

@media only screen and (max-width: 1280px) {
    #filterContainer .pagination li img {
        padding: 0 1px !important
    }
}

@media only screen and (max-width: 1024px) {
    .results-wrapper h1 {
        font-size: 37px
    }

    .results-wrapper h2 {
        font-size: 34px
    }

    .results-wrapper h3 {
        font-size: 17px;
        font-weight: 300
    }

    .results-wrapper h4 {
        font-size: 16px;
        color: #272727
    }

    .filter_btns .btn {
        font-size: 17px;
        line-height: 20px
    }

    #filterContainer {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 767px) {
    .d-xs-none {
        display: none;
    }

    #filterContainer {
        padding: 25px 30px 15px 30px;
    }

    .results-wrapper h1 {
        font-size: 37px;
    }

    .results-wrapper h2 {
        font-size: 34px;
    }

    .results-wrapper .visual-holder h1 {
        font-size: 24px;
        margin: 0 0 10px !important;
    }

    .results-wrapper .visual-holder h2 {
        font-size: 22px;
        margin: 0 0 10px !important;
    }

    .results-wrapper h3 {
        font-size: 17px;
        font-weight: 300
    }

    .results-wrapper h4 {
        font-size: 16px;
        color: #272727
    }

    #filterContainer {
        padding-top: 10px !important
    }

    #filterContainer select {
        width: 100% !important
    }

    #results {
        padding-top: 30px
    }
}

.pagination .tag {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    vertical-align: middle
}

#filterContainer .pagination li img {
    padding: 0 8px;
    padding-left: 0
}

#filterContainer .pagination {
    margin-top: 0
}

#filterContainer {
    background-color: #fff;
    color: #272727;
    margin: 0px;
    z-index: 99;
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 30px;
    font-size: 13px
}

#filterContainer section {
    padding-top: 25px;
    padding-bottom: 10px
}

#filterContainer select {
    width: 100%;
    background: #fff;
    border-radius: 0;
    border: 1px #b7b7b7 solid;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#filterContainer select option {
    background: #fff;
    text-align: left;
    padding: 10px;
    border-top: 1px solid #ccc;
}

#filterContainer select option:first-child {
    border-top: 0;
}

#filterContainer .close {
    color: #6bb8dd;
    font-size: 1.3em
}

#product-select {
    margin-bottom: 20px
}

#form_search .form-group {
    margin-bottom: 0
}

img#filter {
    background-color: #bdbdbd;
    float: left;
    cursor: pointer
}

img.filterActivate {
    background-color: #4e98d1 !important
}

img#closeFilter {
    float: right
}

.img-checkbox {
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid transparent;
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.img-checkbox input[type="checkbox"] {
    display: none
}

.img-checkbox-checked {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

#offers-filter li {
    margin: 0 5px
}

#offers-filter input[type="radio"] {
    width: 25px;
    height: 25px;
    display: none
}

#offers-filter input[type="radio"]+label {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #cacece;
    box-shadow: none;
    padding: 9px;
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    vertical-align: middle
}

#offers-filter input[type="radio"]:checked+label:after {
    background-color: #4f98d1;
    color: #4f98d1;
    content: '';
    font-size: 10px;
    left: 0px;
    padding: 2px 8px 2px 2px;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
}

#offers-filter label {
    display: inline;
    cursor: pointer
}

.category-selector input {
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.Food-Drink {
    background-image: url(../images/2017/search/dining.png)
}

.Beauty-Fitness {
    background-image: url(../images/2017/search/body.png)
}

.Hotels-Worldwide {
    background-image: url(../images/2017/search/travel.png)
}

.Retail-Services {
    background-image: url(../images/2017/search/service.png)
}

.Attractions-Leisure {
    background-image: url(../images/2017/search/attractions.png)
}


.Restaurants-and-Bars {
    background-image: url(../images/2017/search/dining.png)
}

.Body {
    background-image: url(../images/2017/search/body.png)
}

.Travel {
    background-image: url(../images/2017/search/travel.png)
}

.Services {
    background-image: url(../images/2017/search/service.png)
}

.Leisure {
    background-image: url(../images/2017/search/attractions.png)
}

.Fashion-Retail {
    background-image: url(../images/2017/search/Fashion-Retail.png)
}

.category-item.initial {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0)
}

.category-selector input:active+.category-item {
    opacity: 1
}

.category-selector input:checked+.category-item {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none
}

.category-item {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 4px 0 0;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: grayscale(1) opacity(1);
    -moz-filter: grayscale(1) opacity(1);
    filter: grayscale(1) opacity(1)
}

.category-item:hover {
    -webkit-filter: grayscale(0.5) opacity(0.9);
    -moz-filter: grayscale(0.5) opacity(0.9);
    filter: grayscale(0.5) opacity(0.9)
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

:lang(ar) #results .text h5 {
    text-align: right
}

:lang(ar) .pagination .tag {
    margin-left: 0
}

:lang(ar) img#closeFilter {
    float: left
}



.prd-handler-wrap .form-group {
    float: left;
    width: 48%;
}

.prd-handler-wrap .form-group:last-child {
    float: right;
}

.prd-handler-wrap .form-group .col-md-12 {
    padding: 0;
}

.prd-handler-wrap .form-group select {
    width: 100% !important;
    margin: 0;
}

#mapContainer .merchant_link {
    font-weight: 400;
}

#Cuisine_div .form-group .col-md-12,
#Country_div .form-group .col-md-12,
#Rating_div .form-group .col-md-12 {
    padding: 0;
}

.inline-filter {
    padding: 0 30px !important;
}

.inline-filter #filter {
    position: absolute;
    top: 0;
    right: 0;
}

.inline_flwrap {
    padding: 0 35px 0 0;
    position: relative;
    max-width: 480px;
    margin: 0 auto;
}

#form_search .inline_flwrap .form-group {
    margin: 0;
}

.inline_flwrap .form-group .col-md-12 {
    position: relative;
    padding: 0;
}


.inline_flwrap .srh_btn {
    background: url(../images/search_white.png) no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: 45px;
    border: 0;
    padding: 0;
    outline: none;
    text-indent: -9999px;
    margin: 0;
}




#paginate_container .pagination>li>a,
#paginate_container .pagination>li>span {
    color: #272727;
    border: 0;
    height: inherit;
    background: none;
    padding: 0 8px;
}

#paginate_container .pagination>li>a:hover,
#paginate_container .pagination>li>span:hover,
#paginate_container .pagination>li>a:focus,
#paginate_container .pagination>li>span:focus,
#paginate_container .pagination>li.active>a {
    border: 0;
    color: #fcb034;
    background: none;
}

#paginate_container .pagination li {
    display: inline-block;
    border-left: 1px solid #999;
}

#paginate_container .pagination li:first-child,
#paginate_container .pagination li:last-child,
#paginate_container .pagination li:nth-child(2) {
    border-left: 0;
}




.promo_error {
    background: rgba(255, 255, 255, 0.6);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}

.promo_error .table {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
}

.promo_error .table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
}

.promo_error .block {
    position: relative;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 50px 15px 20px;
}

.promo_error .block h2 {
    color: #000;
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
    margin: 0 0 30px;
}

.promo_error .block .btn_promo_error.cross {
    background: url(../images/close-img-grey.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 15px;
    right: 15px;
    border: 0;
}

.promo_error .block .btn_promo_error {
    margin: 0;
    border: 0;
    width: 100%;
    color: #fff;
    padding: 10px;
    display: block;
    font-size: 14px;
    font-weight: 300;
    background: #4ca5cf;
    text-transform: uppercase;
}






/*** ARABIC ***/

html[lang="ar"] .inline_flwrap {
    padding: 0 0 0 35px;
}

html[lang="ar"] #paginate_container .pagination {
    padding: 0;
}

html[lang="ar"] .results-wrapper h5 {
    text-align: right;
}

html[lang="ar"] .category-selector {
    text-align: right;
}

html[lang="ar"] .inline-filter #filter {
    right: auto;
    left: 0;
}

html[lang="ar"] #filterContainer select option {
    text-align: right;
}

html[lang="ar"] #filterContainer .col-lg-offset-3 {
    margin-right: 20%;
}

html[lang="ar"] .category-item {
    margin: 0 0 0 4px;
}

html[lang="ar"] #offers-filter {
    padding: 0;
    margin: 0 0 20px -100px;
}

html[lang="ar"] #offers-filter li {
    margin: 0 0 0 10px;
}

html[lang="ar"] .inline_flwrap .srh_btn {
    right: auto;
    left: 45px;
}


html[lang="cn"] .pagination .tag {
    margin: 0;
}

html[lang="cn"] #offers-filter li {
    margin: 0 5px 0 0;
}


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

    #Country_div,
    #Rating_div,
    #Cuisine_div {
        padding: 0;
    }

    #Country_div {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 1310px) {
    html[lang="ar"] .category-item {
        margin: 0 0 0 2px;
    }
}

@media only screen and (max-width: 1199px) {
    .category-item {
        margin: 0 3px 0 0;
    }

    #offers-filter li {
        margin: 0 7px 0 0;
    }

    #offers-filter {
        margin-right: -20px;
    }

    html[lang="ar"] #filterContainer .col-lg-offset-3 {
        margin-right: 7%;
    }

    html[lang="ar"] #filterContainer #offers-filter label,
    html[lang="ar"] #filterContainer #offers-filter div.tag {
        font-size: 12px !important;
    }

    html[lang="ar"] .prd-handler-wrap {
        width: 45%;
    }
}

@media only screen and (max-width: 1024px) {
    html[lang="ar"] #filterContainer .col-lg-offset-3 {
        margin-right: 3%;
    }
}

@media only screen and (max-width: 991px) {
    #wrapper {
        overflow: visible !important;
    }

    .field-searchoutletsform-product_id .col-md-12 {
        padding: 0;
    }

    .category-selector {
        margin-bottom: 15px;
    }

    .prd-handler-wrap .form-group {
        width: 100%;
    }

    .field-searchoutletsform-product_id,
    .field-searchoutletsform-product_id_offer,
    .field-searchoutletsform-product_id_travel {
        padding: 0 15px;
    }

    select {
        box-shadow: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .form-group .col-md-12 {
        position: relative;
    }

    .field-searchoutletsform-product_id .col-md-12:last-child,
    .field-searchoutletsform-country .col-md-12:last-child,
    .field-searchoutletsform-starratings .col-md-12:last-child,
    .field-searchoutletsform-cuisine .col-md-12:last-child,
    .field-searchoutletsform-product_id_offer .col-md-12:last-child,
    .field-searchoutletsform-product_id_travel .col-md-12:last-child {
        display: none;
    }

    .field-searchoutletsform-product_id .col-md-12:after,
    .field-searchoutletsform-country .col-md-12:after,
    .field-searchoutletsform-starratings .col-md-12:after,
    .field-searchoutletsform-cuisine .col-md-12:after,
    .field-searchoutletsform-product_id_offer .col-md-12:after,
    .field-searchoutletsform-product_id_travel .col-md-12:after {
        top: 15px;
        right: 10px;
        content: '';
        clear: both;
        position: absolute;
        border-style: solid;
        border-width: 7px 7px 0;
        border-color: #333 transparent transparent;
        pointer-events: none;
    }


    .no-padding {
        padding: 0 !important;
    }


    html[lang="ar"] .field-searchoutletsform-product_id .col-md-12:after,
    html[lang="ar"] .field-searchoutletsform-country .col-md-12:after,
    html[lang="ar"] .field-searchoutletsform-starratings .col-md-12:after,
    html[lang="ar"] .field-searchoutletsform-cuisine .col-md-12:after,
    html[lang="ar"] .field-searchoutletsform-product_id_offer .col-md-12:after,
    html[lang="ar"] .field-searchoutletsform-product_id_travel .col-md-12:after {
        right: auto;
        left: 10px;
    }



    .category-selector .category-item {
        margin: 0 13.5% 0 0;
    }

    .category-selector .category-item.Fashion-Retail {
        margin: 0;
    }

    #search_term {
        font-size: 12px;
    }



    html[lang="ar"] #filterContainer {
        right: 0;
    }

    html[lang="ar"] #filterContainer .col-lg-offset-3 {
        margin: 0;
    }

    html[lang="ar"] .inline_flwrap .form-group .col-md-12 {
        width: 100%;
    }

    html[lang="ar"] .prd-handler-wrap .form-group .col-md-12 {
        width: 100%;
    }
}


@media only screen and (max-width: 767px) {
    html[lang="ar"] .prd-handler-wrap {
        width: 100%;
    }

    #results {
        width: auto;
    }

    .results-wrapper {
        padding-top: 0 !important;
    }

    #switch_view .btn,
    .filter_btns .btn {
        font-size: 16px;
        min-width: inherit;
    }

    .pagination>li.prev a,
    .pagination>li.next a {
        text-indent: inherit !important;
    }

    .category-selector .category-item {
        margin: 0 10.5% 0 0;
    }

}

@media only screen and (max-width: 479px) {

    .category-selector .category-item {
        margin: 0 6% 0 0;
    }

    html[lang="ar"] .category-selector .category-item {
        margin: 0 0 0 6%;
    }
}

@media only screen and (max-width: 413px) {

    .category-selector .category-item {
        margin: 0 5% 0 0;
    }

    html[lang="ar"] .category-selector .category-item {
        margin: 0 0 0 5%;
    }
}

@media only screen and (max-width: 374px) {

    .category-selector .category-item {
        margin: 0 4% 0 0;
    }

    html[lang="ar"] .category-selector .category-item {
        margin: 0 0 0 4%;
    }
}