.search-partners-wrapper {
position: absolute;
top: 100%;
bottom: 0%;
left: 50%;
transform: translate(-50%,-50%);
}
#headquarters_wrapper {
z-index: 0; padding: 0;
position: relative;
display: block;
}
#loadMore {
padding-bottom: 30px;
padding-top: 30px;
text-align: center;
width: 100%;
display: none;
}
#loadMore a {
background: #faa635;
border-radius: 3px;
color: white;
display: inline-block;
padding: 10px 30px;
transition: all 0.25s ease-out;
-webkit-font-smoothing: antialiased;
}
#loadMore a:hover {
background-color: #042a63;
}
.search-partners-wrapper .search_box{ background: #fff;
border-radius: 5px;
height: 65px;
display: flex;
padding: 10px;
box-shadow: 0 8px 6px -10px #b3c6ff;
}
.search-partners-wrapper  .search_box .dropdown{
width: 30%;
border-right: 2px solid #dde2f1;
color: #9fa3b1;
position: relative;
cursor: pointer;
}
.search-partners-wrapper  .search_box .dropdown .default_option{
text-transform: uppercase;
padding: 13px 15px;
font-size: 14px;
}
.search-partners-wrapper  .search_box .dropdown ul{
position: absolute;
top: 70px;
left: -10px;
background: #fff; border-radius: 5px;
padding: 20px;
display: none;
box-shadow: 8px 8px 6px -10px #b3c6ff;
z-index: 1000;
}
.search-partners-wrapper  .search_box .dropdown ul.active{
display: block;
}
.search-partners-wrapper  .search_box .dropdown ul li{
padding-bottom: 5px;
list-style: none;
border-bottom: 1px solid #dde2f1;
}
.search-partners-wrapper  .search_box .dropdown ul li:last-child{
padding-bottom: 0;
}
.search-partners-wrapper  .search_box .dropdown ul li:hover{
color: #6f768d;
}
.search-partners-wrapper  .search_box .dropdown .default_option:before{
content: "";
position: absolute;
top: 18px;
right: 20px;
border: 8px solid;
border-color: #5078ef transparent transparent transparent;
}
.search-partners-wrapper  .search_box .dropdown .default_option.open:before{
top: 13px;
border-color: transparent transparent #5078ef transparent;
}
.search-partners-wrapper  .search_box .search_field{
width: 70%;
height: 100%;
position: relative;
}
.search-partners-wrapper  .search_box .search_field .input{
width: 100%;
height: 100%;
border: 0px;
font-size: 16px;
padding-left: 20px;
padding-right: 38px;
color: #6f768d;
}
.search-partners-wrapper  .search_box .search_field .fas{
position: absolute;
top: 10px;
right: 10px;
font-size: 22px;
color: #5078ef;
cursor: pointer;
}
::-webkit-input-placeholder { color: #9fa3b1;
}
::-moz-placeholder { color: #9fa3b1;
}
:-ms-input-placeholder { color: #9fa3b1;
}
.Discount {
position: relative;
width: 100%;
height: 100%;
background: #fff;
border: 2px solid #0f66c4;
border-radius: 5px;
list-style: none;
}
@media screen and (max-width:39.99875em) {
.Discount {
margin-bottom: 1.875rem;
margin-top: 1.25rem
}
}
@media print,
screen and (min-width:40em) {
.Discount {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
align-self: start
}
}
.Discount-overlay--expired {
opacity: .3
}
.Discount-content {
position: relative;
padding: 1.5625rem 1.875rem;
height: 100%
}
@media print,
screen and (min-width:40em) {
.Discount-content {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
flex-grow: 1
}
}
@media print,
screen and (min-width:64em) {
.Discount-content {
height: 250px
}
}
.Discount-content .Discount-logo { }
.Discount-content .Discount-logo img{
height: 48px;
}
.Discount-featured-image {
margin-top: -.625rem
}
.Discount-featured-image img {
width: 100%
}
.Discount-header {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
margin-bottom: 2.5rem;
width: 100%;
color: #002554;
}
.Discount-overtitle {
color: #627185;
font-size: .6rem
}
.Discount-overtitle,
.Discount-title {
text-transform: uppercase;
line-height: 1
}
.Discount-title {
margin-bottom: 0;
font-size: 1rem;
font-family: Gotham-Bold, Helvetica, Roboto, Arial, sans-serif
}
.Discount-discount-block {
margin-bottom: 2.5rem
}
@media print,
screen and (min-width:64em) {
.Discount-discount-block {
margin-bottom: 0
}
}
.Discount-discount {
font-size: .875rem;
line-height: 1.5;
color: #0a0a0a
}
.Discount-discount strong {
font-size: 1.5rem;
color: #002554
}
.Discount-note {
font-size: .75rem;
color: #627185;
text-transform: uppercase
}
.Discount-date-range {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
position: absolute;
right: 1.875rem;
bottom: 1.5625rem;
font-size: .875rem;
color: #627185
}
@media print,
screen and (min-width:64em) {
.Discount-date-range {
left: 1.875rem;
right: auto
}
}
.Discount-date-range svg {
margin-top: .125rem;
margin-right: .625rem
}
.Discount-text {
color: #0a0a0a;
font-size: .75rem;
line-height: 1.5
}
.Discount .more-details {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin-top: auto;
font-size: .8125rem;
color: #002554;
cursor: pointer
}
.Discount .more-details span {
text-decoration: underline;
margin-right: .3125rem
}
.Discount-weblink {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-top: 1.875rem;
width: 100%
}
@media print,
screen and (min-width:64em) {
.Discount-weblink {
margin-top: auto
}
}
.Discount-weblink .icon-wrap {
width: 28px;
height: 28px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
background: #fff;
border-radius: 50%;
cursor: pointer
}
.Discount-weblink .icon-wrap svg {
margin-left: -2px
}
.Discount-weblink a {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: #002554;
text-decoration: none;
font-size: .75rem;
margin-right: 5px;
margin-left: auto
}
.Discount-weblink a svg {
margin-left: 5px
}
@media print,
screen and (min-width:64em) {
.Discount-weblink a {
color: #002554;
font-size: .875rem
}
.Discount-weblink a svg {
margin-top: -3px
}
}
@media print,
screen and (min-width:64em) {
.Discount-text,
.Discount-weblink,
.Discount .more-details {
display: none
}
.Discount:hover .Discount-header {
margin-bottom: 1.25rem
}
.Discount:hover .Discount-text {
display: block
}
.Discount:hover .more-details {
display: inline-block
}
.Discount:hover .Discount-weblink {
display: -webkit-box;
display: flex
}
.Discount:hover .Discount-discount-block {
display: none
}
}
.Discount.is-featured {
box-shadow: 0 10px 19px 0 rgba(0, 37, 84, .1);
border-radius: 0 0 0 30px;
margin-bottom: 2.5rem;
margin-top: 1.875rem;
-webkit-transform: skew(0, 4deg);
transform: skew(0, 4deg)
}
@media print,
screen and (min-width:40em) {
.Discount.is-featured {
grid-row: auto/2 span;
height: calc(100% - 40px);
margin-top: 0;
margin-bottom: 0;
padding-bottom: 2.5rem;
align-self: center
}
}
.Discount.is-featured .Discount-content,
.Discount.is-featured .Discount-featured-image {
-webkit-transform: skew(0, -4deg);
transform: skew(0, -4deg)
}
.Discount.is-featured .Discount-featured-image {
margin-top: -20px
}
.Discount.is-featured .Discount-header {
margin-bottom: .625rem
}
.Discount.is-featured .Discount-logo {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
width: 140px;
height: 75px;
padding: 10px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9Ijc1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDBoMTQwbC01LjQzNyA1MS4xOTZjLTEuMDQgOS43ODMtOS4wMzggMTcuMzU3LTE4Ljg2MyAxNy44NjJMMCA3NVYweiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+) no-repeat 100% 0;
overflow: hidden
}
.Discount.is-diners-ad {
-webkit-transform: skew(0, -4deg);
transform: skew(0, -4deg);
position: relative;
height: calc(100% - 27px);
margin-bottom: 2.5rem;
margin-top: 1.875rem;
padding-bottom: 1.25rem;
border-radius: 0 0 30px 0;
box-shadow: 0 10px 19px 0 rgba(0, 37, 84, .1);
text-align: center
}
@media print,
screen and (min-width:40em) {
.Discount.is-diners-ad {
margin-bottom: 0;
margin-top: 0;
align-self: center
}
}
.Discount.is-diners-ad:before {
content: "";
position: absolute;
top: -19px;
left: 0;
background: #fff;
width: 100%;
height: 40px;
-webkit-transform: skew(0, 4deg);
transform: skew(0, 4deg);
z-index: -1
}
@media print,
screen and (min-width:64em) {
.Discount.is-diners-ad:before {
height: 40px;
top: -14px
}
}
.Discount.is-diners-ad .Discount-header {
margin-bottom: 1.25rem;
-webkit-transform: skew(0, 4deg);
transform: skew(0, 4deg)
}
@media print,
screen and (min-width:64em) {
.Discount.is-diners-ad .Discount-header {
margin-bottom: .625rem
}
}
@media print,
screen and (min-width:64em) {
.Discount.is-diners-ad .Discount-title-block {
width: 80%;
margin: 0 auto
}
}
.Discount.is-diners-ad .Discount-title {
text-transform: none;
font-size: 1.125rem
}
.Discount.is-diners-ad .Discount-text {
color: #002554;
font-size: .875rem;
-webkit-transform: skew(0, 4deg);
transform: skew(0, 4deg)
}
@media print,
screen and (min-width:64em) {
.Discount.is-diners-ad .Discount-text {
display: block;
width: 80%;
margin: 0 auto 1.25rem
}
}
.Discount.is-diners-ad .Button-container {
margin-left: auto;
margin-right: auto
}
.Discount.is-diners-ad .Discount-contentHolder {
-webkit-transform: skew(0, 4deg);
transform: skew(0, 4deg)
}
.loader {
display: none;
position: absolute;
left: 50%;
right: 50%;
top: 0;
width: 80px;
height: 80px;
}
.loader.show{
display: inline-block;
}
.loader div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #0f66c4;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.loader div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.loader div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.loader div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
.Form-input--w280 {
max-width: 17.5rem;
width: 100%
}
.Form-label--textarea,
.Form-label--title {
display: block;
padding-left: 10px;
font-family: Gotham-Bold, Helvetica, Roboto, Arial, sans-serif;
font-size: .75rem;
letter-spacing: 1.5px;
color: #627185;
text-transform: uppercase
}
.Form-group--vertical {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.Form-group--vertical .Form-element {
margin-left: 0!important
}
.Form-element {
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin-bottom: 1rem
}
.Form-element--fullWidth {
display: -webkit-box;
display: flex
}
.Form-element--fullWidth .Form-input,
.Form-element--fullWidth .Form-label,
.Form-element--fullWidth .Form-select,
.Form-element--fullWidth .Form-textarea {
width: 100%
}
.Form-element--autoWidth,
.Form-element--autoWidth .Form-input,
.Form-element--autoWidth .Form-label,
.Form-element--autoWidth .Form-select,
.Form-element--autoWidth .Form-textarea {
width: auto
}
.Form-element--hasError .Form-input,
.Form-element--hasError .Form-select,
.Form-element--hasError .Form-textarea {
color: #ea4b47;
border-color: #ea4b47;
background-color: #fcedec;
box-shadow: inset 0 4px 8px 0 rgba(234, 75, 71, .03)
}
.Form-element--hasError .Form-input:active,
.Form-element--hasError .Form-input:focus,
.Form-element--hasError .Form-input:hover,
.Form-element--hasError .Form-select:active,
.Form-element--hasError .Form-select:focus,
.Form-element--hasError .Form-select:hover,
.Form-element--hasError .Form-textarea:active,
.Form-element--hasError .Form-textarea:focus,
.Form-element--hasError .Form-textarea:hover {
box-shadow: inherit;
border-color: #ea4b47
}
.Form-element--hasError .Form-error {
margin-top: 1rem;
padding-left: 10px;
font-family: Gotham-Bold, Helvetica, Roboto, Arial, sans-serif;
font-size: .75rem;
line-height: 1;
color: #ea4b47
}
.Form-element--hasError .indicator {
border-color: #ea4b47!important;
background-color: #fcedec
}
.Form-element--horizontal .Form-label {
display: -webkit-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
align-items: center;
padding-left: 0
}
.Form-element--horizontal .Form-label .Form-label--title {
margin-right: 1rem
}
.Form-group .Form-element+.Form-element {
margin-left: 1rem
}
.Form-label--title.is-light {
font-family: Gotham-Light, Helvetica, Roboto, Arial, sans-serif;
letter-spacing: 0
}
.Form-label {
margin: 0;
}
.Form-label:hover {
cursor: pointer
}
.Form-input,
.Form-select,
.Form-textarea {
display: block;
padding: 15px 20px;
background: #fff;
border: 1px solid #dedede;
outline: none;
font-family: Gotham-Bold, Helvetica, Roboto, Arial, sans-serif;
font-size: 1rem;
line-height: 1.375; color: #9fa3b1;
text-align: left;
box-shadow: inset 0 4px 8px 0 rgba(10, 10, 10, .03);
-webkit-transition: border-color .3s cubic-bezier(.25, .46, .45, .94), box-shadow .3s cubic-bezier(.25, .46, .45, .94);
transition: border-color .3s cubic-bezier(.25, .46, .45, .94), box-shadow .3s cubic-bezier(.25, .46, .45, .94)
}
.Form-input--fullWidth,
.Form-textarea--fullWidth {
width: 100%
}
.Form-input--hasIcon {
padding-right: 45px
}
.Form-input--iconCalendar {
position: relative
}
.Form-input--iconCalendar :after {
content: "Icon"
}
.Form-input:hover,
.Form-select:hover,
.Form-textarea:hover {
border-color: #c0bbbb
}
.Form-input:focus,
.Form-select:focus,
.Form-textarea:focus {
border-color: #002554;
box-shadow: inset 0 4px 8px 0 rgba(10, 10, 10, .12)
}
.Form-input::-webkit-input-placeholder,
.Form-select::-webkit-input-placeholder,
.Form-textarea::-webkit-input-placeholder {
color: #d0d0d0;
font-family: Gotham-Book, Helvetica, Roboto, Arial, sans-serif
}
.Form-input::-moz-placeholder,
.Form-select::-moz-placeholder,
.Form-textarea::-moz-placeholder {
color: #d0d0d0;
font-family: Gotham-Book, Helvetica, Roboto, Arial, sans-serif
}
.Form-input:-ms-input-placeholder,
.Form-select:-ms-input-placeholder,
.Form-textarea:-ms-input-placeholder {
color: #d0d0d0;
font-family: Gotham-Book, Helvetica, Roboto, Arial, sans-serif
}
.Form-input::-ms-input-placeholder,
.Form-select::-ms-input-placeholder,
.Form-textarea::-ms-input-placeholder {
color: #d0d0d0;
font-family: Gotham-Book, Helvetica, Roboto, Arial, sans-serif
}
.Form-input::placeholder,
.Form-select::placeholder,
.Form-textarea::placeholder {
color: #d0d0d0;
font-family: Gotham-Book, Helvetica, Roboto, Arial, sans-serif
}
.Form-textarea {
min-height: 250px
}
.Form-select {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
min-width: 17.5rem;
width: 100%;
cursor: pointer
}
.Form-select:active,
.Form-select:focus,
.Form-select:hover {
box-shadow: inset 0 4px 8px 0 rgba(10, 10, 10, .03)
}
.Form-select:active,
.Form-select:focus {
border-color: #d0d0d0
}
.Form-select svg {
margin-left: auto
}
.Form-dropdown {
z-index: 2;
position: absolute;
top: 100%;
width: 100%;
border: 1px solid #d0d0d0;
border-top: none;
background-color: #fff;
box-shadow: 0 3px 6px 0 rgba(10, 10, 10, .09)
}
.Form-dropdown ul {
margin-top: 1rem;
margin-bottom: 1rem;
margin-left: 0;
list-style-type: none;
padding: 0;
}
.Form-dropdown li {
display: block;
font-size: .875rem;
line-height: 1.28; color: #9fa3b1;
cursor: pointer
} .Form-dropdown li a,
.Form-dropdown li button {
display: block;
width: 100%;
padding: 10px 30px;
text-align: left; cursor: pointer
}
.InputSelect {
border: 1px solid #d0d0d0;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWw4IDggOC04IiBzdHJva2U9IiMwMDI1NTQiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) no-repeat right 1.875rem center;
background-size: 12px auto
}
.InputSelect select {
outline: none;
padding: 1.0625rem 3.75rem 1.0625rem 1.875rem;
font-family: Gotham-Bold, Helvetica, Roboto, Arial, sans-serif;
font-size: .8125rem;
color: #002554;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
text-transform: uppercase
}
.Form-element.has-checkbox,
.Form-element.has-radio {
margin: 0;
padding: 0;
list-style-type: none
}
.Form-element.has-checkbox input,
.Form-element.has-radio input {
display: none
}
.Form-element.has-checkbox .Form-label,
.Form-element.has-radio .Form-label {
position: relative;
padding-left: 1.875rem
}
.Form-element.has-checkbox .indicator,
.Form-element.has-radio .indicator {
display: block;
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
border: 1px solid #dedede
}
@media print,
screen and (min-width:40em) {
.Form-element.has-checkbox .indicator,
.Form-element.has-radio .indicator {
width: 20px;
height: 20px
}
}
.Form-element.has-checkbox .text,
.Form-element.has-radio .text {
display: block;
font-size: .8125rem;
line-height: 1.5
}
@media print,
screen and (min-width:40em) {
.Form-element.has-checkbox .text,
.Form-element.has-radio .text {
font-size: .875rem
}
}
.Form-element.has-checkbox input:checked~.indicator:after,
.Form-element.has-radio input:checked~.indicator:after {
content: "";
display: block;
position: absolute;
top: -3px;
right: -5px;
width: 18px;
height: 18px;
background: url(//diners.mk/images/svg/icon-check.svg) no-repeat 0 0;
background-size: 100% auto
}
@media print,
screen and (min-width:40em) {
.Form-element.has-checkbox input:checked~.indicator:after,
.Form-element.has-radio input:checked~.indicator:after {
top: -4px;
right: -6px;
width: 20px;
height: 20px
}
}
.Form-element.has-checkbox input:disabled~.indicator,
.Form-element.has-radio input:disabled~.indicator {
border-color: #919191
}
.Form-element.has-checkbox input:disabled~.text,
.Form-element.has-radio input:disabled~.text {
color: #919191
}
.Form-elementDatepicker--isOpen .FormFlatPick-wrapper {
position: relative
}
.Form-elementDatepicker--isOpen .FormFlatPick-wrapper:before {
z-index: 3;
content: "";
position: absolute;
bottom: 0;
left: 1px;
right: 1px;
display: block;
height: 1px;
background-color: #fff
}
.FormFlatPick-icon {
position: absolute;
right: 18px;
top: calc(50% - 6px);
-webkit-transform: scale(1.5);
transform: scale(1.5);
pointer-events: none
}
.Form-elementDatepicker {
max-width: 155px;
margin-bottom: 0
}
.Form-elementDatepicker .Form-input,
.Form-elementDatepicker .Form-select,
.Form-elementDatepicker .Form-textarea {
width: 100%
}
.Form-elementDatepicker--isOpen .Form-input,
.Form-elementDatepicker--isOpen .Form-select,
.Form-elementDatepicker--isOpen .Form-textarea {
border-color: #002554;
box-shadow: none
}
.DiscountFilters {
position: relative
}
@media screen and (max-width:89.9375em) {
.DiscountFilters {
padding-top: 40px
}
.DiscountFilters.fixed {
padding-top: 0
}
}
.DiscountFilters--bg { }
.DiscountFilters-inner {
box-shadow: 0 12px 24px 0 rgba(0, 37, 84, .1);
background: #fff
}
@media screen and (min-width:93.75em) {
.DiscountFilters-inner--isTransformedTop {
position: relative;
z-index: 2;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
}
@media screen and (min-width:93.75em) {
.DiscountFilters.fixed .DiscountFilters-inner {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@media screen and (min-width:48em) {
.DiscountFilters-head {
display: none
}
}
.DiscountFilters.fixed {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999;
box-shadow: 0 12px 24px 0 rgba(0, 37, 84, .1);
background: #fff
}
@media screen and (min-width:48em) {
.DiscountFilters.fixed {
position: fixed
}
}
.DiscountFilters.fixed .DiscountFilters-inner {
box-shadow: none
}
.DiscountFilters.fixed .DiscountFilters-head {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
box-shadow: 0 12px 24px 0 rgba(0, 37, 84, .1)
}
.DiscountFilters.fixed>.grid-container,
.DiscountFilters.fixed>.Header-lower,
.DiscountFilters.fixed>.Header-upper,
.DiscountFilters.fixed>.PageNotFound,
.DiscountFilters.fixed>.Section-TextBlock {
width: 100%;
max-width: 100%;
padding: 0
}
@media screen and (min-width:48em) {
.DiscountFilters.fixed>.grid-container,
.DiscountFilters.fixed>.Header-lower,
.DiscountFilters.fixed>.Header-upper,
.DiscountFilters.fixed>.PageNotFound,
.DiscountFilters.fixed>.Section-TextBlock {
padding-right: 1.875rem;
padding-left: 1.875rem;
max-width: 80rem
}
}
.DiscountFilters-controls {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between
}
.DiscountFilters .filters-trigger {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
width: 100%;
padding: .9375rem 1.875rem
}
.DiscountFilters .filters-trigger span {
font-size: 1rem;
font-family: Gotham-Bold, Helvetica, Roboto, Arial, sans-serif;
color: #002554;
margin-left: .625rem
}
.DiscountFilters .search-trigger {
padding: .9375rem 1.25rem;
border-left: 1px solid #e4e4e4
}
.DiscountFilters .search-trigger.no-border {
border-left: none
}
@media screen and (min-width:48em) {
.DiscountFilters .search-trigger {
border-left: none;
min-width: 66px
}
}
@media screen and (min-width:75em) {
.DiscountFilters .search-trigger {
min-width: 92px
}
} #headquarters { }
#headquarters:empty {
margin-bottom: 200px;
}
.DiscountFilters .search-input {
font-size: 16px;
line-height: 20px;
width: 100%;
padding: 1.25rem;
border: 0;
font-family: Gotham-Bold, Helvetica, Roboto, Arial, sans-serif;
color: #002554;
outline: none;
margin: 0;
}
.DiscountFilters .Form-dropdown {
z-index: 2;
position: absolute;
top: 100%;
width: 100%;
border: 1px solid #d0d0d0;
border-top: none;
background-color: #fff;
box-shadow: 0 3px 6px 0 rgb(10 10 10 / 9%);
height: 300px;
overflow-y: scroll;
overflow-x: visible;
}
.DiscountFilters .location .Form-dropdown {
}
.DiscountFilters button {
padding: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent !important;
line-height: 1;
cursor: auto;
margin: 0;
}
.DiscountFilters .Form-dropdown.hidden {
display: none;
}
.DiscountFilters .Form-dropdown ul li{
list-style: none;
position: static;
padding-bottom: 5px;
}
.DiscountFilters .Form-dropdown ul li.parent > button > span {
color: #002554;
font-weight: bold;
} .DiscountFilters .Form-dropdown ul li:first{
border-top: 1px solid #dde2f1;
}
.DiscountFilters ul.submenu{   }
.DiscountFilters li.parent:hover > ul{
display: block;
}
.DiscountFilters ul.submenu li{
width: 100%;
text-align: center;
padding: 10px; margin: 1px;
border-bottom: 1px solid #dde2f1;
}
.DiscountFilters ul.submenu>li:hover{ color: #002554;
} .DiscountFilters .Form-dropdown ul li:hover  .menu-wrapper{
display: block;
}
.DiscountFilters .Form-element {
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin-bottom: 1rem;
}
.DiscountFilters .Form-select {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
min-width: 17.5rem;
width: 100%;
cursor: pointer;
}
@media (min-width:640px) {
.DiscountFilters .search-input { }
}
@media (min-width:1200px) {
.DiscountFilters .search-input {
font-size: 24px
}
}
@media (min-width:640px) {
.DiscountFilters .search-input { }
}
@media (min-width:1200px) {
.DiscountFilters .search-input {
line-height: 22px
}
}
@media screen and (min-width:48em) {
.DiscountFilters .search-input {
padding: 1.375rem 1.25rem
}
}
@media screen and (min-width:75em) {
.DiscountFilters .search-input {
padding: 2.1875rem 1.25rem
}
}
.DiscountFilters .search-input::-webkit-input-placeholder {
color: #d0d0d0
}
.DiscountFilters .search-input::-moz-placeholder {
color: #d0d0d0
}
.DiscountFilters .search-input:-ms-input-placeholder {
color: #d0d0d0
}
.DiscountFilters .search-input::-ms-input-placeholder {
color: #d0d0d0
}
.DiscountFilters .search-input::placeholder {
color: #d0d0d0
}
.DiscountFilters span.number-of-filters {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #ffe250;
font-size: .75rem;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width:48em) {
.DiscountFilters-filters,
.DiscountFilters-filters-item {
display: -webkit-box;
display: flex
}
.DiscountFilters-filters-item {
position: relative;
-webkit-box-align: center;
align-items: center;
width: 50%;
padding: .625rem;
border-right: 1px solid #e4e4e4
}
.DiscountFilters-filters-item.hide-filters {
display: none
}
.DiscountFilters-filters .Form-element {
margin-bottom: 0;
width: 100%;
position: static
}
.DiscountFilters-filters .Form-select {
min-width: 0;
border: none;
box-shadow: none;
padding: .9375rem 0
}
.DiscountFilters-filters .Form-select span {
margin-right: .625rem;
font-size: .75rem
}
.DiscountFilters-filters .Form-dropdown {
border: none;
left: 0
}
.DiscountFilters-filters .Form-dropdown .Link {
text-decoration: none
}
}
@media print,
screen and (min-width:64em) {
.DiscountFilters-filters-item {
padding: .625rem 1.25rem
}
}
@media screen and (min-width:75em) {
.DiscountFilters-filters-item {
padding: 1.25rem 1.875rem
}
.DiscountFilters-filters .Form-select span {
font-size: 1rem
}
}
@media screen and (max-width:767px) {
.DiscountFilters-filters {
display: none;
position: fixed;
top: 60px;
left: 0;
width: 100%;
height: calc(100vh - 150px);
background: #fff;
z-index: 1
}
.DiscountFilters-filters .search-trigger {
display: none
}
.DiscountFilters-filters.mobile-filters-open {
display: block;
overflow: auto
}
.DiscountFilters-filters-item {
padding: .625rem 1.875rem;
border-bottom: 1px solid #e4e4e4
}
.DiscountFilters-filters .Form-element {
display: -webkit-box;
display: flex;
margin-bottom: 0
}
.DiscountFilters-filters .Form-select {
border: none;
box-shadow: none;
padding-left: 0;
padding-right: 0
}
.DiscountFilters-filters .Form-dropdown {
position: relative;
border: none;
box-shadow: none;
background: none
}
.DiscountFilters-filters .Form-dropdown li {
padding-left: 0;
padding-right: 0; font-size: .875rem;
color: #919191
}
}
.DiscountFilters-show-wrap {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
padding: 1.25rem;
text-align: center;
box-shadow: 0 -5px 24px 0 rgba(0, 37, 84, .1);
background: #fff
}
@media screen and (min-width:48em) {
.DiscountFilters-show-wrap {
display: none
}
}
.DiscountFilters-show-wrap .Button-container {
min-width: 300px
}
.DiscountFilters-show-wrap .Button-container .Button {
width: 100%
}
.DiscountFilters {
position: relative
}
@media screen and (max-width:89.9375em) {
.DiscountFilters {
padding-top: 40px
}
.DiscountFilters.fixed {
padding-top: 0
}
}
.DiscountFilters--bg {
background: url(//diners.mk/images/jpg/grid-block-background.jpg) repeat 50%
}
.DiscountFilters-inner {
box-shadow: 0 12px 24px 0 rgba(0, 37, 84, .1);
background: #fff
}
@media screen and (min-width:93.75em) {
.DiscountFilters-inner--isTransformedTop {
position: relative;
z-index: 2;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
}
@media screen and (min-width:93.75em) {
.DiscountFilters.fixed .DiscountFilters-inner {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@media screen and (min-width:48em) {
.DiscountFilters-head {
display: none
}
}
.DiscountFilters.fixed {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
width: 100%;
z-index: 999;
box-shadow: 0 12px 24px 0 rgba(0, 37, 84, .1);
background: #fff
}
@media screen and (min-width:48em) {
.DiscountFilters.fixed {
position: fixed
}
}
.DiscountFilters.fixed .DiscountFilters-inner {
box-shadow: none
}
.DiscountFilters.fixed .DiscountFilters-head {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
background: #fff;
box-shadow: 0 12px 24px 0 rgba(0, 37, 84, .1)
}
.DiscountFilters.fixed>.grid-container,
.DiscountFilters.fixed>.Header-lower,
.DiscountFilters.fixed>.Header-upper,
.DiscountFilters.fixed>.PageNotFound,
.DiscountFilters.fixed>.Section-TextBlock {
width: 100%;
max-width: 100%;
padding: 0
}
@media screen and (min-width:48em) {
.DiscountFilters.fixed>.grid-container,
.DiscountFilters.fixed>.Header-lower,
.DiscountFilters.fixed>.Header-upper,
.DiscountFilters.fixed>.PageNotFound,
.DiscountFilters.fixed>.Section-TextBlock {
padding-right: 1.875rem;
padding-left: 1.875rem;
max-width: 80rem
}
}
.DiscountFilters-controls {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between
}
.DiscountFilters .filters-trigger {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
width: 100%;
padding: .9375rem 1.875rem
}
.DiscountFilters .filters-trigger span {
font-size: 1rem; color: #002554;
margin-left: .625rem
}
.DiscountFilters .search-trigger {
padding: .9375rem 1.25rem;
border-left: 1px solid #e4e4e4
}
.DiscountFilters .search-trigger.no-border {
border-left: none
}
@media screen and (min-width:48em) {
.DiscountFilters .search-trigger {
border-left: none;
min-width: 66px
}
}
@media screen and (min-width:75em) {
.DiscountFilters .search-trigger {
min-width: 92px
}
}
.DiscountFilters .search-form {
height: 60px;
display: -webkit-box;
display: flex;
-webkit-box-flex: 1;
flex-grow: 1;
-webkit-box-align: center;
align-items: center;
transition: all 0.2s ease-out;
opacity: 0;
width: 0;
position: absolute;
margin: 0;
}
.DiscountFilters .search-form.visible {
opacity: 1;
width: 89%;
}
@media (min-width:640px) {
.DiscountFilters .search-form { height: auto;
}
.DiscountFilters .search-form.visible {
opacity: 1;
width: 100%;
}
}
@media (min-width:1200px) {
.DiscountFilters .search-form {
height: 85px;
}
}
@media screen and (max-width:47.99875em) {
.DiscountFilters .search-form--desktop {
display: none
}
}
.DiscountFilters .search-input {
font-size: 16px;
line-height: 20px;
width: 100%;
padding: 1.25rem;
border: 0;  outline: none
} .DiscountFilters span.number-of-filters {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 22px;
height: 22px;
border-radius: 50%;
background: #ffe250;
font-size: .75rem;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
@media print,
screen and (min-width:64em) {
.DiscountFilters-filters-item {
padding: .625rem 1.25rem
}
}
@media screen and (min-width:75em) {
.DiscountFilters-filters-item {
padding: 1.25rem 1.875rem
}
.DiscountFilters-filters .Form-select span {
font-size: 1rem
}
} .DiscountFilters-show-wrap {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
padding: 1.25rem;
text-align: center;
box-shadow: 0 -5px 24px 0 rgba(0, 37, 84, .1);
background: #fff
}
@media screen and (min-width:48em) {
.DiscountFilters-show-wrap {
display: none
}
}
.DiscountFilters-show-wrap .Button-container {
min-width: 300px
}
.DiscountFilters-show-wrap .Button-container .Button {
width: 100%
}
#button-menu {
width: 18px;
height: 16px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#button-menu span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #002554;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#button-menu span:nth-child(1) {
top: 8px;
}
#button-menu span:nth-child(2),#button-menu span:nth-child(3) {
top: 16px;
}
#button-menu span:nth-child(4) {
top: 24px;
}
#button-menu.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#button-menu.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#button-menu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#button-menu.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.navegacion{
position: absolute;
top: 100%;
left: 0;
width: 0%;
height: 100vh;
background: rgba(0,0,0,.0);
z-index: 1000;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.navegacion ul{
width: 320px;
height: 100%;
background: #fff;
list-style: none;
position: absolute;
top: 0;
left: -1320px;
transition: left .3s;
margin: 0;
}
.navegacion ul li{
margin: 0 !important;
}
.navegacion ul li.item-submenu{
padding: 0 !important;
}
.navegacion .filter-menu li.title-menu{
padding: 20px;
background: #002554;
color: #fff;
text-align: center;
font-size: 22px;
margin: 0px;
}
.navegacion .filter-menu a{
display: block;
padding: 20px;
border-bottom: 1px solid #C6D0DA;
font-size: 22px;
font-weight: 200;
text-decoration: none;
color: #575D69;
}
.navegacion .filter-menu a:hover{
background: #798DA3;
color: #fff;
}
.navegacion .filter-menu li span.icon-menu{
margin-right: 12px;
}
.navegacion .filter-menu .item-submenu > a::after{
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f105';
float: right;
color: #C5C5C5;
} .navegacion .submenu li.title-menu{
background: #fff;
color: #575D69;
}
.navegacion .submenu li.go-back{
padding: 10px 20px;
background: #5F6F81;
color: #fff;
font-size: 18px;
cursor: pointer;
}
.navegacion .submenu li.go-back::before{
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f0d9';
margin-right: 10px;
}
@media screen and (max-width: 320px){
.navegacion ul{
width: 100%;
}
}
.no-results {
font-style: italic;
color: #9fa3b1;
}