/** Mobile devices **/
@media (max-width: 930px) {

    body {font-family:Helvetica,Arial,sans-serif;font-size:12pt;color:#333;font-weight:100;background-color:#f2f2f2;}

    #Header {width:100%; background-color:#ffc20a;position:relative;padding-bottom:10px;box-shadow:0px 0px 3px -1px #000;margin-bottom:0px;}
    #Header .Inner {width:400px;margin:0px auto;position:relative;height:175px;}
    #Header .Inner #Logo {position:absolute;top:28px;left:0px;height:90px;border-radius:10px;}

    #Header .NextToLogo {position:absolute;top:10px;left:100px;width:300px;}
    #Header .Inner .NextToLogo.Middle {margin-top: 45px;}
    #Header .Inner .NextToLogo .Title {margin:5px 0px;width:100%;font-size:16pt;color:#fff;text-align:center;font-weight:300;}
    #Header .Inner .NextToLogo .Title.Middle {margin-top: 40px;}
    #Header .Inner .NextToLogo .Title.Flags {width:230px;}
    #Header .Inner .NextToLogo #SearchBar {margin:10px auto 0px auto;width:300px;height:40px;opacity:0.7;background-color:white;border-radius:20px;position:relative;box-shadow:inset 1px 1px 3px -1px #666;}
    #Header .Inner .NextToLogo #SearchBar input::placeholder {font-weight:300;}
    #Header .Inner .NextToLogo #SearchBar img {position:absolute;top:5px;left:15px;height:30px;}
    #Header .Inner .NextToLogo #SearchBar input {position:absolute;top:5px;left:55px;height:30px;width:220px;padding:0px;border:none;font-size:12pt;font-family:Helvetica,Arial,sans-serif;font-weight:100;}
    #Header .Inner .NextToLogo #SearchBar input::-webkit-input-placeholder {xfont-style:italic;}
    #Header .Inner .AdLabel {position:absolute;bottom:0px;right:10px;font-size:9pt;color:#888;}

    .FlashMessages {width:100%;position:fixed;top:0px; z-index: 9999;font-weight:300;}
    .FlashMessages .Message {text-align:center; padding: 15px 20px; display:none;box-shadow:0px 5px 10px -8px #000;opacity:0.98;border-bottom:1px solid;}
    .FlashMessages .Message.Success {color: #468847; background-color: #dff0d8; border-color: #cee1be;}
    .FlashMessages .Message.Warning {color: #c09853; background-color: #fcf8e3; border-color: #e1d4bb;}
    .FlashMessages .Message.Error {color: #b94a48; background-color: #f2dede; border-color: #e1c6ca;}
    .FlashMessages .Message.Info {color: #3a87ad; background-color: #d9edf7; border-color: #aed8e1;}
    .FlashMessages .Message .Close {position: relative; top: -2px; right: 0px; float: right; font-size: 1.5rem;  font-weight: 700; line-height: 1; cursor: pointer;}

    #FlagSelection {width: 70px;position:absolute;top:0px;right:0px;z-index: 999;}
    #FlagSelection.Background {background-color: #ffdf80;box-shadow:0px 5px 10px -8px #000;opacity:0.95}
    #FlagSelection a {padding: 10px;}
    #xFlagSelection a:hover {background-color: #e6ab09;}
    #FlagSelection img {width: 50px;border-radius:2px;}
    #FlagSelection img.Active {margin: 10px; cursor: pointer;}

    #LinkSelection {margin: 0px auto; width: 300px; height: 40px; position: relative; text-align: center;}
    #LinkSelection a, .SearchLink a {display: inline-block; color: white; padding: 5px 10px; text-decoration: none; font-size: 11pt; font-weight: 300;}
    #LinkSelection a:hover, .SearchLink a:hover {text-decoration: underline;}
    .SearchLink {width: 300px; margin: 0px auto; text-align: center;}
    .SearchLink a {font-size: 10pt; padding: 5px 0px;}

    .DealWidget {margin:20px auto 0px auto;width:400px;height:300px;position:relative;overflow:hidden;white-space:nowrap;border-radius:10px;}
    .DealWidget .WidgetButton {width:25px;height:auto;cursor:pointer;position:relative;background-color:#fff;opacity:0.7;border-radius:30px;text-align:center;display:none;}
    .DealWidget .WidgetButton.Left {position:absolute;top:130px;left:10px;}
    .DealWidget .WidgetButton.Right {position:absolute;top:130px;right:10px;}
    .DealWidget .WidgetButton img {position:relative; top: 2px;width:32px;}
    .DealWidget .WidgetButton.Left img{right: 4px;}
    .DealWidget .WidgetButton.Right img{left: -3px;}
    .DealWidget .Area {position:absolute;top:0px;left:0px;}
    .DealWidget .Deal {display: inline-block;width:400px;height:300px;background-size:cover;background-position:center;position:relative;}
    .DealWidget .Deal a {text-decoration:none;}
    .DealWidget .Deal .Inner {width:100%;height:300px;position:absolute;top:0px;left:0px;white-space:normal;}
    .DealWidget .Deal .Inner .Background {background-color:#215fa3;position:absolute;bottom:0px;left:0px;padding:10px;width:380px;line-height:1.3em;font-weight:300;opacity:0.95;color:transparent;}
    .DealWidget .Deal .Inner .Headline {position:absolute;bottom:0px;left:0px;padding:10px;width:380px;line-height:1.3em;color:#fff;font-weight:300;}

    .DealList {margin:20px auto 0px auto;width:400px;}
    .DealList .Deal {float:left;width:400px;height:300px;margin-bottom:20px;border-radius:10px;background-size:cover;background-position:center;position:relative;}
    .DealList .Deal a {text-decoration:none;}
    .DealList .Deal .Inner {width:100%;height:300px;position:absolute;top:0px;left:0px;}
    .DealList .Deal .Inner .Background {background-color:#215fa3;position:absolute;bottom:0px;left:0px;padding:10px;width:380px;line-height:1.3em;font-weight:300;border-radius:0px 0px 10px 10px;opacity:0.95;color:transparent;}
    .DealList .Deal .Inner .Headline {position:absolute;bottom:0px;left:0px;padding:10px;width:380px;line-height:1.3em;color:#fff;font-weight:300;}
    .DealListAd {width:400px;background-color:#fff;border-radius:10px;margin:0px auto 20px auto;overflow:hidden;}
    .DealListAd .AdUp {padding: 0px 0px 10px 47px;}

    .SmartPaginatorArea {margin:0px auto;width:400px;text-align:center;margin-top:0px;}
    .SmartPaginator {display:inline-block;font-weight:300;}
    .SmartPaginator div {float:left;text-align:center;vertical-align:middle;width:40px;margin:0px 3px;border-radius:10px;padding:10px 0px;}
    .SmartPaginator div.ThreeDots {width:auto;}
    .SmartPaginator div.Disabled {display:none;}
    .SmartPaginator .Icon div {background-color:#215fa3;}
    .SmartPaginator .Icon.Right, .SmartPaginator .Icon.Left {font-size:10pt;}
    .SmartPaginator a.Icon {color:white;}
    .SmartPaginator .Icon.Active div {background-color: #ffbe0a;}

    #DealDetailInner {position: relative; width: 420px;margin: 0px auto;}
    #DealDetailInner.HiddenContent{height: 1200px; overflow:hidden;}
    #DealDetailInner .DealHeaderOuter {position: relative;}
    #DealDetailInner .DealImage {width:420px;height:280px;background-size:cover;background-position:center;}
    #DealDetailInner .Notice, .DealBookingNotice {text-decoration:none;background-color:#fff;opacity:0.95;color:#da2232;line-height:18px;font-size:10pt;padding:8px;border-radius:10px;font-weight:400;box-shadow:2px 3px 4px -5px #000;display:none;}
    #DealDetailInner .Notice img, .DealBookingNotice img {float:left;margin-right:5px;height:18px;}
    #DealDetailInner .Notice p, .DealBookingNotice p {float:left;margin-top:2px;}
    #DealDetailInner .DealViewCount {position:absolute;right:0px;top:0px;margin:10px;}
    #DealDetailInner .DealBargainNotice {position:absolute;right:0px;bottom:45px;margin:10px;}
    #DealDetailInner .DealHeader {background-color:#215fa3;color: #fff; font-weight: 300;line-height:1.3em;font-size:13pt;}
    #DealDetailInner .DealHeader .Headline {padding:10px 15px;float:left;overflow:hidden;max-width:240px;white-space:nowrap}
    #DealDetailInner .DealHeader .Gradient {margin-right: -1px;width:30px;padding:10px;float:right;background-color:transparent;background:linear-gradient(135deg, #215fa3 0%,#215fa3 50%,#ffbe0a 50%,#ffbe0a 100%); }
    #DealDetailInner .DealHeader .Price {padding:10px 15px 10px 3px;float:right;background-color:#ffbe0a; font-weight: 500; font-size: 1.3rem;}

    #DealDetailInner .DealDescription {width:400px;line-height:1.5em;font-weight:300;margin:0px auto;}
    #DealDetailInner .DealDescription a {color:#2196f3;text-decoration:none;font-weight:300;}
    #DealDetailInner .DealDescription a:hover {text-decoration:underline;}
    #DealDetailInner .DealParagraph, .DealList .DealParagraph {background-color:#fff;padding:10px;border-radius:10px;margin-top:10px;box-shadow:0px 5px 5px -5px #ddd;}
    #DealDetailInner .DealParagraph iframe.Video {margin-top:5px;}
    #DealDetailInner .DealParagraph .GoogleMaps {margin-top:10px;width:380px;height:190px;}
    #DealDetailInner .DealParagraph .DealLabel {margin-top:10px;}
    #DealDetailInner .DealParagraph.DealDetailAd {width:380px;margin:10px auto 0px auto;overflow:hidden;}

    #DealDetailInner .DealMore {margin: 10px 10px 0px 10px; width: 380px;}
    #DealDetailInner .DealMore a {text-decoration:none;}
    #DealDetailInner .DealMoreTitle {font-size:13pt;margin-bottom:10px;}
    #DealDetailInner .DealMoreItem {width:380px;margin: 10px auto; font-weight: normal; line-height: 1.2em; vertical-align: baseline;}
    #DealDetailInner .DealMoreItem .DealMoreImage {width:300px;height:168px;background-size:cover;background-position:center; margin: 0px auto;}
    #DealDetailInner .DealMoreItem .DealMoreHeadline {font-weight:600;width:300px;margin:5px auto 2px auto;font-size:16px; line-height:1.2em;color:#333;}
    #DealDetailInner .DealMoreList.Foreign .DealMoreImage {width:340px;}
    #DealDetailInner .DealMoreList.Foreign .DealMoreHeadline {width:340px;}
    #DealDetailInner .DealMoreList.Foreign .DealMoreDescription {width:340px;}
    #DealDetailInner .DealMoreItem .DealMoreDescription {width:300px;margin: 0px auto;font-weight:300;font-size:15px;color:#333;}
    #DealDetailInner .DealMoreItem .DealMoreButton {margin-top: 10px; height: 40px;}
    #DealDetailInner .DealMoreItem .DealMoreButton .Button {width: 300px; padding: 10px 10px;background-color:#215fa3;margin:0px auto; font-weight: 400; font-size: 16px; border-radius: 8px; box-shadow: none;}
    #DealDetailInner .DealMoreItem .DealMoreButton a {text-decoration: none;}
    #DealDetailInner .DealMore .DealDetailAd {width:380px;margin:10px auto 0px auto;overflow:hidden;margin:15px 0px;}

    .BookingButtonsArea {width:100%;height:75px;background-color:#fff;opacity:0.95;position:fixed;bottom:0px;left:0px;box-shadow:0px 0px 4px -2px #000}
    #DealDetail #Footer {padding-bottom:75px;}
    .DealBookingNoticeArea {position:fixed;bottom:85px;width:100%;}
    .DealBookingNotice {background-color:#f2dede;margin:0px auto;width:340px;}
    .BookingButtons {width:100%;height:60px;position:fixed;bottom:0px;left:0px;}
    .BookingButtonsInner {width:420px;margin:0px auto;}
    .BookingButtonsInner .OneProviderButton {margin:0px auto;}
    .BookingButtonsInner .ProviderButtonGroup {margin:0px auto;width:400px;}
    .Button {width:300px;padding:12px 10px;text-align:center;color:#fff;font-weight:600;border-radius:10px;text-transform:uppercase;box-shadow:0px 3px 4px -4px #000;}
    .OneProviderButton.Button, .SecondProviderButton.Button {background-color:#ffbe0a;}
    .FirstProviderButton.Button {background-color:#28b625;margin-right:10px;}
    .ProviderButtonGroup .Button {float:left;width:175px;}
    .BookingButtons a {text-decoration: none;}

    #Footer {margin-top:20px;background-color:#215fa3;width:100%;color:#fff;font-weight:300;line-height:1.2em;}
    #Content.CreditCard #Footer {margin-top:0px;}
    #Footer a {color:#fff;text-decoration:none;}
    #Footer .Inner {width:400px;margin:0px auto;padding:20px 0px 20px 0px;}
    #Footer .Inner .Links {text-align:center;margin-bottom:20px;font-size:10pt;line-height:2em;}
    #Footer .Inner .Links a {padding: 0px 2px;}
    #Footer .Inner .Badges {margin:0px auto;width:400px;}
    #Footer .Inner .Badges img {width:190px;float:left;}
    #Footer .Inner .Badges img.Google {margin-right:20px;}
    #Footer .Inner .SocialMedia {margin:20px auto;width:100px;}
    #Footer .Inner .SocialMedia img {width:40px;float:left;}
    #Footer .Inner .SocialMedia img.Twitter {margin-right:20px;}
    #Footer .Inner hr {opacity:0.3;margin:20px 0px;}
    #Footer .Inner .Disclaimer {text-align:center;font-size:9pt;}

    .Mobile {display:block;}
    .Desktop {display:none;}
    .Form .ErrorList {font-size: 10pt; color: darkred;}

    #LotteryHeader {width: 100%; }
    #LotteryHeader .Inner {width: 420px; margin: 0 auto; height: 250px; position: relative; background-size: cover; background-position: center;box-shadow:0px 5px 5px -5px #ddd;}
    .Lottery .Headline {font-weight:600;margin-bottom:5px;}
    #DealDetailInner .DealParagraph.FormParagraph {background-color: #fff8e6;}
    .Lottery .ContentMiddle {text-align:center;}
    .Lottery .Content ul {list-style: disc; margin-left: 20px;}
    .Lottery .DealParagraph .SmallStar {font-size:10pt;}
    .Lottery .DealParagraph .Form {width: 300px; margin: 10px auto;}
    .Lottery .DealParagraph .Form input {font-weight: 300; font-size: 13pt; width: 285px;padding:5px 5px;}
    .Lottery .DealParagraph .Form .Button {width: 100%; padding: 10px;background-color: #5b9bd5;margin:10px auto 0px auto; font-weight: 300; border: none;cursor:pointer;}
    .Lottery .DealParagraph .StarText {font-size:10pt;line-height:1.2em;color:#888;}
    .Lottery .DealWidget {margin-top:10px;box-shadow:0px 5px 5px -5px #ddd;}
    .LastLotteryParagraph {margin-bottom:20px;}

    #Layer {position: fixed; top: 0px; left: 0px; width: 100%; height:100%; background-color: #000; opacity: 0.9;z-index:1000;display:none;}
    #LayerInner {width: 350px; margin: auto; position: fixed; left: 50%;  top: 50%; z-index:1001; transform: translate(-50%, -50%); display:none;}
    #LayerInner .LayerWithBackground {padding: 20px; background-color: #fff; line-height:1.3em; border-radius: 10px; font-weight:300; }
    #LayerInner .Button {background-color: #5b9bd5; margin: 20px auto 0px auto; padding: 10px;font-weight: 300;}
    #LayerInner a {text-decoration: none;}

    #Layer.VisibleLayer {display:block; opacity:0.75;background-color:#fff;}
    #LayerInner .DealEmailLayer {width: 350px; font-family: Arial, sans-serif;box-shadow:0px 5px 40px -15px #000; line-height: 1.2;}
    #LayerInner .DealEmailLayer .LayerInnerTop .LayerLogo {width: 70px; float: left;}
    #LayerInner .DealEmailLayer .LayerContent {display: block; font-size: 12pt; margin: 0px 20px 0px 90px;}

    #LayerInner .DealEmailLayer h3 {margin-bottom: 5px;}
    #LayerInner .DealEmailLayer .Text {font-size: 11pt; margin-bottom: 5px;}
    #LayerInner .DealEmailLayer .TextVerySmall {font-size: 7.5pt; margin-bottom: 5px;}
    #LayerInner .DealEmailLayer ul li {font-size: 10pt; list-style: disc; margin-left: 20px; line-height: 1.5;}
    #LayerInner .DealEmailLayer .blue {color: #599ed3;}
    #LayerInner .DealEmailLayer .blue a {color: #599ed3;text-decoration:underline;}
    #LayerInner .DealEmailLayer .LayerInnerBanner {position: relative; color: #fff; background-color: #fe7b13; margin: 10px -25px; height: 40px; box-shadow:0px 1px 6px -1px #000;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .LeftText {position: absolute; top: 6px; left: 10px; font-size: 20pt; font-weight: bold;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .MiddleText {position: absolute; top: 5px; left: 110px; width: 200px; line-height: 1; font-weight: 100;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .MiddleText .MiddleUpperText {font-size: 10pt;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .MiddleText .MiddleBottomText {font-size: 8pt;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .Arrow {background-color: #d56307; position: absolute; top: 0px; left: 270px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 15px solid #fe7b13;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .RightText {position: absolute; top: 0px; left: 285px; height: 32px; width: 110px; background-color: #d56307; font-size: 9pt; line-height: 1.2; text-transform: uppercase; padding: 7px 0px 0px 5px;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .RightText:before {content: ""; background: url("/images/icons/clock-white.png") no-repeat; background-size: 20px 20px; width: 25px; height: 25px;float:left;}
    #LayerInner .DealEmailLayer .Form .FormText {font-size: 8pt; line-height: 1; margin-top: 10px;}
    #LayerInner .DealEmailLayer .Form .LeftFormText {float:left;}
    #LayerInner .DealEmailLayer .Form .RightFormText {float:right;}
    #LayerInner .DealEmailLayer .Form input {width: 100%; font-size: 12pt; padding: 5px;}
    #LayerInner .DealEmailLayer .Form .Button {margin: 10px 0px 10px 27px;background-color:#28b625;width: 200px; box-shadow:0px 3px 3px -3px #000; border: 1px solid #269c20;cursor:pointer;}
    #LayerInner .DealEmailLayer .Form .FacebookButton {text-align: center; width: 254px;cursor:pointer;}
    #LayerInner .LayerFooter {font-size:8pt;color:#333;padding-left:10px;padding-top:5px;}
    #LayerInner .LayerFooter a {color:#333;}
    #LayerInner .LayerFooter a:hover {text-decoration:underline;}

    .Confirmation {color: #215fa3;}
    .Confirmation .DealParagraph h3 {font-size: 14pt; font-weight: 300;}
    .Confirmation .DealParagraph p {margin-top: 10px;}
    .Confirmation #DealDetailInner .DealDescription .Button {margin: 10px auto 0px auto; background-color: #bbb; width: 200px; padding: 5px; box-shadow:0px 1px 4px -1px #000;}
    .Confirmation #DealDetailInner .DealDescription a {text-decoration: none; font-weight: 300;}
    .Confirmation .LinkList {height: 260px; clear: both; margin: 0px auto; width: 315px;}
    .Confirmation .LogoImage {background-color: #eee; margin:5px 5px 0px 0px;height: 80px; display: block; float: left; width: 100px; text-align:center; }
    .Confirmation .LogoImage .helper {display: inline-block; height: 100%; vertical-align: middle;}
    .Confirmation .LogoImage img {width: 70px; max-height: 80px; background-color: #eee; padding: 10px; vertical-align: middle;}

    #DealDetail.Success .ImageDescription {margin-left: 60px; display: block;}
    #DealDetail.Success .Code {clear: both; margin-top: 10px; min-height: 40px;}
    #DealDetail.Success .CodeList {clear: both; margin-top: 10px;}
    #DealDetail.Success .Button {margin: 10px auto; background-color: #5b9bd5; cursor: pointer;}
    #DealDetail.Success .Button a {color: #fff; text-decoration: none; font-weight: 300; font-size: 18px;}

    #CookieLayer {position:fixed; bottom:90px; left:100px; width:220px; background-color:indianred;border-radius:10px;box-shadow:0px 0px 4px -2px #000;}
    .CookieLayerContent {padding:15px;}
    .CookieLayerText {color:white;font-size:11pt;}
    .CookieLayerButton {background-color: darkred; cursor: pointer;width:60px;padding:4px;text-decoration:none;font-size:11pt;margin: 10px auto 0px auto;}
    #CookieLayer a {text-decoration: none;}

    #ExtendedSearch {margin: 20px auto 0px auto;width: 400px;position: relative;}
    #ExtendedSearch #ExtendedSearchInner {width: 400px;margin: 0px auto;background-color: #fff;padding: 20px; border-radius: 10px; margin-top: 15px;box-shadow: 0px 5px 5px -5px #ddd;}
    #ExtendedSearch h3 {font-size: 13pt; margin: 0px;}
    #SearchResultList .DealList .Deal .Inner .Background {width:400px;}
    #SearchResultList .DealList .Deal .Inner .Headline {width:400px;}
    #ExtendedSearchForm .SearchButton {margin-top: 20px; width: 100%;}
}


/** Desktop devices **/
@media (min-width: 931px) {

    body {font-family:Helvetica,Arial,sans-serif;font-size:14pt;color:#333;font-weight:100;background-color:#f2f2f2;}

    #Header {width:100%; background-color: #ffbe0a;position:relative;padding-bottom:10px;box-shadow:0px 0px 3px -1px #000;margin-bottom:20px;}
    #Content.CreditCard #Header {margin-bottom:0px;}
    #Header .Inner {width:930px;margin:0px auto;position:relative;height:145px;}
    #Header .Inner #Logo {position:absolute;top:23px;left:0px;height:90px;border-radius:10px;}

    #Header .NextToLogo {position:absolute;top:10px;left:100px;width:760px;}
    #Header .Inner .NextToLogo .Title {margin:6px auto 0px auto;width:100%;font-size:18pt;color:#fff;text-align:center;font-weight:300;}
    #Header .Inner .NextToLogo .Title.Middle {margin-top: 40px;}
    #Header .Inner .NextToLogo.Middle {margin-top: 40px;}
    #Header .Inner .NextToLogo #SearchBar {margin:10px auto 0px auto;width:550px;height:40px;opacity:0.5;background-color:white;border-radius:20px;position:relative;box-shadow:inset 1px 1px 3px -1px #666;}
    #Header .Inner .NextToLogo #SearchBar:hover {xopacity:0.75;}
    #Header .Inner .NextToLogo #SearchBar img {position:absolute;top:5px;left:15px;height:30px;}
    #Header .Inner .NextToLogo #SearchBar input {position:absolute;top:5px;left:55px;height:30px;width:410px;padding:0px;border:none;font-size:14pt;font-family:Helvetica,Arial,sans-serif;font-weight:100;}
    #Header .Inner .NextToLogo #SearchBar input::-webkit-input-placeholder {xfont-style:italic;}
    #Header .Inner .AdLabel {position:absolute;bottom:0px;right:10px;font-size:9pt;color:#888;}

    .FlashMessages {width:100%;position:fixed;top:0px; z-index: 9999;}
    .FlashMessages .Message {text-align:center; padding: 15px; display:none;box-shadow:0px 5px 10px -8px #000;opacity:0.98;border-bottom:1px solid;}
    .FlashMessages .Message.Success {color: #468847; background-color: #dff0d8; border-color: #cee1be;}
    .FlashMessages .Message.Warning {color: #c09853; background-color: #fcf8e3; border-color: #e1d4bb;}
    .FlashMessages .Message.Error {color: #b94a48; background-color: #f2dede; border-color: #e1c6ca;}
    .FlashMessages .Message.Info {color: #3a87ad; background-color: #d9edf7; border-color: #aed8e1;}
    .FlashMessages .Message .Close {position: relative; top: -2px; right: 5px; float: right; font-size: 1.5rem;  font-weight: 700; line-height: 1; cursor: pointer;}

    #FlagSelection {width: 70px;position:absolute;top:10px;right:0px;z-index: 999;}
    #FlagSelection.Background {background-color: #ffdf80;box-shadow:0px 5px 10px -8px #000;opacity:0.95}
    #FlagSelection a {padding: 10px;}
    #xFlagSelection a:hover {background-color: #e6ab09;}
    #FlagSelection img {width: 50px;border-radius:2px;}
    #FlagSelection img.Active {margin: 10px; cursor: pointer;}

    #LinkSelection {margin: 0px auto; width: 550px; height: 40px; position: relative; text-align: center;}
    #LinkSelection a, .SearchLink a {display: inline-block; color: white; padding: 10px 10px; text-decoration: none; font-size: 12pt; font-weight: 300;}
    #LinkSelection a:hover, .SearchLink a:hover {text-decoration: underline; }
    .SearchLink {width: 550px; margin: 0px auto;}
    .SearchLink a {float: right; font-size: 10pt; padding: 5px 10px;}

    .DealWidget {margin:20px auto 0px auto;width:930px;height:440px;position:relative;overflow:hidden;white-space:nowrap;border-radius:10px;}
    .DealWidget .WidgetButton {width:25px;height:auto;cursor:pointer;position:relative;background-color:#fff;opacity:0.7;border-radius:30px;text-align:center;display:none;}
    .DealWidget .WidgetButton.Left {position:absolute;top:200px;left:10px;}
    .DealWidget .WidgetButton.Right {position:absolute;top:200px;right:10px;}
    .DealWidget .WidgetButton img {position:relative; top: 2px;width:32px;}
    .DealWidget .WidgetButton.Left img{right: 4px;}
    .DealWidget .WidgetButton.Right img{left: -3px;}
    .DealWidget .Area {position:absolute;top:0px;left:0px;}
    .DealWidget .Deal {display: inline-block;width:930px;height:440px;background-size:cover;background-position:center;position:relative;}
    .DealWidget .Deal a {text-decoration:none;}
    .DealWidget .Deal .Inner {width:100%;height:440px;position:absolute;top:0px;left:0px;white-space:normal;}
    .DealWidget .Deal .Inner .Background {background-color:#215fa3;position:absolute;bottom:0px;left:0px;font-size:16pt;padding:20px 40px;width:850px;line-height:1.3em;font-weight:300;opacity:0.95;color:transparent;}
    .DealWidget .Deal .Inner .Headline {position:absolute;bottom:0px;left:0px;padding:20px 40px;font-size:16pt;width:850px;line-height:1.3em;color:#fff;font-weight:300;}

    .DealList {margin:20px auto 0px auto;width:930px;}
    .DealList .Deal {float:left;width:455px;height:300px;margin-bottom:20px;border-radius:10px;background-size:cover;background-position:center;position:relative;}
    .DealList .Deal a {text-decoration:none;}
    .DealList .Deal .Inner {width:100%;height:300px;position:absolute;top:0px;left:0px;}
    .DealList .Deal .Inner .Background {background-color:#215fa3;position:absolute;bottom:0px;left:0px;padding:10px;width:435px;line-height:1.3em;font-weight:300;border-radius:0px 0px 10px 10px;opacity:0.95;color:transparent;}
    .DealList .Deal .Inner .Headline {position:absolute;bottom:0px;left:0px;padding:10px;width:435px;line-height:1.3em;color:#fff;font-weight:300;}
    .DealListAd {width:930px;background-color:#fff;border-radius:10px;margin:0px auto 20px auto;overflow:hidden;}

    .SmartPaginatorArea {margin: 0px auto; width:930px;text-align:center;margin-top:20px;}
    .SmartPaginator {display:inline-block;font-weight:300;}
    .SmartPaginator div {float:left;text-align:center;vertical-align:middle;width:45px;margin:0px 5px;border-radius:10px;padding:10px 0px;}
    .SmartPaginator div.ThreeDots {width:auto;}
    .SmartPaginator div.Disabled {display:none;}
    .SmartPaginator .Icon div {background-color:#215fa3;}
    .SmartPaginator a.Icon {color:white;}
    .SmartPaginator .Icon.Active div {background-color: #ffbe0a;}

    #DealDetailInner {width: 930px;margin: 0px auto;}
    #DealDetailInner.HiddenContent{height: 1500px; overflow:hidden;}
    #DealDetailInner .DealHeaderOuter {position: relative;}
    #DealDetailInner .DealImage {width:930px;height:465px;border-radius:10px 10px 0px 0px;background-size:cover;background-position:center;}
    #DealDetailInner .Notice, .DealBookingNotice {text-decoration:none;background-color:#fff;opacity:0.95;color:#da2232;line-height:18px;font-size:11pt;padding:10px;border-radius:10px;font-weight:400;box-shadow:2px 3px 4px -5px #000;display:none;}
    #DealDetailInner .Notice img, .DealBookingNotice img {float:left;margin-right:5px;height:20px;}
    #DealDetailInner .Notice p, .DealBookingNotice p {float:left;margin-top:1px;}
    #DealDetailInner .DealViewCount {position: absolute; right: 0px; top: 0px; margin: 10px;}
    #DealDetailInner .DealBargainNotice {position:absolute; right: 0px; bottom:65px; margin: 10px;}
    #DealDetailInner .DealHeader {position: relative; background-color:#215fa3;color:#fff;font-weight:300;border-radius:0px 0px 20px 10px;line-height:1.3em;font-size:15pt;}
    #DealDetailInner .DealHeader .Headline {padding:20px 40px;float:left;overflow:hidden;max-width:650px;white-space:nowrap;}
    #DealDetailInner .DealHeader .Gradient {width:30px;padding:20px;float:right;background-color:transparent;background:linear-gradient(135deg, #215fa3 0%,#215fa3 50%,#ffbe0a 50%,#ffbe0a 100%); }
    #DealDetailInner .DealHeader .Price {padding:20px 20px 20px 3px;float:right;background-color:#ffbe0a;border-radius:0px 0px 10px 0px; font-weight: 500; font-size: 1.5rem;}

    #DealDetailInner .DealDescription {line-height:1.5em;font-size:13pt;}
    #DealDetailInner .DealDescription a {color:#2196f3;text-decoration:none;font-weight:300;}
    #DealDetailInner .DealDescription a:hover {text-decoration:underline;}
    #DealDetailInner .DealParagraph, .DealList .DealParagraph {background-color:#fff;padding:20px;border-radius:10px;margin-top:15px;box-shadow:0px 5px 5px -5px #ddd;}
    #DealDetailInner .DealParagraph.Text {padding:20px 40px;}
    #DealDetailInner .DealParagraph iframe.Video {margin-top:15px;margin-left:-20px;}
    #DealDetailInner .DealParagraph .GoogleMaps {margin-top:20px;width:890px;height:445px;margin-left:-20px;}
    #DealDetailInner .DealParagraph .DealLabel {margin-top:20px;}

    #DealDetailInner .DealMore {padding-right: 0px;}
    #DealDetailInner .DealMore a {text-decoration:none;}
    #DealDetailInner .DealMoreTitle {font-size:13pt;margin-bottom:15px;}
    #DealDetailInner .DealMoreItem {width:284px;float:left; margin-right:19px;}
    #DealDetailInner .DealMoreItem .Button {box-shadow:none;}
    #DealDetailInner .DealMoreItem .DealMoreImage {max-width:300px;height:165px;background-size:cover;background-position:center;}
    #DealDetailInner .DealMoreItem .DealMoreHeadline {margin-top:10px; font-weight:600;font-size: 15px;color:#333;}
    #DealDetailInner .DealMoreItem .DealMoreDescription {margin-top: 5px; font-weight:normal;font-size: 14px;line-height:normal;color:#333;}
    #DealDetailInner .DealMoreItem .DealMoreButton {margin-top: 20px; height: 40px;}
    #DealDetailInner .DealMoreItem .DealMoreButton  .Button {width: 230px; padding: 10px 10px;background-color:#215fa3;margin:0px auto; font-weight: 500; font-size: 17px;}
    #DealDetailInner .DealMoreItem .DealMoreButton a {text-decoration: none;}
    #DealDetailInner .DealMore .DealDetailAd {margin:20px 20px 20px 0px;}

    .BookingButtonsArea {width:100%;height:90px;background-color:#fff;opacity:0.95;position:fixed;bottom:0px;left:0px;box-shadow:0px 0px 4px -3px #000}
    #DealDetail #Footer {padding-bottom:90px;}
    .BookingButtons {width:100%;height:73px;position:fixed;bottom:0px;left:0px;}
    .DealBookingNoticeArea {position:fixed;bottom:100px;width:100%;}
    .DealBookingNotice {background-color:#f2dede;margin:0px auto;width:410px;}
    .BookingButtonsInner {width:930px;margin:0px auto;}
    .BookingButtonsInner .OneProviderButton {margin:0px auto;}
    .BookingButtonsInner .ProviderButtonGroup {margin:0px auto;width:680px;}
    .Button {width:400px;padding:15px 10px;text-align:center;color:#fff;font-weight:300;border-radius:10px;text-transform:uppercase;box-shadow:0px 3px 4px -4px #000;}
    .BookingButtonsInner .Button {font-size:16pt;}
    .OneProviderButton.Button, .SecondProviderButton.Button {background-color:#ffbe0a;}
    .FirstProviderButton.Button {background-color:#28b625;margin-right:40px;}
    .ProviderButtonGroup .Button {float:left;width:300px;}
    .BookingButtons a {text-decoration: none;}

    #Footer {margin-top:40px;background-color:#215fa3;width:100%;color:#fff;font-weight:300;line-height:1.2em;}
    #Content.CreditCard #Footer {margin-top:0px;}
    #Footer a {color:#fff;text-decoration:none;}
    #Footer .Inner {width:930px;margin:0px auto;padding:30px 0px 20px 0px;}
    #Footer .Inner .Links {text-align:center;margin-bottom:30px;font-size:12pt;line-height:1.5em;}
    #Footer .Inner .Links a {padding: 0px 10px;}
    #Footer .Inner .Badges {margin:0px auto;width:420px;}
    #Footer .Inner .Badges img {width:200px;float:left;}
    #Footer .Inner .Badges img.Google {margin-right:20px;}
    #Footer .Inner .SocialMedia {margin:20px auto;width:100px;}
    #Footer .Inner .SocialMedia img {width:40px;float:left;}
    #Footer .Inner .SocialMedia img.Twitter {margin-right:20px;}
    #Footer .Inner hr {opacity:0.3;margin:20px 0px;}
    #Footer .Inner .Disclaimer {text-align:center;font-size:10pt;}

    .Mobile {display:none;}
    .Desktop {display:block;}
    .Form .ErrorList {font-size: 10pt; color: darkred;}

    #LotteryHeader {width: 100%; margin-top: 20px;}
    #LotteryHeader .Inner {width: 930px; margin: 0 auto; height: 600px; border-radius: 10px; position: relative;background-size: cover; background-position: center;box-shadow:0px 5px 5px -5px #ddd;}
    .Lottery .Headline {font-weight:600;margin-bottom:10px;}
    .Lottery .ContentMiddle {text-align:center;}
    .Lottery .Content ul {list-style: disc; margin-left: 20px;}
    #DealDetailInner .DealParagraph.FormParagraph {background-color: #fff8e6;}
    .Lottery .DealParagraph .SmallStar {font-size:10pt;}
    .Lottery .DealParagraph .Form {width: 350px; margin: 10px auto;}
    .Lottery .DealParagraph .Form input {font-weight: 300; font-size: 13pt; width: 326px;padding:8px 10px;}
    .Lottery .DealParagraph .Form .Button {width: 100%; padding: 12px;background-color: #5b9bd5;margin:10px auto 0px auto; font-weight: 300; border: none;cursor:pointer;}
    .Lottery .DealParagraph .StarText {font-size:10pt;line-height:1.2em;color:#888;}
    .Lottery .DealWidget {box-shadow:0px 5px 5px -5px #ddd;}
    .LastLotteryParagraph {margin-bottom:20px;}

    #Layer {position: fixed; top: 0px; left: 0px; width: 100%; height:100%; background-color: #000; opacity: 0.9;z-index:1000;display:none;}
    #LayerInner {width: 500px; margin: auto; position: fixed; left: 50%;  top: 50%; z-index:1001; transform: translate(-50%, -50%); display:none;}
    #LayerInner .LayerWithBackground {padding: 20px; background-color: #fff; line-height:1.5em; border-radius: 10px;}
    #LayerInner .Button {background-color: #5b9bd5; margin: 20px auto 10px auto; padding: 10px; font-weight: 300;}
    #LayerInner a {text-decoration: none;}

    #Layer.VisibleLayer {display:block; opacity:0.75;background-color:#fff;}
    #LayerInner .DealEmailLayer {width: 400px; font-family: Arial, sans-serif; display:block;box-shadow:0px 5px 40px -15px #000; line-height: 1.2;}
    #LayerInner .DealEmailLayer .LayerInnerTop .LayerLogo {width: 70px; float: left;}
    #LayerInner .DealEmailLayer .LayerContent {display: block; font-size: 12pt; margin: 0px 20px 0px 90px;}
    #LayerInner .DealEmailLayer h3 {margin-bottom: 5px;}
    #LayerInner .DealEmailLayer .Text {font-size: 11pt; margin-bottom: 5px;}
    #LayerInner .DealEmailLayer .TextVerySmall {font-size: 8pt; margin-bottom: 5px;}
    #LayerInner .DealEmailLayer ul li {font-size: 10pt; list-style: disc; margin-left: 20px; line-height: 1.5;}
    #LayerInner .DealEmailLayer .blue {color: #599ed3;}
    #LayerInner .DealEmailLayer .blue a {color: #599ed3;text-decoration:underline;}
    #LayerInner .DealEmailLayer .LayerInnerBanner {position: relative; color: #fff; background-color: #fe7b13; margin: 10px -25px; height: 50px; box-shadow:0px 1px 6px -1px #000;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .LeftText {position: absolute; top: 6px; left: 10px; font-size: 25pt; font-weight: bold;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .MiddleText {position: absolute; top: 5px; left: 130px; width: 200px; line-height: 1; font-weight: 100;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .MiddleText .MiddleUpperText {font-size: 12pt;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .MiddleText .MiddleBottomText {font-size: 9pt;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .Arrow {background-color: #d56307; position: absolute; top: 0px; left: 300px; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #fe7b13;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .RightText {position: absolute; top: 0px; left: 315px; height: 40px; width: 125px; background-color: #d56307; font-size: 10pt; line-height: 1.2; text-transform: uppercase; padding: 10px 0px 0px 10px;}
    #LayerInner .DealEmailLayer .LayerInnerBanner .RightText:before {content: ""; background: url("/images/icons/clock-white.png") no-repeat; background-size: 30px 30px; width: 35px; height: 35px;float:left;}
    #LayerInner .DealEmailLayer .Form .FormText {font-size: 8pt; line-height: 1; margin-top: 10px;}
    #LayerInner .DealEmailLayer .Form .LeftFormText {float:left;}
    #LayerInner .DealEmailLayer .Form .RightFormText {float:right;}
    #LayerInner .DealEmailLayer .Form input {width: 100%; font-size: 12pt; padding: 5px;}
    #LayerInner .DealEmailLayer .Form .Button {margin: 10px 0px 10px 52px;background-color:#28b625;width: 200px; box-shadow:0px 3px 3px -3px #000; border: 1px solid #269c20;cursor:pointer;}
    #LayerInner .DealEmailLayer .Form .FacebookButton {text-align: center; width: 304px;cursor:pointer;}
    #LayerInner .LayerFooter {font-size:8pt;color:#333;padding-left:10px;padding-top:5px;}
    #LayerInner .LayerFooter a {color:#333;}
    #LayerInner .LayerFooter a:hover {text-decoration:underline;}

    .Confirmation {color: #215fa3;}
    .Confirmation .DealParagraph h3 {font-size: 18pt; font-weight: 300;}
    .Confirmation .DealParagraph p {margin-top: 10px;}
    .Confirmation #DealDetailInner .DealDescription .Button {margin: 10px auto 0px auto; background-color: #bbb; width: 200px; padding: 5px; box-shadow:0px 1px 4px -1px #000;}
    .Confirmation #DealDetailInner .DealDescription a {text-decoration: none;}
    .Confirmation .LinkList {height: 80px; clear: both;margin: 0px auto; width: 735px;}
    .Confirmation .LogoImage {background-color: #eee; margin:5px 5px 0px 0px;height: 80px; display: block; float: left; width: 100px; text-align:center; }
    .Confirmation .LogoImage .helper {display: inline-block; height: 100%; vertical-align: middle;}
    .Confirmation .LogoImage img {width: 70px; max-height: 80px; background-color: #eee; padding: 10px; vertical-align: middle;}

    #DealDetail.Success .ImageDescription {margin-left: 60px; display: block;}
    #DealDetail.Success .Code {clear: both; margin-top: 10px; min-height: 40px;}
    #DealDetail.Success .CodeList {clear: both; margin-top: 10px;}
    #DealDetail.Success .Button {margin: 10px auto; background-color: #5b9bd5; cursor: pointer;}
    #DealDetail.Success .Button a {color: #fff; text-decoration: none; font-weight: 300; font-size: 20px;}

    #ExtendedSearch {margin: 20px auto 0px auto;width: 930px;position: relative;}
    #ExtendedSearch #ExtendedSearchInner {width: 930px;margin: 0px auto;background-color: #fff;padding: 20px; border-radius: 10px; margin-top: 15px;box-shadow: 0px 5px 5px -5px #ddd;}
    #ExtendedSearch h3 {font-size: 13pt; margin: 0px;}
    #SearchResultList .DealList .Deal .Inner .Background {width:455px;}
    #SearchResultList .DealList .Deal .Inner .Headline {width:455px;}

    #CookieLayer {position:fixed; bottom:20px; right:20px; width:220px; background-color:indianred;padding:10px 0px;border-radius:10px;box-shadow:0px 0px 4px -2px #000;}
    .CookieLayerContent {padding:10px 20px;}
    .CookieLayerText {color:white;font-size:11pt;}
    .CookieLayerButton {background-color: darkred; cursor: pointer;width:60px;padding:4px;text-decoration:none;font-size:11pt;margin: 10px auto 0px auto;}
    #CookieLayer a {text-decoration: none;}

}

.Clear {clear:both;}
.Hidden {display: none;}
.Show {display: block;}
.Inactive {color: #888;}
.Float-Left {float: left}
.ErrorList{color: red; font-size: 15px;}
#ExtendedSearch .select-dropdown{overflow-y: auto !important;}
#ExtendedSearch .input-field {margin-top:0px;}
#ExtendedSearch .input-field input:focus + label {color: #215fa3;}
#ExtendedSearch .input-field input:focus {border-bottom: 1px solid #215fa3;box-shadow: 0 1px 0 0 #215fa3;}
#ExtendedSearch ul.dropdown-content.select-dropdown li span {color: #215fa3;}
#ExtendedSearch [type="checkbox"]:checked+label:before {border-right: 2px solid #215fa3; border-bottom: 2px solid #215fa3;}
#ExtendedSearch .btn {background-color: #215fa3;}

#SearchHeadline {margin-bottom:10px;}
#SearchEditButton {margin-bottom:0px;}
#SearchButtons {margin-bottom:5px;}