@charset "UTF-8";
@font-face{
    font-family:fontello;
    src:url(/assets/fonts/fontello/fontello.eot);
    src:url(/assets/fonts/fontello/fontello.eot#iefix) format("embedded-opentype"),url(/assets/fonts/fontello/fontello.woff) format("woff"),url(/assets/fonts/fontello/fontello.ttf) format("truetype"),url(/assets/fonts/fontello/fontello.svg#fontello) format("svg")
}

 @font-face {
    font-family: 'BradleyHandITCBold';
    src: url("../fonts/Bradhitc.ttf") format('truetype');
    src: url("../fonts/Bradhitcbold.otf") format('otf');
    src: url("../fonts/Bradhitcbold.woff") format('woff');
}
         
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
*,html{
    -webkit-appearance:none
}
html{
    min-height:100%!important;
    -ms-touch-action:manipulation
}
body,html{
    height:100%
}
body{
    color:#666;
    font-family:Open Sans,Helvetica,sans-serif;
    font-weight:400;
    font-size:13px;
    background-color:#f9f5f1;
    line-height:1.5;
    text-align:left;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased
}
body.step1{
    background-color:#fff
}

.checkfield{
    width: 100px !important;
}

.zipinput {
    margin: 20px auto;
    width: 195px;
    text-align: center;
}

.tableinput {
    margin: 20px auto;
    width: 195px;
    text-align: center;
}

.filterinput {
    margin: 20px auto;
    width: 195px;
    text-align: center;
}

.checkinput {
    margin: 20px auto;
    width: 250px;
    text-align: center;
}

.ziptext {
    margin: 20px auto;
    width: 350px;
    text-align: center;
}

.tabletext {
    margin: 20px auto;
    width: 350px;
    text-align: center;
}

.filtertext {
    margin: 20px auto;
    width: 350px;
    text-align: center;
}

.smartphone
{
    display: none;
}

#shopbasket_sm
{
    display: none !important;
}

.totsaldohover
{
    color: #ffffff !important;
    cursor: default !important;
}

.btn-totsaldo
{
    color: #ffffff !important;
    cursor: default !important;
}

.error {
  color: red;
}

.download
{
    text-align: center;
    margin-left: 20px;
    margin-bottom: 20px;
}

.box
{
    margin: 10px;
    text-align: left;
}

.box-inner{
    padding-top: 10px;
    padding-bottom: 10px;
}

.coldetails
{
    line-height: 20px;
}

.companyinfo
    {
        width: 20%;
        text-align: center;
    }

.companyinfo .logo
{
    margin: 20px;
    max-width: 80%;
}

.companyinfo .address
{
    margin: 20px;
}

.companyinfo .info
{
    margin: 20px;
    font-size: 12px;
}

.companyinfo .images img
{
    max-width: 80%;
    margin-bottom: 5px;
}

.checkout-orderbutton-btn
{
    margin: 40px auto 40px auto !important;
}

#headinfo
{
    width: 100%;
    height: 80px;
    line-height: 20px;
    left: 16px;
    padding: 4px 16px;
    display: block;
    background: #f9f5f1;
    border-bottom: 2px solid White;
}

#headinfo_left
{
    padding-left: 0px;
    padding-right: 0px;
    width: 60%;
    line-height: 20px;
    background: transparent;
}

#headinfo_right
{
    padding-left: 0px;
    padding-right: 0px;
    width: 40%;
    line-height: 20px;
    background: transparent;
    text-align:right;
}

.custom-btn-icon{
    position:relative;
    border-radius:3px;
    padding:0 12px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    background-color:#1E2F79;
    font-size:13px;
    height:30px;
    line-height:25px;
    white-space:nowrap;
    margin-bottom: 5px;
    width: 122px;
}

.targetDiv
{
    background-color: #fef9f9;
    display: none;
}
.subdetails
{
    padding: 10px;
    text-align: center;
    line-height: 20px;    
}

.reserve
{
    width: 70%;
    margin: auto;
    overflow:auto;
}

.fblogin
{
    width: 40%;
    margin: auto;
    overflow:auto;
}

.leftmenu
{
    width: 80%;
    text-align: left;
    float: left;
}

.rightmenu
{
    width: 20%;
    text-align: right;
    float: left;
}

.custombtn
{
    float:left;
    width: 99.96%;
    display: table;
}

.custombtn1
{
    width: 99.96%;
    display: table;
    height: 70px;
}
.custombtn1a
{
    display: table-cell;
    vertical-align: middle;
}

.custombtn2
{
    width: 99.96%;
    margin-right: 10px;
}

.textheader {
     height:235px;
}

.headtextheader{
     font-family: 'BradleyHandITCBold' !important;
     font-size : 24px;
}

@media only screen and (max-width:639px) {
    .cta {
        display: none;
    }
    .headtextheader {
        display: none;
    }
    .subtextheader {
        display: none;
    }
    .address{
        display: none;
    }
    .showbuttonssmall
    {
        display: none;
    }
    #firstsubnavigation
    {
        display: none !important;
    }
    #shopbasket_sm
    {
        display: block !important;
    }
}

@media only screen and (min-width:640px)
{
    .collective-image {
        max-width: 50%;
    }
    .showbuttonssmall
    {
        clear: both;
        text-align: center;
        display: none;
    }
    .showbuttons
    {
        display: normal;
        height: 90px;
    }

    .menu
    {
        width: 50%;
        margin: auto;
        overflow:auto;
    }
    .fb-like
    {
        margin-top: 15px !important;
        float:right !important;
    } 
    
    .sidedish-checkboxgroup
    {
        box-sizing: border-box;
        text-align: left !important;
        margin-top: 20px;
    }

    .sidedish-checkbox
    {
        width: 50%;
        vertical-align: top;
        padding-right: 10px;
        display: inline-block;
        right: 10px;
        float: left;
    }

    .checkbox-inline {
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block !important;
    }
}

@media only screen and (max-width:639px)
{
    .collective-image {
        max-width: 90%;
    }
    #headcategory
    {
        display: none;
    }
    .showbuttonssmall
    {
        clear: both;
        text-align: center;
        display: normal;
    }
    .showbuttons
    {
        display: none;
    }
    .menu
    {
        width: 90%;
        margin: auto;
        overflow:auto;
    }
    .fb-like
    {
        margin-top: 15px !important;
        float:none !important;
    }
    #fb
    {
        margin-top: 30px !important;
    }
    #marketbuttons
    {
        margin-bottom: 20px !important;
    }

    .discount
    {
        font-size: 18px !important;
        padding: 3px !important;
        border: 3px solid white !important;
        border-radius: 7px 7px !important;
    }
    .outerdiscount
    {
        background-color: #1E2F79 !important;
        padding-top: 15px !important;
        padding-bottom: 12px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        height: 40px !important;
        border-radius: 10px 10px !important;
    }
    .ziptext {
        margin: 20px 10px 20px 10px !important;
        width: auto !important;
    }
    .filtertext {
        margin: 20px 10px 20px 10px !important;
        width: auto !important;
    }
    #ios img
    {
        width: 100px !important;
    }
    #android img
    {
        width: 100px !important;
    }

}

.arrow-left {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-down {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.arrow-downorder {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);

    margin-left: 85%;
    position: absolute;
    margin-top: 20px;
    padding: 5px;
    border-color: #666;
}    

.arrow-up {
    border: solid #999;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.subdivs
{
    position: absolute;
    margin-left: 95%;
    margin-top: 20px;
}

.pricelabel{
    position:relative;
    border-radius:3px;
    padding:0 12px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    background-color:#50aecc;
    font-size:13px;
    height:35px;
    line-height:35px;
    margin-top: 20px;
    /*margin-left: 20px;*/
    /*float:right;*/
    white-space:nowrap;
}

@media only screen and (min-width:640px)
{
    #slide
    {
        height: 55px;
    }
}

@media only screen and (max-width:639px)
{
    #slide
    {
        height: 45px;
    }

    #saldodevice{
        display: unset !important;
        font-size: 1em !important;
    }

    .subtitle
    {
        margin-top: 30px !important;
        margin-bottom: 0px !important;
    }
}


.companyinfo .images
{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.discount
{
    font-family:Open Sans,Helvetica,sans-serif;
    font-size: 40px;
    text-align: center;
    color: white !important;
    background-color: #1E2F79 !important;
    padding: 5px;
    border: 5px solid white;
    border-radius: 10px 10px;
}

.outerdiscount
{
    background-color: #1E2F79 !important;
    padding-top: 44px;
    padding-bottom: 23px;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;
    border-radius: 15px 15px;
}

pre{
    font-family:Open Sans,Helvetica,sans-serif;
    white-space: pre-wrap;
}


#marketbuttons
{
    z-index:100;
    margin-top: 10px !important;
    margin-left: 10px !important;
    float: left !important;
}

#catdesc
{
    font-size:15px;
}

@media only screen and (max-width:599px){
    body{
        width:100%
    }
}
@media only screen and (min-width:600px) and (max-width:1019px){
    body{
        width:100%
    }
}
@media only screen and (min-width:1340px){
    body{
        min-width:1060px
    }
}
h1,h2,h3,h4,h5,h6{
    margin:0 0 10px;
    font-weight:400;
    background-color:transparent
}
a{
    cursor:pointer;
    outline:0;
    color:#50aecc;
    text-decoration:none
}
a:hover{
    color:#3595b4
}
a:active,a:focus{
    color:#333
}
img{
    vertical-align:middle;
    border:0
}
p{
    margin:0 0 10px;
    line-height:1.5;
    text-align:justify
}
table{
    border-collapse:collapse;
    width:100%
}
button,input,select,textarea{
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
    border:0;
    outline:0
}
.hidden,.mobile,.nodisplay{
    display:none
}
.show{
    display:inherit
}
.nofocus{
    outline:none
}
.clear{
    clear:both
}
.left,.right{
    float:left;
    width:50%
}
.alignright,.goright{
    text-align:right
}
.alignleft,.center{
    text-align:left
}
.small{
    font-size:.75em
}
.only-desktop{
    display:block
}
.only-mobile{
    display:none
}
::-webkit-input-placeholder{
    color:#cfcac4
}
:-moz-placeholder,::-moz-placeholder{
    color:#cfcac4
}
:-ms-input-placeholder{
    color:#cfcac4
}
.anchor:before{
    content:"";
    display:block;
    height:78px;
    margin:-78px 0 0;
    visibility:hidden
}
button{
    background:0 0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    vertical-align:baseline;
    border:0;
    outline:0
}
section{
    display:block
}
.wai_screenreader{
    position:absolute!important;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px)
}
::-ms-clear,::-ms-reveal{
    display:none
}
body,html{
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    min-height:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
.icon i,body,html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon i{
    font-family:fontello;
    font-style:normal;
    font-weight:400;
    font-size:18pt;
    display:inline-block;
    text-decoration:inherit;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em
}
.textfield_form{
    position:relative
}
html.fullscreen{
    /*overflow:hidden;*/
    /*position:fixed;*/
    height:100%;
    width:100%
}
/*body.fullscreen{
    overflow:hidden;
    position:relative
}*/
body.fullscreen #irestaurantresults,body.fullscreen .footer{
    display:none
}
body.fullscreen .zopim{
    z-index:1!important
}
.main{
    width:96%;
    padding-top:60px;
    min-height:550px;
    max-width:1080px;
    margin:0 auto
}
@media only screen and (min-width:1020px){
    .main{
        width:100%;
        padding-top:25px
    }
}
a.button{
    display:block;
    font-family:Open Sans,sans-serif;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
    border-radius:3px;
    font-size:1em;
    font-weight:600;
    background-color:#50aecc;
    color:#fff;
    width:100%;
    height:35px
}
a.button:active,a.button:hover{
    background-color:#3595b4
}
select::-ms-expand{
    display:none
}
.afs_ads{
    display:none;
    visibility:hidden;
    position:absolute
}
#cto_cookies_header_message{
    display:none!important
}
header{
    position:fixed;
    height:290px;
    background-color:transparent;
    z-index:5;
    min-height:45px
}
header,header .inner{
    top:0;
    left:0;
    width:100%
}
header .inner{
    margin:auto;
    position:absolute;
    bottom:0;
    right:0;
    max-width:1240px;
    height:100%;
    z-index:1
}
header.highlight{
    z-index:100
}

@media only screen and (max-width:639px){
    header{
        height: 45px !important;
        min-height:60px;
    }
}

@media only screen and (min-width:640px){
    header{
        position:relative;
        height:290px;
        min-height:290px;
        background-color:transparent
    }
}
@media only screen and (min-width:640px){
    header:after{
        content:'';
        color:#fff;
        position:absolute;
        bottom:0;
        height:55px;
        left:0;
        width:100%;
        background:rgba(76,76,76,.25)
    }
}
header .hero{
    width:100%;
    height:100%;
    background-position:50%;
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:-1
}
header .hero--vi{
    background-image:url(/assets/images/header/pizza.jpg)
}
@media (max-width:639px){
    header .hero1{
        background-position-y:53%;
        background-image:none!important
        /*background-image:url(https://order.dinerapp.nl/objects/foto.jpg);*/
    }
}
@media (min-width:640px){
    header .hero1{
        background-position-y:70%;
        /*background-image:url(https://order.dinerapp.nl/objects/foto.jpg)*/
    }
}
@media (min-width:1600px){
    header .hero1{
        background-position-y:74%
    }
}
@media (min-width:2000px){
    header .hero1{
        background-position-y:72%
    }
}
@media (max-width:639px){
    header .hero2{
        background-position-y:63%;
        background-image:none!important
        /*background-image:url(https://order.dinerapp.nl/objects/foto.jpg)*/
    }
}
@media (min-width:640px){
    header .hero2{
        background-position-y:48%;
        /*background-image:url(https://order.dinerapp.nl/objects/foto.jpg)*/
    }
}
@media (min-width:1600px){
    header .hero2{
        background-position-y:74%
    }
}
@media (min-width:2000px){
    header .hero2{
        background-position-y:68%
    }
}
@media (max-width:639px){
    header .hero3{
        background-position-y:63%;
        background-image:none!important
        /*background-image:url(https://order.dinerapp.nl/objects/foto.jpg)*/
    }
}
@media (min-width:640px){
    header .hero3{
        background-position-y:55%;
        /*background-image:url(https://order.dinerapp.nl/objects/foto.jpg)*/
    }
}
@media (min-width:1600px){
    header .hero3{
        background-position-y:70%
    }
}
@media (min-width:2000px){
    header .hero3{
        background-position-y:68%
    }
}
body.step1 header{
    position:relative;
    height:80%;
    min-height:550px;
    background-color:transparent
}
body.step1 header .hero--vi{
    background-image:url(/assets/images/header/bg.jpg)
}
@media only screen and (min-width:980px){
    header.header-c{
        min-height:200px
    }
    header.header-c .postcode{
        margin:auto;
        left:auto
    }
    header.header-c .postcode .headline{
        font-size:20px;
        text-align:right
    }
}
.step1 header .logo{
    display:inline-block;
    height:60px;
    line-height:60px;
    position:absolute;
    top:0;
    width:auto;
    border-radius:0;
    background-position:50%;
    text-align:left;
    background-color:#ff8000;
    border-radius:0 0 3px 3px;
    margin-left:10px;
    padding:0 20px
}
.step1 header .logo a{
    display:inline-block;
    width:100%;
    height:100%
}
.step1 header .logo a:before{
    content:none
}
.step1 header .logo img{
    display:inline-block;
    width:auto;
    max-width:150px;
    line-height:1.5em
}
@media only screen and (min-width:640px){
    .step1 header .logo img{
        max-width:180px
    }
}
.step1 header .logo .logow{
    max-width:116px
}
@media only screen and (min-width:640px){
    .step1 header .logo .logow{
        max-width:135px
    }
}
@media only screen and (min-width:640px){
    .step1 header .logo{
        background-color:#ff8000;
        width:auto;
        border-radius:0 0 3px 3px;
        padding:0 20px
    }
}
header .logo{
    float:left;
    width:60px;
    height:60px
}
header .logo a{
    display:inline-block;
    width:100%;
    height:100%
}
header .logo img{
    display:none
}
@media only screen and (min-width:640px){
    header .logo img{
        display:inline-block;
        width:auto;
        max-width:150px;
        line-height:1.5em;
        max-width:180px
    }
}
header .logo .logow{
    max-width:116px
}
@media only screen and (min-width:640px){
    header .logo .logow{
        max-width:135px
    }
}
@media only screen and (min-width:640px){
    header .logo{
        height:60px;
        line-height:60px;
        position:absolute;
        top:0;
        border-radius:0;
        background-position:50%;
        text-align:left;
        margin-left:10px;
        background-color:#ff8000;
        width:auto;
        display:block;
        border-radius:0 0 3px 3px;
        padding:0 20px
    }
}
header .business,header .corporate{
    display:none
}
header .center{
    text-align:center
}
.step1 header .needhelp{
    position:absolute;
    bottom:11px;
    color:#fff;
    text-align:center;
    width:100%
}
.step1 header .needhelp a{
    color:#fff;
    text-decoration:none;
    font-size:14px
}
.step1 header .needhelp a:hover{
    text-decoration:underline
}
@media only screen and (min-width:980px){
    .step1 header .needhelp a{
        font-size:16px
    }
}
header a.menu{
    display:block;
    color:#fff;
    text-decoration:none;
    width:50px;
    height:46px;
    float:left;
    padding:3px;
    text-align:center
}
header a.menu:hover{
    background-color:hsla(0,0%,100%,.2);
    border-radius:3px 3px 0 0
}
header a.businesslink{
    width:70px
}
header a.selected,header a.selected:hover{
    background-color:#fff;
    color:#333;
    border-radius:3px 3px 0 0
}
header .pulldowns ul.selectcountry,header .pulldowns ul.selectlanguage{
    background-color:#fff;
    border-bottom:4px solid #ff8000;
    width:100%
}
header .pulldowns .current-country,header .pulldowns .current-language{
    font-size:13px;
    padding:4px;
    line-height:35px;
    color:#666;
    background-color:#fff;
    border-bottom:3px solid #ff8000;
    cursor:pointer
}
@media only screen and (max-width:639px){
    header.showheader{
        -webkit-animation:a .3s ease forwards;
        animation:a .3s ease forwards
    }
}
@media only screen and (max-width:639px){
    header.hideheader{
        -webkit-animation:b .4s ease forwards;
        animation:b .4s ease forwards
    }
}
@media only screen and (min-width:640px){
    header a.menu:hover{
        border-radius:3px
    }
    header a.selected,header a.selected:hover{
        border-radius:3px 3px 0 0
    }
    header .dropdown-transparent{
        font-size:26px;
        background:rgba(0,0,0,.75)
    }
    header .dropdown-transparent:hover{
        -webkit-transition:background .3s ease;
        transition:background .3s ease;
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        background:#fff;
        color:#333
    }
}
@media only screen and (min-width:640px){
    header .business{
        display:none
    }
    header .pulldowns{
        float:right
    }
    header .pulldowns .current-country,header .pulldowns .current-language{
        width:50%
    }
    header .logo:before{
        content:none
    }
}
.arrow{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    width:0;
    height:0;
    border-left:50px solid rgba(98,33,33,0);
    border-right:50px solid rgba(112,18,18,0);
    top:0;
    border-top:35px solid #000
}
@media only screen and (min-width:640px){
    #cta-panel{
        display:block
    }
}
@-webkit-keyframes a{
    0%{
        -webkit-transform:translateY(-56px)
    }
    to{
        -webkit-transform:translateY(0)
    }
}
@-webkit-keyframes b{
    0%{
        -webkit-transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(-56px)
    }
}
@keyframes a{
    0%{
        transform:translateY(-56px)
    }
    to{
        transform:translateY(0)
    }
}
@keyframes b{
    0%{
        transform:translateY(0)
    }
    to{
        transform:translateY(-56px)
    }
}
footer li{
    font-size:14px;
    height:28px;
    line-height:28px;
    color:#fff;
    display:inline
}
div.leftpart a:after,footer li:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    position:relative;
    font-size:4px;
    opacity:.4;
    line-height:28px;
    height:28px;
    margin:3px 8px
}
div.leftpart a:first-child:after,div.leftpart a:last-child:after,footer li:first-child:after,footer li:last-child:after{
    display:none
}
footer li.headline,footer li.headline a{
    font-size:20px;
    font-weight:600;
    margin:16px 0 8px;
    padding:0;
    display:block;
    width:100%;
    white-space:nowrap
}
footer a{
    color:#fff;
    line-height:1.5;
    display:inline-block;
    cursor:pointer;
    white-space:nowrap;
    font-size:14px
}
footer .mainfooter{
    text-align:left;
    background-color:#f80;
    padding:24px;
    padding-bottom:0
}
footer .partnerlinks{
    text-align:left
}
footer .left{
    float:left;
    width:52%
}
footer .right{
    float:left;
    width:48%
}
footer .leftpart,footer .rightpart{
    text-align:center
}
footer .keywordpanel h2{
    margin-top:12px
}
footer .subfooter{
    line-height:22px;
    background-color:#f80
}
footer .colofon{
    margin:0 auto;
    text-align:center;
    color:#fff;
    padding-bottom:12px
}
.step2 footer .subfooter{
    margin-top:0
}
footer .subfooter .copyright,footer .subfooter a,footer a{
    color:#fff;
    text-decoration:none;
    font-size:14px
}
footer .subfooter .copyright{
    display:block;
    text-align:center;
    margin:1em
}
footer .subfooter a:focus,footer .subfooter a:hover,footer a:focus,footer a:hover{
    text-decoration:underline;
    color:#fff
}
footer .mainfooter ul.last{
    margin-bottom:0
}
footer .mainfooter ul{
    padding:0;
    text-align:center;
    margin-bottom:40px
}
footer .mainfooter .keywordpanel{
    width:90%;
    margin:0 auto;
    max-width:1024px
}
footer .mainfooter .keywordpanel .row .facebook{
    background-color:transparent
}
footer .mainfooter .keywordpanel .row .facebook a:before{
    padding-right:8px;
    width:15px;
    float:left;
    content:"";
    font-family:fontello;
    font-weight:400
}
footer .mainfooter .keywordpanel .row .twitter a:before{
    padding-right:8px;
    width:15px;
    float:left;
    content:"";
    font-family:fontello;
    font-weight:400
}
footer .mainfooter .keywordpanel .row .google a:before{
    padding-right:8px;
    width:15px;
    float:left;
    content:"";
    font-family:fontello;
    font-weight:400
}
footer .mainfooter .keywordpanel .row .youtube a:before{
    padding-right:8px;
    width:15px;
    float:left;
    content:"";
    font-family:fontello;
    font-weight:400
}
footer .mainfooter .keywordpanel .row .blog a:before{
    padding-right:8px;
    width:15px;
    float:left;
    content:"";
    font-family:fontello;
    font-weight:400
}
footer .mainfooter .keywordpanel .row .instagram a:before{
    padding-right:8px;
    width:15px;
    float:left;
    content:"";
    font-family:fontello;
    font-weight:400
}
footer .mainfooter .keywordpanel .row .pinterest a:before{
    padding-right:8px;
    float:left;
    width:15px;
    content:"";
    text-decoration:none;
    font-family:fontello;
    font-weight:400;
    line-height:1
}
footer a:focus{
    color:#fff
}
footer a:before{
    padding-right:8px;
    width:35px
}
footer .divider{
    border-top:1px solid #ffb866;
    border-bottom:none;
    display:block;
    margin-bottom:20px
}
footer .servicelinks .logo{
    display:none
}
footer .servicelinks .links{
    padding:0;
    margin-top:20px
}
@media (min-width:640px){
    footer .subfooter{
        padding-top:20px;
        padding-bottom:20px;
        position:relative
    }
    footer .mainfooter ul{
        padding:0;
        text-align:left;
        margin-bottom:0
    }
    .mainfooter div.leftpart a:after,footer li:after{
        display:none
    }
    footer li{
        display:block;
        font-size:14px;
        height:28px;
        line-height:28px;
        color:#fff
    }
    footer .mainfooter .keywordpanel .row{
        float:left;
        width:50%;
        color:#fff
    }
    footer .servicelinks{
        width:90%;
        max-width:1024px;
        margin:0 auto
    }
}
@media (min-width:980px){
    footer .mainfooter .keywordpanel .row{
        float:left;
        width:25%;
        color:#fff
    }
    footer .mainfooter .keywordpanel .row:nth-child(3){
        clear:none
    }
}
.toTop{
    display: none;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    right:12px;
    overflow:hidden;
    width:45px;
    height:52px;
    border:none;
    opacity:.5;
    z-index:99;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    border-radius:3px;
    background:#333
}
.toTop:focus,.toTop:hover{
    opacity:1
}
.toTop:after{
    display:block;
    /*content:'';*/
    font-family:fontello;
    color:#fff;
    width:45px;
    height:52px;
    text-align:center;
    font-size:26px;
    line-height:52px
}
@media only screen and (max-width:639px){
    .toTop{
        font-size:24px;
        bottom:12px
    }
    .toTop,.toTop:after{
        width:40px;
        height:50px
    }
    .toTop:after{
        line-height:50px
    }
}
.content.collapse{
    display:none
}
.content-usp{
    background:#f9f5f1
}
.content-usp .inner{
    position:relative;
    margin:0 auto;
    max-width:1020px;
    height:100%;
    padding:60px 0;
    overflow:hidden
}
.content-usp h3.headline{
    margin:8px 0 16px;
    color:#333;
    font-size:22px;
    text-align:center
}
.content-usp h4.subheadline{
    margin:8px 0 16px;
    font-size:30px;
    color:#ff8000;
    font-weight:600;
    line-height:1.5;
    text-align:center
}
.facebook{
    position:relative;
    background-color:#f9f5f1
}
.facebook .fb-like img{
    height:20px;
    display:none
}
.facebook .fb-like img.fb-show{
    display:block
}
.content-social{
    margin:0 auto;
    max-width:1020px;
    padding-top:60px
}
.content-social .facebook-headline{
    font-size:18px;
    text-align:center;
    color:#333
}
.content-social .fb-like{
    vertical-align:bottom;
    padding:12px;
    padding-top:22px;
    overflow:hidden;
    height:120px
}
@media only screen and (min-width:640px){
    .content-social .fb-like{
        padding-top:4px
    }
}
.content-social .fb-like iframe{
    width:100%
}
@media only screen and (min-width:640px){
    .content-social .facebook-headline{
        font-size:22px;
        text-align:left
    }
}
.steps-inner .listbox-boxes{
    display:block;
    box-sizing:border-box;
    min-height:265px;
    padding:45px 0 20px
}
.steps-inner .listbox-box{
    border:1px solid #f9f5f1;
    background:#fff;
    width:23.3333%;
    margin-left:5%;
    margin-right:5%;
    float:left;
    position:relative;
    min-height:260px;
    padding:16px;
    box-shadow:2px 2px 10px 0 hsla(0,0%,50%,.4)
}
@media only screen and (min-width:640px){
    .steps-inner .listbox-box{
        min-width:0;
        margin-left:16px;
        width:28%;
        margin-right:16px
    }
    .steps-inner .steps-btn-backward,.steps-inner .steps-btn-forward{
        display:none
    }
    .steps-inner .listbox-boxes{
        margin:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        padding:56px 0 24px
    }
}
@media only screen and (min-width:1020px){
    .steps-inner .listbox-box{
        width:30%;
        min-height:350px
    }
}
.steps-inner .listbox-icon{
    width:90px;
    height:90px;
    display:inline-block;
    border-radius:50%;
    background:#ff8000;
    text-align:center;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:-45px;
    box-shadow:2px 2px 10px 0 hsla(0,0%,50%,.4)
}
.steps-inner .listbox-icon:before{
    font-family:fontello;
    content:attr(data-icon);
    color:#fff;
    line-height:90px;
    font-size:45px
}
.listbox-headline{
    padding:60px 0 20px;
    margin:8px 0 16px;
    color:#333;
    font-size:18px;
    font-weight:600;
    text-align:center
}
.listbox-list li{
    padding-bottom:8px;
    list-style-type:none;
    font-size:15px
}
.listbox-list{
    display:block;
    width:100%
}
.listbox-list>li{
    text-align:left;
    padding:0 8px;
    background:#fff
}
.listbox-list>li:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    margin-right:4px
}
.listbox-list li{
    line-height:1.5;
    margin-left:35px;
    padding-bottom:16px
}
.listbox-list li:before{
    color:#ff8000;
    font-size:22px;
    margin-left:-35px;
    position:absolute
}
@media only screen and (max-width:640px){
    .listbox-slider-dots-wrap{
        height:10px;
        text-align:center
    }
    .listbox-slider-dots-wrap .listbox-slider-dots{
        display:inline-block;
        cursor:pointer;
        border-radius:50%;
        color:#fff;
        background-color:#fff;
        border:1px solid #cfcac4;
        margin:0 4px;
        font-size:15px;
        width:20px;
        height:20px;
        line-height:20px
    }
    .listbox-slider-dots-wrap .listbox-slider-dots.active{
        background-color:#ff8000;
        border:1px solid #ff8000
    }
    .listbox-slider-dots-wrap .listbox-slider-dots:before{
        font-family:fontello;
        font-weight:400;
        line-height:1
    }
    .listbox-slider-dots-wrap .listbox-slider-dots.disabled,.listbox-slider-dots-wrap .listbox-slider-dots.disabled:hover{
        cursor:default;
        background-color:#cfcac4
    }
    .listbox-slider-dots-wrap .listbox-slider-dots:active,.listbox-slider-dots-wrap .listbox-slider-dots:focus,.listbox-slider-dots-wrap .listbox-slider-dots:hover{
        background-color:#da611e
    }
    .listbox-slider-dots-wrap .listbox-slider-dots.listbox-dot-active:first-child{
        background:#ff8000;
        border:1px solid #ff8000
    }
    .listbox-btn-forward{
        text-align:center;
        cursor:pointer;
        color:#666;
        font-size:50px;
        width:50px;
        height:50px;
        line-height:50px;
        right:0
    }
    .listbox-btn-forward:before{
        content:"";
        font-family:fontello;
        font-weight:400;
        line-height:1
    }
    .listbox-btn-forward.disabled,.listbox-btn-forward.disabled:hover{
        cursor:default;
        color:#cfcac4
    }
    .listbox-btn-forward:active,.listbox-btn-forward:focus,.listbox-btn-forward:hover{
        color:#3595b4
    }
    .listbox-btn-backward{
        text-align:center;
        cursor:pointer;
        color:#666;
        font-size:50px;
        width:50px;
        height:50px;
        line-height:50px
    }
    .listbox-btn-backward:before{
        content:"";
        font-family:fontello;
        font-weight:400;
        line-height:1
    }
    .listbox-btn-backward.disabled,.listbox-btn-backward.disabled:hover{
        cursor:default;
        color:#cfcac4
    }
    .listbox-btn-backward:active,.listbox-btn-backward:focus,.listbox-btn-backward:hover{
        color:#3595b4
    }
    .listbox-btn{
        position:absolute;
        top:55%;
        z-index:7
    }
}
@media only screen and (max-width:599px) and (min-width:600px){
    .listbox-btn{
        display:none
    }
}
.content-vietnam .vietnam-inner{
    margin:0 auto;
    max-width:1020px;
    padding-top:20px;
    padding-bottom:20px;
    text-align:center
}
.content-vietnam .vietnam-inner a{
    display:inline-block;
    margin-right:20px
}
.content-vietnam .vietnam-inner img.dadangky{
    height:50px
}
@media only screen and (min-width:640px){
    .content-vietnam .vietnam-inner img.dadangky{
        height:70px
    }
}
.content-vietnam .vietnam-inner img.safeweb{
    height:40px
}
@media only screen and (min-width:640px){
    .content-vietnam .vietnam-inner img.safeweb{
        height:60px
    }
}
.step1 header .myaccount{
    margin:0 0 0 20px;
    height:auto
}
@media only screen and (min-width:640px){
    .step1 header .myaccount{
        margin:10px 0 0 20px;
        width:auto
    }
}
header .myaccount{
    position:relative;
    float:right;
    width:60px;
    height:60px;
    text-align:right
}
@media only screen and (min-width:640px){
    header .myaccount{
        margin:10px 0 0 8px
    }
}
header .myaccount .wrapper{
    display:block;
    width:50px;
    float:right
}
header .myaccount .button-myaccount{
    position:relative;
    padding:0 16px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    height:55px;
    font-size:12px;
    line-height:20px;
    top:5px;
    z-index:1;
    width:45px;
    margin:0 4px;
    padding:8px 0;
    border-radius:3px
}
header .myaccount .button-myaccount:hover{
    color:#333;
    background-color:#fff
}
header .myaccount .button-myaccount:before{
    content:"\E838";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    font-size:20px
}
@media only screen and (min-width:640px){
    header .myaccount .button-myaccount{
        position:relative;
        width:auto;
        border-radius:3px;
        padding:0 16px;
        text-align:center;
        cursor:pointer;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        color:#fff;
        font-size:15px;
        height:35px;
        -webkit-transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;
        transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        margin:0;
        background-color:rgba(0,0,0,.75);
        text-transform:none;
        box-shadow:0 2px 2px rgba(0,0,0,.2)
    }
    header .myaccount .button-myaccount,header .myaccount .button-myaccount:before{
        display:inline-block;
        line-height:35px
    }
}
.step1 header .logo .button-house{
    display:none
}
header .logo .button-house{
    position:relative;
    padding:0 16px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    height:55px;
    font-size:12px;
    line-height:20px;
    top:5px;
    z-index:1;
    width:45px;
    margin:0 4px;
    padding:8px 0;
    border-radius:3px
}
header .logo .button-house:hover{
    color:#333;
    background-color:#fff
}
header .logo .button-house:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    font-size:12px;
    float:left;
    position:absolute;
    top:23px;
    left:3px
}
header .logo .button-house:after{
    content:'';
    font-family:fontello;
    width:50%;
    display:flex;
    font-size:26px;
    position:absolute;
    top:18px;
    left:13px
}
@media only screen and (min-width:640px){
    header .logo .button-house,header .logo .button-house:before{
        display:none
    }
}
.select-dropdown{
    position:absolute;
    margin:0;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    transform:translateZ(0)
}
@media only screen and (min-width:640px){
    .select-dropdown{
        position:relative;
        float:right;
        margin:10px 0 0 20px;
        z-index:1;
        width:auto;
        min-width:1px;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        transition:min-width .3s ease .3s
    }
}
.select-dropdown .button-user{
    position:relative;
    padding:0 16px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    height:55px;
    font-size:0;
    line-height:20px;
    float:left;
    top:5px;
    width:45px;
    margin:0 4px;
    padding:8px 0;
    border-radius:3px
}
@media only screen and (min-width:640px){
    .select-dropdown .button-user{
        position:relative;
        border-radius:3px;
        padding:0 39px 0 10px;
        display:inline-block;
        cursor:pointer;
        user-select:none;
        appearance:none;
        color:#fff;
        font-size:15px;
        height:35px;
        line-height:35px;
        width:auto;
        min-width:50px;
        float:right;
        text-align:left;
        transition:min-width .3s ease .3s,background-color .3s ease,color .3s ease,box-shadow .3s ease,font-size .3s ease;
        transform:translateZ(0);
        margin:0;
        background-color:rgba(0,0,0,.75);
        text-transform:none;
        box-shadow:0 2px 2px rgba(0,0,0,.2)
    }
}
.select-dropdown .button-user:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    display:inline-block;
    font-size:20px;
    line-height:40px
}
@media only screen and (min-width:640px){
    .select-dropdown .button-user:before{
        margin-right:8px;
        line-height:33px
    }
}
@media only screen and (min-width:640px){
    .select-dropdown .button-user:after{
        content:"";
        font-family:fontello;
        font-weight:400;
        line-height:1;
        filter:"alpha(opacity=0)";
        -ms-filter:"alpha(opacity=0)";
        -moz-opacity:0;
        opacity:1;
        transition:opacity .3s ease .3s,transform .3s ease;
        position:absolute;
        top:50%;
        right:8px;
        margin-right:7px;
        -webkit-transform:translateY(-50%) rotate(180deg);
        transform:translateY(-50%) rotate(180deg);
        -webkit-transform-origin:50% 50%;
        transform-origin:50% 50%
    }
}
.select-dropdown.account .button-user{
    padding:0 30px 0 10px
}
.select-dropdown.account .button-user:after{
    margin-right:0
}
.select-dropdown.account .button-user:before{
    content:'\E838'
}
.corporate .button,.select-dropdown .button-login{
    background-color:rgba(0,0,0,.75);
    text-transform:none;
    box-shadow:0 2px 2px rgba(0,0,0,.2)
}
.select-dropdown.expanded{
    min-width:100%;
    z-index:2
}
.select-dropdown.expanded .menu{
    top:60px;
    max-height:650px;
    border-width:4px;
    transition:max-height .3s ease .3s,border .3s ease .3s;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
@media only screen and (min-width:640px){
    .select-dropdown.expanded .menu{
        top:40px
    }
}
.select-dropdown.expanded .button-user{
    color:#333;
    background-color:#fff;
    transition:min-width .3s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease,font-size .3s ease .3s;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
@media only screen and (min-width:640px){
    .select-dropdown.expanded .button-user:before{
        content:''
    }
}
@media only screen and (min-width:640px){
    .select-dropdown.expanded{
        min-width:200px;
        transition:min-width .3s ease;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.select-dropdown .button-login{
    position:relative;
    border-radius:3px;
    padding:0 16px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    font-size:15px;
    height:35px;
    line-height:35px;
    transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.corporate .button.active,.corporate .button:focus,.corporate .button:hover,.locale .button.active,.locale .button:active,.locale .button:focus,.locale .button:hover,.select-dropdown .button-login.active,.select-dropdown .button-login:active,.select-dropdown .button-login:focus,.select-dropdown .button-login:hover,.select-dropdown .button-user.active,.select-dropdown .button-user:active,.select-dropdown .button-user:focus,.select-dropdown .button-user:hover{
    color:#333;
    background-color:#fff
}
.select-dropdown .button-user-label-expanded{
    top:1;
    position:absolute;
    opacity:0;
    visibility:hidden
}
@media only screen and (min-width:640px){
    .select-dropdown .button-user-label-expanded{
        white-space:nowrap;
        filter:"alpha(opacity=0)";
        -ms-filter:"alpha(opacity=0)";
        -moz-opacity:0;
        opacity:0;
        visibility:hidden;
        transition:opacity .3s ease,font-size .3s ease;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@media only screen and (min-width:640px){
    .select-dropdown.expanded .button-user-label-expanded{
        filter:"alpha(opacity=100)";
        -ms-filter:"alpha(opacity=100)";
        -moz-opacity:1;
        opacity:1;
        visibility:visible;
        transition:opacity .3s ease .3s,font-size .3s ease .3s;
        font-size:15px;
        font-weight:600
    }
}
@media only screen and (min-width:640px){
    .select-dropdown.expanded .button-user{
        min-width:100%;
        border-radius:3px 3px 0 0;
        font-size:0;
        background-color:hsla(0,0%,100%,.75)
    }
}
.select-dropdown .button-login:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    display:inline-block;
    line-height:35px;
    margin-right:8px
}
.select-dropdown.expanded .button-user:after{
    transition:opacity .3s ease,transform .3s ease;
    -webkit-transform:translateY(-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0deg);
    font-size:15px;
    font-weight:600
}
.select-dropdown .button-user-img,.select-dropdown.expanded .button-user:after{
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
    -moz-opacity:1;
    opacity:1
}
.select-dropdown .button-user-img{
    transition:opacity .3s ease .3s;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    width:45px;
    height:45px;
    border-radius:100%;
    position:absolute;
    top:-5px;
    left:-12px;
    background:#f9f5f1
}
.select-dropdown.expanded .button-user-img{
    filter:"alpha(opacity=0)";
    -ms-filter:"alpha(opacity=0)";
    -moz-opacity:0;
    opacity:0;
    transition:opacity .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.select-dropdown .button-user-img:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    display:block;
    width:100%;
    line-height:45px;
    text-align:center;
    font-size:22px;
    color:#999
}
.select-dropdown .menu{
    border-bottom:4px solid #ff8000;
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    display:block;
    position:absolute;
    top:55px;
    left:0;
    width:100%;
    max-height:0;
    overflow-y:hidden;
    background:0 0;
    border-width:0;
    font-size:15px;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
@media only screen and (min-width:640px){
    .select-dropdown .menu{
        top:35px
    }
}
.select-dropdown .menu-userinfo{
    background:#fff;
    padding:16px 0;
    text-align:center;
    font-weight:700
}
.select-dropdown .menu ul{
    font-size:15px;
    width:100%
}
.select-dropdown .menu ul>li{
    line-height:50px;
    cursor:pointer;
    height:50px;
    padding:0 16px;
    border-bottom:1px solid #cfcac4;
    background:#fff
}
.select-dropdown .menu ul>li::hover{
    background-color:#ff8000
}
.select-dropdown .menu ul>li a{
    display:block;
    color:#666
}
.select-dropdown .menu ul>li a:hover{
    color:#50aecc
}
.step1 .select-dropdown.country,.step1 .select-dropdown.locale{
    display:block
}
.select-dropdown.locale{
    right:12%;
    display:none
}
@media only screen and (min-width:640px){
    .select-dropdown.locale{
        display:block;
        right:auto
    }
}
.select-dropdown.country{
    right:24%;
    display:none
}
@media only screen and (min-width:640px){
    .select-dropdown.country{
        display:block;
        right:auto
    }
}
.select-dropdown.locale .locale-flag:before{
    content:'';
    position:absolute;
    top:19px;
    left:11px;
    width:26px;
    height:18px;
    line-height:1
}
@media only screen and (min-width:640px){
    .select-dropdown.locale .locale-flag:before{
        top:8px
    }
}
.select-dropdown.locale .locale-flag-nl:before{
    background:url(/assets/images/flags/4x3/nl.svg);
    background-size:cover
}
.select-dropdown.locale .locale-flag-en:before{
    background:url(/assets/images/flags/4x3/gb.svg);
    background-size:cover
}
.select-dropdown.locale .locale-flag-de:before{
    background:url(/assets/images/flags/4x3/de.svg);
    background-size:cover
}
.select-dropdown.locale .locale-flag-de-at:before{
    background:url(/assets/images/flags/4x3/at.svg);
    background-size:cover
}
.select-dropdown.locale .locale-flag-ch:before{
    background:url(/assets/images/flags/4x3/ch.svg);
    background-size:cover
}
.select-dropdown.locale .locale-flag-fr:before{
    background:url(/assets/images/flags/4x3/fr.svg);
    background-size:cover
}
.select-dropdown.locale .locale-flag-pl:before{
    background:url(/assets/images/flags/4x3/pl.svg);
    background-size:cover
}
.select-dropdown.locale .locale-flag-pt:before{
    background:url(/assets/images/flags/4x3/pt.svg);
    background-size:cover
}
.select-dropdown.locale .locale-flag-vi:before{
    background:url(/assets/images/flags/4x3/vn.svg);
    background-size:cover
}
.select-dropdown.expanded-locale{
    right:0
}
.select-dropdown.expanded-locale .button-user{
    position:absolute;
    right:12%;
    border-radius:3px 3px 0 0
}
.select-dropdown.expanded-locale .button-user:before{
    content:' '
}
@media only screen and (min-width:640px){
    .select-dropdown.expanded-locale .button-user:before{
        content:''
    }
}
@media only screen and (min-width:640px){
    .select-dropdown.expanded-locale .button-user{
        position:relative;
        right:auto
    }
    .select-dropdown.expanded-locale .button-user:before{
        content:''
    }
}
.select-dropdown.expanded-country{
    right:0
}
.select-dropdown.expanded-country .button-user{
    position:absolute;
    right:24%;
    border-radius:3px 3px 0 0
}
@media only screen and (min-width:640px){
    .select-dropdown.expanded-country .button-user{
        position:relative;
        right:auto
    }
}
.smartbnr{
    position:fixed;
    height:79px;
    top:0;
    width:100%;
    background-color:#fff;
    margin-bottom:-6px;
    z-index:80;
    border-bottom:1px solid #eee
}
.smartbnr .clickbanner{
    display:block;
    height:100%
}
.smartbnr .logo{
    position:absolute;
    top:10px;
    left:3px;
    border-radius:5px
}
.smartbnr h2{
    position:absolute;
    top:10px;
    left:70px;
    font-size:12px;
    font-weight:700;
    font-family:arial;
    color:#424242;
    padding:0;
    border:0
}
.smartbnr .freedownload{
    font-size:12pt;
    top:38px
}
.smartbnr .appname,.smartbnr .freedownload{
    position:absolute;
    left:70px;
    color:#696969;
    text-shadow:1px 1px 0 #fff
}
.smartbnr .appname{
    font-size:10px;
    top:26px
}
.smartbnr .downloadnow{
    position:absolute;
    font-size:10px;
    top:38px;
    left:70px;
    color:#696969;
    text-shadow:1px 1px 0 #fff
}
.smartbnr .review-stars-range{
    position:absolute;
    top:55px;
    left:70px
}
.smartbnr .closeicon{
    position:absolute;
    right:5px;
    top:9px;
    z-index:99;
    width:28px;
    height:28px;
    border-radius:3px;
    border:1px solid #696969;
    color:#696969;
    text-align:center;
    line-height:28px;
    cursor:pointer
}
.smartbnr .closeicon:after{
    display:block;
    position:relative;
    content:'';
    font-family:fontello;
    font-weight:400;
    line-height:28px;
    font-size:11px
}
.smartbnr .downloadbtn{
    display:block;
    position:fixed;
    text-decoration:none;
    font-size:11px;
    top:43px;
    right:5px;
    border:1px solid #2bb8e4;
    border-radius:3px;
    background-color:#50aecc;
    padding:0 6px
}
.smartbnr .downloadbtn span{
    display:block;
    padding:4px;
    font-weight:700;
    color:#fff
}
.activesmartbanner .smartbnr h2{
    border:0
}
.activesmartbanner .userpanel .modal-wrapper,.activesmartbanner header{
    margin-top:79px
}
.activesmartbanner .dropdown-location-panel{
    margin-top:139px
}
.mobile-apps .main h1,.mobile-apps .main h2{
    color:#f80;
    letter-spacing:-2px;
    line-height:1em;
    margin-top:12px
}
.mobile-apps .main .mobiledevices img{
    float:left;
    max-width:859px;
    width:100%;
    margin-right:15px
}
.mobile-apps .main .mobiledevices .appbuttons img{
    max-width:217px;
    width:100%;
    margin-left:15px;
    margin-top:25px;
    margin-bottom:25px;
    float:left
}
.mobile-apps .main .mobiledevices p{
    font-family:opensans-regular,Helvetica,Arial;
    font-size:1.1em
}
.mobile-apps .main .mobiledevices li{
    background-image:url(/images/servicepages/mobile/li.png);
    background-repeat:no-repeat;
    color:#555;
    font-family:opensans-regular,Helvetica,Arial;
    font-size:14px;
    font-weight:400;
    line-height:24px;
    padding-left:30px
}
.mobile-apps .main .mobiledevices ol,.mobile-apps .main .mobiledevices ul{
    list-style:outside none none
}
.mobile-apps .main .downloadlink_box{
    background-color:#54aeca;
    border-radius:5px;
    padding:20px;
    font-family:opensans-regular,Helvetica,Arial;
    font-size:14px;
    font-weight:400;
    color:#fff
}
.mobile-apps .main .downloadlink_box h2{
    font-family:opensans-bold,Helvetica,Arial;
    font-size:26px;
    font-weight:400;
    letter-spacing:-1px;
    color:#fff;
    margin-bottom:24px
}
.mobile-apps .main .downloadlink_box small{
    font-size:12px
}
.submitbutton{
    width:100%
}
.notification{
    display:none;
    margin-bottom:10px;
    font-weight:700
}
.mobile-apps .main .downloadlink_box button{
    display:inline-block;
    font-family:opensans-bold,Helvetica,Arial;
    font-size:20px;
    font-weight:700;
    padding:5px;
    color:#fff;
    background-color:#f72718;
    background:-webkit-linear-gradient(#f82718,#c31f13);
    background:linear-gradient(#f82718,#c31f13);
    border:0 none;
    border-radius:5px;
    box-shadow:0 2px 2px 2px #4897af;
    cursor:pointer;
    outline:none;
    padding:12px;
    padding-left:30px;
    padding-right:30px
}
.mobile-apps .main .downloadlink_box button:hover{
    background-color:#e40a0a;
    background:-webkit-linear-gradient(#e30a0a,#9f0202);
    background:linear-gradient(#e30a0a,#9f0202)
}
.mobile-apps .main .downloadlink_box .textfield_form{
    background:none
}
.mobile-apps .main .downloadlink_box .textfield_form input{
    font-family:opensans-regular,Helvetica,Arial;
    font-size:20px;
    color:#000;
    background-repeat:repeat-x;
    background-color:#f6f6f6;
    border-radius:5px;
    border:1px solid #ccc;
    outline:none;
    padding:10px
}
.mobile-apps .main .downloadlink_box input:focus{
    background-image:none;
    background-color:#fff
}
.mobile-apps .main .inputfield{
    width:100%;
    margin-bottom:20px
}
@media only screen and (max-width:640px){
    .mobiledevices .grid-06.appbuttons{
        width:24.99%
    }
    .mobiledevices .off-01.appbuttons{
        margin-left:4.165%
    }
}
.mobile-apps .mobiledevices{
    margin-bottom:30px
}
.mobilepages .main h1{
    color:#f80;
    letter-spacing:-2px;
    line-height:1em;
    margin-top:12px
}
.mobilepages .main h2{
    color:#f80;
    font-size:1.3em;
    font-weight:600;
    padding-bottom:6px;
    margin-top:12px;
    margin-bottom:0;
    border-bottom:1px dotted #ccc
}
.mobilepages .main h3{
    font-size:1.1em;
    font-weight:600;
    margin:0;
    padding-top:12px
}
.mobilepages .image-holder{
    text-align:center
}
.mobilepages .phone-image{
    max-width:230px;
    width:30%
}
.mobilepages .off-01{
    margin-left:0
}
.mobilepages .downloadpanelapp .button_menu{
    width:100%
}
.mobilepages .downloadpanelapp .button_menu i{
    float:left;
    font-size:1.6em;
    line-height:40px;
    margin-right:10px
}
.mobilepages .only-mobile{
    display:block
}
.mobilepages .only-desktop{
    display:none
}
@media (min-width:640px){
    .mobilepages .main h1{
        font-size:2.6em;
        padding-bottom:12px
    }
    .mobilepages .main h2{
        font-size:1.4em
    }
    .mobilepages .downloadpanelapp .button_menu{
        width:auto;
        margin-top:30px;
        margin-bottom:10px
    }
    .mobilepages .only-mobile{
        display:none
    }
    .mobilepages .only-desktop{
        display:block
    }
    .mobilepages .phone-image{
        max-width:230px;
        width:100%
    }
}
@media only screen and (max-width:639px){
    body.activesmartbanner.step3{
        margin-top:190px
    }
}
@media only screen and (max-width:639px){
    body.hide-utilitybar.activesmartbanner .seopage{
        padding-top:10px
    }
}
@media only screen and (max-width:639px){
    body.hide-utilitybar.activesmartbanner.seopages.chains .content-listing.restaurant-listing.content-delivery:first-of-type{
        margin-top:70px
    }
}
@media only screen and (max-width:639px){
    body.hide-utilitybar.activesmartbanner.seopages .content-listing.restaurant-listing.content-delivery:first-of-type{
        margin-top:0
    }
}
@media only screen and (max-width:639px){
    body.hide-utilitybar.activesmartbanner.seopages .content-listing.restaurant-listing{
        margin-top:370px
    }
}
body.activesmartbanner.servicepages .content-listing{
    margin-top:0;
    padding:20px;
    font-size:13px
}
@media only screen and (max-width:639px){
    body.activesmartbanner.servicepages .content-listing{
        margin-top:360px
    }
}
.privacybanner_notice{
    display:none;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:999;
    text-align:center;
    min-width:280px;
    background-color:rgba(0,0,0,.65);
    color:#fff;
    padding:15px
}
.privacybanner_notice .description{
    margin-bottom:5px
}
.privacybanner_notice .button-close{
    margin-top:10px;
    color:#555;
    font-weight:600
}
.privacybanner_notice .button-close:before{
    margin-right:5px;
    font-size:16px
}
.privacybanner_notice .button-close:hover{
    background:#ddd
}
@media only screen and (min-width:640px){
    .privacybanner_notice .button-close{
        width:100px;
        align-self:center
    }
}
@media only screen and (min-width:640px){
    .privacybanner_notice{
        max-width:450px;
        right:0;
        margin-right:auto;
        margin-left:auto
    }
}
.privacybanner_notice.show{
    display:block
}
.step1 .cta{
    position:relative
}
.step1 .cta .cta-inner{
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    float:none;
    width:auto
}
@media only screen and (min-width:640px){
    .step1 .cta .cta-inner{
        margin-top:180px
    }
}
.step1 .cta .dropdown-transparent{
    margin-top:6px;
    font-size:16px
}
.step1 .cta .dropdown-location{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transition-delay:.25s;
    transition-delay:.25s
}
.step1 .cta .headlines{
    display:none
}
@media only screen and (max-width:639px){
    .step1 .cta .headlines{
        position:relative;
        display:block
    }
}
body.step1 .cta .headlines{
    display:none
}
@media only screen and (max-width:639px){
    body.step1 .cta .headlines{
        position:relative;
        display:block
    }
}
.cta{
    position:relative;
    margin:0 auto;
    overflow:hidden;
    height:60px
}
.cta .cta-inner{
    position:relative;
    text-align:center
}
@media only screen and (min-width:640px){
    .cta .cta-inner{
        margin-top:0px
    }
}
@media only screen and (min-width:640px){
    .cta .cta-inner .headline-xl-raised{
        margin:8px 0 0;
        line-height:46px
    }
}
.cta .dropdown-transparent{
    font-size:16px
}
@media only screen and (min-width:640px){
    .cta .dropdown-transparent{
        font-size:24px;
        line-height:30px
    }
}
.cta .dropdown-location{
    border-radius:3px;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    height:55px;
    padding:14px 12px;
    margin-top:5px;
    max-width:100%;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transition-delay:.25s;
    transition-delay:.25s
}
@media only screen and (min-width:640px){
    .cta .dropdown-location{
        width:auto;
        height:64px
    }
}
.cta .headlines{
    display:none
}
@media only screen and (min-width:640px){
    .cta .headlines{
        display:block
    }
    .cta .headlines div.headline-xl-raised{
        display:none
    }
}
@media only screen and (min-width:640px){
    .cta{
        overflow:visible;
        height:auto
    }
}
@media only screen and (max-width:639px){
    .cta .headline-xl-raised{
        margin:0
    }
    .cta .headline-xl-raised.headline,.cta .headline-xl-raised dt{
        display:none
    }
}
.cta.open{
    z-index:5
}
body.step1 .cta{
    position:relative;
    margin-top:100px;
    overflow:visible
}
@media only screen and (min-width:640px){
    body.step1 .cta .cta-inner{
        margin-top:80px
    }
}
body.step1 .cta .headlines{
    display:block
}
body.step1 .cta .headlines .headline-xl-raised{
    font-size:25px;
    line-height:55px
}
@media only screen and (min-width:640px){
    body.step1 .cta .headlines .headline-xl-raised{
        font-size:42px;
        line-height:32px
    }
}
body.step1 .cta .headlines .headline-xl-raised span{
    color:#fff;
    padding:4px 0;
    background:#261e1e;
    box-shadow:8px 0 0 #261e1e,-8px 0 0 #261e1e
}
body.step1 .cta .headlines .headline{
    display:block;
    font-size:22px;
    line-height:30px;
    margin-bottom:24px
}
@media only screen and (min-width:640px){
    body.step1 .cta .headlines .headline{
        font-size:30px;
        line-height:70px;
        margin-bottom:4px
    }
}
body.step1 .cta .dropdown-location{
    display:none
}
.locationpanel{
    position:relative;
    text-align:center;
    border-radius:3px;
    background:hsla(0,0%,100%,.85);
    width:96%;
    max-width:650px;
    margin:0 auto;
    padding:8px
}
.locationpanel .deliveryareapanel{
    text-align:left;
    height:55px
}
.locationpanel .deliveryareapanel.nopc.tabbed{
    height:146px
}
@media only screen and (min-width:640px){
    .locationpanel .deliveryareapanel.nopc.tabbed{
        height:85px
    }
}
.locationpanel .deliveryareapanel.nopc{
    height:114px
}
@media only screen and (min-width:640px){
    .locationpanel .deliveryareapanel.nopc{
        height:55px
    }
}
.locationpanel .deliveryareapanel.nopc select{
    cursor:pointer;
    -moz-appearance:none
}
.locationpanel .deliveryareapanel.nopc ul#deliverytabbed{
    list-style:none
}
.locationpanel .deliveryareapanel.nopc ul#deliverytabbed li{
    float:left;
    margin-right:4px;
    border-bottom:1px solid #777;
    padding-bottom:2px;
    margin-bottom:8px
}
.locationpanel .deliveryareapanel.nopc ul#deliverytabbed li a{
    color:#777
}
.locationpanel .deliveryareapanel.nopc ul#deliverytabbed li.selected a{
    color:#ff8000
}
.locationpanel .deliveryareapanel.nopc ul#deliverytabbed li.selected{
    border-bottom:1px solid #ff8000
}
.locationpanel .deliveryareapanel.nopc .addresspulldown,.locationpanel .deliveryareapanel.nopc .addresspulldown_popup,.locationpanel .deliveryareapanel.nopc .citydistrictpulldowns{
    clear:both
}
.locationpanel .deliveryareapanel.nopc #idistrictpulldown div.pulldown_form{
    float:right
}
@media only screen and (min-width:640px){
    .locationpanel .deliveryareapanel.nopc #idistrictpulldown div.pulldown_form{
        float:left;
        margin-left:8px
    }
}
.locationpanel .deliveryareapanel.nopc div.pulldown_form select::-ms-expand{
    display:none
}
.locationpanel .deliveryareapanel.nopc div.pulldown_form{
    float:left;
    width:49%;
    margin-bottom:4px
}
@media only screen and (min-width:640px){
    .locationpanel .deliveryareapanel.nopc div.pulldown_form{
        float:left;
        width:34%
    }
}
.locationpanel .deliveryareapanel.nopc div.pulldown_form select{
    width:100%;
    height:55px;
    font-size:16px;
    background:#fff;
    border:1px solid #999;
    border-radius:3px;
    padding:8px 16px
}
.locationpanel .deliveryareapanel.nopc .addresspulldown_popup div.pulldown_form,.locationpanel .deliveryareapanel.nopc .addresspulldown div.pulldown_form{
    width:100%
}
@media only screen and (min-width:640px){
    .locationpanel .deliveryareapanel.nopc .addresspulldown_popup div.pulldown_form,.locationpanel .deliveryareapanel.nopc .addresspulldown div.pulldown_form{
        width:70%;
        margin-bottom:0
    }
}
.locationpanel .deliveryareapanel.nopc .submitBtn{
    width:100%
}
@media only screen and (min-width:640px){
    .locationpanel .deliveryareapanel.nopc .submitBtn{
        width:29.4%;
        float:right
    }
}
.locationpanel input{
    font-family:Open Sans,sans-serif;
    background:#fff;
    -webkit-appearance:none;
    width:100%;
    height:55px;
    font-size:16px;
    border-radius:3px;
    text-align:left;
    padding-left:14px
}
.locationpanel .inputs{
    display:inline-block;
    vertical-align:top;
    width:66.5%
}
@media only screen and (min-width:640px){
    .locationpanel .inputs{
        width:70%
    }
}
.locationpanel button .submit{
    display:block;
    font-family:Open Sans,sans-serif;
    text-align:center;
    text-transform:uppercase;
    padding:0 0 3px;
    cursor:pointer;
    border-radius:3px;
    font-size:22px;
    font-weight:600;
    background-color:#50aecc;
    color:#fff;
    border:1px solid #50aecc;
    width:100%;
    height:55px;
    margin-left:3px
}
.autocompletesearch:before{
    content:"";
    position:absolute;
    padding:0;
    display:block;
    background-image:url(../images/powered_by_google_on_white.png);
    background-position:100%;
    background-repeat:no-repeat;
    background-size:85px 10px;
    width:85px;
    height:10px;
    top:8px;
    right:8px;
    z-index:1;
    opacity:0
}
.locationpanel.selected .inputs{
    width:100%;
    -webkit-transition:all .1s linear;
    transition:all .1s linear
}
.locationpanel.selected .inputs .autocompletesearch:before{
    opacity:1;
    transition:opacity .5s linear
}
.locationpanel.selected .submitBtn{
    display:none
}
.deliveryareapanel #ideliveryareaerror{
    padding:12px;
    border-radius:5px;
    z-index:200;
    font-weight:600;
    background-color:rgba(58,58,58,.8);
    color:#fff;
    font-size:13px;
    margin-top:30px;
    display:none;
    text-align:center;
    position:absolute;
    margin-right:2%
}
@media only screen and (min-width:640px){
    .deliveryareapanel #ideliveryareaerror{
        margin-left:auto;
        margin-right:auto;
        font-size:14px;
        padding:20px;
        width:635px;
        width:100%;
        max-width:522px
    }
}
.deliveryareapanel.nopc #ideliveryareaerror{
    margin-top:100px
}
.deliveryareapanel .autoCompleteWrap{
    position:relative;
    clear:both
}
.deliveryareapanel .autoCompleteDropDown{
    position:absolute;
    top:-2px;
    left:0;
    z-index:10;
    display:none;
    background-color:#fff;
    width:100%;
    min-height:50px;
    border-radius:0 0 5px 5px;
    padding:6px;
    border:1px solid #50aecc;
    border-top:0;
    box-shadow:0 6px 8px 0 rgba(0,0,0,.25)
}
@media only screen and (min-width:640px){
    .deliveryareapanel .autoCompleteDropDown{
        top:-9px
    }
}
.deliveryareapanel .autoCompleteDropDown .skip{
    padding:10px;
    color:#333;
    font-weight:600
}
.deliveryareapanel .autoCompleteDropDown .notice{
    border:1px solid rgba(80,170,221,.44);
    background-color:rgba(80,170,221,.09);
    padding:9px;
    margin:0 20px 10px 19px;
    border-radius:3px;
    color:#50aecc
}
.deliveryareapanel .autoCompleteDropDown .CloseBtnIcon,.deliveryareapanel .autoCompleteDropDown h1{
    display:none
}
.deliveryareapanel .autoCompleteDropDown div.suggestions{
    display:none;
    padding:10px;
    font-size:12px;
    font-weight:600
}
.deliveryareapanel .submitBtn{
    display:inline-block;
    width:32%;
    overflow:hidden
}
@media only screen and (min-width:640px){
    .deliveryareapanel .submitBtn{
        width:29.3%
    }
}
.deliveryareapanel .submitBtn span{
    color:#fff;
    font-size:12px;
    line-height:35px
}
@media only screen and (min-width:640px){
    .deliveryareapanel .submitBtn span{
        font-size:18px
    }
}
@media only screen and (min-width:980px){
    .deliveryareapanel .submitBtn .deliveryareapanel .submitBtn{
        margin-left:1%
    }
}
.deliveryareapanel .item{
    display:block;
    color:#a4a4a4;
    text-align:left;
    text-decoration:none;
    transition:all .4s ease 0s
}
.deliveryareapanel .item:focus{
    border:none;
    outline:none
}
.deliveryareapanel .item span{
    display:block;
    padding:9px;
    font-size:14px
}
.deliveryareapanel .item span:hover{
    background-color:#f6f6f6;
    color:#333
}
.deliveryareapanel .geolocation{
    position:relative
}
.deliveryareapanel .geolocation span:after{
    content:'\E91C';
    font-family:fontello;
    font-size:17pt;
    position:absolute;
    top:5px;
    margin-left:6px
}
.deliveryareapanel a.button{
    height:55px;
    text-decoration:none;
    overflow:hidden;
    line-height:56px
}
.deliveryareapanel a.selected{
    background-color:#f6f6f6;
    color:#50aecc
}
.deliveryareapanel a.selected span:before{
    content:'\E84B';
    font-family:fontello;
    float:right;
    transition:all .8s ease 0s
}
.deliveryareapanel:after{
    clear:both
}
.deliveryareapanel .suggestions-location{
    display:none
}
.deliveryareapanel .suggestions-location span{
    color:#f76161;
    display:inline-block;
    padding-bottom:2px;
    margin-bottom:4px;
    padding-left:9px
}
@media only screen and (max-width:639px){
    .fullscreen .deliveryareapanel .autoCompleteDropDown{
        padding:0
    }
}
@media only screen and (min-width:640px){
    .step1 div#ideliveryareaerror{
        max-width:635px
    }
}
body.step1 .autoCompleteDropDown .notice{
    margin:0 0 10px
}
.dropdown{
    font-size:13px;
    color:#666;
    border:1px solid #ccc;
    padding-left:5px;
    padding-right:5px;
    width:100%;
    background:#fff;
    border-radius:0;
    border-bottom:2px solid #ff8000;
    margin-bottom:20px
}
.dropdown .item{
    color:#333;
    line-height:30px;
    height:30px
}
.dropdown .item a{
    color:#333
}
.dropdown .item:hover{
    background-color:#efefef;
    height:30px
}
.dropdown .item span a{
    color:#333;
    font-size:13;
    height:20px
}
.postcode{
    text-align:center;
    color:#fff
}
.postcode .headline{
    font-size:9px;
    text-transform:uppercase;
    font-weight:700
}
@media only screen and (min-width:980px){
    .postcode .headline{
        margin:8px 0;
        font-size:30px;
        line-height:54px;
        font-weight:400;
        text-align:center
    }
}
@media only screen and (min-width:980px){
    .postcode .headline span{
        position:relative;
        display:inline;
        background:#261e1e;
        box-shadow:8px 0 0 #261e1e,-8px 0 0 #261e1e;
        color:#fff;
        padding:4px 0;
        text-transform:initial
    }
}
@media only screen and (min-width:980px){
    .postcode{
        display:block;
        position:absolute;
        width:500px;
        margin:0 auto;
        left:0;
        right:0;
        top:80px
    }
    .postcode,.postcode .locationpanel .deliveryareapanel{
        height:auto
    }
    .postcode .deliveryareapanel .autoCompleteDropDown{
        position:relative;
        top:auto;
        left:auto;
        padding-bottom:24px
    }
    .postcode .dropdown-transparent.selected{
        width:500px;
        background:hsla(0,0%,100%,.75);
        -webkit-transition:background .5s ease;
        transition:background .5s ease;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    .postcode .dropdown-transparent .atom-dropdown-text{
        text-align:center;
        display:block
    }
    .postcode .dropdown-location-panel{
        position:absolute;
        top:125px;
        width:500px;
        height:auto;
        border-bottom:4px solid #ff8000
    }
    .postcode .deliveryareapanel .autoCompleteDropDown a.item span{
        font-size:14px
    }
}
.postcode.active .dropdown-transparent .atom-dropdown-text{
    border:0
}
.cta #dropdown-location .atom-dropdown-text{
    opacity:0;
    transition:opacity .5s ease
}
.cta.dropdown-transparent.selected{
    background:hsla(0,0%,100%,.75)
}
.cta .dropdown-location.selected{
    padding:14px 12px;
    border-radius:0 0 3px 3px;
    width:100%;
    left:0;
    position:fixed;
    z-index:15
}
@media only screen and (min-width:640px){
    .cta .dropdown-location.selected{
        border-radius:3px 3px 0 0;
        width:560px;
        background:#fff;
        left:auto;
        position:relative;
        z-index:1
    }
}
.cta .dropdown-location.selected .atom-dropdown-text{
    border-bottom:0
}
.dropdown-location-panel{
    display:none;
    position:fixed;
    top:58px;
    left:0;
    background-color:#fff;
    width:100%;
    height:3000px;
    overflow:hidden;
    padding-top:12px;
    z-index:5
}
.dropdown-location-panel-nopc{
    padding-bottom:16px;
    box-shadow:0 0 8px rgba(51,51,51,.41)
}
@media only screen and (max-width:639px){
    .dropdown-location-panel-nopc{
        margin-top:0!important
    }
}
.dropdown-location .atom-dropdown-icon{
    overflow:hidden
}
.dropdown-location.selected .atom-dropdown-icon{
    float:right;
    margin-right:7px
}
.dropdown-location.selected .atom-dropdown-label{
    text-align:left;
    padding-left:10px
}
.dropdown-location-panel.selected{
    display:block;
    -webkit-transition:background .3s ease;
    transition:background .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    transition-delay:initial!important;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:640px){
    .dropdown-location-panel.selected{
        width:560px;
        margin-right:auto;
        margin-left:auto;
        top:auto;
        left:0;
        right:0;
        height:auto;
        overflow:visible;
        position:initial;
        padding-top:0
    }
}
@media only screen and (min-width:640px){
    .dropdown-location-panel.selected .submitBtn{
        width:29.2%
    }
}
@media only screen and (min-width:640px){
    .dropdown-location-panel.selected .autoCompleteDropDown{
        left:-19px;
        width:560px;
        padding:18px
    }
}
@media only screen and (min-width:640px){
    .dropdown-location-panel.selected a.item{
        padding:0 10px;
        padding:0
    }
}
.postcode .dropdown-location-panel .locationpanel{
    padding:0;
    padding-top:8px
}
.postcode .dropdown-location-panel .textfield_form input{
    border:1px solid #e0e0e0
}
.dropdown-location-panel .locationpanel.selected .submitBtn{
    visibility:hidden;
    height:0;
    padding:0;
    margin:0;
    display:inherit;
    padding:2px
}
.dropdown-location-panel .deliveryareapanel .autoCompleteDropDown{
    box-shadow:none;
    border:none
}
@media only screen and (min-width:640px){
    .dropdown-location-panel .deliveryareapanel .autoCompleteDropDown{
        box-shadow:0 6px 8px 0 rgba(0,0,0,.25)
    }
}
.dropdown-location-panel .deliveryareapanel .autoCompleteWrap{
    margin-top:12px
}
.dropdown-location-panel .autoCompleteToolbar{
    display:none
}
div.pulldown_form{
    position:relative
}
div.pulldown_form:after{
    /*content:'';*/
    top:0;
    right:10px;
    position:absolute;
    font-family:fontello;
    line-height:1;
    top:50%;
    transform:translateY(-50%) rotate(180deg);
    pointer-events:none
}
@media only screen and (max-width:639px){
    .cta .headlines{
        display:block
    }
    .cta .dropdown-transparent{
        padding:0;
        display:block
    }
    .cta .dropdown-transparent .atom-dropdown-label{
        text-align:center
    }
    .cta .dropdown-transparent.selected .atom-dropdown-label{
        text-align:left
    }
    .cta .dropdown-transparent .atom-dropdown-text{
        border-bottom:0
    }
    .cta .dropdown-location.selected{
        display:block;
        padding:0
    }
    .cta span.atom-dropdown-text{
        position:relative
    }
    .cta span.atom-dropdown-text:after{
        content:' ';
        width:100%;
        height:1px;
        background-color:#fff;
        position:absolute;
        bottom:10px;
        left:0;
        margin:0 auto
    }
}
.deliveryareapanelpopupmode .autoCompleteDropDown{
    box-shadow:none;
    padding:0;
    border:none;
    border-radius:none
}
@media only screen and (min-width:640px){
    .deliveryareapanelpopupmode .autoCompleteDropDown{
        position:relative
    }
}
.deliveryareapanelpopupmode .deliverypanel{
    margin-bottom:12px
}
@media only screen and (max-width:639px){
    .cta-pickup .headline-xl-raised dt{
        line-height:34px
    }
    .cta-pickup .headline-xl-raised span.atom-dropdown-switch-delivery,.cta-pickup .headline-xl-raised span.atom-dropdown-switch-pickup{
        background:rgba(0,0,0,.75);
        border-radius:3px;
        padding:0 4px;
        color:#9a9998
    }
    .cta-pickup .headline-xl-raised span.atom-dropdown-switch-delivery.switch-active,.cta-pickup .headline-xl-raised span.atom-dropdown-switch-pickup.switch-active{
        color:#fff
    }
}
.cta .dropdown-location.dropdown-switch-active{
    width:70%
}
.cta .dropdown-location.dropdown-switch-active.selected{
    width:100%
}
@media screen and (min-width:400px){
    .cta .dropdown-location.dropdown-switch-active{
        width:75%
    }
}
@media only screen and (min-width:640px){
    .cta .dropdown-location.dropdown-switch-active{
        width:auto
    }
}
.cta-pickup .dropdown-location.dropdown-switch-active.selected{
    width:560px
}
@media only screen and (max-width:639px){
    .cta-pickup .dropdown-location.dropdown-switch-active{
        width:60%
    }
}
body.landingpages .atom-dropdown-switch-delivery,body.landingpages .atom-dropdown-switch-pickup,body.seopages .atom-dropdown-switch-delivery,body.seopages .atom-dropdown-switch-pickup,body.servicepages .atom-dropdown-switch-delivery,body.servicepages .atom-dropdown-switch-pickup{
    display:none
}
@media only screen and (max-width:639px){
    body.landingpages .cta-pickup .dropdown-location.dropdown-switch-active,body.seopages .cta-pickup .dropdown-location.dropdown-switch-active,body.servicepages .cta-pickup .dropdown-location.dropdown-switch-active{
        width:100%
    }
}
span.atom-dropdown-switch-delivery{
    display:inline-block;
    overflow:hidden;
    margin-top:5px;
    height:55px;
    font-size:16px;
    margin-left:8px;
    transition:all .3s ease;
    color:#fdd4ac;
    cursor:pointer
}
span.atom-dropdown-switch-delivery.blow{
    transition:all .3s ease;
    transform:scale(2.3)
}
span.atom-dropdown-switch-delivery:before{
    /*content:'';*/
    font-family:fontello;
    padding-bottom:8px;
    padding-left:12px;
    padding-right:12px
}
span.atom-dropdown-switch-delivery.switch-active{
    color:#fff
}
span.atom-dropdown-switch-delivery.switch-active:before{
    border-bottom:1px solid #fff
}
span.atom-dropdown-switch-pickup{
    display:inline-block;
    overflow:hidden;
    margin-top:5px;
    height:55px;
    font-size:16px;
    transition:all .3s ease;
    color:#fdd4ac
}
span.atom-dropdown-switch-pickup.blow{
    transition:all .3s ease;
    transform:scale(2.3)
}
span.atom-dropdown-switch-pickup:before{
    content:'';
    font-family:fontello;
    padding-bottom:8px;
    padding-left:12px;
    padding-right:12px
}
span.atom-dropdown-switch-pickup.switch-active{
    color:#fff
}
span.atom-dropdown-switch-pickup.switch-active:before{
    border-bottom:1px solid #fff
}
@media only screen and (min-width:640px){
    span.atom-dropdown-switch-delivery,span.atom-dropdown-switch-pickup{
        position:absolute;
        font-size:30px;
        color:#fff;
        margin-top:2px;
        text-shadow:1px 2px 2px #000
    }
    span.atom-dropdown-switch-pickup{
        margin-left:50px
    }
}
.deliveryareapanelpopupmode #isearchstring2{
    margin-left:8px
}
@media only screen and (max-width:639px){
    header .myaccount{
        position:absolute;
        top:0;
        right:0
    }
    header .logo{
        position:absolute;
        top:0;
        left:0
    }
    header .cta{
        overflow:inherit;
        height:auto;
        margin:0 12px
    }
    header .cta .headline-xl-raised{
        font-size:20px
    }
    header .cta .headline-xl-raised dt{
        display:block
    }
    header .cta .cta-inner{
        /*margin-top:20px !important;*/
    }
    header .cta .cta-inner .title-delivery{
        max-width:80%;
        height:35px;
        display:inline-block;
        overflow:hidden;
        overflow-wrap:break-word;
        margin:0 auto;
        white-space:nowrap;
        text-overflow:ellipsis;
        line-height:30px
    }
    header .cta .cta-inner .title-delivery.hidden{
        display:none
    }
    header .cta .dropdown-transparent{
        display:inline-block;
        min-width:50%;
        font-size:20px;
        padding:2px 12px;
        margin-top:0;
        background:rgba(0,0,0,.75)
    }
    header .cta .dropdown-location.selected{
        top:5px;
        background:#fff
    }
}
.textcontent .textcontent-text h3{
    margin:8px 0 16px;
    font-weight:400;
    color:#333;
    font-size:1.4rem;
    line-height:1.6rem;
    text-align:left
}
.wrapper-content-tabslider-seo,.wrapper-content-trustedseals{
    background:#f9f5f1
}
.tabslider{
    font-size:15px;
    position:relative;
    overflow:hidden
}
.wrapper-content-inner{
    position:relative;
    margin:0 auto;
    max-width:1020px;
    height:100%;
    padding:60px 0
}
.tabslider h3{
    font-weight:400;
    color:#333;
    font-size:1.4rem;
    line-height:1.6rem
}
.tabslider h2,.tabslider h3{
    margin:8px 0 16px;
    text-align:center
}
.tabslider h2{
    font-size:2rem;
    line-height:2.4rem;
    color:#ff8000;
    font-weight:600
}
.tabslider .tabslider-navi{
    display:inline-block;
    width:100%;
    padding:24px 16px 0;
    color:#333;
    border-bottom:1px solid #cfcac4
}
.tabslider *{
    box-sizing:border-box
}
.tabslider .tabslider-navi li.active,.tabslider .tabslider-navi li.active a,.tabslider .tabslider-navi li:active,.tabslider .tabslider-navi li:active a,.tabslider .tabslider-navi li:hover,.tabslider .tabslider-navi li:hover a{
    color:#ff8000
}
.tabslider .tabslider-navi li.active:after{
    background:#ff8000;
    width:100%;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.tabslider .tabslider-navi li:after{
    content:'';
    display:block;
    height:2px;
    margin:auto;
    width:100%;
    position:relative;
    top:10px;
    -webkit-transform:scale(.1);
    transform:scale(.1);
    color:#fff;
    background:#ff8000
}
.tabslider .tabslider-navi li{
    display:inline-block;
    margin:8px 16px;
    border-bottom:2px solid transparent;
    cursor:pointer
}
.tabslider .tabslider-navi li a{
    color:#333;
    padding:8px
}
.tabslider .tabslider-btn-backward{
    left:0
}
.tabslider .tabslider-btn-backward,.tabslider .tabslider-btn-forward{
    text-align:center;
    cursor:pointer;
    color:#666;
    font-size:50px;
    width:50px;
    height:50px;
    line-height:50px
}
.tabslider .tabslider-btn-forward{
    right:0
}
.tabslider .tabslider-btn-backward:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.tabslider .tabslider-btn-forward:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
@media only screen and (max-width:1019px){
    .textcontent .textcontent-text{
        width:100%;
        text-align:center
    }
    .textcontent .textcontent-text h3{
        text-align:center
    }
    .wrapper-content-inner{
        padding:60px 20px
    }
    .textcontent{
        text-align:center;
        display:block
    }
    .tabslider ul.seolinks-content .tabslider-grid-img,.tabslider ul.seolinks-content div{
        display:none
    }
    .tabslider ul.seolinks-content{
        width:100%;
        margin-top:4%
    }
    .tabslider ul.seolinks-content .tabslider-link-text{
        line-height:1.5;
        display:table;
        text-align:justify;
        cursor:pointer;
        color:#50aecc
    }
    .tabslider ul.seolinks-content li.grid,.tabslider ul.seolinks-content li.list{
        height:35px;
        margin:0 auto;
        display:table
    }
    .tabslider .tabslider-navi{
        width:1999px;
        padding:0 200px;
        overflow:hidden;
        position:relative
    }
}
@media only screen and (min-width:1020px){
    .tabslider .tabslider-btn{
        display:none
    }
    .tabslider ul.seolinks-content li.list{
        width:50%;
        height:60px;
        color:#666;
        padding:2%;
        float:left;
        list-style:none;
        text-align:center
    }
    .tabslider ul.seolinks-content .grid .tabslider-links:hover:before{
        opacity:.3
    }
    .tabslider ul.seolinks-content .grid .tabslider-links:before{
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:3px;
        top:0;
        background:#333;
        opacity:.6
    }
    .tabslider ul.seolinks-content li.grid .tabslider-link-text{
        position:absolute;
        left:50%;
        transform:translate(-50%,-50%);
        font-weight:500;
        text-align:center;
        word-wrap:break-word;
        width:80%;
        font-size:18px;
        top:50%;
        color:#fff
    }
    .tabslider ul.seolinks-content li.grid{
        display:inline-block;
        position:relative;
        margin:12px
    }
    .tabslider ul.seolinks-content{
        width:100%;
        margin-top:16px
    }
}
.tabslider .tabslider-btn{
    position:absolute;
    top:275px
}
.tabslider .visible{
    display:block!important
}
.tabslider ul{
    display:none
}
.tabslider .yd-tabslider-cities-empty{
    background-position:-1125px 0;
    background:none
}
.tabslider .yd-tabslider-cities-hamburg{
    background-position:-1125px 0
}
.tabslider .yd-tabslider-cities-koeln{
    background-position:-225px -160px
}
.tabslider li div{
    display:inline-block;
    background:url(/assets/images/tabslider/tabslider.jpg) no-repeat;
    overflow:hidden;
    text-indent:-9999px;
    text-align:left;
    width:225px;
    height:160px
}
.tabslider li .yd-tabslider-cities-hamburg{
    background-position:-1125px 0
}
.tabslider li .yd-tabslider-cities-berlin{
    background-position:0 0
}
.tabslider li .yd-tabslider-cities-koeln{
    background-position:-225px -160px
}
.tabslider li .yd-tabslider-cities-bremen{
    background-position:-225px 0
}
.tabslider li .yd-tabslider-cities-muenchen{
    background-position:-900px -160px
}
.tabslider li .yd-tabslider-cities-essen{
    background-position:-450px 0
}
.tabslider li .yd-tabslider-cities-frankfurt{
    background-position:-675px 0
}
.tabslider li .yd-tabslider-cities-warszawa{
    background-position:0 -320px
}
.tabslider li .yd-tabslider-cities-krakow{
    background-position:-450px -160px
}
.tabslider li .yd-tabslider-cities-wroclaw{
    background-position:-225px -320px
}
.tabslider li .yd-tabslider-cities-poznan{
    background-position:-1125px -160px
}
.tabslider li .yd-tabslider-cities-katowice{
    background-position:0 -160px
}
.tabslider li .yd-tabslider-cities-gdansk{
    background-position:-900px 0
}
.tabslider li .yd-tabslider-cities-lodz{
    background-position:-675px -160px
}
.tabslider li .yd-tabslider-kitchen-types-polish{
    background-position:-675px -800px
}
.tabslider li .yd-tabslider-kitchen-types-italian{
    background-position:0 -800px
}
.tabslider li .yd-tabslider-kitchen-types-indian{
    background-position:-1125px -640px
}
.tabslider li .yd-tabslider-kitchen-types-japanese{
    background-position:-225px -800px
}
.tabslider li .yd-tabslider-kitchen-types-chinese{
    background-position:-450px -640px
}
.tabslider li .yd-tabslider-kitchen-types-mexican{
    background-position:-450px -800px
}
.tabslider li .yd-tabslider-kitchen-types-greek{
    background-position:-900px -640px
}
.tabslider li .yd-tabslider-kitchen-types-asian{
    background-position:-225px -640px
}
.tabslider li .yd-tabslider-food-types-pizza{
    background-position:-450px -480px
}
.tabslider li .yd-tabslider-food-types-sushi{
    background-position:0 -640px
}
.tabslider li .yd-tabslider-food-types-kebap{
    background-position:-1125px -320px
}
.tabslider li .yd-tabslider-food-types-chinese{
    background-position:-675px -320px
}
.tabslider li .yd-tabslider-food-types-pierogi{
    background-position:-225px -480px
}
.tabslider li .yd-tabslider-food-types-salad{
    background-position:-900px -480px
}
.tabslider li .yd-tabslider-food-types-burger{
    background-position:-450px -320px
}
.tabslider li .yd-tabslider-food-types-home-dinners{
    background-position:-900px -320px
}
.tabslider li .yd-tabslider-kitchen-types-german{
    background-position:-675px -640px
}
.tabslider li .yd-tabslider-food-types-pommes{
    background-position:-675px -480px
}
.tabslider li .yd-tabslider-food-types-pasta{
    background-position:0 -480px
}
.tabslider li .yd-tabslider-food-types-schnitzel{
    background-position:-1125px -480px
}
.tabslider li .yd-tabslider-recommendation-3eur-gutschein{
    background-position:-1125px -960px
}
.tabslider li .yd-tabslider-recommendation-24-stunden-lieferservice{
    background-position:-900px -960px
}
.tabslider li .yd-tabslider-recommendation-nachtlieferservice{
    background-position:-450px -1120px
}
.tabslider li .yd-tabslider-recommendation-lieferando-de-werbung{
    background-position:-225px -1120px
}
.tabslider li .yd-tabslider-recommendation-vorteile-von-lieferando-de{
    background-position:-675px -1120px
}
.tabslider li .yd-tabslider-recommendation-lieferando-de-apps{
    background-position:0 -1120px
}
.tabslider li .yd-tabslider-moreinfo-essen-bestellen{
    background-position:-1125px -800px
}
.tabslider li .yd-tabslider-moreinfo-lieferservice{
    background-position:-450px -960px
}
.tabslider li .yd-tabslider-moreinfo-lieferdienst{
    background-position:-225px -960px
}
.tabslider li .yd-tabslider-moreinfo-bestellservice{
    background-position:-900px -800px
}
.tabslider li .yd-tabslider-moreinfo-heimservice{
    background-position:0 -960px
}
.tabslider li .yd-tabslider-moreinfo-zur-plz-suche{
    background-position:-675px -960px
}
.content-blog .content-inner{
    position:relative;
    margin:0 auto;
    max-width:1020px;
    height:100%;
    padding:60px 0
}
.content-blog .content-inner h3{
    margin:8px 0 16px;
    font-weight:400;
    color:#333;
    font-size:1.4rem;
    line-height:1.6rem;
    text-align:center
}
@media only screen and (min-width:980px){
    .content-blog .content-inner h3{
        text-align:left
    }
}
.content-blog .content-inner .textcontent-img{
    text-align:center
}
@media only screen and (min-width:980px){
    .content-blog .content-inner .textcontent-img{
        text-align:right
    }
}
.content-blog .content-inner .textcontent-img img{
    max-width:300px;
    width:100%
}
@media only screen and (min-width:980px){
    .content-blog .content-inner .textcontent-img img{
        max-width:400px
    }
}
.content-blog .content-inner div a{
    text-align:center;
    display:block
}
@media only screen and (min-width:980px){
    .content-blog .content-inner div a{
        font-size:15px;
        display:inline-block
    }
}
.content-listing.menucard-listing,.content-listing.orderdetails-listing,.content-listing.restaurant-listing{
    margin-top:290px
}
@media only screen and (min-width:640px){
    .content-listing.menucard-listing,.content-listing.orderdetails-listing,.content-listing.restaurant-listing,.content-listing.restaurant-listing.content-delivery{
        margin-top:0
    }
}
@media only screen and (max-width:639px){
    .content-listing.menucard-listing,.content-listing.orderdetails-listing,.content-listing.restaurant-listing,.content-listing.restaurant-listing.content-delivery{
        margin-top:60px;
        z-index: 10;
    }
}
.activesmartbanner .content-listing.restaurant-listing{
    margin-top:370px
}
@media only screen and (min-width:640px){
    .activesmartbanner .content-listing.restaurant-listing{
        margin-top:0
    }
}
.activesmartbanner .content-listing.restaurant-listing.content-delivery{
    margin-top:370px
}
@media only screen and (min-width:640px){
    .activesmartbanner .content-listing.restaurant-listing.content-delivery{
        margin-top:0
    }
}
.content-listing .listing-inner{
    position:relative;
    margin:0 auto;
    max-width:1240px;
    /*height:100%;*/
    min-height:500px;
    overflow:hidden
}
.restaurants{
    float:left;
    opacity:0;
    width:100%
}
@media only screen and (min-width:640px){
    .restaurants{
        margin-bottom:80px;
        margin-bottom:30px
    }
}
.restaurants .closed{
    color:red
}
.restaurants-filter,.restaurants-map{
    display:none;
    float:left
}
.restaurants-filter .restaurantInfoPanel .logo img,.restaurants-map .restaurantInfoPanel .logo img{
    max-width:200px;
    height:auto;
    margin-bottom:5px
}
.restaurant_disable,.restaurant_hide{
    display:none
}
.restaurantlist-header{
    overflow:hidden;
    padding:22px 0
}
@media only screen and (max-width:639px){
    .restaurantlist-header{
        padding:0 0 20px
    }
}
.restaurantlist-header h1{
    display:inline-block;
    font-size:16px;
    text-align:center
}
@media only screen and (min-width:640px){
    .restaurantlist-header h1{
        color:#333;
        font-size:25px;
        text-align:left;
        margin:-12px 0
    }
}
@media only screen and (max-width:639px){
    .restaurantlist-header h1{
        position:absolute;
        margin-top:-100px;
        white-space:normal
    }
}
@media only screen and (max-width:639px){
    .content-delivery .restaurantlist-header{
        visibility:hidden;
        overflow:hidden;
        height:0;
        padding:0
    }
}
@media only screen and (min-width:640px){
    .restaurants{
        width:calc(100% - 255px)
    }
    .restaurants-filter{
        display:block;
        min-width:255px;
        max-width:255px;
        padding:0 16px;
        margin-bottom:60px
    }
}
@media only screen and (min-width:980px){
    .restaurants-filter{
        min-width:275px;
        max-width:275px
    }
}
.noresults{
    margin-top:60px;
    text-align:center;
    font-size:17px
}
@media only screen and (max-width:639px){
    .noresults{
        margin-bottom:40px
    }
}
.noresults h1{
    line-height:36px
}
.noresults img{
    opacity:.07
}
.noresults a{
    font-size:14px;
    color:#50aecc
}
.noresults a:after{
    font-family:fontello;
    content:""
}
.noresults a.recommend:after,.noresults a.signup:after{
    content:''
}
.noresults.filter{
    display:none;
    text-align:center;
    max-width:75%;
    font-size:15px;
    margin:0 auto;
    margin-top:40px
}
@media only screen and (min-width:640px){
    .restaurants-filter{
        display:block
    }
    .restaurants{
        width:calc(100% - 255px)
    }
    .restaurants-filter{
        min-width:255px;
        padding:0 16px
    }
}
@media only screen and (min-width:980px){
    .restaurants{
        width:calc(100% - 275px)
    }
    .restaurants-filter{
        min-width:275px;
        padding:0 16px
    }
}
.restaurant:hover{
    background:#eef7fa;
    box-shadow:0 1px 1px #cfcac4
}
.closed-message{
    display:none
}
.restaurant{
    position:relative;
    border-bottom:1px solid #ddd;
    background-color:#fff;
    padding:2px;
    cursor:pointer
}
@media only screen and (min-width:640px){
    .restaurant{
        min-height:118px;
        padding:16px;
        margin:4px 0
    }
}
.restaurant:first-child{
    margin-top:0
}
.restaurant .restaurantname{
    padding:0;
    color:#333;
    font-weight:800;
    font-size:1.2rem;
    line-height:1.4rem;
    margin:0
}
.restaurant .restaurantname a{
    font-size:1rem;
    line-height:1.2rem;
    font-weight:600;
    text-align:left;
    color:#333;
    margin:0 0 4px
}
@media only screen and (min-width:640px){
    .restaurant .restaurantname a{
        line-height:1.4rem;
        font-size:1.2rem;
        margin:0 0 8px
    }
}
.restaurant .restaurantname a.restaurantlabel:before{
    content:attr(data-label);
    display:inline;
    font-size:8px;
    font-weight:700;
    line-height:1;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25em;
    background-color:#50aecc;
    vertical-align:52%;
    margin-right:4px
}
@media only screen and (min-width:640px){
    .restaurant .restaurantname a.restaurantlabel:before{
        font-size:10px
    }
}
.restaurant .restaurantname a:hover{
    color:#50aecc
}
.restaurant .logowrapper{
    width:35%;
    float:left;
    padding:8px 2px;
    padding-right:4px;
    position:relative;
    text-align:center
}
@media only screen and (min-width:640px){
    .restaurant .logowrapper{
        width:33%;
        padding:8px 16px
    }
}
.restaurant .logowrappercol{
    width:20%;
    float:left;
    padding:8px 2px;
    padding-right:4px;
    position:relative;
    text-align:center
}
@media only screen and (min-width:640px){
    .restaurant .logowrappercol{
        width:20%;
        padding:8px 16px
    }
}

.restaurant .openwrappercol{
    width:23%;
    float:left;
    padding:8px 2px;
    padding-right:4px;
    position:relative;
    text-align:center
}
@media only screen and (min-width:640px){
    .restaurant .openwrappercol{
        width:23%;
        padding:8px 16px
    }
}
.restaurant .logo-n{
    max-width:155px;
    text-align:left;
    font-size:12px;
    display:inline-block;
    position:relative;
    width:100%
}
.restaurant .logo-n img{
    width:100%;
    height:auto;
    display:inline-block
}
.restaurant .logo{
    max-width:155px;
    text-align:left;
    font-size:12px;
    display:inline-block;
    position:relative;
    width:100%;
    height:50px;
    margin:6px 0
}
@media only screen and (min-width:640px){
    .restaurant .logo{
        margin:5px 0
    }
}
.restaurant .logo img{
    width:100%;
    height:auto;
    display:inline-block;
    margin:auto;
    top:50%;
    bottom:50%
}
.restaurant .detailswrapper{
    float:left;
    width:65%;
    line-height:1.7;
    font-size:11px;
    padding:8px 4px
}
.restaurant .detailswrappercol{
    float:left;
    width:37%;
    line-height:1.7;
    font-size:11px;
    padding:8px 4px
}

@media only screen and (max-width:639px)
{
    .restall
    {
        width: 55% !important;
    }  

    .tableall
    {
        width: 80% !important;
    }      

    .tableleft
    {
        width: 60% !important;
        min-width: 0% !important;
    }
    .tableright
    {
        width: 40% !important;
        min-width: 0% !important;
    }
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper{
        width:67%;
        font-size:15px;
        padding-bottom:0
    }
    .restaurant .detailswrappercol{
        width:37%;
        font-size:15px;
        padding-bottom:0
    }
}
.restaurant .detailswrapper .kitchens{
    margin:0;
    line-height:20px;
    font-style:italic;
    margin:0 0 4px
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper .kitchens{
        margin:0 0 8px
    }
}
.restaurant .detailswrapper .details{
    font-size:10px;
    line-height:2em
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details{
        font-size:13px
    }
}
.restaurant .detailswrapper .details .pickup{
    line-height:18px
}
.restaurant .detailswrapper .details .pickup>div{
    float:left;
    padding-right:4px;
    margin-right:4px;
    border-right:1px solid #999
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details .pickup>div{
        padding-right:6px;
        margin-right:6px
    }
}
.restaurant .detailswrapper .details .pickup>div:last-child{
    border-right:none
}
.restaurant .detailswrapper .details .pickup .distance:before{
    font-family:fontello;
    content:"\";
    margin-right:4px;
    font-size:14px;
    float:left
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details .pickup .distance:before{
        font-size:18px
    }
}
.restaurant .detailswrapper .details .pickup .avgdeliverytime:before{
    font-family:fontello;
    content:'';
    font-size:14px
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details .pickup .avgdeliverytime:before{
        font-size:18px
    }
}
.restaurant .detailswrapper .details .delivery{
    line-height:18px
}
.restaurant .detailswrapper .details .delivery>div{
    float:left;
    padding-right:4px;
    margin-right:4px;
    border-right:1px solid #999
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details .delivery>div{
        padding-right:6px;
        margin-right:6px
    }
}
.restaurant .detailswrapper .details .delivery>div:last-child{
    border-right:none
}
.restaurant .detailswrapper .details .delivery .delivery:before{
    font-family:fontello;
    content:"\E958";
    margin-right:4px;
    font-size:18px;
    float:left
}

@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details .delivery .delivery:before{
        line-height:auto;
        font-size:22px
    }
}

@media only screen and (min-width:640px){
    .restaurant .detailswrappercol .details .delivery .delivery:before{
        line-height:auto;
        font-size:22px
    }
}
.restaurant .detailswrapper .details .delivery .min-order:before{
    font-family:fontello;
    content:"\E957";
    font-size:14px;
    margin-right:4px;
    float:left
}

@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details .delivery .min-order:before{
        font-size:16px
    }
}

.restaurant .detailswrapper .details .avgdeliverytime:before{
    font-family:fontello;
    content:'';
    font-size:14px;
    margin-right:4px;
    float:left
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details .avgdeliverytime:before{
        font-size:15px
    }
}
.restaurant .detailswrapper .details .address{
    clear:left
}
.restaurant .detailswrapper .details .address:before{
    font-family:fontello;
    content:'';
    font-size:14px;
    margin-right:4px;
    float:left
}
@media only screen and (min-width:640px){
    .restaurant .detailswrapper .details .address:before{
        font-size:15px
    }
}
.restaurant .bottomwrapper{
    line-height:12px;
    padding-top:4px;
    padding-bottom:4px;
    min-width:210px
}
@media only screen and (min-width:640px){
    .restaurant .bottomwrapper{
        margin:0 0 4px;
        line-height:16px
    }
}
.restaurant .label{
    position:absolute;
    top:10%;
    right:0;
    font-size:10px;
    padding:0 8px;
    font-weight:400;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
@media only screen and (min-width:640px){
    .restaurant .label{
        font-size:13px;
        padding:8px
    }
}
.restaurant .paymenticons{
    position:absolute;
    display:inline-block;
    top:50%;
    right:0;
    font-size:10px;
    padding:0 8px;
    font-weight:400;
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
@media only screen and (min-width:640px){
    .restaurant .paymenticons{
        font-size:13px;
        padding:8px;
        top:44%
    }
}
.restaurant .paymenticons .creditcard:after{
    font-family:fontello;
    content:"\E862"
}
.restaurant .paymenticons .paypal:after{
    font-family:fontello;
    content:"\E900"
}
.restaurantlabel:before{
    padding:.2em .6em .3em
}
.restaurant .detailswrapper .review-stars-disabled .review-stars-range:before{
    color:#cecccc
}
.review-rating{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin:0;
    margin:0 0 4px
}
@media only screen and (min-width:640px){
    .review-rating{
        margin:0 0 4px;
        font-size:15px
    }
}
.review-rating .review-stars{
    height:auto;
    width:auto;
    vertical-align:middle;
    margin-right:4px
}
.review-stars{
    position:relative;
    overflow:hidden;
    display:inline-block;
    width:70px;
    height:12px;
    vertical-align:text-bottom
}
.review-stars:before{
    content:'\e804\00a0\e804\00a0\e804\00a0\e804\00a0\e804';
    display:block;
    top:0;
    left:0;
    color:#999;
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.review-stars-range{
    position:relative;
    overflow:hidden;
    display:inline-block;
    width:90%;
    height:12px
}
.review-rating .review-stars-range{
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:100%
}
.review-stars-range:before{
    content:'\e804\00a0\e804\00a0\e804\00a0\e804\00a0\e804';
    display:block;
    position:absolute;
    top:0;
    left:0;
    color:#ffb700;
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.atom-filter>input[type=checkbox],.atom-filter>input[type=radio]{
    position:absolute;
    overflow:hidden;
    clip:rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding:0;
    border:0
}
.restaurants-filter{
    overflow:hidden
}
.restaurants-filter .title{
    color:#333;
    display:inline-block;
    font-size:15px;
    font-weight:600;
    margin:16px 0
}
.restaurants-filter .restaurants-counter{
    margin:21px 0 11px;
    visibility:hidden
}
.filtermode-panel .restaurants-counter,.restaurants-counter{
    visibility:hidden
}
.atom-filter{
    cursor:pointer
}
.atom-filter a{
    color:#666
}
html.no-touch .atom-filter>a:hover,html.no-touch .atom-filter a:hover{
    color:#ff8000
}
.atom-filter>a{
    -webkit-transform:translateZ(0);
    height:40px;
    line-height:37px;
    white-space:nowrap;
    margin-bottom:4px;
    box-shadow:0 2px 2px #cfcac4;
    display:inline-block;
    background-color:#fff;
    padding:0 16px;
    width:100%;
    border-radius:3px;
    font-size:15px
}
.atom-filter>a span{
    font-size:12px
}
.atom-filter .filter-label:before{
    font-family:fontello;
    content:attr(data-icon);
    font-size:24px;
    margin-right:14px;
    top:2px;
    position:relative
}
.atom-accordion-down{
    border-bottom:1px solid #cfcac4;
    padding:0
}
.atom-accordion-down:last-child{
    border-bottom:0
}
.atom-accordion-down section{
    display:block;
    max-height:0;
    overflow:hidden;
    -webkit-transition:max-height .45s ease;
    transition:max-height .45s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.atom-accordion-down section.open{
    max-height:2500px;
    visibility:visible;
    -webkit-transition:max-height .9s ease;
    transition:max-height .9s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.ratings-filter .atom-filter-stars>label{
    -webkit-box-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    -webkit-flex:1;
    flex:1;
    text-align:center
}
.ratings-filter .atom-filter-stars>label>a{
    text-align:center;
    height:auto;
    width:auto;
    border:0;
    box-shadow:none;
    border-radius:0;
    font-size:inherit;
    padding:0 5px;
    margin:0;
    white-space:inherit
}
.ratings-filter .atom-filter-stars>label>a:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    font-size:24px;
    margin-right:0;
    top:3px;
    position:relative
}
.ratings-filter .atom-filter-stars{
    -webkit-box-direction:reverse;
    -webkit-box-orient:horizontal;
    -webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    direction:rtl;
    height:40px;
    white-space:nowrap;
    margin-bottom:4px;
    background-color:#fff;
    padding:0 20px;
    width:100%;
    border-radius:3px;
    cursor:pointer;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    line-height:40px;
    box-shadow:0 1px 1px #cfcac4
}
.atom-filter-stars a.starfilter-selected:before,.atom-filter-stars a.starfilter-selected~a:before,html.no-touch .atom-filter>a:hover:before,html.no-touch .atom-filter>a:hover~a:before{
    color:#ff8000
}
.restaurants-filter .filter-kitchen{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    margin-top:32px;
    margin-bottom:32px
}
.restaurants-filter .filter-kitchen .title{
    display:none;
    float:left;
    clear:both
}
@media only screen and (min-width:640px){
    .restaurants-filter .filter-kitchen .title{
        display:block
    }
}
@media only screen and (min-width:640px){
    .restaurants-filter .filter-kitchen{
        margin-top:0
    }
}
.atom-filter a.filter-label-selected,.atom-filter a.kitchenfilter_selected{
    background-color:#ff8000;
    color:#fff
}
.atom-filter a.filter-label-selected:hover,.atom-filter a.kitchenfilter_selected:hover{
    background-color:#da611e
}
.subnavigation .btn.active{
    background-color:#fff;
    color:#261e1e
}
@media only screen and (min-width:640px){
    .subnavigation .btn.active{
        background-color:#fff
    }
}
a.filter-reset-all{
    position:fixed;
    float:left;
    bottom:0;
    left:0;
    width:100%;
    background-color:#fff;
    padding:13px;
    line-height:1.5;
    font-size:15px;
    text-align:justify;
    cursor:pointer;
    color:#50aecc;
    box-shadow:0 -2px 2px rgba(0,0,0,.2);
    z-index:2
}
@media only screen and (min-width:640px){
    a.filter-reset-all{
        padding:0;
        display:block;
        position:relative;
        box-shadow:none;
        background-color:transparent
    }
}
a.filter-reset-all span{
    margin-bottom:4px;
    vertical-align:bottom;
    height:36px;
    padding-top:7px;
    float:left
}
a.filter-reset-all span:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:relative;
    left:4px
}
a.filter-reset-all:after{
    content:'';
    display:block;
    height:1px;
    margin:auto;
    background:0 0;
    -webkit-transform:scale(.1);
    transform:scale(.1);
    width:100%
}
a.filter-reset-all span.show-results{
    float:right;
    margin-right:10px;
    border:1px solid #50aecc;
    padding:6px 16px;
    border-radius:4px;
    display:inline-block;
    background-color:#50aecc;
    color:#fff
}
a.filter-reset-all span.show-results:hover{
    background-color:#3595b4
}
a.filter-reset-all span.show-results:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:relative;
    left:4px
}
@media only screen and (min-width:640px){
    a.filter-reset-all span.show-results{
        display:none
    }
}
a.filter-reset-all span.reset-results-hidden,a.filter-reset-hidden{
    display:none
}
.showhide-content-link span{
    transition:all .3s ease;
    transform:rotateX(0deg)
}
.showhide-content-link.open span{
    transform:rotateX(180deg)
}
.showhide-content-link span:after{
    color:#50aadd;
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:relative;
    right:0
}
.showhide-content-link{
    line-height:1.5;
    display:inline-block;
    text-align:justify;
    cursor:pointer;
    color:#50aecc;
    margin-bottom:24px
}
.showhide-content-label{
    float:right;
    display:block;
    cursor:pointer;
    padding:8px 0;
    font-size:15px
}
.filter-wrapper{
    position:relative;
    height:auto;
    overflow-y:scroll;
    bottom:0;
    margin-bottom:40px
}
.filter-wrapper.filter-wrapper-scrolling{
    position:fixed;
    width:223px;
    top:55px
}
@media only screen and (min-width:980px){
    .filter-wrapper.filter-wrapper-scrolling{
        width:243px
    }
}
.filter-wrapper.filter-wrapper-scrolling::-webkit-scrollbar{
    width:0;
    height:10px
}
.filter-wrapper::-webkit-scrollbar{
    display:none
}
.subnav-wrapper{
    font-family:Open Sans,Arial,sans-serif;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -js-display:flex;
    max-width:1240px;
    width:100%;
    height:45px;
    margin:0 auto 0 0;
    font-size:12px;
    position:relative
}
@media only screen and (min-width:640px){
    .subnav-wrapper{
        font-size:15px;
        height:55px
    }
}
.subnav-wrapper.mapmode .btn-map{
    width:75%
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .subnav-wrapper.mapmode .btn:not(.btn-map){
        display:none
    }
}
.subnav-wrapper.mapmode .btn-search{
    width:50%;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start
}
@media only screen and (min-width:640px){
    .subnav-wrapper.mapmode .btn-search,.subnav-wrapper.mapmode .btn-sorting{
        display:none
    }
}
.subnav-wrapper.filtermode .btn-filter .title{
    display:inline
}
.subnav-wrapper.filtermode .btn-filter .btn-text{
    display:none
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .subnav-wrapper.filtermode .btn:not(.btn-filter){
        display:none
    }
}
.subnav-wrapper.categorymode .btn-categories .title{
    display:inline
}
.subnav-wrapper.categorymode .btn-categories .btn-text{
    display:none
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .subnav-wrapper.categorymode .btn:not(.btn-categories){
        display:none
    }
}
.subnav-wrapper.searchmode .btn-search{
    width:50%;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .subnav-wrapper.searchmode .btn:not(.btn-search){
        display:none
    }
}
.subnav-wrapper.searchmode .btn-search .btn-icon{
    display:none
}
.subnav-wrapper.searchmode .btn-search .jig-subnavi-input{
    display:block!important;
    position:relative;
    width:100%;
    margin-bottom:0;
    font-size:15px;
    margin-right:8px;
    padding-left:8px
}
.subnav-wrapper.searchmode .btn-search .jig-subnavi-input input,.subnav-wrapper.searchmode .btn-search .jig-subnavi-input textarea{
    position:relative;
    width:100%;
    height:35px;
    z-index:1;
    background:none;
    color:#333;
    border:1px solid #cfcac4;
    border-radius:3px
}
.subnav-wrapper.searchmode .btn-search .jig-subnavi-input input:hover,.subnav-wrapper.searchmode .btn-search .jig-subnavi-input textarea:hover{
    box-shadow:0 0 8px #f9f5f1;
    border:1px solid #50aecc;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.subnav-wrapper.searchmode .btn-search .jig-subnavi-input input:active,.subnav-wrapper.searchmode .btn-search .jig-subnavi-input input:focus,.subnav-wrapper.searchmode .btn-search .jig-subnavi-input textarea:active,.subnav-wrapper.searchmode .btn-search .jig-subnavi-input textarea:focus{
    box-shadow:0 0 8px #f9f5f1;
    border-color:#50aecc!important;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
@media only screen and (min-width:640px){
    .subnav-wrapper.searchmode .btn-sorting{
        display:none
    }
}
.subnav-wrapper.sortmode .btn-sorting{
    width:50%;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start
}
@media (min-width:640px){
    .subnav-wrapper.sortmode .btn-sorting{
        margin-left:34px
    }
}
.subnav-wrapper.sortmode .btn-sorting .btn-icon .btn-text-active{
    display:none
}
.subnav-wrapper.sortmode .btn-sorting.active .btn-icon .btn-text-active,.subnav-wrapper.sortmode .btn-sorting .btn-icon .btn-text-placeholder{
    display:inline-block
}
.subnav-wrapper.sortmode .btn-sorting.active .btn-icon .btn-text-placeholder{
    display:none
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .subnav-wrapper.sortmode .btn:not(.btn-sorting){
        display:none
    }
}
.subnav-wrapper.sortmode .btn-search{
    display:none
}
.subnav-wrapper.basketmode .btn-basket{
    width:50%;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start
}
.subnav-wrapper.basketmode .btn-basket .btn-text{
    display:none
}
.subnav-wrapper.basketmode .btn-basket .btn-text-placeholder{
    display:block;
    color:#666
}
.subnav-wrapper.basketmode .btn-basket .btn-cart-icon{
    display:none
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .subnav-wrapper.basketmode .btn:not(.btn-basket){
        display:none
    }
}
.btn{
    position:relative;
    cursor:pointer;
    width:50%;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -js-display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center
}
@media only screen and (min-width:640px){
    .btn{
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        -webkit-justify-content:flex-start;
        -moz-justify-content:flex-start;
        justify-content:flex-start;
        padding-left:24px
    }
}
html.no-touch .btn:hover{
    background:#fff;
    color:#000
}
.btn .btn-icon:before{
    display:inherit;
    text-align:center;
    padding-bottom:4px
}
@media only screen and (min-width:640px){
    .btn .btn-icon:before{
        padding-right:8px;
        padding-bottom:0;
        display:inline-block
    }
}
.btn .btn-text-active{
    display:none
}
.btn.active{
    color:#ff8000
}
@media only screen and (min-width:640px){
    .btn.active .btn-icon{
        width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
}
.btn.active .btn-icon .btn-text-active{
    display:none
}
@media only screen and (min-width:640px){
    .btn.active .btn-icon .btn-text-active{
        display:inline
    }
}
@media only screen and (min-width:640px){
    .btn.active .btn-icon .btn-text-placeholder{
        display:none
    }
}
.btn.active .btn-remove-icon{
    display:none
}
@media only screen and (min-width:640px){
    .btn.active .btn-remove-icon{
        display:inline;
        -webkit-box-align:center;
        -ms-flex-align:center;
        -webkit-align-items:center;
        -moz-align-items:center;
        align-items:center;
        width:20%
    }
}
.btn.active .btn-remove-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    float:right;
    padding:16px
}
.btn .content{
    background:#fff;
    display:none;
    overflow:hidden;
    visibility:hidden;
    display:block;
    position:absolute;
    top:45px;
    left:0;
    width:100%;
    max-height:0;
    overflow-y:hidden;
    cursor:auto;
    -webkit-transition:max-height .3s ease;
    transition:max-height .3s ease
}
.btn .content.success{
    display:inline-block
}
@media only screen and (min-width:640px){
    .btn .content{
        top:55px
    }
}
.btn .content>div{
    width:100%;
    float:left
}
.btn .content .content-list .yd-jig-subnavi-search-count{
    float:right
}
.btn .content .content-list .jig-subnavi-search-list-subheader{
    padding:8px 16px;
    color:#666
}
.btn .content .content-list .yd-jig-breadcrumb-service-search-no-result{
    padding:8px 16px
}
.btn .content .content-list ul{
    padding:0;
    margin:0;
    width:100%
}
.btn .content .content-list ul>li{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -js-display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    cursor:pointer;
    height:50px;
    padding:0;
    border-bottom:1px solid #cfcac4;
    background:#fff
}
.btn .content .content-list ul>li:last-child{
    border-bottom:0
}
.btn .content .content-list ul>li.selected:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:relative;
    font-weight:700;
    margin-left:16px
}
.btn .content .content-list ul>li.selected,.btn .content .content-list ul>li.selected a,.btn .content .content-list ul>li:hover,.btn .content .content-list ul>li:hover a{
    color:#50aecc
}
.btn .content .content-list ul>li.active,.btn .content .content-list ul>li.active a,.btn .content .content-list ul>li:active,.btn .content .content-list ul>li:active a,.btn .content .content-list ul>li:focus,.btn .content .content-list ul>li:focus a{
    color:#3595b4
}
.btn .content .content-list ul a{
    color:#666;
    padding-left:8px;
    height:100%;
    line-height:50px;
    z-index:1
}
.btn .content .content-list ul li a{
    width:100%
}
.btn .content .content-list ul li a:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    width:43px;
    content:attr(data-icon);
    display:inline-block;
    text-align:center;
    z-index:0
}
@media only screen and (max-width:639px){
    .btn-back{
        display:none
    }
}
@media only screen and (min-width:640px){
    .btn-back{
        min-width:255px;
        width:255px
    }
    .btn-back .btn-icon:before{
        content:"";
        font-family:fontello;
        font-weight:400;
        line-height:1
    }
}
@media only screen and (min-width:980px){
    .btn-back{
        min-width:275px;
        width:275px
    }
}
.btn-back a{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    color:#fff;
    display:inline-block;
    height:100%;
    left:0;
    padding:17px 0 17px 45px;
    position:absolute;
    top:0;
    width:100%
}
.btn-back:hover a{
    color:#000
}
@media only screen and (min-width:640px){
    .step3 .btn-back{
        min-width:255px
    }
    .step3 .btn-back .btn-icon:before{
        content:"";
        font-family:fontello;
        font-weight:400;
        line-height:1
    }
}
@media only screen and (min-width:640px) and (min-width:980px){
    .step3 .btn-back{
        min-width:275px
    }
}
.subnavigation.subnavigation-scrolling .btn-back a{
    padding:17px 0 17px 65px
}
.subnavigation.subnavigation-scrolling .btn-back .btn-icon:before{
    padding-left:20px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.subnavigation.subnavigation-scrolling .btn-back .btn-icon:before:hover,.subnavigation.subnavigation-scrolling .btn-back a.btn-text:hover{
    transition:none
}
.subnavigation.subnavigation-scrolling .btn-back a.btn-text:before{
    content:'';
    font-family:fontello;
    width:50%;
    display:flex;
    font-size:26px;
    position:absolute;
    top:9px;
    left:7px
}
.subnavigation.subnavigation-scrolling .btn-back a.btn-text:before:hover{
    transition:none
}
.subnavigation .btn-back a.btn-text:before{
    content:'';
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.btn-filter .btn-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
@media only screen and (min-width:640px){
    .btn-filter{
        display:none
    }
}
.btn-filter .title{
    display:none
}
.btn-categories .btn-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
@media only screen and (min-width:640px){
    .btn-categories{
        display:none
    }
}
.btn-categories .title{
    display:none
}
.btn-basket{
    width:50%
}
.btn-map .btn-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon.minimumorderamount:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon.review:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon.distance:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon.alphabet:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon.averageprice:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon.deliverycosts:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon.deliverytime:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon.default:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-sorting .btn-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn.btn-sorting .subnav-sortmode .descending{
    display:none
}
.btn-icon.averageprice~.content .subnav-sortmode .descending{
    display:-webkit-flex;
    display:flex
}
.btn-search{
    flex-grow:1
}
.btn-search .btn-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.btn-search .jig-subnavi-input{
    display:none
}
.btn-search .btn-remove-search{
    display:none;
    width:60px;
    top:-5px;
    right:-5px;
    position:absolute;
    text-align:center;
    cursor:pointer;
    z-index:1
}
.btn-search .btn-remove-search:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    float:right;
    padding:16px;
    font-size:13px
}
@media only screen and (min-width:640px){
    .btn-icon{
        width:100%
    }
    .btn-icon .jig-link{
        display:inline-block;
        width:100%;
        height:100%
    }
}
.subnav-wrapper.basketmode .btn-basket,.subnav-wrapper.categorymode .btn-categories,.subnav-wrapper.filtermode .btn-filter,.subnav-wrapper.mapmode .btn-map,.subnav-wrapper.searchmode .btn-search,.subnav-wrapper.sortmode .btn-sorting{
    background:#fff;
    color:#000;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start;
    padding-left:24px
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .subnav-wrapper.basketmode .btn-basket,.subnav-wrapper.categorymode .btn-categories,.subnav-wrapper.filtermode .btn-filter,.subnav-wrapper.mapmode .btn-map,.subnav-wrapper.searchmode .btn-search,.subnav-wrapper.sortmode .btn-sorting{
        width:100%;
        z-index:11
    }
}
.subnav-wrapper.basketmode .btn-basket .btn-close,.subnav-wrapper.categorymode .btn-categories .btn-close,.subnav-wrapper.filtermode .btn-filter .btn-close,.subnav-wrapper.mapmode .btn-map .btn-close,.subnav-wrapper.searchmode .btn-search .btn-close,.subnav-wrapper.sortmode .btn-sorting .btn-close{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    height:45px
}
@media only screen and (min-width:640px){
    .subnav-wrapper.basketmode .btn-basket .btn-close,.subnav-wrapper.categorymode .btn-categories .btn-close,.subnav-wrapper.filtermode .btn-filter .btn-close,.subnav-wrapper.mapmode .btn-map .btn-close,.subnav-wrapper.searchmode .btn-search .btn-close,.subnav-wrapper.sortmode .btn-sorting .btn-close{
        height:55px
    }
}
.subnav-wrapper.basketmode .btn-basket .btn-remove-icon,.subnav-wrapper.categorymode .btn-categories .btn-remove-icon,.subnav-wrapper.filtermode .btn-filter .btn-remove-icon,.subnav-wrapper.mapmode .btn-map .btn-remove-icon,.subnav-wrapper.searchmode .btn-search .btn-remove-icon,.subnav-wrapper.sortmode .btn-sorting .btn-remove-icon{
    display:none
}
.subnav-wrapper.basketmode .btn-basket .btn-close:before,.subnav-wrapper.categorymode .btn-categories .btn-close:before,.subnav-wrapper.filtermode .btn-filter .btn-close:before,.subnav-wrapper.mapmode .btn-map .btn-close:before,.subnav-wrapper.searchmode .btn-search .btn-close:before,.subnav-wrapper.sortmode .btn-sorting .btn-close:before{
    /*content:"";*/
    font-family:fontello;
    font-weight:400;
    line-height:1;
    line-height:1.5;
    float:right;
    padding:16px;
    color:#666
}
.subnav-wrapper.basketmode .btn-basket .content,.subnav-wrapper.categorymode .btn-categories .content,.subnav-wrapper.filtermode .btn-filter .content,.subnav-wrapper.mapmode .btn-map .content,.subnav-wrapper.searchmode .btn-search .content,.subnav-wrapper.sortmode .btn-sorting .content{
    visibility:visible;
    max-height:450px;
    border-bottom:4px solid #ff8000;
    overflow-y:auto;
    -webkit-transition:max-height .3s ease .3s;
    transition:max-height .3s ease .3s;
    box-shadow:-1px 6px 6px rgba(0,0,0,.2)
}
.subnav-wrapper.basketmode .btn-basket .btn-icon,.subnav-wrapper.categorymode .btn-categories .btn-icon,.subnav-wrapper.filtermode .btn-filter .btn-icon,.subnav-wrapper.mapmode .btn-map .btn-icon,.subnav-wrapper.searchmode .btn-search .btn-icon,.subnav-wrapper.sortmode .btn-sorting .btn-icon{
    width:100%;
    font-size:15px
}
.subnav-wrapper.basketmode .btn-basket .btn-icon:before,.subnav-wrapper.categorymode .btn-categories .btn-icon:before,.subnav-wrapper.filtermode .btn-filter .btn-icon:before,.subnav-wrapper.mapmode .btn-map .btn-icon:before,.subnav-wrapper.searchmode .btn-search .btn-icon:before,.subnav-wrapper.sortmode .btn-sorting .btn-icon:before{
    padding-right:8px;
    padding-bottom:0;
    display:inline-block
}
.jig-subnavi-scroll{
    position:fixed!important;
    top:0;
    border-top:4px solid #ff8000;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    box-shadow:0 2px 2px rgba(0,0,0,.2)
}
.wrapper-content-top{
    padding-top:55px
}
.hiddenOverflowSmall{
    overflow:hidden
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .hiddenOverflowSmall{
        position:fixed
    }
}
@media only screen and (min-width:640px){
    .hiddenOverflowSmall{
        overflow:auto
    }
}
.hide-utilitybar .subnavigation{
    display:none
}
@media only screen and (min-width:640px){
    .hide-utilitybar header:after{
        background:none
    }
}
.subnavigation{
    -webkit-transform:translateZ(0);
    /*background:#ff8000;*/
    background :#f9f5f1;
    width:100%;
    display:block;
    position:absolute;
    bottom:0
}
@media only screen and (min-width:640px){
    .subnavigation{
        top:auto;
        bottom:0;
        background:transparent
    }
}
.subnavigation.sticky{
    position:fixed;
    top:0;
    bottom:initial
}
.subnavigation.success .jig-subnavimenu.cartmode .btn-back{
    display:none
}
@media only screen and (min-width:640px){
    .subnavigation.success{
        display:none
    }
}
@media handheld,only screen and (max-width:640px),only screen and (min-device-pixel-ratio:1){
    .subnavigation.success .btn-back{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        -js-display:flex;
        -webkit-flex-basis:50%;
        -ms-flex-preferred-size:50%;
        flex-basis:50%
    }
    .subnavigation.success .btn-back .btn-icon:before{
        content:"";
        font-family:fontello;
        font-weight:400;
        line-height:1;
        display:inline-block;
        display:initial;
        padding-right:4px
    }
    .subnavigation.success .btn-list,.subnavigation.success .btn-search{
        display:none
    }
}
@media only screen and (min-width:640px){
    .subnavigation.subnavigation-scrolling{
        position:fixed;
        top:0;
        left:0;
        bottom:initial;
        background:hsla(0,0%,58%,.84);
        height:55px
    }
}
.btn-text,.btn-text-placeholder{
    display:none
}
@media only screen and (min-width:640px){
    .btn-text,.btn-text-placeholder{
        display:inline-block
    }
}
.filtermode-panel,.mapmode-panel{
    padding:0 16px;
    background-color:#f9f9f9;
    width:100%;
    display:inline-block;
    overflow-y:auto;
    position:fixed;
    z-index:10;
    height:100%;
    top:45px
}
@media only screen and (min-width:640px){
    .filtermode-panel,.mapmode-panel{
        width:100%;
        display:inline-block;
        display:initial;
        overflow-y:auto;
        background-color:#fff;
        position:fixed;
        z-index:10;
        height:100%;
        top:100px
    }
}
.filtermode-panel.filtermode-panel-header,.mapmode-panel.filtermode-panel-header{
    top:48px
}
@media only screen and (max-width:639px){
    .listing-inner.hideheader .filtermode-panel,.listing-inner.hideheader .mapmode-panel{
        top:48px
    }
}
.filtermode-panel:after{
    content:'';
    margin-bottom:250px;
    display:block
}
.btn-search .btn-search-clear{
    display:block
}
.subnavigation .btn-basket{
    padding-left:24px
}
@media only screen and (min-width:768px){
    .subnavigation .btn-basket{
        flex:0 0 320px;
        width:320px
    }
}
@media only screen and (min-width:640px){
    .subnavigation .subnav-wrapper.searchmode .btn-search{
        width:100%
    }
    .subnavigation .subnav-wrapper.searchmode .btn-basket{
        flex:0 0 0;
        padding-left:0;
        width:0
    }
    .subnavigation .subnav-wrapper.searchmode .btn-cart-icon{
        display:none
    }
}
@media only screen and (min-width:1000px){
    .subnavigation .subnav-wrapper.searchmode .btn-search{
        width:50%
    }
    .subnavigation .subnav-wrapper.searchmode .btn-basket{
        flex:0 0 320px;
        padding-left:24px;
        width:320px
    }
    .subnavigation .subnav-wrapper.searchmode .btn-cart-icon{
        display:block
    }
}
@media only screen and (min-width:640px){
    .subnavigation .subnav-wrapper.basketmode .btn-basket{
        flex:0 0 371px;
        position:absolute;
        right:0;
        width:371px
    }
}
@media only screen and (min-width:1020px){
    .subnavigation .subnav-wrapper.basketmode .btn-basket{
        flex:0 0 400px;
        width:400px
    }
}
.step4 .btn-search,.step5 .btn-search{
    visibility:hidden
}
.step5 .subnavigation{
    display:block
}
header .cta.hide,header .logo.hide,header .myaccount.hide{
    display:none
}
.seopages.step2.hide-utilitybar .small .dropdown-location-panel,.servicepages.hide-utilitybar .small .dropdown-location-panel{
    display:none;
    position:fixed;
    top:58px;
    left:0;
    background-color:#fff;
    width:100%;
    height:3000px;
    overflow:hidden;
    padding-top:12px;
    z-index:5;
    margin-top:0
}
.seopages.step2.hide-utilitybar .small .dropdown-location-panel .deliveryareapanel .autoCompleteDropDown,.servicepages.hide-utilitybar .small .dropdown-location-panel .deliveryareapanel .autoCompleteDropDown{
    box-shadow:none;
    border:none
}
.seopages.step2.hide-utilitybar .small .dropdown-location,.servicepages.hide-utilitybar .small .dropdown-location{
    display:block
}
.seopages header,.servicepages header{
    min-height:60px
}
@media only screen and (min-width:640px){
    .seopages header,.servicepages header{
        min-height:290px
    }
}
.seopages header.small .cta .cta-inner,.servicepages header.small .cta .cta-inner{
    margin-top:0
}
.seopages header.small .cta .headline-xl-raised dt,.servicepages header.small .cta .headline-xl-raised dt{
    display:none
}
.seopages header .logo.hide,.seopages header .myaccount.hide,.servicepages header .logo.hide,.servicepages header .myaccount.hide{
    display:block
}
.seopages header .cta.hide,.servicepages header .cta.hide{
    display:block;
    position:relative;
    margin:0 60px
}
.seopages.step2.hide-utilitybar .locationpanel,.servicepages.hide-utilitybar .locationpanel{
    width:100%;
    padding:0;
    background:hsla(0,0%,100%,0)
}
.seopages.step2.hide-utilitybar .dropdown-location,.servicepages.hide-utilitybar .dropdown-location{
    display:none
}
.seopages.step2.hide-utilitybar .dropdown-location.selected,.servicepages.hide-utilitybar .dropdown-location.selected{
    background:#fff
}
.seopages.step2.hide-utilitybar .title-delivery,.servicepages.hide-utilitybar .title-delivery{
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:600px;
    display:inline-block;
    overflow:hidden
}
.seopages.step2.hide-utilitybar .autoCompleteWrap,.servicepages.hide-utilitybar .autoCompleteWrap{
    margin-top:-4px
}
.seopages.step2.hide-utilitybar .autoCompleteWrap .autoCompleteDropDown,.servicepages.hide-utilitybar .autoCompleteWrap .autoCompleteDropDown{
    border:1px solid #50aecc;
    border-top:0
}
.seopages.step2.hide-utilitybar .dropdown-location-panel,.servicepages.hide-utilitybar .dropdown-location-panel{
    display:block;
    top:auto;
    left:auto;
    height:auto;
    overflow:inherit;
    padding-top:8px;
    z-index:auto;
    position:relative;
    text-align:center;
    border-radius:3px;
    background:hsla(0,0%,100%,.85);
    width:96%;
    max-width:650px;
    margin:0 auto;
    padding:8px;
    margin-top:20px
}
@media only screen and (max-width:639px){
    body.landingpages.fullscreen.hide-utilitybar .autoCompleteWrap,body.seopages.fullscreen.step2.hide-utilitybar .autoCompleteWrap,body.servicepages.fullscreen.hide-utilitybar .autoCompleteWrap,body.step5.fullscreen.hide-utilitybar .autoCompleteWrap{
        margin-top:0
    }
}
@media only screen and (max-width:639px){
    body.landingpages,body.seopages,body.servicepages{
        margin-top:220px
    }
    body.step1,body.step5{
        margin-top:0
    }
}
@media only screen and (max-width:639px){
    .landingpages header .cta .dropdown-transparent,.seopages header .cta .dropdown-transparent,.servicepages header .cta .dropdown-transparent{
        font-size:16px;
        padding:2px 12px;
        margin-top:5px;
        background:transparent
    }
}
@media only screen and (max-width:639px){
    .step5 header{
        height:60px
    }
    .step5 header .cta-inner{
        margin-top:0
    }
    .step5 .cta .headline-xl-raised dt{
        display:none
    }
    .step5 .hero{
        background:#ff8000;
        background-image:none!important
    }
    .step5 .hero:after{
        background:none
    }
    .step5 header .cta .dropdown-transparent{
        font-size:16px;
        padding:2px 12px;
        margin-top:5px;
        background:transparent
    }
    .step5 header .cta .dropdown-transparent.selected{
        background:#fff
    }
}
@media (max-width:639px){
    body.welcome .cta .headlines .headline-xl-raised{
        font-size:24px
    }
    body.welcome .cta .headlines .headline{
        margin-bottom:12px;
        font-size:18px
    }
}
#map-canvas{
    width:100%;
    height:100%;
    display:block
}
.mapmode-panel{
    padding:0;
    width:100%;
    display:inline-block;
    background-color:#fff;
    position:fixed;
    z-index:10;
    height:100%;
    overflow:hidden
}
.mapmode-panel img.profile{
    border-radius:30px;
    border:3px solid #fff;
    width:60px;
    height:60px
}
@media only screen and (min-width:640px){
    .mapmode-panel{
        top:290px;
        left:0;
        box-shadow:inset 0 7px 9px -7px rgba(0,0,0,.4)
    }
}
.takeaway-switcher{
    float:right
}
.takeaway-switcher label{
    vertical-align:top
}
.takeaway-switcher dt.active{
    border-bottom:1px solid #ccc;
    cursor:none
}
.takeaway-switcher dt:hover{
    cursor:pointer;
    border-bottom:1px solid #ccc
}
.takeaway-switcher .switcher{
    position:relative;
    display:inline-block;
    cursor:pointer;
    padding-left:54px;
    user-select:none
}
.takeaway-switcher .switcher input{
    display:none
}
.takeaway-switcher dt{
    display:inline-block;
    font-size:14px;
    margin-right:5px;
    margin-left:5px
}
#switch{
    display:none
}
.step2 .takeaway-switcher,.step3 .takeaway-switcher{
    position:fixed;
    left:-500px;
    top:0
}
.switcher__indicator:after{
    top:0;
    height:40px;
    width:40px;
    background-color:#f80;
    border-radius:50%;
    animation-name:c;
    animation-duration:.2s;
    width:20px;
    height:20px
}
.switcher__indicator:after,.switcher__indicator:before{
    content:'';
    position:absolute;
    left:0;
    transition:all .2s ease
}
.switcher__indicator:before{
    top:2px;
    width:50px;
    height:8px;
    height:16px;
    background-color:#eee;
    border-radius:20px;
    box-shadow:inset 2px 1px 1px rgba(0,0,0,.21)
}
input:checked+.switcher__indicator:after{
    transform:translateX(30px);
    animation-duration:.2s
}
input:disabled+.switcher__indicator:after,input:disabled+.switcher__indicator:before{
    background-color:#e5e5e5
}
@keyframes c{
    0%,to{
        top:0
    }
}
.dpToast{
    padding:18px;
    border-radius:5px;
    z-index:200;
    font-weight:600;
    background-color:rgba(58,58,58,.8);
    color:#fff;
    font-size:14px;
    display:none;
    position:fixed;
    bottom:50px;
    left:0;
    right:0;
    text-align:center;
    margin:0 auto;
    width:90%
}
@media only screen and (min-width:640px){
    .dpToast{
        margin-left:auto;
        margin-right:auto;
        font-size:16px;
        padding:20px;
        width:50%
    }
}
.step5 .main{
    padding-top:0
}
.step5 .orderconfirmationbutton{
    display:none;
    position:absolute;
    top:10px;
    right:5%;
    z-index:5;
    background-color:hsla(0,0%,100%,.8);
    padding:5px;
    width:auto;
    max-width:300px;
    box-shadow:1px 1px 5px rgba(0,0,0,.2);
    border-radius:5px;
    margin:0 auto;
    z-index:1
}
.step5 .userInfoMapPanel{
    position:relative;
    border-radius:6px;
    margin-top:10px;
    padding:12px;
    color:#fff;
    width:180px;
    height:80px;
    box-shadow:0 6px 8px 0 rgba(0,0,0,.2);
    background-color:#50aecc
}
.step5 .userInfoMapPanel .marker{
    position:absolute;
    top:-10px;
    left:82px;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:10px solid #50aecc
}
.step5 .userInfoMapPanel img.profile{
    border-radius:30px;
    border:3px solid #3595b4;
    width:60px;
    height:60px
}
.step5 .userInfoMapPanel a{
    color:#fff;
    text-decoration:underline
}
.step5 .restaurantInfoPanel{
    position:relative;
    border-radius:8px;
    margin-top:10px;
    padding:12px;
    background-color:#fff;
    color:#261e1e;
    width:200px;
    transition:opacity .2s linear;
    box-shadow:0 6px 8px 0 rgba(0,0,0,.2)
}
.step5 .restaurantInfoPanel .restaurantlogo img{
    height:100%;
    width:100%;
    max-height:100px
}
.step5 .restaurantInfoPanel .marker{
    border-bottom:10px solid #fff;
    left:92px;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    top:-10px;
    width:0;
    height:0
}
.step5 .orderconfirmation{
    position:absolute;
    top:0;
    left:0;
    margin:0 auto;
    width:100%
}
.step5 .orderconfirmation .restaurant{
    min-height:0;
    position:relative
}
.step5 .orderconfirmation .restaurant:hover{
    background:none;
    box-shadow:none
}
.step5 .orderconfirmation .CloseBtnIcon:after{
    content:'\E918';
    font-family:fontello;
    float:right;
    top:10px;
    right:10px;
    color:#888
}
.step5 .orderconfirmation .toggleOverview{
    margin-bottom:10px
}
.step5 .orderconfirmation .restaurantinfofavo{
    width:8.33%;
    margin-left:10px
}
.step5 .orderconfirmation .restaurantinfofavo input.favo{
    position:relative;
    bottom:initial;
    left:initial;
    padding:0;
    border:1px solid #eee;
    border-bottom:1px solid #eee;
    background-color:#fff;
    background-image:url(/images/icons/favo.png);
    background-repeat:no-repeat;
    background-position:50%;
    width:30px;
    box-shadow:none;
    color:transparent
}
.step5 .orderconfirmation .restaurantinfofavo input.favo.selected{
    background-image:url(/images/icons/favo_selected.png)
}
.step5 .orderconfirmation .logo{
    width:auto;
    max-height:160px;
    height:100%;
    margin:0
}
.step5 .orderconfirmation .restaurant .logo img{
    border:1px solid #eee;
    border-radius:5px;
    max-height:160px
}
.step5 .orderconfirmation .wrap{
    position:relative;
    width:90%;
    max-width:650px;
    min-width:280px;
    background-color:#fff;
    border-radius:4px;
    margin:0 auto;
    margin-top:110px;
    padding:18px;
    box-shadow:1px 2px 8px rgba(0,0,0,.2)
}
.step5 .orderconfirmation h1{
    font-size:18px
}
@media only screen and (min-width:640px){
    .step5 .orderconfirmation h1{
        font-size:24px
    }
}
.step5 .orderconfirmation p{
    font-size:13px
}
@media only screen and (min-width:640px){
    .step5 .orderconfirmation p{
        font-size:15px
    }
}
.step5 .orderconfirmation .reference{
    font-weight:600
}
.step5 .main .wrapper{
    position:relative
}
.step5 .main.mapview{
    margin-top:58px
}
@media only screen and (min-width:640px){
    .step5 .main.mapview{
        margin-top:0
    }
}
.step5 .tweet{
    position:absolute;
    float:right;
    text-align:right
}
@media only screen and (min-width:640px){
    .step5 .tweet{
        position:relative;
        text-align:inherit
    }
}
@media only screen and (min-width:640px){
    .step4 #ipaymentdetails{
        width:50%
    }
}
.step4 #ipaymentdetails .CloseBtnIcon{
    display:none
}
.step4 #ibussinesspaymentdetails .button_form_blue,.step4 #ipaymentdetails .button_form_blue{
    position:relative;
    border-radius:3px;
    padding:0 8px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    background-color:#50aecc;
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    width:100%;
    margin-bottom:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-weight:600;
    font-size:13px;
    width:auto
}
.menucard-listing{
    margin-top:0;
    position:relative;
    width:100%
}
.menucard-listing .menu-wrapper{
    top:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    width:100%
}
@media only screen and (max-width:639px){
    .menucard-listing .menu-wrapper{
        display:block
    }
}
@media only screen and (min-width:640px){
    .menucard-listing .menu-wrapper{
        top:55px
    }
}
.menucard-listing .menu-wrapper .tooltip{
    padding:18px;
    border-radius:5px;
    z-index:200;
    font-weight:600;
    background-color:rgba(58,58,58,.8);
    color:#fff;
    font-size:14px;
    position:fixed;
    bottom:120px;
    left:0;
    right:0;
    text-align:center;
    margin:0 auto;
    width:90%
}
@media only screen and (min-width:640px){
    .menucard-listing .menu-wrapper .tooltip{
        margin-left:auto;
        margin-right:auto;
        font-size:16px;
        padding:20px;
        width:50%
    }
}
.menucard-listing .menu-wrapper .menu-menucard{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    max-width:1240px;
    width:100%
}
.menucard-listing .menu-wrapper .menu-categories-scrolling .restaurant-logo,.menucard-listing .menu-wrapper .menu-categories-scrolling .social.social-extra,.menucard-listing .menu-wrapper .restaurant-logo{
    display:none
}
@media only screen and (min-width:640px){
    .menucard-listing .menu-wrapper .restaurant-logo{
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        width:250px;
        padding:0 32px;
        padding-top:32px;
        margin-bottom:25px
    }
    .menucard-listing .menu-wrapper .restaurant-logo img{
        width:90%;
        height:100%;
        margin:0 10px 0 0;
        border-radius:3px;
        margin:0 auto
    }
}
.menucard-listing .listing-inner{
    display:block;
    max-width:1240px;
    background-color:#fff
}
@media only screen and (min-width:640px){
    .menucard-listing .listing-inner{
        margin-top:0
    }
}
.menucard-listing .menucard-notification{
    padding:17px;
    background-color:#f9f5f1
}
@media only screen and (max-width:639px){
    .menucard-listing .menucard-notification{
        overflow:auto;
        max-height:200px
    }
}
.menucard-listing .stampcard-notification{
    margin-bottom:12px
}
@media only screen and (max-width:639px){
    .step3.activesmartbanner.fullscreen.basket .hideheader .menu-cart-wrapper.open,.step4.activesmartbanner.fullscreen.basket .hideheader .menu-cart-wrapper.open{
        top:121px
    }
}
@media only screen and (max-width:639px){
    .step3.activesmartbanner .menucard-listing{
        margin-top:184px
    }
}
@media only screen and (max-width:639px){
    .step3.activesmartbanner .tabs{
        margin-top:79px
    }
}
@media only screen and (max-width:639px){
    .step3.activesmartbanner .lightbox{
        margin-top:80px
    }
}
@media only screen and (max-width:639px){
    .step3.activesmartbanner.fullscreen .menu-categories-wrapper.visible{
        margin-top:184px!important
    }
}
@media only screen and (max-width:639px){
    .step4.activesmartbanner .orderdetails-listing{
        margin-top:370px
    }
}
.wrapper-inforating-tabs .tabs{
    line-height:2.8;
    width:100vw
}
@media only screen and (min-width:640px){
    .wrapper-inforating-tabs .tabs{
        background-color:#fff;
        display:block;
        height:65px;
        left:255px;
        margin:0 auto;
        position:absolute;
        right:320px
    }
}
.wrapper-inforating-tabs .tabs ul{
    border-bottom:1px solid hsla(33,10%,79%,.5);
    display:inline-block;
    height:auto;
    width:100%
}
.wrapper-inforating-tabs .tabs li{
    cursor:pointer;
    display:inline-block;
    font-size:13px;
    padding:8px
}
@media only screen and (min-width:640px){
    .wrapper-inforating-tabs .tabs li{
        font-size:15px
    }
}
.wrapper-inforating-tabs .tabs li a{
    color:#333;
    padding:8px;
    background:#fff
}
.wrapper-inforating-tabs .tabs li.active,.wrapper-inforating-tabs .tabs li:hover{
    border-bottom:2px solid #f80
}
.wrapper-inforating-tabs .tabs li.active a,.wrapper-inforating-tabs .tabs li:hover a{
    color:#f80
}
.menu-categories-wrapper{
    position:relative;
    overflow:hidden;
    flex:0 0 255px;
    padding:0 16px;
    display:inline-block
}
@media only screen and (min-width:640px){
    .menu-categories-wrapper{
        margin-top:0
    }
}
@media only screen and (min-width:980px){
    .menu-categories-wrapper{
        flex:0 0 275px
    }
}
.menu-meals{
    width:0;
    min-width:120px;
    flex-basis:auto;
    flex-grow:1;
    position:relative
}
@media only screen and (min-width:640px){
    .menu-meals{
        margin-top:11px;
        margin-bottom:55px;
        margin-right:12px
    }
    .menu-meals.open{
        margin-right:0
    }
}
.menu-cart-wrapper{
    height:100%;
    display:none;
    width:auto
}
.menu-cart-wrapper.open{
    display:block
}
@media only screen and (max-width:639px){
    .menu-cart-wrapper.open{
        position:fixed;
        width:100%;
        display:block;
        top:100px;
        z-index:10
    }
}
@media only screen and (min-width:640px){
    .menu-cart-wrapper.open{
        flex:0 0 371px
    }
}
@media only screen and (min-width:980px){
    .menu-cart-wrapper.open{
        flex:0 0 400px
    }
}
@media only screen and (min-width:640px){
    .menu-cart-wrapper.open.subnavigation-scrolling .menu-cart-fixed{
        position:fixed;
        width:100%;
        display:block;
        top:55px;
        bottom:0;
        width:381px;
        overflow-y:auto;
        background:#fff
    }
}
.menu-cart-wrapper.open .menu-cart-fixed::-webkit-scrollbar{
    width:0!important
}
.menu-cart-wrapper.open .menu-cart-fixed{
    -ms-overflow-style:none;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
@media only screen and (max-width:639px){
    .menu-cart-wrapper.open{
        padding-top:30px;
        padding-bottom:130px
    }
}
@media only screen and (min-width:640px){
    .menu-cart-wrapper.open{
        position:absolute;
        width:371px;
        right:0;
        top:0;
        padding-top:18px
    }
}
@media only screen and (min-width:1020px){
    .menu-cart-wrapper.open{
        position:relative;
        width:auto;
        right:auto;
        padding-top:18px
    }
}
.hideheader .menu-cart-wrapper.open{
    top:0
}
@media only screen and (max-width:640px){
    .hideheader .menu-cart-wrapper.open{
        top:45px
    }
}
@media only screen and (min-width:640px){
    .menu-categories{
        width:250px
    }
}
@media only screen and (max-width:640px){
    .menu-categories{
        margin-bottom:120px
    }
}
.step3 .menu-categories ul{
    position:relative
}
.menu-categories ul:before{
    display:table;
    content:'';
    line-height:0
}
.menu-categories li{
    width:95%;
    font-size:15px;
    padding-left:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1px
}
.menu-categories li a{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    line-height:1.5;
    display:block;
    text-align:justify;
    cursor:pointer;
    color:#333;
    padding:8px 0
}
.menu-categories li a.active,.menu-categories li a:hover{
    color:#50aecc
}
.menu-categories li a:hover{
    text-decoration:underline
}
.tabs-inforating li:hover,.tabs-inforating li:hover a{
    color:#f80
}
.tabs-inforating li:after{
    content:'';
    display:block;
    height:2px;
    margin:auto;
    position:relative;
    top:10px;
    -webkit-transform:scale(.1);
    transform:scale(.1);
    color:#fff
}
.tabs-inforating li:after,.tabs-inforating li:hover:after{
    width:100%;
    background:#f80
}
.truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
@media only screen and (max-width:639px){
    .menu-categories-wrapper{
        display:none;
        top:45px
    }
    .menu-categories-wrapper.visible{
        width:100%;
        display:block;
        overflow-y:auto;
        position:fixed;
        z-index:10;
        background-color:#fff;
        height:100%
    }
}
@media only screen and (min-width:640px){
    .menu-meals{
        margin-top:8px
    }
}
@media only screen and (min-width:640px){
    .menu-categories-scrolling{
        width:239px;
        position:fixed;
        top:55px;
        bottom:0;
        overflow-x:hidden;
        overflow-y:scroll
    }
}
.menu-categories::-webkit-scrollbar{
    display:none
}
.menu-category-head img{
    width:100%
}
@media only screen and (min-width:640px){
    .menu-category-head img{
        max-height:200px
    }
}
.placeholder-categoryimage{
    min-height:12px
}
@media only screen and (min-width:640px){
    .placeholder-categoryimage{
        min-height:48px;
        background-color:#fff;
        min-height:80px;
        background-color:transparent
    }
}
.menu-category-head{
    position:relative
}
.menu-category-head div{
    width:90%;
    height:75px;
    line-height:45px;
    left:16px;
    padding:4px 16px;
    display:block;
    background:#f9f5f1;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
@media only screen and (min-width:640px){
    .menu-category-head div{
        position:absolute;
        bottom:0;
        display:inline-block
    }
}
.menu-category-head div span{
    display:block;
    margin:2px 0 0px;
    font-weight:400;
    color:#333;
    font-size:1.4rem;
    line-height:1.6em;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.menu-category-description{
    background:#f9f5f1;
    padding:2px 16px;
    font-size:12px
}
@media only screen and (min-width:640px){
    .menu-category-description{
        padding:2px 32px;
        font-size:13px;
        padding-left:32px;
        padding-top:16px;
        font-size:15px
    }
}
.menu-category-time-restriction{
    padding-left:16px;
    padding-top:16px;
    font-size:11px;
    color:#9c9c9c
}
@media only screen and (min-width:640px){
    .menu-category-time-restriction{
        padding-left:32px;
        padding-bottom:16px;
        font-size:12px
    }
}
.menu-category-time-restriction:before{
    font-family:fontello;
    content:"";
    margin-right:2px;
    font-size:14px
}
@media only screen and (min-width:640px){
    .menu-category-time-restriction:before{
        margin-right:5px;
        font-size:14px
    }
}
@media only screen and (min-width:640px)
{
    .menu-meals-group .meal
    {
        display: flex;
        flex-wrap: wrap;
        padding: 32px 0;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
        margin: 4px 0;
    }
}
@media only screen and (max-width:639px)
{
    .menu-meals-group .meal
    {
        display: flex;
        flex-wrap: wrap;
        padding: 16px 0;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
        margin: 4px 0;
    }

    .menu-meals-group-category
    {
        border-bottom:2px solid White;
    }
}
@media only screen and (min-width:640px){
    .menu-meals-group .meal{
        width:auto;
        padding:32px 0
    }
}
.menu-meals-group .meal:hover{
    background:#eef7fa;
    box-shadow:0 1px 1px #cfcac4
}
.menu-meals-group{
    background-color:#f9f5f1
}
@media only screen and (min-width:640px)
{
    .menu-meals-group .meal .meal-wrapper.productimg
    {
        width: 73%;
        margin-right: 2%;
    }
}
@media only screen and (max-width:639px)
{
    .menu-meals-group .meal .meal-wrapper.productimg
    {
        width: 66%;
        margin-right: 2%;
    }
}
@media only screen and (min-width:980px){
    .menu-meals-group .meal .meal-wrapper.productimg{
        width:68%
    }
}
.menu-meals-group .meal .meal-wrapper{
    width:63%;
    margin-right:2%
}
@media only screen and (min-width:980px){
    .menu-meals-group .meal .meal-wrapper{
        width:83%
    }
}
.menu-meals-group .meal .meal-wrapper .meal-description-texts{
    padding-left:10px
}
@media only screen and (min-width:980px){
    .menu-meals-group .meal .meal-wrapper .meal-description-texts{
        padding-left:20px
    }
}
.menu-meals-group .meal .meal-wrapper .meal-description-texts .meal-description-choose-from{
    margin-top:8px;
    color:gray
}
.menu-meals-group .meal .meal-wrapper .meal-description-texts .meal-description-attribute-descriptions{
    margin-top:8px;
    color:#adadad;
    font-size:11px
}
.menu-meals-group .meal .meal-wrapper .meal-description-texts .meal-name{
    margin:8px 0 16px;
    color:#333;
    font-size:1.2rem;
    line-height:1.4rem;
    font-weight:600;
    text-align:left;
    font-size:.95rem;
    line-height:1.2rem;
    word-break:break-all
}
@media only screen and (min-width:640px){
    .menu-meals-group .meal .meal-wrapper .meal-description-texts .meal-name{
        margin:8px 0 16px;
        color:#333;
        font-size:1.1rem;
        line-height:1.3rem;
        font-weight:600;
        text-align:left
    }
}
.menu-meals .meal .meal-description-additional-info{
    padding-top:8px;
    width:auto!important;
    word-break:normal
}
@media only screen and (min-width:640px){
    .menu-meals .meal .meal-description-additional-info{
        font-size:15px
    }
}
@media only screen and (min-width:640px)
{
    .menu-meals .meal-add-btn-wrapper.productimg
    {
        margin-right: 2%;
        width: 28%;
    }
}
@media only screen and (max-width:639px)
{
    .menu-meals .meal-add-btn-wrapper.productimg
    {
        margin-right: 2%;
        width: 30%;
    }
}
@media only screen and (min-width:980px){
    .menu-meals .meal-add-btn-wrapper.productimg{
        width:28%
    }
}
.menu-meals .meal-add-btn-wrapper.productimg .meal-product-img{
    text-align:right;
    width:100%;
    /*height:100%;*/
    padding-top:50px
}
@media only screen and (min-width:1020px){
    .menu-meals .meal-add-btn-wrapper.productimg .meal-product-img{
        padding-top:0;
        /*text-align:center*/
    }
}
.menu-meals .meal-add-btn-wrapper.productimg .meal-product-img .menucardproductimg{
    max-width:150px;
    max-height:150px;
    width:100%;
    height:auto
}
@media only screen and (min-width:980px){
    .menu-meals .meal-add-btn-wrapper.productimg .meal-product-img .menucardproductimg{
        max-width:120px;
        max-height:120px;
        width:auto;
        height:auto
    }
}

@media only screen and (max-width:639px){
    .menu-meals .meal-add-btn-wrapper.productimg .meal-product-img .menucardproductimg{
        max-width:100px;
        max-height:100px;
        width:auto;
        height:auto;
        /*display: none;*/        
    }
}
.menu-meals .meal-add-btn-wrapper{
    margin-right:2%;
    width:33%
}
@media only screen and (min-width:980px){
    .menu-meals .meal-add-btn-wrapper{
        width:13%
    }
}
.menu-meals .meal-add-btn-wrapper .add-btn-icon{
    position:relative;
    border-radius:3px;
    padding:0 12px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    background-color:#50aecc;
    font-size:13px;
    height:35px;
    line-height:35px;
    float:right;
    white-space:nowrap
}
.menu-meals .meal-add-btn-wrapper .add-btn-icon:hover{
    background-color:#3595b4;
    box-shadow:0 2px 2px rgba(0,0,0,.2)
}
.menu-meals .meal-add-btn-wrapper .add-btn-icon:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    display:inline-block;
    margin-left:8px;
    padding-left:8px;
    height:24px;
    line-height:24px;
    border-left:1px solid #9fd3e3;
    font-size:12px
}
@media only screen and (min-width:640px){
    .menu-meals .meal-add-btn-wrapper .add-btn-icon{
        font-size:15px
    }
}
.menu-meals .meal-add-btn-wrapper .menu-meal-additions-add:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    display:inline-block;
    margin-left:6px;
    padding-left:6px;
    height:24px;
    line-height:24px;
    border-left:1px solid #9fd3e3;
    font-size:13px
}
@media only screen and (min-width:640px){
    .category-menu-meals{
        padding:0 5px
    }
}
.jig-cart-empty-state.visible{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    text-align:center;
    display:block;
    padding:24px 0 16px
}
.jig-cart-empty-state.visible .jig-cart-empty-state-icon{
    padding-bottom:24px;
    min-height:120px
}
.jig-cart-empty-state.visible .jig-cart-empty-state-icon:after{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    font-size:150px;
    color:#ede4db
}
.wrapper-inforating-tabs .tabs{
    width:100vw
}
.btn-basket.btn-basket-products:hover{
    background-color:#3595b4;
    color:#fff!important
}
.btn-cart-icon{
    position:absolute;
    top:0;
    right:10px
}
.btn-cart-icon:after{
    font-size:25pt;
    content:"";
    font-family:fontello;
    line-height:0;
    float:right;
    padding:16px;
    color:#fff;
    position:absolute;
    top:0;
    left:-48px;
    font-weight:400
}

@media only screen and (max-width:639px){
    .basketmode .btn-basket:before{
        font-size:28px;
        /*content:"";*/
        font-family:fontello;
        font-weight:400;
        line-height:.3;
        color:#6c6c6c
    }

    #headinfo_left
    {
        display: none !important;
    }
    #headinfo_right
    {
        width: 100% !important;
    }

    .subnavigation .btn-basket
    {
        padding-left:10px !important;
    }

    .btn-saldo
    {
        display: none !important;
        cursor: default;
    }    
}
.btn-saldo
    {
        cursor:default;
        width: 300px !important;
    } 
.daydiscount
    {
        background-color: #283197 !important;
        cursor:default;
        color:#fff;
        width: 200px;
        -webkit-transition:all .3s ease;
        transition:all .3s ease;
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flexbox;
        display:flex;
        -js-display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        -webkit-justify-content:center;
        -moz-justify-content:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        -webkit-align-items:center;
        -moz-align-items:center;
        align-items:center
    }
.btn-basket .btn-text.btn-cart-price{
    display:block
}
.btn-basket .btn-icon{
    display:block;
    /*padding-left:10px;*/
    width:100%;
    font-size:15px
}
.btn-basket.btn-basket-products{
    background-color:#50aecc
}
.btn-basket.btn-basket-products a{
    color:#fff
}
.btn-basket.btn-basket-products.hover{
    background-color:#3595b4
}
.btn-basket.btn-basket-products:hover{
    background-color:#3595b4
}
.basketmode .btn-basket.btn-basket-products:hover{
    background-color:#fff!important
}
.btn-cart-icon{
    position:absolute;
    top:10px;
    right:10px;
    display:block;
    width:22px;
    height:22px;
    font-size:1em;
    text-transform:uppercase;
    text-align:center;
    line-height:21px;
    letter-spacing:-1px;
    color:#50aecc;
    border:none;
    border-radius:22px;
    background:#fff;
    cursor:pointer;
    box-shadow:0 0 0 0 rgba(90,153,212,.5)
}
.btn-cart-icon:after{
    font-size:18pt;
    content:"";
    font-family:fontello;
    line-height:0;
    float:right;
    padding:16px;
    color:#fff;
    position:absolute;
    top:0;
    left:-38px;
    font-weight:400
}
@media only screen and (min-width:640px){
    .btn-cart-icon:after{
        font-size:25pt;
        left:-48px
    }
}
@media only screen and (min-width:1340px){
    .wrapper-inforating-tabs .tabs{
        max-width:745px;
        display:block;
        margin:0 auto
    }
}
@media only screen and (max-width:639px){
    .sticky-header{
        width:100%;
        top:45px;
        position:absolute;
        display:none;
        padding:8px 0 8px 24px;
        background:#fff;
        font-size:15px;
        font-family:Open Sans,Arial,sans-serif;
        line-height:1.5;
        box-shadow:0 2px 2px rgba(0,0,0,.2)
    }
    .sticky-header a:focus{
        color:#50aecc
    }
    .sticky-header a.active:after{
        width:100%;
        background:#50aecc;
        color:#50aecc;
        transition:all .3s ease;
        transform:scale(1.1)
    }
}
@media only screen and (min-width:639px){
    .sticky-header{
        position:absolute;
        display:block;
        visibility:hidden
    }
}
@-webkit-keyframes d{
    0%{
        background-color:#50aecc;
        opacity:1
    }
    50%{
        background-color:#ff8000
    }
    to{
        background-color:#50aecc
    }
}
.highlight{
    -webkit-animation-name:d;
    -webkit-animation-duration:.9s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-in-out
}
.pulse-button{
    -webkit-animation:e .5s 1
}
.pulse-button:hover{
    -webkit-animation:none
}
@-webkit-keyframes e{
    0%,70%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    70%{
        box-shadow:0 0 0 50px rgba(90,153,212,0)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(90,153,212,0)
    }
}
.step3 .restaurantnotification.emergency{
    background-color:#ecf6f9;
    color:#333;
    padding:17px
}
@media only screen and (min-width:640px){
    .step3 .restaurantnotification.emergency{
        margin:10px 0;
        border-radius:3px;
        padding:12px
    }
}
.checkout-voucher{
    padding:16px 16px 0;
    width:100%;
    font-size:13px
}
.checkout-voucher .voucher-input{
    width:100%
}
.checkout-voucher #ivouchermessage{
    color:red;
    font-weight:600;
    padding:7px;
    padding-bottom:0
}
.checkout-voucher .checkout-voucher-container{
    display:none;
    cursor:pointer
}
.checkout-voucher .checkout-voucher-container.open{
    display:block
}
.checkout-voucher h3.voucher-add{
    font-size:14px;
    text-decoration:underline;
    cursor:pointer
}
.checkout-voucher h3.voucher-add:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    line-height:1.5;
    float:right;
    color:#666;
    -webkit-transition:min-width .3s ease;
    transition:min-width .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.checkout-voucher h3.voucher-add.open:after{
    content:""
}
.checkout-voucher .voucher-input-wrapper{
    display:inline-flex;
    align-items:center;
    height:50px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    box-sizing:border-box;
    line-height:initial
}
.checkout-voucher .voucher-input-wrapper input{
    color:#666;
    border:1px solid #999;
    padding:7px 7px 8px;
    position:relative;
    background:#fff;
    width:100%;
    max-width:280px;
    margin:0 8px 0 0;
    border:1px solid #cfcac4;
    border-radius:3px;
    padding:8px 16px;
    background-color:#fff;
    line-height:24px
}
.checkout-voucher .voucher-input-wrapper input:focus{
    border:1px solid #50aecc
}
button.voucher-add-check{
    background-color:#50aecc;
    padding:8px 16px;
    border-radius:3px;
    color:#fff;
    font-weight:600;
    height:42px;
    line-height:24px
}
button.voucher-add-check:hover{
    background-color:#3595b4
}
.menu-cart-wrapper{
    overflow:auto;
    background:#fff;
    height:100%;
    width:100%;
    position:relative;
    width:320px;
    top:-55px
}
.menu-cart-wrapper .cart-sum{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:16px
}
.menu-cart-wrapper .cart-paymentmethods,.menu-cart-wrapper .cartbutton{
    padding:0 16px;
    margin-top:30px
}
body.fullscreen.basket .menucard-listing .menu-menucard,body.fullscreen.basket .menucard-listing .tabs-inforating{
    display:none!important
}
@media only screen and (max-width:639px){
    .checkout-voucher{
        margin-bottom:80px
    }
}
.cart-sum-name{
    width:100%;
    padding:4px 0
}
.cart-sum-price{
    min-width:85px;
    text-align:right;
    white-space:nowrap
}
.checkbutton-button{
    position:relative;
    border-radius:3px;
    padding:0 16px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    background-color:#1E2F79;
    height:35px;
    text-transform:uppercase;
    width:90px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-weight:600;
    font-size:16px
}
.cartbutton-button{
    position:relative;
    border-radius:3px;
    padding:0 16px;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:#fff;
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    background-color:#50aecc;
    height:50px;
    line-height:50px;
    text-transform:uppercase;
    width:100%;
    margin-bottom:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-weight:600;
    font-size:20px
}
.cartbutton-button:hover{
    background-color:#3595b4;
    color:#fff
}
.cartbutton-button.btn-disabled{
    border-bottom-color:#bbb!important;
    background-color:#f0f0f0!important;
    color:#bbb!important;
    text-shadow:none!important;
    cursor:not-allowed!important
}
.cartbutton-button-sidedishes{
    text-transform:none
}
.cart-single-meal{
    padding: 10px 0 0px 0px;
    font-size:13px;
    color:#000
}
.cart-row{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    width:100%
}
.cart-single-meal .cart-row .cart-meal-amount{
    padding-right:26px;
    width:20px
}
.cart-meal-edit-buttons{
    min-width:98px
}
.cart-single-meal .cart-row .cart-meal-delete,.cart-single-meal .cart-row .cart-meal-edit-add,.cart-single-meal .cart-row .cart-meal-edit-comment,.cart-single-meal .cart-row .cart-meal-edit-delete{
    cursor:pointer;
    float:left
}
.cart-single-meal .cart-row .cart-meal-delete{
    min-width:40px
}
.cart-single-meal .cart-row .cart-meal-edit-add:before,.cart-single-meal .cart-row .cart-meal-edit-delete:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    padding:4px 8px;
    margin:0 3px;
    border:1px solid #cecece;
    border-radius:4px;
    cursor:pointer
}
.cart-single-meal .cart-row .cart-meal-edit-delete:before{
    content:''
}
.cart-meal-name{
    width:100%;
    padding:4px 0;
    word-break: break-all;
}
.cart-meal-price{
    min-width:75px;
    text-align:right
}
.cart-meal-delete:before{
    display:inline-block;
    cursor:pointer;
    color:#50aecc;
    font-size:18px;
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    line-height:.3;
    float:right;
    padding:16px
}
.cart-meal-delete-disabled:before{
    color:#fff;
    cursor:default
}
.cart-meal-edit-comment:before{
    display:inline-block;
    cursor:pointer;
    color:#50aecc;
    font-size:18px;
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    padding:0 10px
}
.cart-meal-edit-comment.hascomment:before{
    color:#0094ff
}
.cart-meal-extra{
    padding:0 0 8px 32px
}
.cart-row.productremark{
    display:none
}
.cart-row fieldset{
    margin-right:12px;
    border:1px solid #50aecc
}
.cart-row fieldset legend{
    margin-left:10px;
    padding:0 4px
}
textarea.productremark{
    width:100%;
    padding:0 12px;
    resize:none
}
.productremark-btns{
    float:right
}
.productremark-btn{
    min-width:80px;
    padding:10px 12px;
    float:left;
    text-align:right;
    font-weight:600
}
.grey{
    color:#666
}
.row-sum{
    font-weight:900;
    color:#000
}
.row-green{
    color:#380;
    font-weight:600
}
.minimumorderamount-reached{
    margin-top:12px;
    text-align:center
}
.basket-notification{
    font-size:12px;
    padding:20px;
    margin:0 22px;
    margin-bottom:12px;
    border-radius:3px;
    border:1px solid rgba(80,174,204,.51);
    background-color:rgba(80,174,204,.1);
    display:block
}
.legend.excluded_from_minimum_calculation{
    text-align:center;
    margin:1em
}
.excluded_from_minimum_calculation:before{
    display:inline-block;
    color:#888;
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    line-height:.3
}
.tabs-inforating{
    display:inline-block;
    position:relative;
    width:100%;
    color:#333;
    padding:0;
    line-height:2.8
}
.tabs-inforating ul{
    border-bottom:1px solid hsla(33,10%,79%,.5);
    display:inline-block;
    height:auto;
    margin-right:30px
}
.tabs-inforating li{
    display:inline-block;
    margin:3px;
    border-bottom:2px solid transparent;
    cursor:pointer;
    font-size:12px
}
@media only screen and (min-width:640px){
    .tabs-inforating li{
        margin:6px 8px;
        font-size:15px
    }
    .tabs-inforating li:first-child{
        margin-left:3px
    }
}
.tabs-inforating li a{
    color:#333;
    padding:8px
}
.tabs-inforating li:active,.tabs-inforating li:hover{
    color:#ff8000
}
.tabs-inforating .restaurant-info{
    display:flex
}
@media only screen and (min-width:640px){
    .tabs-inforating .restaurant-info{
        display:none
    }
}
.tabs-inforating li.active a{
    color:#ff8000
}
.tabs-inforating li:after{
    display:none
}
.tabs-inforating li.active:after{
    background:#ff8000;
    display:block;
    width:100%;
    transform:scale(1.1);
    top:3px
}
@media only screen and (min-width:640px){
    .tabs-inforating li.active:after{
        top:9px
    }
}
.tabs-inforating .restaurant-info h1{
    margin:0;
    padding:0;
    padding-left:10px;
    font-size:16px;
    font-weight:600;
    width:64%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
@media only screen and (min-width:640px){
    .tabs-inforating .restaurant-info h1{
        width:80%
    }
}
.tabs-inforating .like.social{
    display:none
}
@media only screen and (min-width:360px){
    .tabs-inforating .like.social{
        display:block
    }
}
@media only screen and (min-width:640px){
    .tabs-inforating .like.social{
        display:none
    }
}
@media only screen and (min-width:790px){
    .tabs-inforating .like.social{
        display:block
    }
}
@media only screen and (min-width:640px){
    .tabs-inforating.tabs-full .facebooklike{
        display:none
    }
}
@media only screen and (min-width:850px){
    .tabs-inforating.tabs-full .facebooklike{
        display:block
    }
}
.tabs-inforating .facebooklike{
    position:absolute;
    right:1px;
    top:5px
}
@media only screen and (min-width:640px){
    .tabs-inforating .facebooklike{
        top:11px;
        display:none
    }
}
@media only screen and (min-width:750px){
    .tabs-inforating .facebooklike{
        display:block
    }
}
.tabs-inforating.tabs-full .like.social{
    display:none
}
@media only screen and (min-width:320px){
    .tabs-inforating.tabs-full .like.social{
        display:block
    }
}
@media only screen and (min-width:640px){
    .tabs-inforating.tabs-full .like.social{
        display:none
    }
}
@media only screen and (min-width:870px){
    .tabs-inforating.tabs-full .like.social{
        display:block
    }
}
.tabs-inforating .like.social .favorite{
    top:45px;
    right:10px;
    position:absolute
}
@media only screen and (min-width:640px){
    .tabs-inforating .like.social .favorite{
        top:10px;
        right:120px
    }
}
.tabs-inforating .like.social .favorite .restaurantlogo-heart:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.tabs-inforating .like.social .favorite .restaurantlogo-heart.selected:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#f80
}
.tabs-inforating .like.social .favorite .restaurantlogo-heart{
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    box-shadow:0 2px 2px rgba(0,0,0,.2);
    border-radius:3px;
    font-size:20px;
    width:35px;
    height:35px;
    line-height:35px;
    background-color:#fff!important;
    color:#666!important;
    display:block;
    box-shadow:none
}
.sidedishes{
    padding:20px;
    padding-bottom:0;
    padding-top:34px
}
.sidedishes .meal-allergens.show{
    display:inline-block;
    position:absolute;
    margin-top:0;
    color:#999;
    padding:0 12px;
    line-height:34px;
    right:0
}
@media only screen and (min-width:640px){
    .sidedishes{
        padding-top:24px;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-content:flex-start
    }
    .sidedishes .sidedish{
        padding-right:10px;
        width:100%;
        flex-grow:1
    }
    .sidedishes .sidedish-checkbox{
        display:inline-block;
        width:100%;
        right:10px
    }
    .sidedishes .sidedish-allergens-wrapper{
        position:relative;
        display:block
    }
}
@media only screen and (min-width:980px){
    .sidedishes .sidedish-checkbox{
        width:50%;
        vertical-align:top
    }
    .sidedishes .sidedish{
        width:100%
    }
}
.sidedish-pop-in{
    position:relative;
    width:100%
}
.sidedish-pop-in .sidedish{
    margin-bottom:12px;
    position:relative
}
.sidedish-pop-in .sidedish h3{
    font-size:13px;
    font-weight:600
}
.sidedish-pop-in .sidedish.select:after{
    content:"";
    top:0;
    font-family:fontello;
    line-height:1;
    top:50%;
    transform:translateY(-50%) rotate(180deg);
    position:absolute;
    top:47px;
    right:10px;
    z-index:10
}
@media only screen and (min-width:640px){
    .sidedish-pop-in .sidedish.select:after{
        top:54px;
        right:25px
    }
}
.sidedish-pop-in select.pulldown{
    position:relative;
    width:100%;
    height:35px;
    line-height:35px;
    padding:0 10px;
    padding-right:30px;
    -webkit-appearance:none;
    -moz-appearance:none;
    background:0 0;
    color:#333;
    border:1px solid #cfcac4;
    border-radius:3px;
    background-color:#fff
}
.sidedish-pop-in select.pulldown:hover{
    box-shadow:0 0 8px #f9f5f1;
    border:1px solid #50aecc;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.sidedish-pop-in .sidedish-footer{
    display:flex;
    margin-top:24px;
    background-color:#f9f9f9;
    padding:8px 20px
}
.sidedish-pop-in .sidedish-footer a,.sidedish-pop-in .sidedish-footer span{
    display:inline-block
}
.sidedish-pop-in .sidedish-footer a{
    font-family:fontello;
    font-size:19px
}
.sidedish-pop-in .sidedish-footer .meal-price,.sidedish-pop-in .sidedish-footer .sidedish-add-button{
    width:50%
}
.sidedish-pop-in .sidedish-footer .sidedish-add-button{
    text-align:right
}
.sidedish-pop-in .sidedish-footer .sidedish-add-button .cartbutton-button{
    font-size:inherit;
    width:auto;
    height:35px;
    line-height:35px;
    font-family:Open Sans
}
.sidedish-pop-in .basketproductnr{
    border:1px solid #ccc;
    padding:6px 12px;
    border-radius:3px;
    font-size:15px;
    background-color:#fff;
    margin-left:6px;
    margin-right:6px
}
.menu-meals-group .meal.meal-sidedish{
    padding:32px 0 0;
    background:#eef7fa;
    box-shadow:0 1px 1px #cfcac4;
    margin-bottom:30px
}
.menu-meals-group .meal.meal-sidedish .menu-meal-add{
    opacity:.2
}
.menu-meals-group .meal.meal-sidedish .sidedish-pop-in{
    margin-top:15px
}
.menu-meals-group .meal.meal-sidedish .sidedish-pop-in .inner{
    background-color:#fff;
    margin-top:24px;
    padding-top:24px
}
.sidedish-pop-in .inner:after{
    top:-36px;
    left:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:hsla(0,0%,100%,0);
    border-bottom-color:#fff;
    border-width:30px;
    margin-left:-30px
}
.sidedish-pop-in .inner .popin-close{
    position:absolute;
    right:3%;
    top:50px
}
.sidedish-pop-in .inner .popin-close:before{
    display:block;
    position:relative;
    content:'';
    font-family:fontello;
    font-weight:400;
    line-height:1;
    font-size:15pt
}
.sidedish-pop-in .inner .popin-close:hover{
    color:#50aecc
}
.sidedishes .select-input{
    position:relative;
    line-height:50px;
    height:50px;
    display:block
}
.sidedishes .select-input:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1.5;
    position:absolute;
    top:15px;
    right:10px;
    pointer-events:none
}
@media only screen and (min-width:980px){
    .sidedish-pop-in .sidedishes .sidedish-checkboxgroup .sidedish-checkbox{
        padding-right:10px
    }
    .sidedish-pop-in .sidedishes .sidedish-checkboxgroup .sidedish-checkbox:nth-child(2n+1){
        padding-right:0
    }
}
#main.lightbox-opened{
    display:none
}
@media only screen and (min-width:640px){
    #main.lightbox-opened{
        display:block
    }
}
.lightbox.lightbox-allergens{
    position:absolute
}
@media only screen and (min-width:640px){
    .lightbox.lightbox-allergens{
        position:fixed
    }
}
@media only screen and (min-width:640px){
    .lightbox.lightbox-allergens .lightbox-content{
        background-color:transparent;
        height:100%
    }
}
.lightbox.lightbox-allergens .lightbox-contents{
    padding:20px;
    background-color:#fff;
    overflow-y:auto
}
@media only screen and (min-width:640px){
    .lightbox.lightbox-allergens .lightbox-contents{
        max-height:70%
    }
}
.lightbox.lightbox-allergens .lightbox-contents h1{
    font-size:18px;
    color:#333;
    margin-bottom:4px;
    font-weight:600
}
.lightbox.lightbox-allergens .lightbox-contents h2{
    margin:0;
    padding:0;
    font-size:13px;
    border-bottom:1px dotted #ccc;
    padding-bottom:24px
}
.lightbox.lightbox-allergens .lightbox-contents .additives,.lightbox.lightbox-allergens .lightbox-contents .allergens{
    margin-top:24px
}
.lightbox.lightbox-allergens .lightbox-contents .additives ul,.lightbox.lightbox-allergens .lightbox-contents .allergens ul{
    list-style-type:none
}
.lightbox.lightbox-allergens .lightbox-contents .additives h3,.lightbox.lightbox-allergens .lightbox-contents .allergens h3{
    font-weight:600
}
.lightbox.lightbox-allergens .lightbox-contents .disclaimer{
    margin-top:24px;
    font-size:12px;
    font-style:italic
}
.aa-switch{
    position:relative;
    display:block;
    text-align:right;
    cursor:pointer;
    -webkit-transition:all .2s ease-in;
    transition:all .2s ease-in
}
.aa-switch input{
    display:none
}
.aa-switch span{
    display:inline-block;
    text-align:right;
    padding:4px;
    color:#555
}
.aa-switch span:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    margin-left:4px;
    opacity:.5
}
.aa-switch span span.hide{
    display:none
}
.aa-switch input[type=checkbox]:checked+span{
    color:#52acce
}
.aa-switch input[type=checkbox]:checked+span:after{
    color:#52acce;
    content:"";
    opacity:1
}
.aa-switch input[type=checkbox]:checked+span span.hide{
    display:inline-block
}
.aa-switch input[type=checkbox]:checked+span span.show{
    display:none
}
.meal-allergens,.meal-allergens.show{
    display:inline-block
}
.meal-allergens:after{
    font-family:fontello;
    content:"";
    font-weight:800;
    line-height:1;
    color:#777
}
.sidedishes .meal-allergens{
    display:inline-block;
    position:absolute;
    margin-top:0;
    color:#999;
    padding:0 12px;
    line-height:34px;
    right:0
}
.bestrestaurants_nominated{
    background-color:#f9f5f1;
    margin-bottom:20px
}
.bestrestaurants_nominated .inner{
    padding:12px;
    border-bottom:1px solid #e8e7e6;
    margin:0 auto
}
.bestrestaurants_nominated .inner a{
    display:block;
    color:#666;
    text-decoration:underline;
    cursor:pointer
}
.bestrestaurants_nominated .inner a.button{
    text-decoration:none;
    display:block;
    font-family:Open Sans,sans-serif;
    text-align:center;
    text-transform:uppercase;
    cursor:pointer;
    border-radius:3px;
    font-size:1em;
    font-weight:600;
    background-color:#50aecc;
    color:#fff;
    width:300px;
    height:35px;
    line-height:35px
}
.bestrestaurants_nominated_votetab,.menucardbestresto .grid-m-06{
    display:none
}
@media only screen and (min-width:640px){
    .menucardbestresto .grid-m-06{
        width:20%;
        display:block
    }
}
@media only screen and (min-width:980px){
    .menucardbestresto .grid-m-06{
        width:15%;
        display:block
    }
}
.menucardbestresto .grid-m-18{
    text-align:center;
    width:100%
}
@media only screen and (min-width:640px){
    .menucardbestresto .grid-m-18{
        width:80%;
        text-align:left
    }
}
@media only screen and (min-width:980px){
    .menucardbestresto .grid-m-18{
        width:85%
    }
}
.menucardbestresto .grid-m-18 .title{
    font-weight:400;
    text-decoration:underline
}
@media only screen and (min-width:640px){
    .menucardbestresto .grid-m-18 .title{
        font-weight:700;
        text-decoration:none;
        text-align:left
    }
}
.menucardbestresto .grid-m-18 a.button,.menucardbestresto .grid-m-18 p.description{
    display:none
}
@media only screen and (min-width:640px){
    .menucardbestresto .grid-m-18 a.button,.menucardbestresto .grid-m-18 p.description{
        display:block;
        margin-top:20px
    }
}
.tab_voteforus .bestrestaurants_nominated.bestrestaurants_nominated_votetab{
    display:block;
    background:#fff
}
.tab_voteforus .bestrestaurants_nominated.bestrestaurants_nominated_votetab .grid-m-06{
    width:30%
}
@media only screen and (min-width:640px){
    .tab_voteforus .bestrestaurants_nominated.bestrestaurants_nominated_votetab .grid-m-06{
        width:20%
    }
}
@media only screen and (min-width:980px){
    .tab_voteforus .bestrestaurants_nominated.bestrestaurants_nominated_votetab .grid-m-06{
        width:15%
    }
}
.tab_voteforus .bestrestaurants_nominated.bestrestaurants_nominated_votetab .grid-m-18{
    width:70%
}
@media only screen and (min-width:640px){
    .tab_voteforus .bestrestaurants_nominated.bestrestaurants_nominated_votetab .grid-m-18{
        width:80%
    }
}
@media only screen and (min-width:980px){
    .tab_voteforus .bestrestaurants_nominated.bestrestaurants_nominated_votetab .grid-m-18{
        width:85%
    }
}
.tab_voteforus .bestrestaurants_nominated{
    display:none
}
.menucard.bestrestaurants{
    padding:12px;
    padding-top:0
}
@media only screen and (max-width:639px){
    .menucard.bestrestaurants .stamp{
        display:none
    }
    .sidedish-checkbox{
        padding-bottom: 5px;
    }
    .btn-basket btn-basket-products{

    }
    .daydiscount{
        margin-left: 0px !important;
    }

    .subdivs 
    {
        margin-left: 90% !important;
    }
}
.menucard.bestrestaurants .stamp img{
    width:100%;
    display:none
}
@media only screen and (min-width:980px){
    .menucard.bestrestaurants .stamp img{
        display:block
    }
}
.menucard.bestrestaurants .voteemail .button.extralargebutton,.menucard.bestrestaurants .votesucces .button.extralargebutton{
    width:300px
}
@media only screen and (max-width:639px){
    .menucard.bestrestaurants .voteemail .grid-m-18,.menucard.bestrestaurants .votesucces .grid-m-18{
        width:100%
    }
}
.menucard.bestrestaurants .voteemail .stamp,.menucard.bestrestaurants .votesucces .stamp{
    margin-top:20px
}
.menucard.bestrestaurants .voteemail .stamp img,.menucard.bestrestaurants .votesucces .stamp img{
    width:60%
}
.menucard.bestrestaurants .bestrestaurantswrapper h2{
    padding-bottom:0;
    padding-left:0;
    font-weight:600
}
.menucard.bestrestaurants .bestrestaurantswrapper form{
    margin-top:24px;
    margin-bottom:24px
}
.menucard.bestrestaurants .bestrestaurantswrapper form .button.extralargebutton{
    height:45px;
    line-height:45px;
    width:auto;
    font-size:15px;
    margin-top:16px;
    text-transform:uppercase
}
.menucard.bestrestaurants .bestrestaurantswrapper form .email,.menucard.bestrestaurants .bestrestaurantswrapper form .name,.menucard.bestrestaurants .bestrestaurantswrapper form .remark{
    line-height:29px;
    font-size:14px;
    font-weight:600;
    color:#777;
    margin-bottom:12px
}
@media only screen and (max-width:639px){
    .menucard.bestrestaurants .bestrestaurantswrapper .email.grid-11{
        width:100%
    }
}
@media only screen and (max-width:639px){
    .menucard.bestrestaurants .bestrestaurantswrapper .grid-11{
        width:45.815%
    }
}
.menucard.bestrestaurants .social{
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px;
    width:100%
}
.menucard.bestrestaurants .social.facebook{
    color:#fff;
    background-color:#3b5998;
    border-color:rgba(0,0,0,.2);
    position:relative;
    padding-left:44px;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.menucard.bestrestaurants .social.facebook:before{
    content:'';
    font-family:fontello;
    font-size:17pt;
    position:absolute;
    top:1px;
    left:8px
}
.menucard.bestrestaurants .social.facebook:hover{
    background-color:#2d4373
}
.menucard.bestrestaurants .social.twitter{
    color:#fff;
    background-color:#55acee;
    border-color:rgba(0,0,0,.2);
    position:relative;
    padding-left:44px;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.menucard.bestrestaurants .social.twitter:before{
    content:'';
    font-family:fontello;
    font-size:17pt;
    position:absolute;
    top:1px;
    left:8px
}
.menucard.bestrestaurants .social.twitter:hover{
    background-color:#2795e9
}
.menucard.bestrestaurants .av,.menucard.bestrestaurants .newsletter{
    margin-bottom:20px
}
.menucard.bestrestaurants .checkbox-inline{
    display:inline
}
.menucard.bestrestaurants .checkbox-inline>span{
    line-height:normal;
    display:block;
    height:auto;
    min-height:49px;
    padding-top:13px;
    padding-bottom:10px;
    background:#fff;
    font-weight:400;
    border-color:#cfcac4;
    box-shadow:none
}
.best-restaurant-winner{
    padding:9px 0;
    border-radius:2px;
    margin-bottom:19px;
    color:#666;
    font-weight:600;
    font-size:14px;
    display:block;
    border-bottom:2px solid #fff;
    text-align:left
}
@media only screen and (min-width:640px){
    .best-restaurant-winner{
        font-size:15px;
        font-weight:900
    }
}
.restaurantvote .overview,.tab_reviews .overview{
    display:inline-block;
    margin-top:14px;
    margin:16px auto;
    padding:4px 0;
    width:100%
}
.restaurantvote .overview .review-stars,.tab_reviews .overview .review-stars{
    font-size:24px
}
@media only screen and (min-width:640px){
    .restaurantvote .overview .review-stars,.tab_reviews .overview .review-stars{
        font-size:32px
    }
}
@media only screen and (min-width:980px){
    .restaurantvote .overview .review-stars,.tab_reviews .overview .review-stars{
        font-size:40px
    }
}
.restaurantvote .overviewstar,.tab_reviews .overviewstar{
    width:100%;
    float:left
}
.restaurantvote .overviewstar span,.tab_reviews .overviewstar span{
    width:80%;
    font-size:15px
}
@media only screen and (min-width:640px){
    .restaurantvote .overviewstar span,.tab_reviews .overviewstar span{
        font-size:18px;
        width:80%
    }
}
.restaurantvote .paginglinks,.tab_reviews .paginglinks{
    text-align:center;
    width:100%;
    font-size:15px;
    margin-bottom:20px
}
.restaurantvote .paginglinks a,.tab_reviews .paginglinks a{
    margin-left:10px;
    margin-right:10px
}
.restaurantvote .radiogroup_stars input,.tab_reviews .radiogroup_stars input{
    width:20px;
    height:20px;
    padding:0;
    margin:0;
    cursor:pointer
}
.restaurantvote .radiogroup_stars label,.tab_reviews .radiogroup_stars label{
    display:inline-block;
    width:20px;
    height:20px;
    background:url(/images/icons/star_empty.png);
    background-size:20px 20px
}
.restaurantvote .restaurantreview,.tab_reviews .restaurantreview{
    position:relative;
    width:100%;
    margin:20px 0 40px;
    margin-right:10px;
    background:#fff;
    min-height:120px
}
.restaurantvote .restaurantreview .reviewbody,.tab_reviews .restaurantreview .reviewbody{
    display:block;
    margin-left:85px
}
@media only screen and (min-width:640px){
    .restaurantvote .restaurantreview .reviewbody,.tab_reviews .restaurantreview .reviewbody{
        margin-left:120px;
        font-size:13px
    }
}
.restaurantvote .restaurantreview .reviewnote,.tab_reviews .restaurantreview .reviewnote{
    color:#50aecc;
    font-size:11px;
    margin-left:85px;
    margin-top:5px
}
@media only screen and (min-width:640px){
    .restaurantvote .restaurantreview .reviewnote,.tab_reviews .restaurantreview .reviewnote{
        font-size:11px;
        margin-left:120px
    }
}
.restaurantvote .restaurantreview .avatarbar,.tab_reviews .restaurantreview .avatarbar{
    margin-left:30px;
    padding:10px 0 10px 55px;
    background:#f9f9f9;
    margin-bottom:5px
}
@media only screen and (min-width:640px){
    .restaurantvote .restaurantreview .avatarbar,.tab_reviews .restaurantreview .avatarbar{
        padding:10px 0 10px 90px
    }
}
@media only screen and (min-width:980px){
    .restaurantvote .restaurantreview .avatarbar .ratingscontainer,.tab_reviews .restaurantreview .avatarbar .ratingscontainer{
        float:right
    }
}
.restaurantvote .restaurantreview .avatarbar .ratingscontainer .review-rating,.tab_reviews .restaurantreview .avatarbar .ratingscontainer .review-rating{
    font-size:13px;
    width:100%
}
@media only screen and (min-width:980px){
    .restaurantvote .restaurantreview .avatarbar .ratingscontainer .review-rating,.tab_reviews .restaurantreview .avatarbar .ratingscontainer .review-rating{
        width:auto;
        float:left;
        margin-left:10px
    }
}
.restaurantvote .restaurantreview .avatarbar .ratingscontainer .review-rating .review-stars,.tab_reviews .restaurantreview .avatarbar .ratingscontainer .review-rating .review-stars{
    margin-left:10px;
    float:right;
    font-size:15px
}
.restaurantvote .restaurantreview .avatarbar .reviewdate,.tab_reviews .restaurantreview .avatarbar .reviewdate{
    font-size:11px
}
@media only screen and (min-width:640px){
    .restaurantvote .restaurantreview .avatarbar .reviewdate,.tab_reviews .restaurantreview .avatarbar .reviewdate{
        margin-right:30px
    }
}
.restaurantvote .restaurantreview .authoravatar img,.tab_reviews .restaurantreview .authoravatar img{
    display:block;
    float:left;
    max-width:75px;
    width:auto;
    height:auto;
    margin:0 0 5px;
    border-radius:100%
}
@media only screen and (min-width:640px){
    .restaurantvote .restaurantreview .authoravatar img,.tab_reviews .restaurantreview .authoravatar img{
        max-width:100px
    }
}
.restaurantvote .restaurantreview .reviewauthor,.tab_reviews .restaurantreview .reviewauthor{
    position:absolute;
    left:0;
    font-size:12px;
    color:#333;
    width:75px;
    top:90px;
    font-weight:700
}
@media only screen and (min-width:640px){
    .restaurantvote .restaurantreview .reviewauthor,.tab_reviews .restaurantreview .reviewauthor{
        width:100px;
        top:110px
    }
}
.votecontainer .select-input:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:absolute;
    top:18px;
    right:9px
}
@media only screen and (min-width:640px){
    .vote-submit,.votedetails{
        max-width:75%
    }
}
.votecontainer .notificationalert{
    margin-top:16px;
    background-color:#ff0;
    padding:5px;
    padding:12px;
    font-size:11px;
    position:relative;
    background-color:#fffbe6;
    border:1px solid #fff5c2;
    border-radius:3px;
    color:#5d3c01
}
.restaurantdiscounttitle{
    font-weight:600
}
@media only screen and (min-width:640px){
    .restaurantdiscounttext,.restaurantdiscounttitle{
        font-size:15px
    }
}
.restaurantdiscountnotification{
    border-bottom:1px solid #eee;
    padding-top:20px;
    padding-bottom:20px
}
.restaurantdiscountnotification:last-child{
    border:none
}
.tab_discounts,.tab_moreinfo,.tab_reviews,.tab_votebestrestaurants{
    padding-right:10px
}
@media only screen and (min-width:640px){
    .tab_discounts,.tab_moreinfo,.tab_reviews,.tab_votebestrestaurants{
        padding-right:20px
    }
}
.tab_discounts .bestrestaurantswrapper,.tab_discounts .restaurantdiscounts,.tab_discounts .restaurantmoreinfo,.tab_discounts .restaurantreviews,.tab_discounts .restaurantvote,.tab_moreinfo .bestrestaurantswrapper,.tab_moreinfo .restaurantdiscounts,.tab_moreinfo .restaurantmoreinfo,.tab_moreinfo .restaurantreviews,.tab_moreinfo .restaurantvote,.tab_reviews .bestrestaurantswrapper,.tab_reviews .restaurantdiscounts,.tab_reviews .restaurantmoreinfo,.tab_reviews .restaurantreviews,.tab_reviews .restaurantvote,.tab_votebestrestaurants .bestrestaurantswrapper,.tab_votebestrestaurants .restaurantdiscounts,.tab_votebestrestaurants .restaurantmoreinfo,.tab_votebestrestaurants .restaurantreviews,.tab_votebestrestaurants .restaurantvote{
    padding-left:10px
}
.tab_moreinfo .restaurant-notification{
    margin-top:16px;
    width:100%;
    padding-bottom:20px;
    border-bottom:1px solid hsla(33,10%,79%,.2)
}
@media only screen and (min-width:640px){
    .tab_moreinfo .restaurant-notification{
        font-size:15px
    }
}
.tab_moreinfo .moreinfo_googlemaps{
    width:100%;
    margin-bottom:20px
}
.tab_moreinfo .moreinfo_googlemaps img{
    max-width:100%;
    width:auto
}
.tab_moreinfo .moreinfo_deliveryareas{
    margin-bottom:25px
}
.tab_moreinfo .moreinfo_deliveryareas li{
    list-style-type:none
}
.tab_moreinfo .moreinfo_paymentmethods span{
    display:block;
    float:left;
    border:1px solid #eee;
    border-radius:5px;
    margin-right:4px;
    margin-bottom:7px;
    text-align:center;
    padding:5px;
    height:auto;
    width:calc(100% * 0.25 - 10px - 1px)
}
.tab_moreinfo .moreinfo_paymentmethods span img{
    height:auto;
    width:100%
}
.tab_moreinfo h2{
    padding-bottom:0;
    padding-left:0
}
.votecontainer .votedetails-close{
    position:absolute;
    top:15px;
    right:18px;
    font-size:17px;
    cursor:pointer
}
.votecontainer .votedetails-close:hover{
    color:#50aecc
}
.votecontainer .votedetails-close:after{
    display:block;
    position:relative;
    content:'';
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.votecontainer{
    position:relative;
    border-bottom:2px solid #ff8000;
    background-color:#f9f9f9;
    padding:20px;
    padding-bottom:34px;
    margin-bottom:24px
}
.votecontainer .votedetails{
    margin-top:12px
}
.votecontainer h2{
    margin:0;
    padding:0;
    margin:8px 0 16px;
    font-weight:400;
    color:#333;
    font-size:1.4rem;
    line-height:1.6rem;
    text-align:left;
    padding-top:10px;
    width:100%
}
.votecontainer .orderreference{
    font-size:15px;
    line-height:1;
    color:#666
}
.votecontainer .vote-row{
    display:flex;
    height:50px;
    background-color:#f9f9f9;
    margin:6px 0
}
.votecontainer .vote-row div{
    width:50%
}
.tab_reviews .votecontainer .radiogroup_stars label{
    display:initial
}
.votecontainer select.input{
    padding:4px;
    border:1px solid #ccc
}
.votecontainer .select-input{
    display:block;
    position:relative
}
.votecontainer .select-input:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:absolute;
    top:8px;
    right:9px
}
.votecontainer div.textarea_form{
    width:100%
}
.votecontainer textarea{
    border:1px solid #ccc;
    padding:4px;
    width:100%
}
.votecontainer .vote-remarks{
    height:initial
}
.votecontainer .button-cta-small{
    width:100%;
    font-size:15px;
    padding:0 6px;
    height:40px;
    line-height:40px;
    font-weight:600
}
.orderdetails-checkout{
    max-width:1240px;
    width:100%;
    padding:16px;
    padding-bottom:40px
}
.orderdetails-checkout.basket-open{
    border-right:7px solid #f9f5f1
}
.orderdetails-listing{
    margin-top:0;
    position:relative;
    width:100%
}
.orderdetails-wrapper{
    width:100%;
    background:#fff
}
@media only screen and (min-width:640px){
    .orderdetails-wrapper{
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:flex-start;
        align-items:stretch;
        align-content:stretch;
        padding:0 0 0 32px;
        margin-top:0
    }
}
.orderdetails-wrapper h1{
    font-weight:600;
    padding:0;
    margin:0;
    color:#333
}
.orderdetails-wrapper h2{
    padding:0;
    margin-bottom:14px;
    font-size:14px;
    font-weight:600;
    line-height:35px;
    border-bottom:1px dotted #ccc
}
@media only screen and (min-width:640px){
    .orderdetails-wrapper h2{
        font-size:1.8em;
        padding-bottom:15px;
        font-weight:400
    }
}
.orderdetails-wrapper .postcode{
    color:#666
}
.step4 .cartbutton{
    display:none
}
.step4 .grid-11{
    width:47.815%
}
@media only screen and (max-width:639px){
    .step4 .grid-11{
        width:100%
    }
}
.step4 .off-02{
    margin-left:4.33%
}
@media only screen and (max-width:639px){
    .step4 .off-02{
        margin-left:0
    }
}
.naw-col6{
    width:100%
}
.naw-col3{
    width:35%;
    float:left
}
.naw-col9{
    width:65%;
    float:left
}
.checkoutdivr_nodisplay{
    display:none
}
.step4 .step4main .subtitle{
    font-size:14px;
    line-height:35px;
    font-weight:600;
    color:#666;
    margin:0;
    margin-top:22px;
    margin-bottom:17px;
    border-bottom:1px dotted #ccc
}
@media only screen and (min-width:640px){
    .step4 .step4main .subtitle{
        font-size:1.8em;
        padding-bottom:15px;
        font-weight:400
    }
}
.step4 .step4main .checkoutcontainernaw .subtitle:first-child{
    margin-top:0
}
.step4 #ipayments #ipaymentmethods{
    display:none;
    position:relative;
    width:100%;
    margin:0;
    max-width:100%
}
.step4 .passwordforgotlink{
    display:inline-block;
    margin-left:14px;
    font-size:.9em
}
.step4 .postcode{
    top:0
}
.step4 .addressinfo{
    position:relative
}
.step4 #ibausername,.step4 #ibusinesscharacteristic{
    background-color:#fff
}
.step4 .businessreference_nodisplay{
    display:none
}
.step4 .businessreference{
    display:block
}
.step4 .privacystatement{
    color:#cfcac4
}
.step4 #main .notification{
    color:#8c730f;
    background-color:#feefb3;
    border:1px solid #fbe27f;
    padding:9px;
    border-radius:3px
}
#iaddressnotice{
    position:absolute;
    display:none;
    font-size:11px;
    padding:0 6px;
    color:#fff;
    background:#000;
    height:28px;
    line-height:28px;
    text-align:right;
    visibility:visible;
    border-radius:5px;
    top:4px;
    right:0;
    margin-left:0;
    z-index:5
}
#iaddressnotice:after{
    content:'';
    position:absolute;
    top:100%;
    left:90%;
    margin-left:-8px;
    width:0;
    height:0;
    border-top:8px solid #000;
    border-right:8px solid transparent;
    border-left:8px solid transparent
}
.notificationalert{
    background-color:#000;
    color:#fff;
    padding:12px;
    font-size:1em;
    margin-bottom:12px;
    border-radius:3px
}
input.textfield_form.mandatory,input.textfield_form_large.mandatory,input.textfield_form_small.mandatory,textarea.textarea_form.mandatory{
    /*background:url(/images/buttons/mandatory.png) 98% 50% no-repeat;*/
    background-size:20px;
    background-color:#fff
}
input.textfield_form.marked,input.textfield_form_large.marked,input.textfield_form_small.marked,textarea.textarea_form.marked{
    background:url(/images/buttons/error.png) 98% 50% no-repeat;
    background-size:20px;
    background-color:#fff
}
.checkoutcontainernaw div.textfield_form,.checkoutcontainernaw input.textfield_form{
    width:100%;
    position:relative
}
div.textfield_form.marked{
    background-image:none!important;
    background:url(/images/buttons/error.png) 100% 50% no-repeat;
    background-size:20px
}
.checkoutcontainer .textarea_form textarea,.checkoutcontainer .textfield_form input,.checkoutcontainer .textfield_form textarea{
    border:1px solid #cfcac4;
    line-height:24px
}
@media only screen and (min-width:640px){
    .checkoutcontainer .textarea_form textarea,.checkoutcontainer .textfield_form input,.checkoutcontainer .textfield_form textarea{
        line-height:24px;
        z-index:initial
    }
}
.checkoutcontainer .textarea_form textarea{
    width:100%;
    height:150px;
    border-radius:3px;
    padding:12px;
    line-height:20px
}
.voucherdetails .CloseBtn{
    position:absolute;
    right:0;
    top:8px;
    cursor:pointer;
    color:#fff;
    border:1px solid #333;
    border-radius:25px;
    background:#333;
    font-size:22px;
    font-weight:700;
    display:inline-block;
    line-height:4px;
    padding:11px 3px;
    text-decoration:none
}
.voucherdetails .CloseBtn:before{
    content:"×"
}
.paymentbuttonwrapper:last-child{
    margin-right:0
}
.paymentbuttonwrapper{
    display:inline-block;
    width:101px;
    height:140px;
    border:1px solid #ddd;
    border-radius:5px;
    margin-right:14px;
    margin-bottom:12px;
    background-repeat:no-repeat;
    position:relative;
    background-size:90%;
    background-position:6px 22%
}
.paymentmethods .radiobutton_form_label{
    display:block;
    position:absolute;
    width:100%;
    top:98px;
    text-align:center;
    color:#333;
    font-size:11px;
    padding:0 4px;
    height:50px
}
.paymentmethods .paymentbuttonchecked .radiobutton_form_label{
    font-weight:600
}
.paymentbuttonchecked{
    border:1px solid #cbebb5;
    background-color:#eaffdc
}
.paymentmethods .paymentradiobutton{
    visibility:hidden
}
.paymentbuttonwrapper label{
    display:block;
    width:100%;
    height:100%;
    cursor:pointer
}
.paymentmethod0{
    background-image:url(/images/paymethods/payment_0.png)
}
.paymentmethod2{
    background-image:url(/images/paymethods/payment_2.png)
}
.paymentmethod2_1{
    background-image:url(/images/paymethods/payment_2_1.png)
}
.paymentmethod3{
    background-image:url(/images/paymethods/payment_3.png)
}
.paymentmethod31_1{
    background-image:url(/images/paymethods/payment_31_1.png)
}
.paymentmethod31_2{
    background-image:url(/images/paymethods/payment_31_2.png)
}
.paymentmethod4{
    background-image:url(/images/paymethods/payment_4.png)
}
.paymentmethod6_1{
    background-image:url(/images/paymethods/payment_61.png)
}
.paymentmethod6_2{
    background-image:url(/images/paymethods/payment_62.png);
    background-position:4px 28%
}
.paymentmethod6_3{
    background-image:url(/images/paymethods/payment_63.png);
    background-position:8px 28%
}
.paymentmethod6_4{
    background-image:url(/images/paymethods/payment_64.png);
    background-position:6px 20%
}
.paymentmethod6_6{
    background-image:url(/images/paymethods/payment_66.png)
}
.paymentmethod6_7{
    background-image:url(/images/paymethods/payment_67.png)
}
.paymentmethod7{
    background-image:url(/images/paymethods/payment_7.png)
}
.paymentmethod9{
    background-image:url(/images/paymethods/payment_9.png)
}
.paymentmethod15{
    background-image:url(/images/paymethods/payment_15.png)
}
.paymentmethod15_180{
    background-image:url(/images/paymethods/payment_15_180.png)
}
.paymentmethod16{
    background-image:url(/images/paymethods/payment_16.png);
    background-position:9px 30%;
    background-size:87%
}
.paymentmethod17{
    background-image:url(/images/paymethods/payment_17.png)
}
.paymentmethod18{
    background-image:url(/images/paymethods/payment_18.png);
    background-position:4px 25%
}
.paymentmethod20{
    background-image:url(/images/paymethods/payment_20.png)
}
.paymentmethod22{
    background-image:url(/images/paymethods/payment_22.png)
}
.paymentmethod21{
    background-image:url(/images/paymethods/payment_21.png)
}
.paymentmethod24{
    background-image:url(/images/paymethods/payment_24.png)
}
.paymentmethod28{
    background-image:url(/images/paymethods/payment_28.png)
}
.paymentmethod29{
    background-image:url(/images/paymethods/payment_29.png)
}
.checkoutcontainer .paymentdetails .CloseBtn{
    display:none
}
.checkoutcontainer .paymentdetails p.businessreference{
    font-weight:600;
    font-size:1.1em;
    line-height:30px
}
.step4 .step4main h1.subtitle.restaurantname{
    font-weight:600;
    font-size:1.1em;
    padding-bottom:5px
}
.step4 .paymentdetails{
    margin-bottom:22px
}
.step4 #ibussinesspaymentdetails .paymentdetails{
    margin-bottom:0
}
.step4 .paymentdetails .paymentdetailsbox{
    margin-top:12px
}
.step4 .paymentdetails .paymentdetailsbox .cashpulldown{
    max-width:100%
}
@media only screen and (min-width:640px){
    .step4 .paymentdetails .paymentdetailsbox .cashpulldown{
        max-width:48%
    }
}
#ipaymentdetails .paymentdetailsbox h3,#ipaymentdetails .paymentdetailsbox p.nawlabel{
    font-size:1.2em;
    font-weight:400;
    border-bottom:1px solid #eee;
    text-transform:uppercase;
    margin:0;
    padding:6px 0 9px;
    margin-bottom:9px
}
#ibussinesspaymentdetails .popuptitleheader{
    font-weight:600;
    font-size:1.12em;
    color:#50aecc;
    text-transform:uppercase
}
.paymentdetailsbox .popuptitleheader{
    font-size:1.12em;
    text-transform:uppercase;
    margin-top:15px;
    padding-bottom:6px
}
.step4 .paymentdetails div.checkbox_form{
    width:40px
}
.step4 .addvoucher{
    margin-top:12px
}
.step4 .addvoucher_nodisplay{
    display:none
}
.step4 .voucherdetails{
    position:relative;
    margin-top:24px;
    margin-bottom:24px
}
.step4 #ivoucherpopuplink a{
    color:#333
}
.step4 .voucherdetails b{
    font-size:1.1em
}
.step4 .vouchercontainer p,.step4 .voucherdetails p{
    font-size:1em
}
.step4 .voucherdetails .notificationfeedbackwrapper{
    position:initial
}
.step4 .voucherdetails .notificationfeedback{
    left:0;
    bottom:-25px;
    top:initial;
    color:#e40a0a;
    background:none;
    box-shadow:none;
    padding:0;
    font-size:1em
}
.step4 .voucherdetails .CloseBtn,.step4 .voucherdetails .notificationfeedbackwrapper .marker{
    display:none
}
.step4 .legal.extra{
    display:none;
    font-size:11px
}
.step4 .checkoutorderbutton .button_form{
    display:block;
    width:100%;
    margin:0
}
.step4 img.mandatory{
    height:20px;
    margin-top:-6px
}
.step4 .businesscontainer{
    margin-top:4px
}
.step4 .businesscontainer .label{
    line-height:35px
}
.step4 #ibaloginform .notificationalert,.step4 #ipaymentdetails .notificationalert{
    font-size:.9em
}
.step4 .checkoutcontainer .businesscontainer input{
    background-color:#fff
}
.step4 .checkout-orderbutton input.button_form_disabled{
    background:#dcdcdc;
    cursor:default
}
@media (min-width:640px){
    .step4 #ipayments #ipaymentmethods{
        display:block
    }
    .step4 #ipayments #ipaymentmethodsmobile{
        display:none
    }
    .step4 .step4main h1{
        font-size:3em;
        font-weight:700
    }
    .step4 .checkoutcontainernaw .subtitle{
        margin-top:40px
    }
    .step4 #icheckoutfinish .checkoutorderbutton .button_form{
        font-size:1.4em;
        font-weight:700
    }
}
.step4 .pulldown_form select{
    position:relative;
    width:100%;
    color: #666;
    height:42px;
    line-height:42px;
    padding:0 12px;
    -webkit-appearance:none;
    -moz-appearance:none;
    background:0 0;
    border:1px solid #cfcac4;
    border-radius:3px;
    background-color:#fff
}
.customeraddressselectbox .custadressselectboxcontainer{
    width:100%
}
@media only screen and (min-width:640px){
    .customeraddressselectbox .custadressselectboxcontainer{
        width:48%
    }
}
.step4 p.nawlabel{
    margin:0;
    margin-top:12px
}
@media only screen and (min-width:640px){
    .step4 p.nawlabel{
        margin-bottom:5px;
        font-size:15px
    }
}
#ipaymentdetails .paymentdetailsbox p{
    margin:0
}
.step4 #ibaloginform p{
    margin-bottom:20px
}
.step4 .checkout-voucher{
    margin:0;
    padding:0
}
.step4 .checkout-orderbutton>div{
    margin-top:10px
}
@media only screen and (min-width:640px){
    .step4 .checkout-orderbutton>div{
        margin-bottom:20px
    }
}
.step4 .checkbox-inline{
    display:inline
}
.step4 .checkout-orderbutton-btn{
    max-width:100%;
    margin-top:24px
}
@media only screen and (min-width:640px){
    .step4 .checkout-orderbutton-btn{
        max-width:49%
    }
}
.popup .modal-wrapper.meal-restaurant-sidedishes{
    background:#fff
}
.popup .modal-wrapper.meal-restaurant-sidedishes .modal-title{
    margin-bottom:0
}
.popup .modal-wrapper.meal-restaurant-sidedishes .modal-footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:#fff;
    padding:10px
}
.popup .modal-wrapper.meal-restaurant-sidedishes .sidedish-mainproduct{
    padding:16px;
    background-color:#f9f5f1;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal;
    -webkit-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row
}
.popup .modal-wrapper.meal-restaurant-sidedishes .sidedish-mainproduct .description{
    width:100%;
    padding:4px 0;
    font-size:12px
}
.popup .modal-wrapper.meal-restaurant-sidedishes .meal-description{
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%
}
.popup .modal-wrapper.meal-restaurant-sidedishes .meal-description h3{
    width:100%;
    color:#000;
    margin:0 0 8px;
    font-weight:600;
    font-size:18px
}
.popup .modal-wrapper.meal-restaurant-sidedishes .meal-price{
    -webkit-flex-basis:100px;
    -ms-flex-preferred-size:100px;
    flex-basis:100px
}
.popup .modal-wrapper.meal-restaurant-sidedishes .meal-price,.popup .modal-wrapper.meal-restaurant-sidedishes .meal-price .price{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.popup .modal-wrapper.meal-restaurant-sidedishes .meal-price .price{
    -webkit-box-align:end;
    -ms-flex-align:end;
    -webkit-align-items:flex-end;
    -moz-align-items:flex-end;
    align-items:flex-end;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content:flex-end;
    -moz-justify-content:flex-end;
    justify-content:flex-end;
    height:100%;
    min-width:70px;
    font-size:15px;
    color:#261e1e;
    text-align:right
}
.popup .modal-wrapper.meal-restaurant-sidedishes .meal-price .add-remove-dishes{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content:flex-end;
    -moz-justify-content:flex-end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center
}
.popup .modal-wrapper.meal-restaurant-sidedishes .meal-price .add-remove-dishes .basketproductnr{
    position:relative;
    border-radius:3px;
    background:#fff;
    width:100%;
    width:32px;
    margin-left:10px;
    margin-right:10px;
    color:#666;
    border:1px solid #999;
    margin-bottom:0;
    padding:4px 0;
    text-align:center
}
.popup .modal-wrapper.meal-restaurant-sidedishes .meal-price .add-remove-dishes .basketproductup{
    font-size:32px
}
.popup .modal-wrapper.deliveryarea .title{
    display:block;
    font-size:24px;
    line-height:30px;
    margin-bottom:20px
}
.popup .modal-wrapper.deliveryarea .autoCompleteDropDown{
    position:static;
    top:0;
    left:0;
    z-index:10;
    display:block;
    background-color:#fff;
    width:100%;
    min-height:auto;
    border-radius:0;
    padding:6px;
    border:none;
    border-top:none;
    box-shadow:none
}
.popup .modal-wrapper.deliveryarea .deliverypanel .inputs{
    width:70%;
    float:left
}
.popup .modal-wrapper.deliveryarea .deliverypanel .inputs input{
    font-family:Open Sans,sans-serif;
    background:#fff;
    -webkit-appearance:none;
    width:100%;
    height:55px;
    font-size:16px;
    border-radius:3px;
    text-align:left;
    padding-left:14px
}
.popup .modal-wrapper.deliveryarea .deliverypanel .submitBtn{
    width:29.2%;
    margin-left:.8%
}
.popup .modal-wrapper.deliveryarea .autocompletesearch:before{
    content:"";
    position:absolute;
    padding:0;
    display:block;
    background-image:url(../images/powered_by_google_on_white.png);
    background-position:100%;
    background-repeat:no-repeat;
    background-size:85px 10px;
    width:85px;
    height:10px;
    top:8px;
    right:8px;
    z-index:1;
    opacity:0
}
.popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    z-index:100;
    visibility:hidden
}
.popup.show{
    visibility:visible
}
.popup .modal-wrapper{
    position:relative;
    background-color:#fff;
    transition:none
}
.popup #userpanel-wrapper{
    visibility:hidden!important
}
.popup .inner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:15;
    border-bottom:4px solid #ff8000;
    transition:none
}
@media only screen and (min-width:640px){
    .popup .inner{
        position:fixed;
        width:500px;
        margin:5% auto;
        left:0;
        right:0
    }
}
.popup .modal-title{
    position:relative;
    background:#ff8000;
    width:100%;
    height:60px;
    line-height:60px;
    font-size:22px;
    text-align:center;
    color:#fff;
    margin-bottom:24px;
    box-shadow:0 0 3px rgba(0,0,0,.2)
}
.popup .modal-title .modal-close{
    position:absolute;
    padding:20px;
    right:0;
    font-size:20px;
    cursor:pointer
}
.popup .modal-title .modal-close:before{
    display:block;
    position:relative;
    content:'';
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.popup .modal-title .modal-close:hover{
    color:#ccc
}
.popup .modal-subnav{
    text-align:center;
    font-size:15px;
    margin:0 auto;
    width:86%
}
.popup .modal-content{
    margin:0 auto;
    overflow:auto
}
.popup .modal .textarea-label{
    margin-bottom:12px
}
.popup .avatar{
    width:68px;
    margin:0 auto;
    text-align:center
}
@media only screen and (min-width:640px){
    .popup .avatar{
        width:80px
    }
}
.popup .profile{
    vertical-align:middle;
    border:0;
    border-radius:50%;
    border:4px solid #e3e3e3
}
.popup .textarea-label input,.popup .textarea-label textarea{
    border:1px solid #cfcac4;
    line-height:31px
}
.popup .atom-tab-navigation{
    padding:0
}
.popup .atom-tab-navigation li.active:after{
    -webkit-transition:width .3s ease,background-color .3s ease;
    transition:width .3s ease,background-color .3s ease;
    width:100%;
    background:#ff8000
}
.popup .name{
    font-size:14px;
    font-weight:600;
    text-align:center;
    padding:16px 0
}
.popup .userpanel-list-link{
    margin:0 auto
}
.popup .userpanel-favorites>li,.popup .userpanel-list-link>li{
    font-size:14px
}
.popup .userpanel-favorites>li a,.popup .userpanel-list-link>li a{
    display:block;
    color:#333;
    position:relative;
    padding-left:50px
}
.popup .userpanel-favorites>li a:hover,.popup .userpanel-list-link>li a:hover{
    color:#3d8fbe
}
.popup .userpanel-favorites>li a:before,.popup .userpanel-list-link>li a:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    width:30px;
    margin-right:16px;
    font-size:25px;
    position:absolute;
    top:22%;
    left:0
}
.popup .userpanel-favorites>li:before,.popup .userpanel-list-link>li:before{
    content:'';
    display:none
}
.popup .loginoptions{
    padding:40px 0 18px;
    text-align:center
}
@media only screen and (min-width:640px){
    .popup .loginoptions{
        padding:50px 0 18px;
        text-align:center
    }
}
.popup .loginoptions span{
    display:inline-block;
    padding:0 10px;
    color:#50aecc
}
.popup input.button-cta-small{
    margin-right:10px
}
.popup.menu-meals-popup .sidedishes,.popup .submenu{
    padding:12px
}
.popup.menu-meals-popup .sidedishes .sidedish{
    margin-bottom:12px
}
.popup.menu-meals-popup .sidedishes h3{
    font-weight:600;
    font-size:13px;
    margin-bottom:6px
}
.userpanel{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    z-index:50;
    visibility:hidden
}
.userpanel .modal-wrapper{
    position:relative;
    background-color:#fff;
    transition:none
}
@media only screen and (min-width:640px){
    .userpanel .modal-wrapper{
        border-bottom:4px solid #ff8000
    }
}
.userpanel #userpanel-wrapper{
    visibility:hidden!important
}
.userpanel .inner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    background-color:#fff;
    z-index:15;
    border-bottom:4px solid #ff8000;
    transition:none
}
@media only screen and (min-width:640px){
    .userpanel .inner{
        position:fixed;
        width:500px;
        margin:5% auto;
        left:0;
        right:0
    }
}
.userpanel .modal-title{
    position:relative;
    background:#ff8000;
    width:100%;
    height:60px;
    line-height:60px;
    font-size:22px;
    text-align:center;
    color:#fff;
    margin-bottom:24px;
    box-shadow:0 0 3px rgba(0,0,0,.2)
}
.userpanel .modal-title .modal-close{
    position:absolute;
    padding:20px;
    right:0;
    font-size:20px;
    cursor:pointer
}
.userpanel .modal-title .modal-close:before{
    display:block;
    position:relative;
    content:'';
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.userpanel .modal-title .modal-close:hover{
    color:#ccc
}
.userpanel .modal-subnav{
    text-align:center;
    font-size:15px;
    margin:0 auto;
    width:86%
}
.userpanel .modal-content{
    margin:0 auto;
    overflow:auto
}
.userpanel .modal .textarea-label{
    margin-bottom:12px
}
.userpanel .avatar{
    width:68px;
    margin:0 auto;
    text-align:center
}
@media only screen and (min-width:640px){
    .userpanel .avatar{
        width:80px
    }
}
.userpanel .profile{
    vertical-align:middle;
    border:0;
    border-radius:50%;
    border:4px solid #e3e3e3
}
.userpanel .textarea-label input,.userpanel .textarea-label textarea{
    border:1px solid #cfcac4;
    line-height:31px
}
.userpanel .atom-tab-navigation{
    padding:0
}
.userpanel .atom-tab-navigation li.active:after{
    -webkit-transition:width .3s ease,background-color .3s ease;
    transition:width .3s ease,background-color .3s ease;
    width:100%;
    background:#ff8000
}
.userpanel .name{
    font-size:14px;
    font-weight:600;
    text-align:center;
    padding:16px 0
}
.userpanel .userpanel-list-link{
    margin:0 auto
}
.userpanel .userpanel-favorites>li,.userpanel .userpanel-list-link>li{
    font-size:14px
}
.userpanel .userpanel-favorites>li a,.userpanel .userpanel-list-link>li a{
    display:block;
    color:#333;
    position:relative;
    padding-left:50px
}
.userpanel .userpanel-favorites>li a:hover,.userpanel .userpanel-list-link>li a:hover{
    color:#3d8fbe
}
.userpanel .userpanel-favorites>li a:before,.userpanel .userpanel-list-link>li a:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    width:30px;
    margin-right:16px;
    font-size:25px;
    position:absolute;
    top:22%;
    left:0
}
.userpanel .userpanel-favorites>li:before,.userpanel .userpanel-list-link>li:before{
    content:'';
    display:none
}
.userpanel .loginoptions{
    padding:40px 0 18px;
    text-align:center
}
@media only screen and (min-width:640px){
    .userpanel .loginoptions{
        padding:50px 0 18px;
        text-align:center
    }
}
.userpanel .loginoptions span{
    display:inline-block;
    padding:0 10px;
    color:#50aecc
}
.userpanel input.button-cta-small{
    margin-right:10px
}
@media only screen and (min-width:980px){
    .userpanel-myaccount{
        position:absolute;
        background:transparent;
        top:20px;
        right:130px;
        left:auto;
        width:360px;
        height:auto
    }
    .userpanel-myaccount .inner{
        position:relative;
        width:auto;
        height:auto;
        margin:auto;
        left:auto;
        right:auto;
        border-radius:4px 4px 0 0
    }
    .userpanel-myaccount .modal-title{
        background-color:#ecebea;
        color:#292929;
        text-align:left;
        border-radius:4px 4px 0 0
    }
}
.userpanel.show{
    visibility:visible
}
.userpanel.show #userpanel-wrapper{
    visibility:visible!important
}
.fullscreen .userpanel.show .inner{
    height:100%
}
.userpanel dt{
    display:none
}
.userpanel .submenu{
    padding:12px
}
.userpanel-favorites .removefavorite{
    position:absolute;
    right:0;
    top:0;
    padding:0 16px
}
.userpanel-favorites .removefavorite:after{
    content:'';
    font-family:fontello;
    font-size:14px
}
.atom-list-link>li{
    max-height:50px
}
.atom-list-link>li.fold{
    max-height:50px;
    height:auto;
    overflow:hidden;
    display:block
}
@media only screen and (min-width:640px){
    .atom-list-link>li.fold{
        display:none
    }
}
.atom-list-link>li.fold .more.flag{
    line-height:50px;
    height:50px;
    background-size:26px;
    background-position-x:3px;
    width:initial;
    margin:0
}
.atom-list-link>li.fold .more:after{
    transition:opacity .3s ease,transform .3s ease;
    -webkit-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg);
    top:50%
}
.atom-list-link>li.active .more:after{
    transition:opacity .3s ease,transform .3s ease;
    -webkit-transform:translateY(-50%) rotate(90deg);
    transform:translateY(-50%) rotate(90deg);
    top:50%
}
.atom-list-link>li.active{
    transition:max-height .3s ease .3s,border .3s ease .3s;
    max-height:990px;
    overflow:auto
}
.userpanel-list-link li a.more:after{
    font-size:10pt;
    content:"";
    font-family:fontello;
    font-weight:400;
    transform:translateY(-50%) rotate(90deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    position:absolute;
    top:24px;
    right:3px
}
.userpanel .userpanel-list-link>li .userpanel-foldmenu a{
    padding-left:20px;
    border-bottom:1px solid #eee
}
.userpanel .userpanel-list-link>li .userpanel-foldmenu a:last-child{
    border-bottom:none
}
.userpanel .button-cta-small{
    width:100%
}
.userpanel-list .atom-list-link>li{
    overflow:hidden
}
.fullscreen .userpanel.show .inner{
    overflow:auto
}
.modal-title.icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:absolute;
    left:16px;
    top:16px;
    font-size:27px
}
div#legalerror{
    color:red;
    display:none;
    margin-top:10px
}
div.legal.extra{
    display:none;
    font-size:11px;
    margin-bottom:20px;
    text-align:justify
}
div.separator{
    background:#b3b3b3;
    color:#999;
    font-size:15px;
    height:1px;
    margin:30px 0;
    position:relative;
    text-align:center
}
div.separator span{
    position:relative;
    top:-12px;
    padding:0 20px;
    background:#fff
}
.paymentmethods{
    width:90%;
    max-width:650px;
    margin:0 auto;
    padding-top:10px;
    color:#fff;
    opacity:.9;
    text-shadow:2px 2px 4px rgba(0,0,0,.2);
    text-align:left
}
.paymentmethods i{
    font-size:14pt
}
@media only screen and (min-width:980px){
    .paymentmethods i{
        font-size:24px
    }
}
.paymentmethods i.icon-ta-payment-ideal{
    margin-right:0
}
.paymentmethods i.icon-yd-payments-paypal{
    margin-left:5px;
    margin-right:35px
}
.paymentmethods i.icon-bitcoin{
    margin-right:0
}
.paymentmethods i.icon-yd-payments-mastercard{
    margin-left:0;
    margin-right:10px
}
.paymentmethods i.icon-yd-payments-visa{
    margin-right:20px
}
.paymentmethods i:first-child{
    margin-left:0
}
.paymentmethods.seo{
    text-align:center;
    position:relative;
    z-index:-1
}
span.togglepassword{
    display:none;
    position:absolute;
    z-index:2;
    right:6px;
    top:0;
    color:#ccc;
    height:50px;
    line-height:54px;
    cursor:pointer
}
span.togglepassword:hover{
    color:#777
}
.dropdownwidget{
    position:relative;
    cursor:pointer;
    color:#666;
    border:1px solid #ccc;
    width:100%;
    background:#fff;
    border-radius:0;
    border-bottom:2px solid #ff8000;
    margin-bottom:20px
}
.dropdownwidget .active{
    padding:12px
}
.dropdownwidget .active:after{
    content:'\E84D';
    font-family:fontello;
    font-size:18px;
    position:absolute;
    right:12px;
    line-height:20px
}
.dropdownwidget .item{
    padding:12px;
    color:#333
}
.dropdownwidget .item a{
    color:#333
}
.dropdownwidget .item:hover{
    background-color:#efefef
}
.dropdownwidget span a{
    color:#333
}
.dropdownwidget .open .active:after{
    content:'\E84C'
}
.seopage,.servicepages{
    background:#fff
}
.seopage .content-listing,.servicepages .content-listing{
    width:100%;
    padding:20px;
    padding-top:80px;
    margin:0 auto
}
@media only screen and (min-width:640px){
    .seopage .content-listing,.servicepages .content-listing{
        padding-top:20px;
        font-size:14px
    }
}
@media only screen and (min-width:980px){
    .seopage .content-listing,.servicepages .content-listing{
        width:980px
    }
}
.seopage .seopage,.seopage .servicepage ul,.servicepages .seopage,.servicepages .servicepage ul{
    margin-bottom:10px
}
.seopage p,.servicepages p{
    padding:6px 0
}
.seopage h2,.servicepages h2{
    padding-left:0;
    padding-bottom:0
}
.seopage b,.servicepages b{
    font-weight:600
}
.seopage .seosubcategories,.servicepages .seosubcategories{
    margin-top:20px;
    margin-bottom:20px
}
.seopage .delarealetter,.servicepages .delarealetter{
    font-weight:600;
    color:#666;
    margin-bottom:5px;
    margin-top:5px;
    border-bottom:1px solid #eee;
    padding:8px;
    font-size:15px;
    padding-left:0;
    margin-bottom:8px
}
.seopage .delarea,.servicepages .delarea{
    margin-bottom:5px
}
.seopage .delarea a:hover,.servicepages .delarea a:hover{
    text-decoration:underline
}
.seopage .printdiv,.servicepages .printdiv{
    margin-bottom:20px
}
.seopage .seosiblings,.servicepages .seosiblings{
    display:none;
    padding-right:35px
}
@media only screen and (min-width:640px){
    .seopage .seosiblings,.servicepages .seosiblings{
        display:block;
        padding:20px;
        padding-top:0;
        float:left
    }
}
.seopage .seosiblings div,.servicepages .seosiblings div{
    padding:5px 0;
    border-bottom:1px solid #eee
}
.seopage .seosiblings div .menucategorytd_grey,.servicepages .seosiblings div .menucategorytd_grey{
    color:#666
}
.seopage .seosiblings div .menucategorytd,.servicepages .seosiblings div .menucategorytd{
    color:#666;
    font-size:13px
}
.seopage .restaurantsearchresultstitle,.servicepages .restaurantsearchresultstitle{
    float:left
}
.seopage .restaurantsearchresultstitle h2,.servicepages .restaurantsearchresultstitle h2{
    margin-left:0;
    padding-left:0;
    margin-bottom:10px;
    padding:0
}
.seopage .restaurantsearchresultstitle ul,.servicepages .restaurantsearchresultstitle ul{
    padding-left:20px
}
.seopage .restaurantsearchresultstitle table,.servicepages .restaurantsearchresultstitle table{
    margin-bottom:20px
}
.seopage .restaurantsearchresultstitle table a,.servicepages .restaurantsearchresultstitle table a{
    text-decoration:underline
}
.seopage .restaurantsearchresultstitle table th,.servicepages .restaurantsearchresultstitle table th{
    display:none
}
.seopage .zipcodeplaces .divider,.servicepages .zipcodeplaces .divider{
    width:100%;
    border-top:1px solid #eee;
    margin-bottom:20px
}
.seopage .menucardcategoryheader,.servicepages .menucardcategoryheader{
    font-weight:600
}
.seopage img{
    width:100%;
    height:auto
}
.hide-utilitybar .seopage{
    padding:20px;
    padding-top:80px
}
@media only screen and (min-width:640px){
    .hide-utilitybar .seopage{
        width:100%;
        padding-top:20px
    }
}
.hide-utilitybar .seopage ul{
    padding-left:20px
}
.hide-utilitybar .content-listing,.hide-utilitybar .content-listing.restaurant-listing.content-delivery{
    margin-top:0;
    background:#fff
}
.hide-utilitybar .content-listing ol,.hide-utilitybar .content-listing ul{
    margin-bottom:10px
}
.hide-utilitybar .content-listing ol li,.hide-utilitybar .content-listing ul li{
    margin-left:20px
}
.hide-utilitybar .content-listing b{
    font-weight:600
}
@media only screen and (min-width:640px){
    .servicepages .content-listing{
        padding:20px;
        font-size:14px
    }
    .servicepages .content-listing b{
        font-weight:600
    }
    .servicepages .content-listing p{
        margin:0 0 10px;
        line-height:1.5;
        text-align:justify
    }
}
.chains .restaurants.restaurants-chains{
    opacity:1
}
.chains .restaurantsearchresultstitle ul,.seopage .restaurantsearchresultstitle ul{
    margin-bottom:20px
}
.activesmartbanner.servicepages .content-listing{
    margin-top:0;
    padding:20px;
    font-size:13px
}
@media only screen and (max-width:639px){
    .activesmartbanner.servicepages .content-listing{
        margin-top:360px
    }
}
.servicepages .content-listing b{
    font-weight:600
}
.servicepages .content-listing p{
    margin:0 0 10px;
    line-height:1.5;
    text-align:justify
}
.agb h2,.privacystatement h2{
    border-bottom:1px solid #ccc
}
.servicepages .whoweare h3{
    font-weight:600;
    font-size:14px
}
.servicepages table,.servicepages td,.servicepages th,.servicepages tr{
    border:1px solid #ccc;
    padding:5px
}
.servicepages th{
    text-align:left
}
.servicepages .cookiesoverview td{
    width:25%;
    font-size:12px;
    padding:8px;
    vertical-align:top
}
@media only screen and (min-width:640px){
    .servicepages .content-listing{
        padding:20px;
        font-size:14px;
        margin:0 auto;
        max-width:980px
    }
    .servicepages .content-listing b{
        font-weight:600
    }
    .servicepages .content-listing p{
        margin:0 0 10px;
        line-height:1.5;
        text-align:justify
    }
}
.addrestaurants .notificationfeedbackwrapper{
    padding:12px
}
.addrestaurants .formchoices{
    margin-bottom:20px
}
.addrestaurants .banner-sign{
    display:none
}
@media only screen and (min-width:640px){
    .addrestaurants .banner-sign{
        display:block
    }
}
.addrestaurants .radiobuttons{
    margin-bottom:0
}
.addrestaurants .radiobuttons .radiobutton{
    width:50px;
    margin-bottom:10px
}
@media only screen and (min-width:640px){
    .addrestaurants .radiobuttons .radiobutton{
        width:10%
    }
}
.addrestaurants .radiobuttons .nawlabel{
    width:70%
}
@media only screen and (min-width:640px){
    .addrestaurants .radiobuttons .nawlabel{
        width:90%
    }
}
@media only screen and (min-width:640px){
    .addrestaurants .radiobuttons .nawradiolabel{
        line-height:20px
    }
}
@media only screen and (min-width:640px){
    .addrestaurants .radiobuttons{
        margin-bottom:0
    }
}
.addrestaurants input.radiobutton_form[type=radio]{
    opacity:0;
    width:30px;
    position:absolute;
    height:30px;
    top:0;
    margin-bottom:0
}
.addrestaurants label.checkbox_form_label,.addrestaurants label.radiobutton_form_label{
    position:relative;
    padding:0;
    padding-left:50px;
    top:-25px;
    left:0;
    background-color:transparent;
    font-family:Open Sans,sans-serif;
    font-size:1em;
    color:#222;
    display:block
}
.addrestaurants div.radiobutton_form{
    width:44px;
    padding:0;
    margin:3px
}
.addrestaurants label.radiobutton_form{
    left:3px;
    top:3px;
    display:inline-block;
    outline:none;
    cursor:pointer;
    width:30px;
    height:30px;
    line-height:30px;
    vertical-align:text-top;
    overflow:hidden;
    background-color:transparent;
    font-family:Open Sans,sans-serif;
    font-size:1.3em;
    color:#222
}
.addrestaurants input.radiobutton_form[type=radio]:checked+label.radiobutton_form:before{
    content:"\25CF";
    font-size:2em;
    overflow:hidden;
    padding-top:1px;
    line-height:22px;
    min-width:30px;
    height:30px;
    font-weight:700;
    color:#50aecc;
    text-align:center
}
.addrestaurants label.radiobutton_form:before{
    content:"\00a0";
    color:transparent;
    outline:none;
    width:30px;
    height:30px;
    line-height:24px;
    overflow:hidden;
    font-weight:700;
    display:inline-block;
    background-color:#f6f6f6;
    margin-right:10px;
    border-radius:18px;
    box-sizing:border-box;
    box-shadow:inset 0 3px 3px 0 #ccc;
    transition:none
}
.addrestaurants .g-recaptcha{
    margin-top:15px
}
.addrestaurants .addrestaurantsubmitbutton{
    margin-bottom:20px
}
.lowest-price .main p strong{
    font-size:16px
}
.lowest-price .divider{
    border-bottom:1px solid #ccc;
    margin-top:26px;
    margin-bottom:26px
}
.lowest-price ol{
    margin-left:20px
}
.lowest-price .file-upload [type=file]{
    border:1px solid #eee
}
.lowest-price .file-upload,.lowest-price .send-form{
    margin-top:20px;
    margin-bottom:20px
}
.lowest-price textarea.textarea_form{
    width:100%;
    height:200px
}
.lowest-price .lp_totaltext{
    font-size:16px;
    margin-left:7px;
    font-weight:700
}
.lowest-price .checkbox_form{
    margin-bottom:26px
}
.lowest-price .lowest_price img{
    max-width:100%;
    display:none
}
.lowest-price .lowest_price .label{
    padding-right:10px
}
.lowest-price .lowest_price .compare-price table,.lowest-price .lowest_price .compare-price tbody,.lowest-price .lowest_price .compare-price td,.lowest-price .lowest_price .compare-price tr{
    display:block;
    border-collapse:collapse
}
.lowest-price .lowest_price .compare-price tr{
    padding-bottom:15px;
    border-bottom:1px dotted #555
}
.lowest-price .lowest_price table,.lowest-price .lowest_price td,.lowest-price .lowest_price tr{
    border:none
}
.lowest-price .lowest_price input,.lowest-price .lowest_price textarea{
    border:1px solid #cfcac4
}
.lowest-price .lowest_price textarea{
    width:100%;
    min-height:150px;
    border-radius:3px
}
.lowest-price .lowest_price .button{
    width:100%;
    margin-top:10px
}
.lowest-price .lowest_price .checkbox-inline>span{
    height:auto;
    line-height:inherit;
    padding:10px;
    width:100%;
    display:block
}
@media only screen and (min-width:639px){
    .lowest-price .lowest_price img{
        max-width:100%;
        display:block
    }
    .lowest-price .lowest_price .compare-price table{
        display:table;
        border-collapse:initial
    }
    .lowest-price .lowest_price .compare-price tbody{
        display:table-row-group
    }
    .lowest-price .lowest_price .compare-price tr{
        display:table-row
    }
    .lowest-price .lowest_price .compare-price td{
        display:table-cell
    }
    .lowest-price .lowest_price .compare-price .multiplier{
        height:auto;
        margin-top:40px
    }
    .lowest-price .lowest_price .button{
        width:auto
    }
}
.seopage .review-rating--chain{
    font-size:150%
}
.seopage .rating-total--chain{
    font-size:120%
}
div.legal.extra{
    display:none;
    text-align:justify;
    margin-top:20px;
    margin-bottom:20px;
    font-size:11px
}
.step3 .sidedishes .checkbox-inline>span{
    color:#333
}
.step3 .sidedish-checkbox label.checkbox-inline.inline-desc{
    max-height:none
}
.step3 .sidedish-checkbox .checkbox-inline.inline-desc>span{
    height:auto;
    align-items:flex-start;
    display:inline-block
}
.step3 .sidedish-checkbox span.inline-desc{
    font-size:90%;
    line-height:1.75em;
    margin-left:36px;
    white-space:normal;
    display:block;
    margin-bottom:8px;
    color:#888
}
.step3 .sidedish-select .select-input.inline-desc{
    height:auto
}
.step3 .sidedish-select .select-input.inline-desc .inline-desc{
    font-size:90%;
    line-height:1.75em;
    margin-left:12px;
    display:block;
    color:#888
}
.step3 .sidedish-select .select-input.inline-desc .meal-allergens{
    position:relative;
    right:auto;
    line-height:normal
}
.step3 .sidedish-select .select-input.inline-desc .sidedish-allergens-wrapper{
    display:inline
}
.legal .checkbox-inline>span,.step4 .checkbox-inline>span{
    line-height:normal;
    display:block;
    height:auto;
    min-height:40px;
    padding-top:10px;
    padding-bottom:10px;
    background:#fff;
    font-weight:400;
    border-color:#cfcac4;
    box-shadow:none
}
.legal .checkbox-inline>span:before,.step4 .checkbox-inline>span:before{
    float:left
}
.legal .checkbox-inline>span:hover,.step4 .checkbox-inline>span:hover{
    box-shadow:0 0 8px #e6e2e2;
    border-color:#cfcac4
}
.legal .checkbox-inline,.step4 .checkbox-inline{
    width:100%
}
.legal #morelegalinfo,.step4 #morelegalinfo{
    text-decoration:underline
}
.button{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:#50aecc;
    height:35px;
    line-height:35px;
    width:auto
}
.button:focus,.button:hover{
    background-color:#3595b4
}
.button:active{
    background-color:#3088a5
}
.button.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-login{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:rgba(0,0,0,.75);
    text-transform:none;
    box-shadow:none;
    height:35px;
    line-height:35px;
    width:auto
}
.button-login:active,.button-login:focus,.button-login:hover{
    color:#333;
    background-color:hsla(0,0%,100%,.75)
}
.button-login.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-icon{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:#f80;
    height:35px;
    line-height:35px;
    width:auto
}
.button-icon:before{
    content:"";
    display:block
}
.button-icon:hover{
    background-color:#cc6d00
}
.button-icon:active,.button-icon:focus{
    background-color:#b35f00
}
.button-icon.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    margin-right:0
}
.button-close,.button-icon:before{
    display:inline-block;
    line-height:35px
}
.button-close{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background:none;
    color:#999;
    box-shadow:none;
    height:35px;
    width:auto
}
.button-close:hover{
    color:#666
}
.button-close:active,.button-close:focus{
    color:#000
}
.button-close:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.button-close.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-icon-round{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border-radius:3px;
    display:inline-block;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:#e6e6e6;
    border-radius:50%;
    font-size:20px;
    width:35px;
    height:35px;
    line-height:35px
}
.button-icon-round:hover{
    background-color:#f80
}
.button-icon-round:active,.button-icon-round:focus{
    background-color:#cc6d00
}
.button-icon-round.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-icon-round:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    display:inline-block;
    line-height:35px;
    margin-right:0
}
.button-cta-small{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:#50aecc;
    height:50px;
    line-height:50px;
    font-size:18px;
    text-transform:uppercase;
    width:auto
}
.button-cta-small:focus,.button-cta-small:hover{
    background-color:#3595b4
}
.button-cta-small:active{
    background-color:#3088a5
}
.button-cta-small.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-with-icon{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:#50aecc;
    height:35px;
    line-height:35px;
    width:auto
}
.button-with-icon:focus,.button-with-icon:hover{
    background-color:#3595b4
}
.button-with-icon:active{
    background-color:#3088a5
}
.button-with-icon.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-with-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    display:inline-block;
    line-height:35px;
    margin-right:8px
}
.button-cta-icon{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:#50aecc;
    height:35px;
    line-height:35px;
    width:auto
}
.button-cta-icon:focus,.button-cta-icon:hover{
    background-color:#3595b4
}
.button-cta-icon:active{
    background-color:#3088a5
}
.button-cta-icon.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-cta-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    display:inline-block;
    line-height:35px;
    margin-right:8px
}
.button-cta-icon-after{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    color:#fff;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:#50aecc;
    height:35px;
    line-height:35px;
    width:auto
}
.button-cta-icon-after:focus,.button-cta-icon-after:hover{
    background-color:#3595b4
}
.button-cta-icon-after:active{
    background-color:#3088a5
}
.button-cta-icon-after.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-cta-icon-after:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    display:inline-block;
    border-left:2px solid #9fd3e3;
    margin-left:8px;
    padding-left:8px;
    height:24px;
    line-height:24px
}
.button-facebook{
    background-color:#3b5998;
    padding:0 16px 0 66px;
    display:inline-block;
    text-align:center;
    position:relative
}
.button-facebook:before{
    background-color:#30487b;
    content:'';
    font-family:fontello;
    font-size:22px;
    font-weight:400;
    position:absolute;
    left:0;
    width:50px;
    border-radius:3px
}
.button-facebook:focus,.button-facebook:hover{
    background-color:#344e86;
    color:#fff
}
.button-facebook:focus:before,.button-facebook:hover:before{
    background-color:#283d68
}
.button-menu{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    color:#50aecc;
    height:35px;
    line-height:35px;
    width:auto
}
.button-menu:hover{
    color:#fff;
    background-color:#50aecc;
    box-shadow:0 2px 2px #b8b5b5
}
.button-menu:active,.button-menu:focus{
    color:#fff;
    background-color:#3595b4;
    box-shadow:0 2px 2px #b8b5b5
}
.button-menu.active{
    color:#fff;
    background-color:#50aecc;
    box-shadow:0 2px 2px #b8b5b5
}
.button-menu.active:after{
    content:'\e8b2'
}
.button-menu.active:hover{
    background-color:#3595b4
}
.button-menu.active:active,.button-menu.active:focus{
    background-color:#2f85a1
}
.button-menu.disabled{
    background-color:#e6e6e6;
    cursor:default
}
.button-menu:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    display:inline-block;
    border-left:2px solid #9fd3e3;
    margin-left:8px;
    padding-left:8px;
    height:24px;
    line-height:24px
}
.button-forward{
    text-align:center;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:#666;
    font-size:50px;
    width:50px;
    height:50px;
    line-height:50px
}
.button-forward:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.button-download{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding:0 16px;
    border-radius:3px;
    display:inline-block;
    color:#666;
    box-shadow:0 2px 2px #b8b5b5;
    font-size:15px;
    text-align:center;
    cursor:pointer;
    background-color:#fff;
    height:40px;
    line-height:40px;
    font-size:14px;
    width:auto
}
checkbox-container{
    padding:10px;
    width:500px;
    background:#fff;
    border:1px solid #999
}
.checkbox{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.checkbox,.checkbox>span{
    box-sizing:border-box
}
.checkbox>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox>input[type=checkbox],.checkbox>input[type=radio]{
    display:none
}
.checkbox>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.checkbox>input:checked+span{
    color:#666
}
.checkbox>input:checked~figure,.checkbox>input:checked~i{
    opacity:1
}
.checkbox>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.checkbox>span{
    box-shadow:0 0 1px #50aecc
}
.checkbox>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox>input:disabled+span,.checkbox>input:disabled+span+figure,.checkbox>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox>figure,.checkbox>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox>figure{
    float:right
}
.checkbox:hover>span{
    border:1px solid #50aecc
}
.checkbox:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox>input:disabled+span{
    border:1px solid transparent
}
.checkbox>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox-no-border{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.checkbox-no-border,.checkbox-no-border>span{
    box-sizing:border-box
}
.checkbox-no-border>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-no-border>input[type=checkbox],.checkbox-no-border>input[type=radio]{
    display:none
}
.checkbox-no-border>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.checkbox-no-border>input:checked+span{
    color:#666
}
.checkbox-no-border>input:checked~figure,.checkbox-no-border>input:checked~i{
    opacity:1
}
.checkbox-no-border>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.checkbox-no-border>span{
    box-shadow:none
}
.checkbox-no-border>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-no-border>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox-no-border>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox-no-border>input:disabled+span,.checkbox-no-border>input:disabled+span+figure,.checkbox-no-border>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox-no-border>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox-no-border>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox-no-border>figure,.checkbox-no-border>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox-no-border>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox-no-border>figure{
    float:right
}
.checkbox-no-border:hover>span{
    border:1px solid #50aecc
}
.checkbox-no-border:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox-no-border>input:disabled+span{
    border:1px solid transparent
}
.checkbox-no-border>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox-icon{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.checkbox-icon,.checkbox-icon>span{
    box-sizing:border-box
}
.checkbox-icon>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-icon>input[type=checkbox],.checkbox-icon>input[type=radio]{
    display:none
}
.checkbox-icon>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent;
    justify-content:space-between
}
.checkbox-icon>input:checked+span{
    color:#666
}
.checkbox-icon>input:checked~figure,.checkbox-icon>input:checked~i{
    opacity:1
}
.checkbox-icon>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.checkbox-icon>span{
    box-shadow:0 0 1px #50aecc
}
.checkbox-icon>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-icon>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox-icon>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox-icon>input:disabled+span,.checkbox-icon>input:disabled+span+figure,.checkbox-icon>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox-icon>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox-icon>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox-icon>figure,.checkbox-icon>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox-icon>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox-icon>figure{
    float:right
}
.checkbox-icon>span:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    font-size:20px
}
.checkbox-icon:hover>span{
    border:1px solid #50aecc
}
.checkbox-icon:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox-icon>input:disabled+span{
    border:1px solid transparent
}
.checkbox-icon>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox-sprite{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.checkbox-sprite,.checkbox-sprite>span{
    box-sizing:border-box
}
.checkbox-sprite>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-sprite>input[type=checkbox],.checkbox-sprite>input[type=radio]{
    display:none
}
.checkbox-sprite>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.checkbox-sprite>input:checked+span{
    color:#666
}
.checkbox-sprite>input:checked~figure,.checkbox-sprite>input:checked~i{
    opacity:1
}
.checkbox-sprite>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.checkbox-sprite>span{
    box-shadow:0 0 1px #50aecc
}
.checkbox-sprite>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-sprite>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox-sprite>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox-sprite>input:disabled+span,.checkbox-sprite>input:disabled+span+figure,.checkbox-sprite>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox-sprite>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox-sprite>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox-sprite>figure,.checkbox-sprite>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox-sprite>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox-sprite>figure{
    float:right;
    background:url(/media/image/sprite-payments.png) no-repeat;
    background-position:1px -745px;
    width:50px;
    height:25px;
    -webkit-transform:translate(8px,-37px);
    transform:translate(8px,-37px)
}
.checkbox-sprite:hover>span{
    border:1px solid #50aecc
}
.checkbox-sprite:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox-sprite>input:disabled+span{
    border:1px solid transparent
}
.checkbox-sprite>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox-discount-normal{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.checkbox-discount-normal,.checkbox-discount-normal>span{
    box-sizing:border-box
}
.checkbox-discount-normal>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:#6b3;
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-discount-normal>input[type=checkbox],.checkbox-discount-normal>input[type=radio]{
    display:none
}
.checkbox-discount-normal>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.checkbox-discount-normal>input:checked+span{
    background-color:#f0f8eb;
    color:#666
}
.checkbox-discount-normal>input:checked~figure,.checkbox-discount-normal>input:checked~i{
    opacity:1
}
.checkbox-discount-normal>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#6b3;
    border:1px solid #6b3
}
.checkbox-discount-normal>span{
    box-shadow:0 0 1px #6b3
}
.checkbox-discount-normal>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-discount-normal>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox-discount-normal>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox-discount-normal>input:disabled+span,.checkbox-discount-normal>input:disabled+span+figure,.checkbox-discount-normal>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox-discount-normal>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox-discount-normal>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox-discount-normal>figure,.checkbox-discount-normal>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox-discount-normal>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox-discount-normal>figure{
    float:right
}
.checkbox-discount-normal:hover>span{
    border:1px solid #6b3
}
.checkbox-discount-normal:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox-discount-normal>input:disabled+span{
    border:1px solid transparent
}
.checkbox-discount-normal>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox-discount-newcustomer{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.checkbox-discount-newcustomer,.checkbox-discount-newcustomer>span{
    box-sizing:border-box
}
.checkbox-discount-newcustomer>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:#50aecc;
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-discount-newcustomer>input[type=checkbox],.checkbox-discount-newcustomer>input[type=radio]{
    display:none
}
.checkbox-discount-newcustomer>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.checkbox-discount-newcustomer>input:checked+span{
    background-color:#eef7fa;
    color:#666
}
.checkbox-discount-newcustomer>input:checked~figure,.checkbox-discount-newcustomer>input:checked~i{
    opacity:1
}
.checkbox-discount-newcustomer>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.checkbox-discount-newcustomer>span{
    box-shadow:0 0 1px #50aecc
}
.checkbox-discount-newcustomer>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-discount-newcustomer>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox-discount-newcustomer>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox-discount-newcustomer>input:disabled+span,.checkbox-discount-newcustomer>input:disabled+span+figure,.checkbox-discount-newcustomer>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox-discount-newcustomer>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox-discount-newcustomer>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox-discount-newcustomer>figure,.checkbox-discount-newcustomer>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox-discount-newcustomer>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox-discount-newcustomer>figure{
    float:right
}
.checkbox-discount-newcustomer:hover>span{
    border:1px solid #50aecc
}
.checkbox-discount-newcustomer:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox-discount-newcustomer>input:disabled+span{
    border:1px solid transparent
}
.checkbox-discount-newcustomer>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox-discount-stamps{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.checkbox-discount-stamps,.checkbox-discount-stamps>span{
    box-sizing:border-box
}
.checkbox-discount-stamps>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:#f80;
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-discount-stamps>input[type=checkbox],.checkbox-discount-stamps>input[type=radio]{
    display:none
}
.checkbox-discount-stamps>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.checkbox-discount-stamps>input:checked+span{
    background-color:#fff3e6;
    color:#666
}
.checkbox-discount-stamps>input:checked~figure,.checkbox-discount-stamps>input:checked~i{
    opacity:1
}
.checkbox-discount-stamps>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#f80;
    border:1px solid #f80
}
.checkbox-discount-stamps>span{
    box-shadow:0 0 1px #f80
}
.checkbox-discount-stamps>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-discount-stamps>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox-discount-stamps>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox-discount-stamps>input:disabled+span,.checkbox-discount-stamps>input:disabled+span+figure,.checkbox-discount-stamps>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox-discount-stamps>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox-discount-stamps>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox-discount-stamps>figure,.checkbox-discount-stamps>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox-discount-stamps>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox-discount-stamps>figure{
    float:right
}
.checkbox-discount-stamps:hover>span{
    border:1px solid #f80
}
.checkbox-discount-stamps:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox-discount-stamps>input:disabled+span{
    border:1px solid transparent
}
.checkbox-discount-stamps>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.disable{
    font-size:12px;
    color:#50aecc;
    cursor:pointer
}
.radio-container{
    width:300px;
    padding:10px;
    border:1px solid #999
}
.radio-visa{
    display:inline-block;
    cursor:pointer;
    max-height:50px
}
.radio-visa,.radio-visa>span{
    box-sizing:border-box
}
.radio-visa>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-visa>input[type=checkbox],.radio-visa>input[type=radio]{
    display:none
}
.radio-visa>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.radio-visa>input:checked+span{
    color:#666
}
.radio-visa>input:checked~figure,.radio-visa>input:checked~i{
    opacity:1
}
.radio-visa>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.radio-visa>span{
    box-shadow:0 0 1px #50aecc
}
.radio-visa>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-visa>input[type=checkbox]+span:before{
    border-radius:3px
}
.radio-visa>input[type=radio]+span:before{
    border-radius:100%
}
.radio-visa>input:disabled+span,.radio-visa>input:disabled+span+figure,.radio-visa>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.radio-visa>input:disabled:not(checked)+span+i{
    opacity:0
}
.radio-visa>input:disabled:checked+span+i{
    opacity:.5
}
.radio-visa>figure,.radio-visa>span:after{
    margin-left:10px;
    margin-right:15px
}
.radio-visa>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.radio-visa>figure{
    float:right;
    background:url(/media/image/sprite-payments.png) no-repeat;
    background-position:1px -745px;
    width:50px;
    height:25px;
    -webkit-transform:translate(8px,-37px);
    transform:translate(8px,-37px)
}
.radio-visa:hover>span{
    border:1px solid #50aecc
}
.radio-visa:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.radio-visa>input:disabled+span{
    border:1px solid transparent
}
.radio-visa>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.radio-mastercard{
    display:inline-block;
    cursor:pointer;
    max-height:50px
}
.radio-mastercard,.radio-mastercard>span{
    box-sizing:border-box
}
.radio-mastercard>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-mastercard>input[type=checkbox],.radio-mastercard>input[type=radio]{
    display:none
}
.radio-mastercard>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.radio-mastercard>input:checked+span{
    color:#666
}
.radio-mastercard>input:checked~figure,.radio-mastercard>input:checked~i{
    opacity:1
}
.radio-mastercard>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.radio-mastercard>span{
    box-shadow:0 0 1px #50aecc
}
.radio-mastercard>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-mastercard>input[type=checkbox]+span:before{
    border-radius:3px
}
.radio-mastercard>input[type=radio]+span:before{
    border-radius:100%
}
.radio-mastercard>input:disabled+span,.radio-mastercard>input:disabled+span+figure,.radio-mastercard>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.radio-mastercard>input:disabled:not(checked)+span+i{
    opacity:0
}
.radio-mastercard>input:disabled:checked+span+i{
    opacity:.5
}
.radio-mastercard>figure,.radio-mastercard>span:after{
    margin-left:10px;
    margin-right:15px
}
.radio-mastercard>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.radio-mastercard>figure{
    float:right;
    background:url(/media/image/sprite-payments.png) no-repeat;
    background-position:1px -771px;
    width:50px;
    height:25px;
    -webkit-transform:translate(8px,-37px);
    transform:translate(8px,-37px)
}
.radio-mastercard:hover>span{
    border:1px solid #50aecc
}
.radio-mastercard:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.radio-mastercard>input:disabled+span{
    border:1px solid transparent
}
.radio-mastercard>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.radio-amex{
    display:inline-block;
    cursor:pointer;
    max-height:50px
}
.radio-amex,.radio-amex>span{
    box-sizing:border-box
}
.radio-amex>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-amex>input[type=checkbox],.radio-amex>input[type=radio]{
    display:none
}
.radio-amex>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.radio-amex>input:checked+span{
    color:#666
}
.radio-amex>input:checked~figure,.radio-amex>input:checked~i{
    opacity:1
}
.radio-amex>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.radio-amex>span{
    box-shadow:0 0 1px #50aecc
}
.radio-amex>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-amex>input[type=checkbox]+span:before{
    border-radius:3px
}
.radio-amex>input[type=radio]+span:before{
    border-radius:100%
}
.radio-amex>input:disabled+span,.radio-amex>input:disabled+span+figure,.radio-amex>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.radio-amex>input:disabled:not(checked)+span+i{
    opacity:0
}
.radio-amex>input:disabled:checked+span+i{
    opacity:.5
}
.radio-amex>figure,.radio-amex>span:after{
    margin-left:10px;
    margin-right:15px
}
.radio-amex>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.radio-amex>figure{
    float:right;
    background:url(/media/image/sprite-payments.png) no-repeat;
    background-position:1px -799px;
    width:50px;
    height:25px;
    -webkit-transform:translate(8px,-37px);
    transform:translate(8px,-37px)
}
.radio-amex:hover>span{
    border:1px solid #50aecc
}
.radio-amex:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.radio-amex>input:disabled+span{
    border:1px solid transparent
}
.radio-amex>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.radio-bitcoin{
    display:inline-block;
    cursor:pointer;
    max-height:50px
}
.radio-bitcoin,.radio-bitcoin>span{
    box-sizing:border-box
}
.radio-bitcoin>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-bitcoin>input[type=checkbox],.radio-bitcoin>input[type=radio]{
    display:none
}
.radio-bitcoin>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent;
    justify-content:space-between
}
.radio-bitcoin>input:checked+span{
    color:#666
}
.radio-bitcoin>input:checked~figure,.radio-bitcoin>input:checked~i{
    opacity:1
}
.radio-bitcoin>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.radio-bitcoin>span{
    box-shadow:0 0 1px #50aecc
}
.radio-bitcoin>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-bitcoin>input[type=checkbox]+span:before{
    border-radius:3px
}
.radio-bitcoin>input[type=radio]+span:before{
    border-radius:100%
}
.radio-bitcoin>input:disabled+span,.radio-bitcoin>input:disabled+span+figure,.radio-bitcoin>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.radio-bitcoin>input:disabled:not(checked)+span+i{
    opacity:0
}
.radio-bitcoin>input:disabled:checked+span+i{
    opacity:.5
}
.radio-bitcoin>figure,.radio-bitcoin>span:after{
    margin-left:10px;
    margin-right:15px
}
.radio-bitcoin>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.radio-bitcoin>figure{
    float:right
}
.radio-bitcoin>span:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    font-size:20px
}
.radio-bitcoin:hover>span{
    border:1px solid #50aecc
}
.radio-bitcoin:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.radio-bitcoin>input:disabled+span{
    border:1px solid transparent
}
.radio-bitcoin>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox-inline{
    display:inline-block;
    cursor:pointer;
    max-height:50px
}
.checkbox-inline,.checkbox-inline>span{
    box-sizing:border-box
}
.checkbox-inline>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-inline>input[type=checkbox],.checkbox-inline>input[type=radio]{
    display:none
}
.checkbox-inline>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.checkbox-inline>input:checked+span{
    color:#666
}
.checkbox-inline>input:checked~figure,.checkbox-inline>input:checked~i{
    opacity:1
}
.checkbox-inline>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.checkbox-inline>span{
    box-shadow:0 0 1px #50aecc
}
.checkbox-inline>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    min-width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-inline>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox-inline>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox-inline>input:disabled+span,.checkbox-inline>input:disabled+span+figure,.checkbox-inline>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox-inline>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox-inline>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox-inline>figure,.checkbox-inline>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox-inline>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox-inline>figure{
    float:right
}
.checkbox-inline:hover>span{
    border:1px solid #50aecc
}
.checkbox-inline:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox-inline>input:disabled+span{
    border:1px solid transparent
}
.checkbox-inline>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.radio-newline-visa{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.radio-newline-visa,.radio-newline-visa>span{
    box-sizing:border-box
}
.radio-newline-visa>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-newline-visa>input[type=checkbox],.radio-newline-visa>input[type=radio]{
    display:none
}
.radio-newline-visa>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.radio-newline-visa>input:checked+span{
    color:#666
}
.radio-newline-visa>input:checked~figure,.radio-newline-visa>input:checked~i{
    opacity:1
}
.radio-newline-visa>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.radio-newline-visa>span{
    box-shadow:0 0 1px #50aecc
}
.radio-newline-visa>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-newline-visa>input[type=checkbox]+span:before{
    border-radius:3px
}
.radio-newline-visa>input[type=radio]+span:before{
    border-radius:100%
}
.radio-newline-visa>input:disabled+span,.radio-newline-visa>input:disabled+span+figure,.radio-newline-visa>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.radio-newline-visa>input:disabled:not(checked)+span+i{
    opacity:0
}
.radio-newline-visa>input:disabled:checked+span+i{
    opacity:.5
}
.radio-newline-visa>figure,.radio-newline-visa>span:after{
    margin-left:10px;
    margin-right:15px
}
.radio-newline-visa>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.radio-newline-visa>figure{
    float:right;
    background:url(/media/image/sprite-payments.png) no-repeat;
    background-position:1px -745px;
    width:50px;
    height:25px;
    -webkit-transform:translate(8px,-37px);
    transform:translate(8px,-37px)
}
.radio-newline-visa:hover>span{
    border:1px solid #50aecc
}
.radio-newline-visa:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.radio-newline-visa>input:disabled+span{
    border:1px solid transparent
}
.radio-newline-visa>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.radio-newline-mastercard{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.radio-newline-mastercard,.radio-newline-mastercard>span{
    box-sizing:border-box
}
.radio-newline-mastercard>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-newline-mastercard>input[type=checkbox],.radio-newline-mastercard>input[type=radio]{
    display:none
}
.radio-newline-mastercard>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.radio-newline-mastercard>input:checked+span{
    color:#666
}
.radio-newline-mastercard>input:checked~figure,.radio-newline-mastercard>input:checked~i{
    opacity:1
}
.radio-newline-mastercard>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.radio-newline-mastercard>span{
    box-shadow:0 0 1px #50aecc
}
.radio-newline-mastercard>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-newline-mastercard>input[type=checkbox]+span:before{
    border-radius:3px
}
.radio-newline-mastercard>input[type=radio]+span:before{
    border-radius:100%
}
.radio-newline-mastercard>input:disabled+span,.radio-newline-mastercard>input:disabled+span+figure,.radio-newline-mastercard>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.radio-newline-mastercard>input:disabled:not(checked)+span+i{
    opacity:0
}
.radio-newline-mastercard>input:disabled:checked+span+i{
    opacity:.5
}
.radio-newline-mastercard>figure,.radio-newline-mastercard>span:after{
    margin-left:10px;
    margin-right:15px
}
.radio-newline-mastercard>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.radio-newline-mastercard>figure{
    float:right;
    background:url(/media/image/sprite-payments.png) no-repeat;
    background-position:1px -771px;
    width:50px;
    height:25px;
    -webkit-transform:translate(8px,-37px);
    transform:translate(8px,-37px)
}
.radio-newline-mastercard:hover>span{
    border:1px solid #50aecc
}
.radio-newline-mastercard:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.radio-newline-mastercard>input:disabled+span{
    border:1px solid transparent
}
.radio-newline-mastercard>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.radio-newline-amex{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.radio-newline-amex,.radio-newline-amex>span{
    box-sizing:border-box
}
.radio-newline-amex>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-newline-amex>input[type=checkbox],.radio-newline-amex>input[type=radio]{
    display:none
}
.radio-newline-amex>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.radio-newline-amex>input:checked+span{
    color:#666
}
.radio-newline-amex>input:checked~figure,.radio-newline-amex>input:checked~i{
    opacity:1
}
.radio-newline-amex>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.radio-newline-amex>span{
    box-shadow:0 0 1px #50aecc
}
.radio-newline-amex>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.radio-newline-amex>input[type=checkbox]+span:before{
    border-radius:3px
}
.radio-newline-amex>input[type=radio]+span:before{
    border-radius:100%
}
.radio-newline-amex>input:disabled+span,.radio-newline-amex>input:disabled+span+figure,.radio-newline-amex>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.radio-newline-amex>input:disabled:not(checked)+span+i{
    opacity:0
}
.radio-newline-amex>input:disabled:checked+span+i{
    opacity:.5
}
.radio-newline-amex>figure,.radio-newline-amex>span:after{
    margin-left:10px;
    margin-right:15px
}
.radio-newline-amex>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.radio-newline-amex>figure{
    float:right;
    background:url(/media/image/sprite-payments.png) no-repeat;
    background-position:1px -799px;
    width:50px;
    height:25px;
    -webkit-transform:translate(8px,-37px);
    transform:translate(8px,-37px)
}
.radio-newline-amex:hover>span{
    border:1px solid #50aecc
}
.radio-newline-amex:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.radio-newline-amex>input:disabled+span{
    border:1px solid transparent
}
.radio-newline-amex>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.checkbox-checkout{
    display:initial;
    cursor:pointer;
    max-height:50px
}
.checkbox-checkout,.checkbox-checkout>span{
    box-sizing:border-box
}
.checkbox-checkout>i{
    opacity:0;
    font-style:normal;
    font-weight:700;
    color:"";
    float:right;
    margin-right:40px;
    -webkit-transform:translate(25px,-31px);
    transform:translate(25px,-31px);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-checkout>input[type=checkbox],.checkbox-checkout>input[type=radio]{
    display:none
}
.checkbox-checkout>span{
    display:inline-flex;
    align-items:center;
    height:50px;
    line-height:50px;
    padding:0 16px;
    width:100%;
    font-weight:600;
    border-radius:3px;
    border:1px solid transparent
}
.checkbox-checkout>input:checked+span{
    color:#666
}
.checkbox-checkout>input:checked~figure,.checkbox-checkout>input:checked~i{
    opacity:1
}
.checkbox-checkout>input:checked+span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    background:#50aecc;
    border:1px solid #50aecc
}
.checkbox-checkout>span{
    box-shadow:none
}
.checkbox-checkout>span:before{
    content:"";
    font-family:fontello;
    line-height:1;
    font-size:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-weight:400;
    width:18px;
    height:18px;
    margin-right:16px;
    border:1px solid #999;
    color:#fff;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.checkbox-checkout>input[type=checkbox]+span:before{
    border-radius:3px
}
.checkbox-checkout>input[type=radio]+span:before{
    border-radius:100%
}
.checkbox-checkout>input:disabled+span,.checkbox-checkout>input:disabled+span+figure,.checkbox-checkout>input:disabled+span+i{
    opacity:.5;
    cursor:not-allowed
}
.checkbox-checkout>input:disabled:not(checked)+span+i{
    opacity:0
}
.checkbox-checkout>input:disabled:checked+span+i{
    opacity:.5
}
.checkbox-checkout>figure,.checkbox-checkout>span:after{
    margin-left:10px;
    margin-right:15px
}
.checkbox-checkout>span:after{
    flex:auto;
    text-align:right;
    justify-content:flex-end
}
.checkbox-checkout>figure{
    float:right
}
.checkbox-checkout:hover>span{
    border:1px solid #50aecc
}
.checkbox-checkout:hover>span:before{
    -webkit-transform:scale(1.3);
    transform:scale(1.3)
}
.checkbox-checkout>input:disabled+span{
    border:1px solid transparent
}
.checkbox-checkout>input:disabled+span:before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.discount-inline-3{
    background-color:#eee;
    width:250px;
    padding:5px
}
.discount-inline-3 [class^=discount-]{
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-moz-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:30%
}
.discount-inline-3.large{
    width:500px
}
.discount-stamps{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:baseline;
    -moz-align-items:baseline;
    align-items:baseline;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    vertical-align:top;
    cursor:pointer;
    margin-bottom:8px;
    border-radius:3px;
    height:41px;
    width:80px;
    background-color:#fff3e6;
    box-shadow:0 0 1px #f80;
    color:#f80
}
.discount-stamps:hover{
    background-color:#ffe7cc
}
.discount-stamps:active,.discount-stamps:focus{
    background-color:#ffdbb3
}
.discount-stamps>small{
    font-size:9px;
    text-align:center;
    width:100%
}
.discount-stamps>span{
    white-space:normal;
    margin-bottom:2px;
    font-size:16px;
    text-align:center;
    width:100%
}
.discount-stamps>span+small{
    padding-top:2px;
    border-top:1px solid #ffcf99
}
.discount-normal{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:baseline;
    -moz-align-items:baseline;
    align-items:baseline;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    vertical-align:top;
    cursor:pointer;
    margin-bottom:8px;
    border-radius:3px;
    height:41px;
    width:80px;
    background-color:#f0f8eb;
    box-shadow:0 0 1px #6b3;
    color:#6b3
}
.discount-normal:hover{
    background-color:#e0f1d6
}
.discount-normal:active,.discount-normal:focus{
    background-color:#d1ebc2
}
.discount-normal>small{
    font-size:9px;
    text-align:center;
    width:100%
}
.discount-normal>span{
    white-space:normal;
    margin-bottom:2px;
    font-size:16px;
    text-align:center;
    width:100%
}
.discount-normal>span+small{
    padding-top:2px;
    border-top:1px solid #c2e4ad
}
.discount-newcustomer{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-direction:normal;
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:baseline;
    -moz-align-items:baseline;
    align-items:baseline;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
    vertical-align:top;
    cursor:pointer;
    margin-bottom:8px;
    border-radius:3px;
    height:41px;
    width:80px;
    background-color:#eef7fa;
    box-shadow:0 0 1px #50aecc;
    color:#50aecc
}
.discount-newcustomer:hover{
    background-color:#dceff5
}
.discount-newcustomer:active,.discount-newcustomer:focus{
    background-color:#cbe7f0
}
.discount-newcustomer>small{
    font-size:9px;
    text-align:center;
    width:100%
}
.discount-newcustomer>span{
    white-space:normal;
    margin-bottom:2px;
    font-size:16px;
    text-align:center;
    width:100%
}
.discount-newcustomer>span+small{
    padding-top:2px;
    border-top:1px solid #b9dfeb
}
.dropdown-content{
    background:#e6e2e2;
    border-bottom:4px solid #f80;
    display:none
}
.dropdown-content.success{
    display:inline-block
}
.dropdown-content-default{
    background:#fff;
    border-bottom:4px solid #f80;
    display:none
}
.dropdown,.dropdown-content-default.success{
    display:inline-block
}
.dropdown{
    min-width:0;
    -webkit-transition:min-width .3s ease;
    transition:min-width .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    padding:8px 16px;
    color:#fff;
    font-size:32px;
    border-radius:3px;
    background:rgba(0,0,0,.75)
}
.dropdown .atom-dropdown-label{
    display:flex;
    justify-content:space-between
}
.dropdown .atom-dropdown-additional-text{
    padding-left:8px
}
.dropdown.atom-dropdown-scroll{
    font-size:15px
}
.dropdown .atom-dropdown-text{
    display:inline-flex;
    border-bottom:1px solid #fff
}
.dropdown .atom-dropdown-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    margin-left:8px
}
.dropdown.expanded{
    background:#fff;
    color:#333
}
.dropdown.active,.dropdown.selected,.dropdown:active{
    color:#f80
}
.dropdown.active .atom-dropdown-icon,.dropdown.selected .atom-dropdown-icon,.dropdown:active .atom-dropdown-icon{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.dropdown.active,.dropdown.selected,.dropdown:hover{
    -webkit-transition:background .3s ease;
    transition:background .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    background:#fff;
    color:#333
}
.dropdown-delete{
    display:inline-block;
    min-width:0;
    -webkit-transition:min-width .3s ease;
    transition:min-width .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    padding:8px 16px;
    color:#fff;
    font-size:15px;
    border-radius:none;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:16px;
    background:none
}
.dropdown-delete .atom-dropdown-label{
    display:flex;
    justify-content:space-between
}
.dropdown-delete .atom-dropdown-additional-text{
    padding-left:8px
}
.dropdown-delete.atom-dropdown-scroll{
    font-size:15px
}
.dropdown-delete .atom-dropdown-text{
    display:inline-flex
}
.dropdown-delete .atom-dropdown-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    margin-left:8px
}
.dropdown-delete.expanded{
    color:#333
}
.dropdown-delete.expanded .atom-dropdown-icon{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.dropdown-delete.expanded:hover{
    background:none
}
.dropdown-delete.active,.dropdown-delete.selected,.dropdown-delete:active{
    color:#f80
}
.dropdown-delete.active .atom-dropdown-icon,.dropdown-delete.selected .atom-dropdown-icon,.dropdown-delete:active .atom-dropdown-icon{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.dropdown-delete.active,.dropdown-delete.selected,.dropdown-delete:hover{
    -webkit-transition:background .3s ease;
    transition:background .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    background:#000;
    color:#f80
}
.dropdown-delete.active.selected,.dropdown-delete.selected.selected,.dropdown-delete:hover.selected{
    background:none
}
.dropdown-selected{
    display:inline-block;
    min-width:0;
    -webkit-transition:min-width .3s ease;
    transition:min-width .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    padding:8px 16px;
    color:#fff;
    font-size:15px;
    border-radius:none;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    padding:16px;
    background:none
}
.dropdown-selected .atom-dropdown-label{
    display:flex;
    justify-content:space-between
}
.dropdown-selected .atom-dropdown-additional-text{
    padding-left:8px
}
.dropdown-selected.atom-dropdown-scroll{
    font-size:15px
}
.dropdown-selected .atom-dropdown-text{
    display:inline-flex
}
.dropdown-selected .atom-dropdown-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    margin-left:8px
}
.dropdown-selected.expanded{
    color:#333
}
.dropdown-selected.expanded .atom-dropdown-icon{
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.dropdown-selected.expanded:hover{
    background:none
}
.dropdown-selected.active,.dropdown-selected.selected,.dropdown-selected:active{
    color:#f80
}
.dropdown-selected.active .atom-dropdown-icon,.dropdown-selected.selected .atom-dropdown-icon,.dropdown-selected:active .atom-dropdown-icon{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.dropdown-selected.active,.dropdown-selected.selected,.dropdown-selected:hover{
    -webkit-transition:background .3s ease;
    transition:background .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    background:#000;
    color:#f80
}
.dropdown-selected.active.selected,.dropdown-selected.selected.selected,.dropdown-selected:hover.selected{
    background:none
}
.dropdown-scroll{
    display:inline-block;
    min-width:0;
    -webkit-transition:min-width .3s ease;
    transition:min-width .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    padding:8px 16px;
    color:#fff;
    font-size:15px;
    border-radius:none;
    background:rgba(0,0,0,.75)
}
.dropdown-scroll .atom-dropdown-label{
    display:flex;
    justify-content:space-between
}
.dropdown-scroll .atom-dropdown-additional-text{
    padding-left:8px
}
.dropdown-scroll.atom-dropdown-scroll{
    font-size:15px
}
.dropdown-scroll .atom-dropdown-text{
    display:inline-flex;
    border-bottom:1px solid #fff
}
.dropdown-scroll .atom-dropdown-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    margin-left:8px
}
.dropdown-scroll.expanded{
    background:#fff;
    color:#333
}
.dropdown-scroll.active,.dropdown-scroll.selected,.dropdown-scroll:active{
    color:#f80
}
.dropdown-scroll.active .atom-dropdown-icon,.dropdown-scroll.selected .atom-dropdown-icon,.dropdown-scroll:active .atom-dropdown-icon{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.dropdown-scroll.active,.dropdown-scroll.selected,.dropdown-scroll:hover{
    -webkit-transition:background .3s ease;
    transition:background .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    background:#fff;
    color:#333
}
.dropdown-transparent{
    display:inline-block;
    min-width:0;
    -webkit-transition:min-width .3s ease;
    transition:min-width .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    padding:8px 16px;
    color:#fff;
    font-size:15px;
    border-radius:3px;
    background:none
}
.dropdown-transparent .atom-dropdown-label{
    display:flex;
    justify-content:space-between
}
.dropdown-transparent .atom-dropdown-additional-text{
    padding-left:8px
}
.dropdown-transparent.atom-dropdown-scroll{
    font-size:15px
}
.dropdown-transparent .atom-dropdown-text{
    display:inline-flex;
    border-bottom:1px solid #fff
}
.dropdown-transparent .atom-dropdown-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    margin-left:8px
}
.dropdown-transparent.expanded{
    color:#f80;
    background:#e6e2e2
}
.dropdown-transparent.active,.dropdown-transparent.selected,.dropdown-transparent:active{
    color:#f80
}
.dropdown-transparent.active .atom-dropdown-icon,.dropdown-transparent.selected .atom-dropdown-icon,.dropdown-transparent:active .atom-dropdown-icon{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.dropdown-transparent.active,.dropdown-transparent.selected,html.no-touch .dropdown-transparent:hover{
    -webkit-transition:background .3s ease;
    transition:background .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    background:#fff;
    color:#333
}
.dropdown-filter{
    display:inline-block;
    min-width:0;
    -webkit-transition:min-width .3s ease;
    transition:min-width .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    padding:8px 16px;
    color:#fff;
    font-size:15px;
    border-radius:none;
    color:#f80;
    background:none
}
.dropdown-filter .atom-dropdown-label{
    display:flex;
    justify-content:space-between
}
.dropdown-filter .atom-dropdown-additional-text{
    padding-left:8px
}
.dropdown-filter.atom-dropdown-scroll{
    font-size:15px
}
.dropdown-filter .atom-dropdown-text{
    display:inline-flex
}
.dropdown-filter .atom-dropdown-icon:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    margin-left:8px
}
.dropdown-filter.expanded{
    background:#fff;
    color:#333
}
.dropdown-filter.active,.dropdown-filter.selected,.dropdown-filter:active{
    color:#f80
}
.dropdown-filter.active,.dropdown-filter.selected,.dropdown-filter:hover{
    background:none;
    color:#f80
}
.dropdown-filter.active:hover .atom-dropdown-icon,.dropdown-filter.selected:hover .atom-dropdown-icon,.dropdown-filter:hover:hover .atom-dropdown-icon{
    color:#333
}
.dropdown-filter-default{
    display:inline-block;
    min-width:0;
    -webkit-transition:min-width .3s ease;
    transition:min-width .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    padding:8px 16px;
    color:#fff;
    font-size:15px;
    border-radius:none;
    color:#f80;
    background:none
}
.dropdown-filter-default .atom-dropdown-label{
    display:flex;
    justify-content:space-between
}
.dropdown-filter-default .atom-dropdown-additional-text{
    padding-left:8px
}
.dropdown-filter-default.atom-dropdown-scroll{
    font-size:15px
}
.dropdown-filter-default .atom-dropdown-text{
    display:inline-flex
}
.dropdown-filter-default.expanded{
    background:#fff;
    color:#333
}
.dropdown-filter-default.active,.dropdown-filter-default.selected,.dropdown-filter-default:active{
    color:#f80
}
.dropdown-filter-default.active .atom-dropdown-icon,.dropdown-filter-default.selected .atom-dropdown-icon,.dropdown-filter-default:active .atom-dropdown-icon{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.dropdown-filter-default.active,.dropdown-filter-default.selected,.dropdown-filter-default:hover{
    background:none;
    color:#f80
}
.dropdown-filter-default.active:hover .atom-dropdown-icon,.dropdown-filter-default.selected:hover .atom-dropdown-icon,.dropdown-filter-default:hover:hover .atom-dropdown-icon{
    color:#333
}
.headline-xl-raised{
    margin:0px 0 0px;
    font-size:30px;
    line-height:54px;
    font-weight:400;
    text-align:center
}
.headline-xl-raised.scrolled{
    font-size:15px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.headline-xl-raised span.title-delivery,.headline-xl-raised span.title-pickup{
    position:relative;
    background:#261e1e;
    box-shadow:8px 0 0 #261e1e,-8px 0 0 #261e1e;
    color:#fff;
    padding:4px 0
}
.headline-xl-raised-left{
    margin:8px 0 16px;
    font-size:30px;
    line-height:54px;
    font-weight:400;
    text-align:left
}
.headline-xl-raised-left.scrolled{
    font-size:15px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.headline-xl-raised-left span{
    position:relative;
    display:inline;
    background:#000;
    box-shadow:8px 0 0 #000,-8px 0 0 #000;
    color:#fff;
    padding:4px 0;
    left:8px
}
.headline-xl{
    font-size:30px;
    color:#f80;
    font-weight:600;
    line-height:1.5
}
.headline-l,.headline-xl{
    margin:8px 0 16px;
    text-align:center
}
.headline-l{
    color:#333;
    font-size:22px
}
.headline-xl-left{
    margin:8px 0 16px;
    font-size:30px;
    color:#f80;
    font-weight:600;
    line-height:1.5;
    text-align:left
}
.headline-xl-raised-scrolled{
    margin:8px 0 16px;
    font-size:30px;
    line-height:54px;
    font-weight:400;
    text-align:right
}
.headline-xl-raised-scrolled.scrolled{
    font-size:15px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.headline-xl-raised-scrolled span{
    position:relative;
    display:inline;
    background:#000;
    box-shadow:8px 0 0 #000,-8px 0 0 #000;
    color:#fff;
    padding:4px 0;
    right:8px
}
.headline-m{
    color:#333;
    font-size:18px
}
.headline-m,.headline-s{
    margin:8px 0 16px;
    font-weight:600;
    text-align:left
}
.headline-s{
    color:#f80;
    font-size:15px
}
h2{
    background:#cfcac4;
    padding:20px 5px
}
.headline-resto-name{
    margin:8px 0 16px;
    color:#333;
    font-size:18px;
    font-weight:600;
    text-align:left
}
.wrapper{
    width:100%;
    min-height:400px
}
.second-wrapper{
    width:100%;
    height:250px
}
.input{
    position:relative;
    margin-bottom:24px;
    border-radius:3px;
    background:#fff;
    width:100%
}
.input input,.input textarea{
    position:relative;
    width:100%;
    height:50px;
    z-index:1;
    background:none;
    border:1px solid #999;
    border-radius:3px;
    padding:8px 16px
}
.input input:active,.input input:focus,.input input:hover,.input textarea:active,.input textarea:focus,.input textarea:hover{
    box-shadow:0 0 8px #e6e2e2;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input input:active,.input input:focus,.input textarea:active,.input textarea:focus{
    border-color:#50aecc!important
}
.input input:active+label,.input input:active+span+label,.input input:focus+label,.input input:focus+span+label,.input input:valid+label,.input input:valid+span+label,.input textarea:active+label,.input textarea:active+span+label,.input textarea:focus+label,.input textarea:focus+span+label,.input textarea:valid+label,.input textarea:valid+span+label{
    top:-5px;
    padding:0 4px;
    font-size:10px;
    color:#666;
    background:#fff;
    line-height:1;
    z-index:2;
    border-radius:3px
}
.input label{
    position:absolute;
    top:0;
    left:16px;
    cursor:text;
    line-height:50px;
    z-index:0;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input:after{
    right:0
}
.input.error input,.input.success input,.input.warning input{
    padding-right:40px
}
.input:after{
    position:absolute;
    display:inline-flex;
    top:0;
    width:32px;
    text-align:center;
    height:50px;
    line-height:50px!important
}
.input.success:after{
    content:"";
    color:#6b3
}
.input.error:after,.input.success:after{
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.input.error:after{
    content:"";
    color:#fa4329
}
.input.warning:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#50aecc
}
.input.error div,.input.warning div{
    font-size:12px;
    display:block;
    position:relative;
    top:4px;
    margin-left:16px
}
.input.error div{
    color:#fa4329
}
.input.warning div{
    color:#50aecc
}
.input-icon{
    position:relative;
    margin-bottom:24px;
    border-radius:3px;
    background:#fff;
    width:100%
}
.input-icon label:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    margin:0 4px 0 0
}
.input-icon input,.input-icon textarea{
    position:relative;
    width:100%;
    height:50px;
    z-index:1;
    background:none;
    border:1px solid #999;
    border-radius:3px;
    padding:8px 16px
}
.input-icon input:active,.input-icon input:focus,.input-icon input:hover,.input-icon textarea:active,.input-icon textarea:focus,.input-icon textarea:hover{
    box-shadow:0 0 8px #e6e2e2;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input-icon input:active,.input-icon input:focus,.input-icon textarea:active,.input-icon textarea:focus{
    border-color:#50aecc!important
}
.input-icon input:active+label,.input-icon input:active+span+label,.input-icon input:focus+label,.input-icon input:focus+span+label,.input-icon input:valid+label,.input-icon input:valid+span+label,.input-icon textarea:active+label,.input-icon textarea:active+span+label,.input-icon textarea:focus+label,.input-icon textarea:focus+span+label,.input-icon textarea:valid+label,.input-icon textarea:valid+span+label{
    top:-5px;
    padding:0 4px;
    font-size:10px;
    color:#666;
    background:#fff;
    line-height:1;
    z-index:2;
    border-radius:3px
}
.input-icon label{
    position:absolute;
    top:0;
    left:16px;
    cursor:text;
    line-height:50px;
    z-index:0;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input-icon:after{
    right:0
}
.input-icon.error input,.input-icon.success input,.input-icon.warning input{
    padding-right:40px
}
.input-icon:after{
    position:absolute;
    display:inline-flex;
    top:0;
    width:32px;
    text-align:center;
    height:50px;
    line-height:50px!important
}
.input-icon.success:after{
    content:"";
    color:#6b3
}
.input-icon.error:after,.input-icon.success:after{
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.input-icon.error:after{
    content:"";
    color:#fa4329
}
.input-icon.warning:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#50aecc
}
.input-icon.error div,.input-icon.warning div{
    font-size:12px;
    display:block;
    position:relative;
    top:4px;
    margin-left:16px
}
.input-icon.error div{
    color:#fa4329
}
.input-icon.warning div{
    color:#50aecc
}
.input-search{
    position:relative;
    margin-bottom:24px;
    width:100%
}
.input-search:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:absolute;
    line-height:35px;
    left:16px;
    z-index:3
}
.input-search input,.input-search textarea{
    position:relative;
    width:100%;
    height:35px;
    z-index:1;
    background:none;
    background:#fbfbfb;
    padding:8px 16px 8px 40px
}
.input-search input:active,.input-search input:focus,.input-search input:hover,.input-search textarea:active,.input-search textarea:focus,.input-search textarea:hover{
    box-shadow:0 0 8px #e6e2e2;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input-search input:active,.input-search input:focus,.input-search textarea:active,.input-search textarea:focus{
    border-color:#50aecc!important
}
.input-search input:active+label,.input-search input:active+span+label,.input-search input:focus+label,.input-search input:focus+span+label,.input-search input:valid+label,.input-search input:valid+span+label,.input-search textarea:active+label,.input-search textarea:active+span+label,.input-search textarea:focus+label,.input-search textarea:focus+span+label,.input-search textarea:valid+label,.input-search textarea:valid+span+label{
    top:-5px;
    padding:0 4px;
    font-size:10px;
    color:#666;
    background:#fff;
    line-height:1;
    z-index:2;
    border-radius:3px
}
.input-search span{
    position:absolute;
    right:0;
    top:0;
    height:35px;
    width:35px;
    text-align:center;
    line-height:35px;
    z-index:3;
    margin-right:8px
}
.input-search span:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    cursor:pointer
}
.input-search:after{
    z-index:30;
    right:24px
}
.input-search.error input,.input-search.success input,.input-search.warning input{
    padding-right:72px
}
.input-search:after{
    position:absolute;
    display:inline-flex;
    top:0;
    width:32px;
    text-align:center;
    height:35px;
    line-height:35px!important
}
.input-search.success:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#6b3
}
.input-search.error:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fa4329
}
.input-search.warning:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#50aecc
}
.input-search.error div,.input-search.warning div{
    font-size:12px;
    display:block;
    position:relative;
    top:4px;
    margin-left:16px
}
.input-search.error div{
    color:#fa4329
}
.input-search.warning div{
    color:#50aecc
}
.input-width{
    position:relative;
    margin-bottom:24px;
    border-radius:3px;
    background:#fff;
    width:230px
}
.input-width input,.input-width textarea{
    position:relative;
    width:100%;
    height:50px;
    z-index:1;
    background:none;
    border:1px solid #999;
    border-radius:3px;
    padding:8px 16px
}
.input-width input:active,.input-width input:focus,.input-width input:hover,.input-width textarea:active,.input-width textarea:focus,.input-width textarea:hover{
    box-shadow:0 0 8px #e6e2e2;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input-width input:active,.input-width input:focus,.input-width textarea:active,.input-width textarea:focus{
    border-color:#50aecc!important
}
.input-width input:active+label,.input-width input:active+span+label,.input-width input:focus+label,.input-width input:focus+span+label,.input-width input:valid+label,.input-width input:valid+span+label,.input-width textarea:active+label,.input-width textarea:active+span+label,.input-width textarea:focus+label,.input-width textarea:focus+span+label,.input-width textarea:valid+label,.input-width textarea:valid+span+label{
    top:-5px;
    padding:0 4px;
    font-size:10px;
    color:#666;
    background:#fff;
    line-height:1;
    z-index:2;
    border-radius:3px
}
.input-width label{
    position:absolute;
    top:0;
    left:16px;
    cursor:text;
    line-height:50px;
    z-index:0;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input-width:after{
    right:0
}
.input-width.error input,.input-width.success input,.input-width.warning input{
    padding-right:40px
}
.input-width:after{
    position:absolute;
    display:inline-flex;
    top:0;
    width:32px;
    text-align:center;
    height:50px;
    line-height:50px!important
}
.input-width.success:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#6b3
}
.input-width.error:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fa4329
}
.input-width.warning:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#50aecc
}
.input-width.error div,.input-width.warning div{
    font-size:12px;
    display:block;
    position:relative;
    top:4px;
    margin-left:16px
}
.input-width.error div{
    color:#fa4329
}
.input-width.warning div{
    color:#50aecc
}
.input-m{
    position:relative;
    margin-bottom:24px;
    border-radius:3px;
    background:#fff;
    width:100%
}
.input-m input,.input-m textarea{
    position:relative;
    width:100%;
    height:35px;
    z-index:1;
    background:none;
    border:1px solid #999;
    border-radius:3px;
    padding:8px 16px
}
.input-m input:active,.input-m input:focus,.input-m input:hover,.input-m textarea:active,.input-m textarea:focus,.input-m textarea:hover{
    box-shadow:0 0 8px #e6e2e2;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input-m input:active,.input-m input:focus,.input-m textarea:active,.input-m textarea:focus{
    border-color:#50aecc!important
}
.input-m input:active+label,.input-m input:active+span+label,.input-m input:focus+label,.input-m input:focus+span+label,.input-m input:valid+label,.input-m input:valid+span+label,.input-m textarea:active+label,.input-m textarea:active+span+label,.input-m textarea:focus+label,.input-m textarea:focus+span+label,.input-m textarea:valid+label,.input-m textarea:valid+span+label{
    top:-5px;
    padding:0 4px;
    font-size:10px;
    color:#666;
    background:#fff;
    line-height:1;
    z-index:2;
    border-radius:3px
}
.input-m label{
    position:absolute;
    top:0;
    left:16px;
    cursor:text;
    line-height:35px;
    z-index:0;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input-m:after{
    right:0
}
.input-m.error input,.input-m.success input,.input-m.warning input{
    padding-right:40px
}
.input-m:after{
    position:absolute;
    display:inline-flex;
    top:0;
    width:32px;
    text-align:center;
    height:35px;
    line-height:35px!important
}
.input-m.success:after{
    content:"";
    color:#6b3
}
.input-m.error:after,.input-m.success:after{
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.input-m.error:after{
    content:"";
    color:#fa4329
}
.input-m.warning:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#50aecc
}
.input-m.error div,.input-m.warning div{
    font-size:12px;
    display:block;
    position:relative;
    top:4px;
    margin-left:16px
}
.input-m.error div{
    color:#fa4329
}
.input-m.warning div{
    color:#50aecc
}
.textarea-label{
    position:relative;
    margin-bottom:24px;
    border-radius:3px;
    background:#fff;
    width:100%
}
.textarea-label input,.textarea-label textarea{
    position:relative;
    width:100%;
    height:50px;
    z-index:1;
    background:none;
    border:1px solid #999;
    border-radius:3px;
    padding:8px 16px
}
.textarea-label textarea{
    height:200px
}
.textarea-label input:active,.textarea-label input:focus,.textarea-label input:hover,.textarea-label textarea:active,.textarea-label textarea:focus,.textarea-label textarea:hover{
    box-shadow:0 0 8px #e6e2e2;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.textarea-label input:active,.textarea-label input:focus,.textarea-label textarea:active,.textarea-label textarea:focus{
    border-color:#50aecc!important
}
.textarea-label input:active+label,.textarea-label input:active+span+label,.textarea-label input:focus+label,.textarea-label input:focus+span+label,.textarea-label input:valid+label,.textarea-label input:valid+span+label,.textarea-label label,.textarea-label textarea:active+label,.textarea-label textarea:active+span+label,.textarea-label textarea:focus+label,.textarea-label textarea:focus+span+label,.textarea-label textarea:valid+label,.textarea-label textarea:valid+span+label{
    top:-5px;
    padding:0 4px;
    font-size:10px;
    color:#666;
    background:#fff;
    line-height:1;
    z-index:2;
    border-radius:3px
}
.textarea-label label{
    position:absolute;
    left:16px
}
.textarea-label.error div,.textarea-label.warning div{
    font-size:12px;
    display:block;
    position:relative;
    top:4px;
    margin-left:16px
}
.textarea-label.error div{
    color:#fa4329
}
.textarea-label.warning div{
    color:#50aecc
}
.textarea{
    position:relative;
    margin-bottom:24px;
    border-radius:3px;
    background:#fff;
    width:100%
}
.textarea input,.textarea textarea{
    position:relative;
    width:100%;
    height:50px;
    z-index:1;
    background:none;
    border:1px solid #999;
    border-radius:3px;
    padding:8px 16px
}
.textarea input:active,.textarea input:focus,.textarea input:hover,.textarea textarea:active,.textarea textarea:focus,.textarea textarea:hover{
    box-shadow:0 0 8px #e6e2e2;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.textarea input:active,.textarea input:focus,.textarea textarea:active,.textarea textarea:focus{
    border-color:#50aecc!important
}
.textarea input:active+label,.textarea input:active+span+label,.textarea input:focus+label,.textarea input:focus+span+label,.textarea input:valid+label,.textarea input:valid+span+label,.textarea textarea:active+label,.textarea textarea:active+span+label,.textarea textarea:focus+label,.textarea textarea:focus+span+label,.textarea textarea:valid+label,.textarea textarea:valid+span+label{
    top:-5px;
    padding:0 4px;
    font-size:10px;
    color:#666;
    background:#fff;
    line-height:1;
    z-index:2;
    border-radius:3px
}
.textarea label{
    position:absolute;
    top:0;
    left:16px;
    cursor:text;
    line-height:50px;
    z-index:0;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.textarea:after{
    right:0
}
.textarea.error input,.textarea.success input,.textarea.warning input{
    padding-right:40px
}
.textarea.error div,.textarea.warning div{
    font-size:12px;
    display:block;
    position:relative;
    top:4px;
    margin-left:16px
}
.textarea.error div{
    color:#fa4329
}
.textarea.warning div{
    color:#50aecc
}
.label{
    display:inline-block;
    margin:4px 0;
    padding:0 8px;
    font-size:14px;
    font-weight:600;
    line-height:20px;
    color:#fff;
    background-color:#50aecc;
    border-radius:3px
}
.label-container{
    background-color:#e6e2e2;
    padding:10px;
    width:50%
}
.lightbox{
    content:'';
    position:fixed;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    z-index:3
}
.lightbox .lightbox-content{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    max-width:100%;
    margin:auto;
    background:#fff
}
@media only screen and (min-width:640px){
    .lightbox .lightbox-content{
        top:10%;
        bottom:auto;
        width:100%;
        max-width:550px
    }
}
.lightbox .lightbox-header{
    position:relative;
    background:#f80;
    width:100%;
    height:auto;
    font-size:22px;
    text-align:center;
    color:#fff;
    padding:16px;
    box-shadow:0 0 3px rgba(0,0,0,.2)
}
.lightbox .lightbox-close{
    position:absolute;
    width:20px;
    height:20px;
    top:50%;
    right:16px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer;
    color:#fff
}
.lightbox .lightbox-close:before{
    display:block;
    position:relative;
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.atom-list-select{
    width:100%
}
.atom-list-select>li{
    cursor:pointer;
    height:40px;
    line-height:40px;
    padding:0 16px;
    box-shadow:0 2px 2px #e6e2e2;
    white-space:nowrap;
    border-radius:3px;
    margin-bottom:4px;
    list-style-type:none;
    background:#fff
}
.atom-list-select>li:last-child{
    margin-bottom:0
}
.atom-list-select>li:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    width:30px;
    top:2px;
    font-size:24px;
    margin-right:16px
}
.atom-list-select>li.selected,.atom-list-select>li:hover{
    background:#f80;
    color:#fff
}
.atom-list-select>li.selected:hover{
    background:#e67a00
}
.atom-list-select-horizontal{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%
}
.atom-list-select-horizontal>li{
    cursor:pointer;
    height:40px;
    line-height:40px;
    padding:0 16px;
    box-shadow:0 2px 2px #e6e2e2;
    list-style-type:none;
    white-space:nowrap;
    -webkit-box-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    -webkit-flex:1;
    flex:1;
    text-align:center;
    border-right:1px solid #e6e2e2;
    background:#fff
}
.atom-list-select-horizontal>li:last-child{
    border-right:0
}
.atom-list-select-horizontal>li:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    top:2px;
    font-size:24px
}
.atom-list-select-horizontal>li.selected,.atom-list-select-horizontal>li:hover{
    background:#f80;
    color:#fff
}
.atom-list-select-horizontal>li.selected:hover{
    background:#e67a00
}
.atom-list-link{
    width:100%
}
.atom-list-link>li{
    cursor:pointer;
    height:50px;
    line-height:50px;
    padding:0 16px;
    white-space:nowrap;
    border-bottom:1px solid #e6e2e2;
    background:#fff;
    position:relative
}
.atom-list-link>li .atom-list-link>li:last-child{
    border-bottom:0
}
.atom-list-link>li .atom-list-link>li:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    width:30px;
    margin-right:16px
}
.atom-list-link>li .atom-list-link>li:hover{
    background:#f9f9f9
}
.atom-list-link>li .atom-list-link>li.selected,.atom-list-link>li .atom-list-link>li:hover{
    color:#50aecc
}
.atom-list-link>li .atom-list-link>li:active,.atom-list-link>li .atom-list-link>li:focus{
    color:#3595b4
}
.atom-list-link>li .atom-list-link-horizontal{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%
}
.atom-list-link>li .atom-list-link-horizontal>li{
    cursor:pointer;
    height:50px;
    line-height:50px;
    padding:0 16px;
    white-space:nowrap;
    -webkit-box-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    -webkit-flex:1;
    flex:1;
    text-align:center;
    border-right:1px solid #e6e2e2;
    background:#fff
}
.atom-list-link>li .atom-list-link-horizontal>li:last-child{
    border-right:0
}
.atom-list-link>li .atom-list-link-horizontal>li:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    margin-right:16px
}
.atom-list-link>li .atom-list-link-horizontal>li:hover{
    background:#f9f9f9
}
.atom-list-link>li .atom-list-link-horizontal>li.selected,.atom-list-link>li .atom-list-link-horizontal>li:hover{
    color:#50aecc
}
.atom-list-link>li .atom-list-link-horizontal>li:active,.atom-list-link>li .atom-list-link-horizontal>li:focus{
    color:#3595b4
}
.atom-list-link>li .atom-list-menu{
    width:100%
}
.atom-list-link>li .atom-list-menu>li{
    cursor:pointer;
    height:50px;
    line-height:50px;
    padding:0 16px;
    white-space:nowrap;
    background:#fff
}
.atom-list-link>li .atom-list-menu>li.selected:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    position:relative;
    font-weight:700;
    margin-left:16px
}
.atom-list-link>li .atom-list-menu>li:hover{
    background:#f9f9f9
}
.atom-list-link>li .atom-list-menu>li.selected,.atom-list-link>li .atom-list-menu>li:hover{
    color:#50aecc
}
.atom-list-link>li .atom-list-menu>li:active,.atom-list-link>li .atom-list-menu>li:focus{
    color:#3595b4
}
.atom-list-link>li .atom-list-plain{
    width:100%
}
.atom-list-link>li .atom-list-plain>li{
    text-align:left;
    padding:4px 0;
    background:#fff
}
.atom-list-link>li .atom-list-plain>li:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    width:30px;
    margin-right:4px
}
.atom-list-link>li .atom-list-plain-horizontal{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%
}
.atom-list-link>li .atom-list-plain-horizontal>li{
    text-align:left;
    padding:0 8px;
    border-right:1px solid #333;
    background:#fff
}
.atom-list-link>li .atom-list-plain-horizontal>li:last-child{
    border-right:0
}
.atom-list-link>li .atom-list-plain-horizontal>li:before{
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:attr(data-icon);
    position:relative;
    display:inline-block;
    text-align:center;
    margin-right:4px
}
.atom-list-link>li .atom-list-link-background{
    width:100%;
    background:#f80
}
.atom-list-link>li .atom-list-link-background>li{
    cursor:pointer;
    color:#fff;
    font-weight:600;
    line-height:1.2
}
.atom-list-link>li .atom-list-link-background>li:hover{
    color:#666
}
.atom-list-link>li .atom-list-link-background>li:active,.atom-list-link>li .atom-list-link-background>li:focus{
    color:#333
}
.atom-list-link>li .atom-list-wrapper{
    background:#e6e2e2
}
.atom-list-link>li .atom-list-wrapper ul{
    margin:0 0 30px
}
.atom-list-link>li .logo-de{
    display:inline-block;
    background-image:url(/media/img/logos/lieferando_de.png);
    background-image:url(/media/img/logos/lieferando_de.svg),linear-gradient(transparent,transparent);
    background-repeat:no-repeat;
    background-size:auto 55%;
    background-color:#f80;
    background-position:33.3333333333px 22.5px;
    width:401.276216667px;
    height:100px;
    border-radius:0 0 3px 3px
}
.atom-list-link>li .logo-pl{
    display:inline-block;
    background-image:url(/media/img/logos/pyszne_pl.png);
    background-image:url(/media/img/logos/pyszne_pl.svg),linear-gradient(transparent,transparent);
    background-repeat:no-repeat;
    background-size:100% 100%;
    width:675.7395px;
    height:150px
}
.atom-list-link>li .logo-restaurant{
    display:inline-block;
    position:relative;
    width:200px
}
.atom-list-link>li .logo-restaurant img{
    width:100%;
    height:auto;
    display:inline-block;
    border:1px solid #e6e2e2
}
.atom-list-link>li .logo-restaurant.franchise:before{
    content:'';
    background:url(https://lieferando.de/yd/media/img/yd-sprite-icons-2.8-lieferando_de.png) no-repeat 0 -150px;
    width:100%;
    height:20px;
    position:absolute;
    top:-10px
}
.atom-list-link>li .logo-restaurant.new:before{
    content:'NEW';
    width:auto;
    background:#333;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
    padding:2px;
    position:absolute;
    top:-7px
}
.atom-list-link>li .logo-restaurant.closed{
    color:#333
}
.atom-list-link>li .logo-restaurant.closed:before{
    background:hsla(0,0%,100%,.75)
}
.atom-list-link>li .logo-restaurant.preorder{
    color:#fff
}
.atom-list-link>li .logo-restaurant.preorder:before{
    background:rgba(0,0,0,.75)
}
.atom-list-link>li .logo-restaurant.closed:before,.atom-list-link>li .logo-restaurant.preorder:before{
    content:'';
    width:100%;
    height:inherit;
    position:absolute;
    top:1px;
    bottom:1px;
    left:1px
}
.atom-list-link>li .logo-restaurant.closed p,.atom-list-link>li .logo-restaurant.preorder p{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    line-height:100%;
    text-align:inherit
}
.atom-list-link>li .logo-restaurant.closed p:before,.atom-list-link>li .logo-restaurant.preorder p:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    font-size:30px;
    display:block;
    float:left;
    padding:0 8px 0 12px
}
.atom-list-link>li .stars{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:30px;
    width:152.7px;
    letter-spacing:3px;
    color:#999
}
.atom-list-link>li .stars>i{
    font-style:normal;
    font-size:30px;
    margin-left:15px
}
.atom-list-link>li .stars:before,.atom-list-link>li .stars>span,.atom-list-link>li .stars>span:before{
    width:100%;
    height:100%;
    top:0;
    left:0
}
.atom-list-link>li .stars:before,.atom-list-link>li .stars>span:before{
    color:#999;
    font-family:fontello;
    font-weight:400;
    line-height:1;
    content:""
}
.atom-list-link>li .stars>span,.atom-list-link>li .stars>span:before{
    position:absolute;
    display:inline-block
}
.atom-list-link>li .stars:before{
    position:relative;
    display:block;
    z-index:0
}
.atom-list-link>li .stars>span{
    overflow:hidden
}
.atom-list-link>li .stars>span:before{
    display:inline-block;
    z-index:1;
    color:#ffb700
}
.atom-list-link>li .atom-tab-navigation{
    display:inline-block;
    width:100%;
    height:100%;
    padding:0 16px;
    color:#333
}
.atom-list-link>li .atom-tab-navigation ul{
    border-bottom:1px solid hsla(33,10%,79%,.5);
    display:inline-block;
    width:100%;
    height:auto
}
.atom-list-link>li .atom-tab-navigation ul.scroll{
    box-shadow:0 2px 2px 0 hsla(33,10%,79%,.4)
}
.atom-list-link>li .atom-tab-navigation li{
    display:inline-block;
    margin:8px 16px;
    border-bottom:2px solid transparent
}
.atom-list-link>li .atom-tab-navigation li a{
    color:#333;
    padding:8px;
    cursor:pointer
}
.atom-list-link>li .atom-tab-navigation li.active,.atom-list-link>li .atom-tab-navigation li.active a,.atom-list-link>li .atom-tab-navigation li:active,.atom-list-link>li .atom-tab-navigation li:active a,.atom-list-link>li .atom-tab-navigation li:hover,.atom-list-link>li .atom-tab-navigation li:hover a{
    color:#f80
}
.atom-list-link>li .atom-tab-navigation li:after{
    content:'';
    display:block;
    height:2px;
    margin:auto;
    background:transparent;
    width:0;
    position:relative;
    top:10px
}
.atom-list-link>li .atom-tab-navigation li.active:after{
    background:#f80;
    width:100%
}
.atom-list-link>li .atom-tab-navigation li:hover:after{
    -webkit-transition:width .3s ease,background-color .3s ease;
    transition:width .3s ease,background-color .3s ease;
    width:100%;
    background:#f80
}
.atom-list-link>li h2,.atom-list-link>li h3,.atom-list-link>li h4{
    font-weight:400
}
.atom-list-link>li p{
    margin:0 0 10px;
    line-height:1.5;
    text-align:justify
}
.atom-list-link>li .yd-jig-infocenter-imprint p,.atom-list-link>li .yd-jig-infocenter-partnerterms p,.atom-list-link>li .yd-jig-infocenter-privacy p,.atom-list-link>li .yd-jig-infocenter-stampterms p,.atom-list-link>li .yd-jig-infocenter-termsofcustomer p,.atom-list-link>li .yd-jig-infocenter-termsofservice p{
    font-family:sans-serif!important;
    font-size:12px!important
}
.atom-list-link>li .yd-jig-infocenter-imprint .yd-hl-rc-m-ul,.atom-list-link>li .yd-jig-infocenter-partnerterms .yd-hl-rc-m-ul,.atom-list-link>li .yd-jig-infocenter-privacy .yd-hl-rc-m-ul,.atom-list-link>li .yd-jig-infocenter-stampterms .yd-hl-rc-m-ul,.atom-list-link>li .yd-jig-infocenter-termsofcustomer .yd-hl-rc-m-ul,.atom-list-link>li .yd-jig-infocenter-termsofservice .yd-hl-rc-m-ul{
    font-family:sans-serif!important;
    line-height:1.5!important;
    font-size:18px!important
}
.atom-list-link>li .text,.atom-list-link>li .text-bold{
    line-height:1.5;
    color:#333;
    display:inline-block;
    text-align:justify
}
.atom-list-link>li .text-bold{
    font-weight:700
}
.atom-list-link>li .text-p{
    line-height:1.5;
    color:#333;
    display:inline-block;
    text-align:justify
}
.atom-list-link>li .text-link{
    line-height:1.5;
    color:#333;
    display:inline-block;
    text-align:justify;
    cursor:pointer;
    color:#50aecc
}
.atom-list-link>li .text-link:hover{
    color:#3595b4
}
.atom-list-link>li .text-link:focus{
    color:#333
}
.atom-list-link>li .text-link:before{
    padding-right:8px;
    width:35px
}
.atom-list-link>li .text-link:after{
    content:'';
    display:block;
    height:1px;
    margin:auto;
    background:transparent;
    width:0
}
.atom-list-link>li .text-link:hover:after{
    -webkit-transition:width .3s ease,background-color .3s ease;
    transition:width .3s ease,background-color .3s ease;
    width:100%;
    background:#50aecc
}
.atom-list-link>li .text-link-icon-default{
    line-height:1.5;
    color:#333;
    display:table;
    text-align:justify;
    cursor:pointer;
    color:#50aecc
}
.atom-list-link>li .text-link-icon-default:hover{
    color:#3595b4
}
.atom-list-link>li .text-link-icon-default:focus{
    color:#333
}
.atom-list-link>li .text-link-icon-default:before{
    padding-right:8px;
    width:35px;
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.atom-list-link>li .text-link-icon-default:after{
    content:'';
    display:block;
    height:1px;
    margin:auto;
    background:transparent;
    width:0
}
.atom-list-link>li .text-link-icon-default:hover:after{
    -webkit-transition:width .3s ease,background-color .3s ease;
    transition:width .3s ease,background-color .3s ease;
    width:100%;
    background:#50aecc
}
.atom-list-link>li .text-link-icon{
    line-height:1.5;
    color:#333;
    display:table;
    text-align:justify;
    cursor:pointer;
    color:#50aecc
}
.atom-list-link>li .text-link-icon:hover{
    color:#3595b4
}
.atom-list-link>li .text-link-icon:focus{
    color:#333
}
.atom-list-link>li .text-link-icon:before{
    padding-right:8px;
    width:35px;
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.atom-list-link>li .text-link-icon:after{
    content:'';
    display:block;
    height:1px;
    margin:auto;
    background:transparent;
    width:0
}
.atom-list-link>li .text-link-icon:hover:after{
    -webkit-transition:width .3s ease,background-color .3s ease;
    transition:width .3s ease,background-color .3s ease;
    width:100%;
    background:#50aecc
}
.atom-list-link>li .text-link-superscript,.atom-list-link>li .text-superscript{
    line-height:1.5;
    color:#333;
    vertical-align:super;
    font-weight:400;
    font-size:12px;
    color:#666;
    margin:0;
    display:inline-block;
    text-align:justify
}
.atom-list-link>li .text-link-superscript{
    cursor:pointer;
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
}
.atom-list-link>li .text-link-superscript:hover{
    color:#3595b4
}
.atom-list-link>li .text-link-superscript:focus{
    color:#333
}
.atom-list-link>li .text-link-superscript:before{
    content:'';
    display:block;
    height:1px;
    background:#666;
    width:100%;
    margin-bottom:-17px
}
.atom-list-link>li .text-link-superscript:after{
    content:'';
    display:block;
    height:1px;
    margin:auto;
    background:transparent;
    width:0
}
.atom-list-link>li .text-link-superscript:hover:after{
    -webkit-transition:width .3s ease,background-color .3s ease;
    transition:width .3s ease,background-color .3s ease;
    width:100%;
    background:#50aecc
}
.atom-list-link>li .text-link-superscript:hover:before{
    background:transparent
}
.atom-list-link>li .text-width-full{
    line-height:1.5;
    color:#333;
    display:table;
    text-align:justify
}
.atom-list-link>li .text-width-dependant{
    line-height:1.5;
    color:#333;
    display:inline-block;
    text-align:justify
}
.atom-list-link>li .headline-m{
    margin:8px 0 16px;
    color:#333;
    font-size:18px;
    font-weight:600;
    text-align:left
}
.atom-list-link>li .button-add-meal{
    line-height:1.5;
    color:#333;
    display:inline-block;
    text-align:justify;
    cursor:pointer;
    color:#50aecc
}
.atom-list-link>li .button-add-meal:hover{
    color:#3595b4
}
.atom-list-link>li .button-add-meal:focus{
    color:#333
}
.atom-list-link>li .button-add-meal:before{
    padding-right:8px;
    width:35px;
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.atom-list-link>li .button-add-meal:after{
    content:'';
    display:block;
    height:1px;
    margin:auto;
    background:transparent;
    width:0
}
.atom-list-link>li .button-add-meal:hover:after{
    -webkit-transition:width .3s ease,background-color .3s ease;
    transition:width .3s ease,background-color .3s ease;
    width:100%;
    background:#50aecc
}
.lightbox{
    z-index:20;
    background:rgba(0,0,0,.6)
}
.lightbox .notification{
    padding:24px;
    padding-bottom:0;
    font-size:15px;
    display:block;
    font-weight:400
}
.lightbox .buttoncontainer{
    padding:24px
}
.lightbox .buttoncontainer .button{
    width:49%;
    float:left;
    margin-left:1%;
    height:40px;
    line-height:40px;
    font-size:16px
}
.lightbox .lightbox-contents-spacing{
    padding:10px
}
#lightbox_productcomment textarea{
    width:100%;
    padding:12px;
    line-height:20px;
    border:1px solid #cfcac4;
    border-radius:3px;
    font-family:inherit;
    font-size:100%;
    vertical-align:baseline;
    outline:0
}
input[type=radio]{
    opacity:0
}
.checkbox-checkout:hover>span{
    border-color:#cfcac4!important
}
.atom-list-wrapper{
    background-color:#fbf8f6
}
h1,h2,h3,h4,h5,h6{
    background-color:transparent
}
.atom-tab-navigation li{
    cursor:pointer;
    font-size:14px
}
.button:focus,.button:hover,.textfield_form .button{
    background-color:#3595b4
}
.button-login:active,.button-login:focus,.button-login:hover{
    color:#fff;
    background-color:#1c1c1c
}
.dropdown-transparent .atom-dropdown-label{
    display:block;
    justify-content:inherit;
    text-align:center;
    cursor:pointer
}
.dropdown-transparent .atom-dropdown-text{
    display:inline-block;
    max-width:80%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
@media only screen and (min-width:640px){
    .dropdown-transparent .atom-dropdown-text{
        max-width:450px
    }
}
.atom-dropdown-icon{
    display:inline-block
}
.sidedishes .checkbox-inline{
    margin-right:5px;
    margin-bottom:5px;
    width:100%
}
.sidedishes .checkbox-inline>span{
    border:1px solid #cfcac4;
    box-shadow:none;
    font-weight:400;
    height:35px;
    line-height:35px;
    padding:0 10px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.sk-circle{
    margin:100px auto;
    width:40px;
    height:40px;
    position:relative
}
.sk-circle .sk-child{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.sk-circle .sk-child:before{
    content:'';
    display:block;
    margin:0 auto;
    width:15%;
    height:15%;
    background-color:#333;
    border-radius:100%;
    -webkit-animation:f 1.2s infinite ease-in-out both;
    animation:f 1.2s infinite ease-in-out both
}
.sk-circle .sk-circle2{
    -webkit-transform:rotate(30deg);
    transform:rotate(30deg)
}
.sk-circle .sk-circle3{
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg)
}
.sk-circle .sk-circle4{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.sk-circle .sk-circle5{
    -webkit-transform:rotate(120deg);
    transform:rotate(120deg)
}
.sk-circle .sk-circle6{
    -webkit-transform:rotate(150deg);
    transform:rotate(150deg)
}
.sk-circle .sk-circle7{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.sk-circle .sk-circle8{
    -webkit-transform:rotate(210deg);
    transform:rotate(210deg)
}
.sk-circle .sk-circle9{
    -webkit-transform:rotate(240deg);
    transform:rotate(240deg)
}
.sk-circle .sk-circle10{
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
.sk-circle .sk-circle11{
    -webkit-transform:rotate(300deg);
    transform:rotate(300deg)
}
.sk-circle .sk-circle12{
    -webkit-transform:rotate(330deg);
    transform:rotate(330deg)
}
.sk-circle .sk-circle2:before{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.sk-circle .sk-circle3:before{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.sk-circle .sk-circle4:before{
    -webkit-animation-delay:-.9s;
    animation-delay:-.9s
}
.sk-circle .sk-circle5:before{
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
.sk-circle .sk-circle6:before{
    -webkit-animation-delay:-.7s;
    animation-delay:-.7s
}
.sk-circle .sk-circle7:before{
    -webkit-animation-delay:-.6s;
    animation-delay:-.6s
}
.sk-circle .sk-circle8:before{
    -webkit-animation-delay:-.5s;
    animation-delay:-.5s
}
.sk-circle .sk-circle9:before{
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s
}
.sk-circle .sk-circle10:before{
    -webkit-animation-delay:-.3s;
    animation-delay:-.3s
}
.sk-circle .sk-circle11:before{
    -webkit-animation-delay:-.2s;
    animation-delay:-.2s
}
.sk-circle .sk-circle12:before{
    -webkit-animation-delay:-.1s;
    animation-delay:-.1s
}
@-webkit-keyframes f{
    0%,80%,to{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes f{
    0%,80%,to{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.notificationfeedbackwrapper{
    padding:12px;
    position:relative;
    background-color:#fffbe6;
    border:1px solid #fff5c2;
    border-radius:3px;
    margin-bottom:12px;
    color:#5d3c01
}
.textfield_form{
    position:relative;
    border-radius:3px;
    background:#fff;
    width:100%
}
.textfield_form input,.textfield_form textarea{
    position:relative;
    width:100%;
    z-index:1;
    background:none;
    border:1px solid #999;
    border-radius:3px;
    padding:8px 9px
}
.input-m textarea:active,.textfield_form input:active,.textfield_form input:focus,.textfield_form input:hover,.textfield_form textarea:focus,.textfield_form textarea:hover{
    box-shadow:0 0 8px #e6e2e2;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.input-m textarea:active,.textfield_form input:active,.textfield_form input:focus,.textfield_form textarea:focus{
    border-color:#50aecc
}
.textfield_form input:active+label,.textfield_form input:active+span+label,.textfield_form input:focus+label,.textfield_form input:focus+span+label,.textfield_form input:valid+label,.textfield_form input:valid+span+label,.textfield_form textarea:active+label,.textfield_form textarea:active+span+label,.textfield_form textarea:focus+label,.textfield_form textarea:focus+span+label,.textfield_form textarea:valid+label,.textfield_form textarea:valid+span+label{
    top:-5px;
    padding:0 4px;
    font-size:10px;
    color:#666;
    background:#fff;
    line-height:1;
    z-index:2;
    border-radius:3px
}
.textfield_form label{
    position:absolute;
    top:0;
    cursor:text;
    line-height:35px;
    z-index:0;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.textfield_form:after{
    right:0
}
.textfield_form.error input,.textfield_form.success input,.textfield_form.warning input{
    padding-right:40px
}
.textfield_form:after{
    position:absolute;
    display:inline-flex;
    top:0;
    width:32px;
    text-align:center;
    height:35px;
    line-height:35px!important
}
.textfield_form.success:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#6b3
}
.textfield_form.error:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fa4329
}
.textfield_form.warning:after{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#50aecc
}
.textfield_form.error div,.textfield_form.warning div{
    font-size:12px;
    display:block;
    position:relative;
    top:4px;
    margin-left:16px
}
.textfield_form.error div{
    color:#fa4329
}
.textfield_form.warning div{
    color:#50aecc
}
.button-big{
    height:45px;
    line-height:45px;
    font-weight:600;
    margin-bottom:14
}
.button.button-white,.button.button-white:hover{
    background:#e4e4e4;
    color:#555;
    font-weight:600;
    font-size:15px
}
.content-apps{
    width:100%;
    height:100%;
    background-position:0;
    background-position:50%;
    background-position-x:center;
    background-position-y:center;
    background-repeat:no-repeat;
    background-size:cover
}
.content-apps.content-apps-nl{
    background-image:url(/assets/images/apps/apps_nl.jpg)
}
.content-apps.content-apps-pl{
    background-image:url(/assets/images/apps/apps_pl.jpg)
}
.content-apps.content-apps-de{
    background-image:url(/assets/images/apps/apps_de.jpg)
}
.content-apps.content-apps-be{
    background-image:url(/assets/images/apps/apps_be.jpg)
}
.content-apps.content-apps-fr{
    background-image:url(/assets/images/apps/apps_fr.jpg)
}
.content-apps.content-apps-at{
    background-image:url(/assets/images/apps/apps_at.jpg)
}
.content-apps.content-apps-pt{
    background-image:url(/assets/images/apps/apps_pt.jpg)
}
.content-apps.content-apps-vn{
    background-image:url(/assets/images/apps/apps_vn.jpg)
}
.content-apps.content-apps-ch{
    background-image:url(/assets/images/apps/apps_ch.jpg)
}
.content-apps .apps-inner{
    position:relative;
    margin:0 auto;
    max-width:1020px;
    height:100%;
    padding:60px 20px
}
.content-apps .apps-headline{
    width:80%;
    margin:8px 0 16px;
    font-size:20px;
    font-weight:400;
    text-align:left
}
.content-apps .apps-headline-sub{
    font-size:18px;
    margin:0 0 20px
}
.content-apps .apps-headline span{
    position:relative;
    display:inline;
    background:#261e1e;
    box-shadow:16px 0 0 #261e1e,-16px 0 0 #261e1e;
    color:#fff;
    padding:8px 0;
    left:16px
}
.content-apps .apps-logo{
    width:45%;
    max-width:135px;
    height:56px;
    border-radius:3px;
    background:#000;
    display:inline-block;
    margin-right:16px
}
.content-apps .apps-logos a{
    display:block;
    margin-bottom:5px
}
@media only screen and (min-width:640px){
    .content-apps .apps-logos a{
        display:inline-block
    }
}
.content-apps .apps-logos img{
    max-width:160px
}
@media only screen and (min-width:640px){
    .content-apps .apps-logos{
        margin-bottom:55px
    }
}
.apps-apple-store:before,.apps-google-play:before,.apps-windows-store:before{
    font-family:fontello;
    content:attr(data-icon);
    font-size:40px;
    line-height:40px;
    color:#fff;
    position:relative;
    top:8px;
    left:8px
}
@media only screen and (min-width:640px){
    .content-apps .apps-inner{
        padding:60px 0
    }
    .content-apps .apps-headline-sub{
        margin:0 0 60px;
        font-size:26px
    }
    .content-apps .apps-logos img{
        max-width:160px
    }
    .content-apps .apps-headline{
        font-size:30px
    }
    .content-apps .apps-headline span{
        box-shadow:8px 0 0 #261e1e,-8px 0 0 #261e1e;
        padding:4px 0;
        left:8px
    }
}
.flag,.flag-background{
    background-size:contain;
    background-position:50%;
    background-repeat:no-repeat
}
.flag{
    position:relative;
    display:inline-block;
    width:1.33333333em;
    line-height:1em;
    width:25px;
    height:18.75px;
    background-size:100% 100%;
    margin:0 10px 0 0;
    vertical-align:text-top
}
.flag:before{
    content:"\00a0"
}
.flag.flag-squared{
    width:1em
}
.flag-ad{
    background-image:url(/assets/images/flags/4x3/ad.svg)
}
.flag-ad.flag-squared{
    background-image:url(/assets/images/flags/1x1/ad.svg)
}
.flag-ae{
    background-image:url(/assets/images/flags/4x3/ae.svg)
}
.flag-ae.flag-squared{
    background-image:url(/assets/images/flags/1x1/ae.svg)
}
.flag-af{
    background-image:url(/assets/images/flags/4x3/af.svg)
}
.flag-af.flag-squared{
    background-image:url(/assets/images/flags/1x1/af.svg)
}
.flag-ag{
    background-image:url(/assets/images/flags/4x3/ag.svg)
}
.flag-ag.flag-squared{
    background-image:url(/assets/images/flags/1x1/ag.svg)
}
.flag-ai{
    background-image:url(/assets/images/flags/4x3/ai.svg)
}
.flag-ai.flag-squared{
    background-image:url(/assets/images/flags/1x1/ai.svg)
}
.flag-al{
    background-image:url(/assets/images/flags/4x3/al.svg)
}
.flag-al.flag-squared{
    background-image:url(/assets/images/flags/1x1/al.svg)
}
.flag-am{
    background-image:url(/assets/images/flags/4x3/am.svg)
}
.flag-am.flag-squared{
    background-image:url(/assets/images/flags/1x1/am.svg)
}
.flag-ao{
    background-image:url(/assets/images/flags/4x3/ao.svg)
}
.flag-ao.flag-squared{
    background-image:url(/assets/images/flags/1x1/ao.svg)
}
.flag-aq{
    background-image:url(/assets/images/flags/4x3/aq.svg)
}
.flag-aq.flag-squared{
    background-image:url(/assets/images/flags/1x1/aq.svg)
}
.flag-ar{
    background-image:url(/assets/images/flags/4x3/ar.svg)
}
.flag-ar.flag-squared{
    background-image:url(/assets/images/flags/1x1/ar.svg)
}
.flag-as{
    background-image:url(/assets/images/flags/4x3/as.svg)
}
.flag-as.flag-squared{
    background-image:url(/assets/images/flags/1x1/as.svg)
}
.flag-at{
    background-image:url(/assets/images/flags/4x3/at.svg)
}
.flag-at.flag-squared{
    background-image:url(/assets/images/flags/1x1/at.svg)
}
.flag-au{
    background-image:url(/assets/images/flags/4x3/au.svg)
}
.flag-au.flag-squared{
    background-image:url(/assets/images/flags/1x1/au.svg)
}
.flag-aw{
    background-image:url(/assets/images/flags/4x3/aw.svg)
}
.flag-aw.flag-squared{
    background-image:url(/assets/images/flags/1x1/aw.svg)
}
.flag-ax{
    background-image:url(/assets/images/flags/4x3/ax.svg)
}
.flag-ax.flag-squared{
    background-image:url(/assets/images/flags/1x1/ax.svg)
}
.flag-az{
    background-image:url(/assets/images/flags/4x3/az.svg)
}
.flag-az.flag-squared{
    background-image:url(/assets/images/flags/1x1/az.svg)
}
.flag-ba{
    background-image:url(/assets/images/flags/4x3/ba.svg)
}
.flag-ba.flag-squared{
    background-image:url(/assets/images/flags/1x1/ba.svg)
}
.flag-bb{
    background-image:url(/assets/images/flags/4x3/bb.svg)
}
.flag-bb.flag-squared{
    background-image:url(/assets/images/flags/1x1/bb.svg)
}
.flag-bd{
    background-image:url(/assets/images/flags/4x3/bd.svg)
}
.flag-bd.flag-squared{
    background-image:url(/assets/images/flags/1x1/bd.svg)
}
.flag-be{
    background-image:url(/assets/images/flags/4x3/be.svg)
}
.flag-be.flag-squared{
    background-image:url(/assets/images/flags/1x1/be.svg)
}
.flag-bf{
    background-image:url(/assets/images/flags/4x3/bf.svg)
}
.flag-bf.flag-squared{
    background-image:url(/assets/images/flags/1x1/bf.svg)
}
.flag-bg{
    background-image:url(/assets/images/flags/4x3/bg.svg)
}
.flag-bg.flag-squared{
    background-image:url(/assets/images/flags/1x1/bg.svg)
}
.flag-bh{
    background-image:url(/assets/images/flags/4x3/bh.svg)
}
.flag-bh.flag-squared{
    background-image:url(/assets/images/flags/1x1/bh.svg)
}
.flag-bi{
    background-image:url(/assets/images/flags/4x3/bi.svg)
}
.flag-bi.flag-squared{
    background-image:url(/assets/images/flags/1x1/bi.svg)
}
.flag-bj{
    background-image:url(/assets/images/flags/4x3/bj.svg)
}
.flag-bj.flag-squared{
    background-image:url(/assets/images/flags/1x1/bj.svg)
}
.flag-bl{
    background-image:url(/assets/images/flags/4x3/bl.svg)
}
.flag-bl.flag-squared{
    background-image:url(/assets/images/flags/1x1/bl.svg)
}
.flag-bm{
    background-image:url(/assets/images/flags/4x3/bm.svg)
}
.flag-bm.flag-squared{
    background-image:url(/assets/images/flags/1x1/bm.svg)
}
.flag-bn{
    background-image:url(/assets/images/flags/4x3/bn.svg)
}
.flag-bn.flag-squared{
    background-image:url(/assets/images/flags/1x1/bn.svg)
}
.flag-bo{
    background-image:url(/assets/images/flags/4x3/bo.svg)
}
.flag-bo.flag-squared{
    background-image:url(/assets/images/flags/1x1/bo.svg)
}
.flag-bq{
    background-image:url(/assets/images/flags/4x3/bq.svg)
}
.flag-bq.flag-squared{
    background-image:url(/assets/images/flags/1x1/bq.svg)
}
.flag-br{
    background-image:url(/assets/images/flags/4x3/br.svg)
}
.flag-br.flag-squared{
    background-image:url(/assets/images/flags/1x1/br.svg)
}
.flag-bs{
    background-image:url(/assets/images/flags/4x3/bs.svg)
}
.flag-bs.flag-squared{
    background-image:url(/assets/images/flags/1x1/bs.svg)
}
.flag-bt{
    background-image:url(/assets/images/flags/4x3/bt.svg)
}
.flag-bt.flag-squared{
    background-image:url(/assets/images/flags/1x1/bt.svg)
}
.flag-bv{
    background-image:url(/assets/images/flags/4x3/bv.svg)
}
.flag-bv.flag-squared{
    background-image:url(/assets/images/flags/1x1/bv.svg)
}
.flag-bw{
    background-image:url(/assets/images/flags/4x3/bw.svg)
}
.flag-bw.flag-squared{
    background-image:url(/assets/images/flags/1x1/bw.svg)
}
.flag-by{
    background-image:url(/assets/images/flags/4x3/by.svg)
}
.flag-by.flag-squared{
    background-image:url(/assets/images/flags/1x1/by.svg)
}
.flag-bz{
    background-image:url(/assets/images/flags/4x3/bz.svg)
}
.flag-bz.flag-squared{
    background-image:url(/assets/images/flags/1x1/bz.svg)
}
.flag-ca{
    background-image:url(/assets/images/flags/4x3/ca.svg)
}
.flag-ca.flag-squared{
    background-image:url(/assets/images/flags/1x1/ca.svg)
}
.flag-cc{
    background-image:url(/assets/images/flags/4x3/cc.svg)
}
.flag-cc.flag-squared{
    background-image:url(/assets/images/flags/1x1/cc.svg)
}
.flag-cd{
    background-image:url(/assets/images/flags/4x3/cd.svg)
}
.flag-cd.flag-squared{
    background-image:url(/assets/images/flags/1x1/cd.svg)
}
.flag-cf{
    background-image:url(/assets/images/flags/4x3/cf.svg)
}
.flag-cf.flag-squared{
    background-image:url(/assets/images/flags/1x1/cf.svg)
}
.flag-cg{
    background-image:url(/assets/images/flags/4x3/cg.svg)
}
.flag-cg.flag-squared{
    background-image:url(/assets/images/flags/1x1/cg.svg)
}
.flag-ch{
    background-image:url(/assets/images/flags/4x3/ch.svg)
}
.flag-ch.flag-squared{
    background-image:url(/assets/images/flags/1x1/ch.svg)
}
.flag-ci{
    background-image:url(/assets/images/flags/4x3/ci.svg)
}
.flag-ci.flag-squared{
    background-image:url(/assets/images/flags/1x1/ci.svg)
}
.flag-ck{
    background-image:url(/assets/images/flags/4x3/ck.svg)
}
.flag-ck.flag-squared{
    background-image:url(/assets/images/flags/1x1/ck.svg)
}
.flag-cl{
    background-image:url(/assets/images/flags/4x3/cl.svg)
}
.flag-cl.flag-squared{
    background-image:url(/assets/images/flags/1x1/cl.svg)
}
.flag-cm{
    background-image:url(/assets/images/flags/4x3/cm.svg)
}
.flag-cm.flag-squared{
    background-image:url(/assets/images/flags/1x1/cm.svg)
}
.flag-cn{
    background-image:url(/assets/images/flags/4x3/cn.svg)
}
.flag-cn.flag-squared{
    background-image:url(/assets/images/flags/1x1/cn.svg)
}
.flag-co{
    background-image:url(/assets/images/flags/4x3/co.svg)
}
.flag-co.flag-squared{
    background-image:url(/assets/images/flags/1x1/co.svg)
}
.flag-cr{
    background-image:url(/assets/images/flags/4x3/cr.svg)
}
.flag-cr.flag-squared{
    background-image:url(/assets/images/flags/1x1/cr.svg)
}
.flag-cu{
    background-image:url(/assets/images/flags/4x3/cu.svg)
}
.flag-cu.flag-squared{
    background-image:url(/assets/images/flags/1x1/cu.svg)
}
.flag-cv{
    background-image:url(/assets/images/flags/4x3/cv.svg)
}
.flag-cv.flag-squared{
    background-image:url(/assets/images/flags/1x1/cv.svg)
}
.flag-cw{
    background-image:url(/assets/images/flags/4x3/cw.svg)
}
.flag-cw.flag-squared{
    background-image:url(/assets/images/flags/1x1/cw.svg)
}
.flag-cx{
    background-image:url(/assets/images/flags/4x3/cx.svg)
}
.flag-cx.flag-squared{
    background-image:url(/assets/images/flags/1x1/cx.svg)
}
.flag-cy{
    background-image:url(/assets/images/flags/4x3/cy.svg)
}
.flag-cy.flag-squared{
    background-image:url(/assets/images/flags/1x1/cy.svg)
}
.flag-cz{
    background-image:url(/assets/images/flags/4x3/cz.svg)
}
.flag-cz.flag-squared{
    background-image:url(/assets/images/flags/1x1/cz.svg)
}
.flag-de{
    background-image:url(/assets/images/flags/4x3/de.svg)
}
.flag-de-at{
    background-image:url(/assets/images/flags/4x3/at.svg)
}
.flag-de-ch{
    background-image:url(/assets/images/flags/4x3/ch.svg)
}
.flag-de.flag-squared{
    background-image:url(/assets/images/flags/1x1/de.svg)
}
.flag-dj{
    background-image:url(/assets/images/flags/4x3/dj.svg)
}
.flag-dj.flag-squared{
    background-image:url(/assets/images/flags/1x1/dj.svg)
}
.flag-dk{
    background-image:url(/assets/images/flags/4x3/dk.svg)
}
.flag-dk.flag-squared{
    background-image:url(/assets/images/flags/1x1/dk.svg)
}
.flag-dm{
    background-image:url(/assets/images/flags/4x3/dm.svg)
}
.flag-dm.flag-squared{
    background-image:url(/assets/images/flags/1x1/dm.svg)
}
.flag-do{
    background-image:url(/assets/images/flags/4x3/do.svg)
}
.flag-do.flag-squared{
    background-image:url(/assets/images/flags/1x1/do.svg)
}
.flag-dz{
    background-image:url(/assets/images/flags/4x3/dz.svg)
}
.flag-dz.flag-squared{
    background-image:url(/assets/images/flags/1x1/dz.svg)
}
.flag-ec{
    background-image:url(/assets/images/flags/4x3/ec.svg)
}
.flag-ec.flag-squared{
    background-image:url(/assets/images/flags/1x1/ec.svg)
}
.flag-ee{
    background-image:url(/assets/images/flags/4x3/ee.svg)
}
.flag-ee.flag-squared{
    background-image:url(/assets/images/flags/1x1/ee.svg)
}
.flag-eg{
    background-image:url(/assets/images/flags/4x3/eg.svg)
}
.flag-eg.flag-squared{
    background-image:url(/assets/images/flags/1x1/eg.svg)
}
.flag-eh{
    background-image:url(/assets/images/flags/4x3/eh.svg)
}
.flag-eh.flag-squared{
    background-image:url(/assets/images/flags/1x1/eh.svg)
}
.flag-er{
    background-image:url(/assets/images/flags/4x3/er.svg)
}
.flag-er.flag-squared{
    background-image:url(/assets/images/flags/1x1/er.svg)
}
.flag-es{
    background-image:url(/assets/images/flags/4x3/es.svg)
}
.flag-es.flag-squared{
    background-image:url(/assets/images/flags/1x1/es.svg)
}
.flag-et{
    background-image:url(/assets/images/flags/4x3/et.svg)
}
.flag-et.flag-squared{
    background-image:url(/assets/images/flags/1x1/et.svg)
}
.flag-fi{
    background-image:url(/assets/images/flags/4x3/fi.svg)
}
.flag-fi.flag-squared{
    background-image:url(/assets/images/flags/1x1/fi.svg)
}
.flag-fj{
    background-image:url(/assets/images/flags/4x3/fj.svg)
}
.flag-fj.flag-squared{
    background-image:url(/assets/images/flags/1x1/fj.svg)
}
.flag-fk{
    background-image:url(/assets/images/flags/4x3/fk.svg)
}
.flag-fk.flag-squared{
    background-image:url(/assets/images/flags/1x1/fk.svg)
}
.flag-fm{
    background-image:url(/assets/images/flags/4x3/fm.svg)
}
.flag-fm.flag-squared{
    background-image:url(/assets/images/flags/1x1/fm.svg)
}
.flag-fo{
    background-image:url(/assets/images/flags/4x3/fo.svg)
}
.flag-fo.flag-squared{
    background-image:url(/assets/images/flags/1x1/fo.svg)
}
.flag-fr{
    background-image:url(/assets/images/flags/4x3/fr.svg)
}
.flag-fr.flag-squared{
    background-image:url(/assets/images/flags/1x1/fr.svg)
}
.flag-ga{
    background-image:url(/assets/images/flags/4x3/ga.svg)
}
.flag-ga.flag-squared{
    background-image:url(/assets/images/flags/1x1/ga.svg)
}
.flag-gb{
    background-image:url(/assets/images/flags/4x3/gb.svg)
}
.flag-gb.flag-squared{
    background-image:url(/assets/images/flags/1x1/gb.svg)
}
.flag-gd{
    background-image:url(/assets/images/flags/4x3/gd.svg)
}
.flag-gd.flag-squared{
    background-image:url(/assets/images/flags/1x1/gd.svg)
}
.flag-ge{
    background-image:url(/assets/images/flags/4x3/ge.svg)
}
.flag-ge.flag-squared{
    background-image:url(/assets/images/flags/1x1/ge.svg)
}
.flag-gf{
    background-image:url(/assets/images/flags/4x3/gf.svg)
}
.flag-gf.flag-squared{
    background-image:url(/assets/images/flags/1x1/gf.svg)
}
.flag-gg{
    background-image:url(/assets/images/flags/4x3/gg.svg)
}
.flag-gg.flag-squared{
    background-image:url(/assets/images/flags/1x1/gg.svg)
}
.flag-gh{
    background-image:url(/assets/images/flags/4x3/gh.svg)
}
.flag-gh.flag-squared{
    background-image:url(/assets/images/flags/1x1/gh.svg)
}
.flag-gi{
    background-image:url(/assets/images/flags/4x3/gi.svg)
}
.flag-gi.flag-squared{
    background-image:url(/assets/images/flags/1x1/gi.svg)
}
.flag-gl{
    background-image:url(/assets/images/flags/4x3/gl.svg)
}
.flag-gl.flag-squared{
    background-image:url(/assets/images/flags/1x1/gl.svg)
}
.flag-gm{
    background-image:url(/assets/images/flags/4x3/gm.svg)
}
.flag-gm.flag-squared{
    background-image:url(/assets/images/flags/1x1/gm.svg)
}
.flag-gn{
    background-image:url(/assets/images/flags/4x3/gn.svg)
}
.flag-gn.flag-squared{
    background-image:url(/assets/images/flags/1x1/gn.svg)
}
.flag-gp{
    background-image:url(/assets/images/flags/4x3/gp.svg)
}
.flag-gp.flag-squared{
    background-image:url(/assets/images/flags/1x1/gp.svg)
}
.flag-gq{
    background-image:url(/assets/images/flags/4x3/gq.svg)
}
.flag-gq.flag-squared{
    background-image:url(/assets/images/flags/1x1/gq.svg)
}
.flag-gr{
    background-image:url(/assets/images/flags/4x3/gr.svg)
}
.flag-gr.flag-squared{
    background-image:url(/assets/images/flags/1x1/gr.svg)
}
.flag-gs{
    background-image:url(/assets/images/flags/4x3/gs.svg)
}
.flag-gs.flag-squared{
    background-image:url(/assets/images/flags/1x1/gs.svg)
}
.flag-gt{
    background-image:url(/assets/images/flags/4x3/gt.svg)
}
.flag-gt.flag-squared{
    background-image:url(/assets/images/flags/1x1/gt.svg)
}
.flag-gu{
    background-image:url(/assets/images/flags/4x3/gu.svg)
}
.flag-gu.flag-squared{
    background-image:url(/assets/images/flags/1x1/gu.svg)
}
.flag-gw{
    background-image:url(/assets/images/flags/4x3/gw.svg)
}
.flag-gw.flag-squared{
    background-image:url(/assets/images/flags/1x1/gw.svg)
}
.flag-gy{
    background-image:url(/assets/images/flags/4x3/gy.svg)
}
.flag-gy.flag-squared{
    background-image:url(/assets/images/flags/1x1/gy.svg)
}
.flag-hk{
    background-image:url(/assets/images/flags/4x3/hk.svg)
}
.flag-hk.flag-squared{
    background-image:url(/assets/images/flags/1x1/hk.svg)
}
.flag-hm{
    background-image:url(/assets/images/flags/4x3/hm.svg)
}
.flag-hm.flag-squared{
    background-image:url(/assets/images/flags/1x1/hm.svg)
}
.flag-hn{
    background-image:url(/assets/images/flags/4x3/hn.svg)
}
.flag-hn.flag-squared{
    background-image:url(/assets/images/flags/1x1/hn.svg)
}
.flag-hr{
    background-image:url(/assets/images/flags/4x3/hr.svg)
}
.flag-hr.flag-squared{
    background-image:url(/assets/images/flags/1x1/hr.svg)
}
.flag-ht{
    background-image:url(/assets/images/flags/4x3/ht.svg)
}
.flag-ht.flag-squared{
    background-image:url(/assets/images/flags/1x1/ht.svg)
}
.flag-hu{
    background-image:url(/assets/images/flags/4x3/hu.svg)
}
.flag-hu.flag-squared{
    background-image:url(/assets/images/flags/1x1/hu.svg)
}
.flag-id{
    background-image:url(/assets/images/flags/4x3/id.svg)
}
.flag-id.flag-squared{
    background-image:url(/assets/images/flags/1x1/id.svg)
}
.flag-ie{
    background-image:url(/assets/images/flags/4x3/ie.svg)
}
.flag-ie.flag-squared{
    background-image:url(/assets/images/flags/1x1/ie.svg)
}
.flag-il{
    background-image:url(/assets/images/flags/4x3/il.svg)
}
.flag-il.flag-squared{
    background-image:url(/assets/images/flags/1x1/il.svg)
}
.flag-im{
    background-image:url(/assets/images/flags/4x3/im.svg)
}
.flag-im.flag-squared{
    background-image:url(/assets/images/flags/1x1/im.svg)
}
.flag-in{
    background-image:url(/assets/images/flags/4x3/in.svg)
}
.flag-in.flag-squared{
    background-image:url(/assets/images/flags/1x1/in.svg)
}
.flag-io{
    background-image:url(/assets/images/flags/4x3/io.svg)
}
.flag-io.flag-squared{
    background-image:url(/assets/images/flags/1x1/io.svg)
}
.flag-iq{
    background-image:url(/assets/images/flags/4x3/iq.svg)
}
.flag-iq.flag-squared{
    background-image:url(/assets/images/flags/1x1/iq.svg)
}
.flag-ir{
    background-image:url(/assets/images/flags/4x3/ir.svg)
}
.flag-ir.flag-squared{
    background-image:url(/assets/images/flags/1x1/ir.svg)
}
.flag-is{
    background-image:url(/assets/images/flags/4x3/is.svg)
}
.flag-is.flag-squared{
    background-image:url(/assets/images/flags/1x1/is.svg)
}
.flag-it{
    background-image:url(/assets/images/flags/4x3/it.svg)
}
.flag-it.flag-squared{
    background-image:url(/assets/images/flags/1x1/it.svg)
}
.flag-je{
    background-image:url(/assets/images/flags/4x3/je.svg)
}
.flag-je.flag-squared{
    background-image:url(/assets/images/flags/1x1/je.svg)
}
.flag-jm{
    background-image:url(/assets/images/flags/4x3/jm.svg)
}
.flag-jm.flag-squared{
    background-image:url(/assets/images/flags/1x1/jm.svg)
}
.flag-jo{
    background-image:url(/assets/images/flags/4x3/jo.svg)
}
.flag-jo.flag-squared{
    background-image:url(/assets/images/flags/1x1/jo.svg)
}
.flag-jp{
    background-image:url(/assets/images/flags/4x3/jp.svg)
}
.flag-jp.flag-squared{
    background-image:url(/assets/images/flags/1x1/jp.svg)
}
.flag-ke{
    background-image:url(/assets/images/flags/4x3/ke.svg)
}
.flag-ke.flag-squared{
    background-image:url(/assets/images/flags/1x1/ke.svg)
}
.flag-kg{
    background-image:url(/assets/images/flags/4x3/kg.svg)
}
.flag-kg.flag-squared{
    background-image:url(/assets/images/flags/1x1/kg.svg)
}
.flag-kh{
    background-image:url(/assets/images/flags/4x3/kh.svg)
}
.flag-kh.flag-squared{
    background-image:url(/assets/images/flags/1x1/kh.svg)
}
.flag-ki{
    background-image:url(/assets/images/flags/4x3/ki.svg)
}
.flag-ki.flag-squared{
    background-image:url(/assets/images/flags/1x1/ki.svg)
}
.flag-km{
    background-image:url(/assets/images/flags/4x3/km.svg)
}
.flag-km.flag-squared{
    background-image:url(/assets/images/flags/1x1/km.svg)
}
.flag-kn{
    background-image:url(/assets/images/flags/4x3/kn.svg)
}
.flag-kn.flag-squared{
    background-image:url(/assets/images/flags/1x1/kn.svg)
}
.flag-kp{
    background-image:url(/assets/images/flags/4x3/kp.svg)
}
.flag-kp.flag-squared{
    background-image:url(/assets/images/flags/1x1/kp.svg)
}
.flag-kr{
    background-image:url(/assets/images/flags/4x3/kr.svg)
}
.flag-kr.flag-squared{
    background-image:url(/assets/images/flags/1x1/kr.svg)
}
.flag-kw{
    background-image:url(/assets/images/flags/4x3/kw.svg)
}
.flag-kw.flag-squared{
    background-image:url(/assets/images/flags/1x1/kw.svg)
}
.flag-ky{
    background-image:url(/assets/images/flags/4x3/ky.svg)
}
.flag-ky.flag-squared{
    background-image:url(/assets/images/flags/1x1/ky.svg)
}
.flag-kz{
    background-image:url(/assets/images/flags/4x3/kz.svg)
}
.flag-kz.flag-squared{
    background-image:url(/assets/images/flags/1x1/kz.svg)
}
.flag-la{
    background-image:url(/assets/images/flags/4x3/la.svg)
}
.flag-la.flag-squared{
    background-image:url(/assets/images/flags/1x1/la.svg)
}
.flag-lb{
    background-image:url(/assets/images/flags/4x3/lb.svg)
}
.flag-lb.flag-squared{
    background-image:url(/assets/images/flags/1x1/lb.svg)
}
.flag-lc{
    background-image:url(/assets/images/flags/4x3/lc.svg)
}
.flag-lc.flag-squared{
    background-image:url(/assets/images/flags/1x1/lc.svg)
}
.flag-li{
    background-image:url(/assets/images/flags/4x3/li.svg)
}
.flag-li.flag-squared{
    background-image:url(/assets/images/flags/1x1/li.svg)
}
.flag-lk{
    background-image:url(/assets/images/flags/4x3/lk.svg)
}
.flag-lk.flag-squared{
    background-image:url(/assets/images/flags/1x1/lk.svg)
}
.flag-lr{
    background-image:url(/assets/images/flags/4x3/lr.svg)
}
.flag-lr.flag-squared{
    background-image:url(/assets/images/flags/1x1/lr.svg)
}
.flag-ls{
    background-image:url(/assets/images/flags/4x3/ls.svg)
}
.flag-ls.flag-squared{
    background-image:url(/assets/images/flags/1x1/ls.svg)
}
.flag-lt{
    background-image:url(/assets/images/flags/4x3/lt.svg)
}
.flag-lt.flag-squared{
    background-image:url(/assets/images/flags/1x1/lt.svg)
}
.flag-lu{
    background-image:url(/assets/images/flags/4x3/lu.svg)
}
.flag-lu.flag-squared{
    background-image:url(/assets/images/flags/1x1/lu.svg)
}
.flag-lv{
    background-image:url(/assets/images/flags/4x3/lv.svg)
}
.flag-lv.flag-squared{
    background-image:url(/assets/images/flags/1x1/lv.svg)
}
.flag-ly{
    background-image:url(/assets/images/flags/4x3/ly.svg)
}
.flag-ly.flag-squared{
    background-image:url(/assets/images/flags/1x1/ly.svg)
}
.flag-ma{
    background-image:url(/assets/images/flags/4x3/ma.svg)
}
.flag-ma.flag-squared{
    background-image:url(/assets/images/flags/1x1/ma.svg)
}
.flag-mc{
    background-image:url(/assets/images/flags/4x3/mc.svg)
}
.flag-mc.flag-squared{
    background-image:url(/assets/images/flags/1x1/mc.svg)
}
.flag-md{
    background-image:url(/assets/images/flags/4x3/md.svg)
}
.flag-md.flag-squared{
    background-image:url(/assets/images/flags/1x1/md.svg)
}
.flag-me{
    background-image:url(/assets/images/flags/4x3/me.svg)
}
.flag-me.flag-squared{
    background-image:url(/assets/images/flags/1x1/me.svg)
}
.flag-mf{
    background-image:url(/assets/images/flags/4x3/mf.svg)
}
.flag-mf.flag-squared{
    background-image:url(/assets/images/flags/1x1/mf.svg)
}
.flag-mg{
    background-image:url(/assets/images/flags/4x3/mg.svg)
}
.flag-mg.flag-squared{
    background-image:url(/assets/images/flags/1x1/mg.svg)
}
.flag-mh{
    background-image:url(/assets/images/flags/4x3/mh.svg)
}
.flag-mh.flag-squared{
    background-image:url(/assets/images/flags/1x1/mh.svg)
}
.flag-mk{
    background-image:url(/assets/images/flags/4x3/mk.svg)
}
.flag-mk.flag-squared{
    background-image:url(/assets/images/flags/1x1/mk.svg)
}
.flag-ml{
    background-image:url(/assets/images/flags/4x3/ml.svg)
}
.flag-ml.flag-squared{
    background-image:url(/assets/images/flags/1x1/ml.svg)
}
.flag-mm{
    background-image:url(/assets/images/flags/4x3/mm.svg)
}
.flag-mm.flag-squared{
    background-image:url(/assets/images/flags/1x1/mm.svg)
}
.flag-mn{
    background-image:url(/assets/images/flags/4x3/mn.svg)
}
.flag-mn.flag-squared{
    background-image:url(/assets/images/flags/1x1/mn.svg)
}
.flag-mo{
    background-image:url(/assets/images/flags/4x3/mo.svg)
}
.flag-mo.flag-squared{
    background-image:url(/assets/images/flags/1x1/mo.svg)
}
.flag-mp{
    background-image:url(/assets/images/flags/4x3/mp.svg)
}
.flag-mp.flag-squared{
    background-image:url(/assets/images/flags/1x1/mp.svg)
}
.flag-mq{
    background-image:url(/assets/images/flags/4x3/mq.svg)
}
.flag-mq.flag-squared{
    background-image:url(/assets/images/flags/1x1/mq.svg)
}
.flag-mr{
    background-image:url(/assets/images/flags/4x3/mr.svg)
}
.flag-mr.flag-squared{
    background-image:url(/assets/images/flags/1x1/mr.svg)
}
.flag-ms{
    background-image:url(/assets/images/flags/4x3/ms.svg)
}
.flag-ms.flag-squared{
    background-image:url(/assets/images/flags/1x1/ms.svg)
}
.flag-mt{
    background-image:url(/assets/images/flags/4x3/mt.svg)
}
.flag-mt.flag-squared{
    background-image:url(/assets/images/flags/1x1/mt.svg)
}
.flag-mu{
    background-image:url(/assets/images/flags/4x3/mu.svg)
}
.flag-mu.flag-squared{
    background-image:url(/assets/images/flags/1x1/mu.svg)
}
.flag-mv{
    background-image:url(/assets/images/flags/4x3/mv.svg)
}
.flag-mv.flag-squared{
    background-image:url(/assets/images/flags/1x1/mv.svg)
}
.flag-mw{
    background-image:url(/assets/images/flags/4x3/mw.svg)
}
.flag-mw.flag-squared{
    background-image:url(/assets/images/flags/1x1/mw.svg)
}
.flag-mx{
    background-image:url(/assets/images/flags/4x3/mx.svg)
}
.flag-mx.flag-squared{
    background-image:url(/assets/images/flags/1x1/mx.svg)
}
.flag-my{
    background-image:url(/assets/images/flags/4x3/my.svg)
}
.flag-my.flag-squared{
    background-image:url(/assets/images/flags/1x1/my.svg)
}
.flag-mz{
    background-image:url(/assets/images/flags/4x3/mz.svg)
}
.flag-mz.flag-squared{
    background-image:url(/assets/images/flags/1x1/mz.svg)
}
.flag-na{
    background-image:url(/assets/images/flags/4x3/na.svg)
}
.flag-na.flag-squared{
    background-image:url(/assets/images/flags/1x1/na.svg)
}
.flag-nc{
    background-image:url(/assets/images/flags/4x3/nc.svg)
}
.flag-nc.flag-squared{
    background-image:url(/assets/images/flags/1x1/nc.svg)
}
.flag-ne{
    background-image:url(/assets/images/flags/4x3/ne.svg)
}
.flag-ne.flag-squared{
    background-image:url(/assets/images/flags/1x1/ne.svg)
}
.flag-nf{
    background-image:url(/assets/images/flags/4x3/nf.svg)
}
.flag-nf.flag-squared{
    background-image:url(/assets/images/flags/1x1/nf.svg)
}
.flag-ng{
    background-image:url(/assets/images/flags/4x3/ng.svg)
}
.flag-ng.flag-squared{
    background-image:url(/assets/images/flags/1x1/ng.svg)
}
.flag-ni{
    background-image:url(/assets/images/flags/4x3/ni.svg)
}
.flag-ni.flag-squared{
    background-image:url(/assets/images/flags/1x1/ni.svg)
}
.flag-nl{
    background-image:url(/assets/images/flags/4x3/nl.svg)
}
.flag-nl.flag-squared{
    background-image:url(/assets/images/flags/1x1/nl.svg)
}
.flag-no{
    background-image:url(/assets/images/flags/4x3/no.svg)
}
.flag-no.flag-squared{
    background-image:url(/assets/images/flags/1x1/no.svg)
}
.flag-np{
    background-image:url(/assets/images/flags/4x3/np.svg)
}
.flag-np.flag-squared{
    background-image:url(/assets/images/flags/1x1/np.svg)
}
.flag-nr{
    background-image:url(/assets/images/flags/4x3/nr.svg)
}
.flag-nr.flag-squared{
    background-image:url(/assets/images/flags/1x1/nr.svg)
}
.flag-nu{
    background-image:url(/assets/images/flags/4x3/nu.svg)
}
.flag-nu.flag-squared{
    background-image:url(/assets/images/flags/1x1/nu.svg)
}
.flag-nz{
    background-image:url(/assets/images/flags/4x3/nz.svg)
}
.flag-nz.flag-squared{
    background-image:url(/assets/images/flags/1x1/nz.svg)
}
.flag-om{
    background-image:url(/assets/images/flags/4x3/om.svg)
}
.flag-om.flag-squared{
    background-image:url(/assets/images/flags/1x1/om.svg)
}
.flag-pa{
    background-image:url(/assets/images/flags/4x3/pa.svg)
}
.flag-pa.flag-squared{
    background-image:url(/assets/images/flags/1x1/pa.svg)
}
.flag-pe{
    background-image:url(/assets/images/flags/4x3/pe.svg)
}
.flag-pe.flag-squared{
    background-image:url(/assets/images/flags/1x1/pe.svg)
}
.flag-pf{
    background-image:url(/assets/images/flags/4x3/pf.svg)
}
.flag-pf.flag-squared{
    background-image:url(/assets/images/flags/1x1/pf.svg)
}
.flag-pg{
    background-image:url(/assets/images/flags/4x3/pg.svg)
}
.flag-pg.flag-squared{
    background-image:url(/assets/images/flags/1x1/pg.svg)
}
.flag-ph{
    background-image:url(/assets/images/flags/4x3/ph.svg)
}
.flag-ph.flag-squared{
    background-image:url(/assets/images/flags/1x1/ph.svg)
}
.flag-pk{
    background-image:url(/assets/images/flags/4x3/pk.svg)
}
.flag-pk.flag-squared{
    background-image:url(/assets/images/flags/1x1/pk.svg)
}
.flag-pl{
    background-image:url(/assets/images/flags/4x3/pl.svg)
}
.flag-pl.flag-squared{
    background-image:url(/assets/images/flags/1x1/pl.svg)
}
.flag-pm{
    background-image:url(/assets/images/flags/4x3/pm.svg)
}
.flag-pm.flag-squared{
    background-image:url(/assets/images/flags/1x1/pm.svg)
}
.flag-pn{
    background-image:url(/assets/images/flags/4x3/pn.svg)
}
.flag-pn.flag-squared{
    background-image:url(/assets/images/flags/1x1/pn.svg)
}
.flag-pr{
    background-image:url(/assets/images/flags/4x3/pr.svg)
}
.flag-pr.flag-squared{
    background-image:url(/assets/images/flags/1x1/pr.svg)
}
.flag-ps{
    background-image:url(/assets/images/flags/4x3/ps.svg)
}
.flag-ps.flag-squared{
    background-image:url(/assets/images/flags/1x1/ps.svg)
}
.flag-pt{
    background-image:url(/assets/images/flags/4x3/pt.svg)
}
.flag-pt.flag-squared{
    background-image:url(/assets/images/flags/1x1/pt.svg)
}
.flag-pw{
    background-image:url(/assets/images/flags/4x3/pw.svg)
}
.flag-pw.flag-squared{
    background-image:url(/assets/images/flags/1x1/pw.svg)
}
.flag-py{
    background-image:url(/assets/images/flags/4x3/py.svg)
}
.flag-py.flag-squared{
    background-image:url(/assets/images/flags/1x1/py.svg)
}
.flag-qa{
    background-image:url(/assets/images/flags/4x3/qa.svg)
}
.flag-qa.flag-squared{
    background-image:url(/assets/images/flags/1x1/qa.svg)
}
.flag-re{
    background-image:url(/assets/images/flags/4x3/re.svg)
}
.flag-re.flag-squared{
    background-image:url(/assets/images/flags/1x1/re.svg)
}
.flag-ro{
    background-image:url(/assets/images/flags/4x3/ro.svg)
}
.flag-ro.flag-squared{
    background-image:url(/assets/images/flags/1x1/ro.svg)
}
.flag-rs{
    background-image:url(/assets/images/flags/4x3/rs.svg)
}
.flag-rs.flag-squared{
    background-image:url(/assets/images/flags/1x1/rs.svg)
}
.flag-ru{
    background-image:url(/assets/images/flags/4x3/ru.svg)
}
.flag-ru.flag-squared{
    background-image:url(/assets/images/flags/1x1/ru.svg)
}
.flag-rw{
    background-image:url(/assets/images/flags/4x3/rw.svg)
}
.flag-rw.flag-squared{
    background-image:url(/assets/images/flags/1x1/rw.svg)
}
.flag-sa{
    background-image:url(/assets/images/flags/4x3/sa.svg)
}
.flag-sa.flag-squared{
    background-image:url(/assets/images/flags/1x1/sa.svg)
}
.flag-sb{
    background-image:url(/assets/images/flags/4x3/sb.svg)
}
.flag-sb.flag-squared{
    background-image:url(/assets/images/flags/1x1/sb.svg)
}
.flag-sc{
    background-image:url(/assets/images/flags/4x3/sc.svg)
}
.flag-sc.flag-squared{
    background-image:url(/assets/images/flags/1x1/sc.svg)
}
.flag-sd{
    background-image:url(/assets/images/flags/4x3/sd.svg)
}
.flag-sd.flag-squared{
    background-image:url(/assets/images/flags/1x1/sd.svg)
}
.flag-se{
    background-image:url(/assets/images/flags/4x3/se.svg)
}
.flag-se.flag-squared{
    background-image:url(/assets/images/flags/1x1/se.svg)
}
.flag-sg{
    background-image:url(/assets/images/flags/4x3/sg.svg)
}
.flag-sg.flag-squared{
    background-image:url(/assets/images/flags/1x1/sg.svg)
}
.flag-sh{
    background-image:url(/assets/images/flags/4x3/sh.svg)
}
.flag-sh.flag-squared{
    background-image:url(/assets/images/flags/1x1/sh.svg)
}
.flag-si{
    background-image:url(/assets/images/flags/4x3/si.svg)
}
.flag-si.flag-squared{
    background-image:url(/assets/images/flags/1x1/si.svg)
}
.flag-sj{
    background-image:url(/assets/images/flags/4x3/sj.svg)
}
.flag-sj.flag-squared{
    background-image:url(/assets/images/flags/1x1/sj.svg)
}
.flag-sk{
    background-image:url(/assets/images/flags/4x3/sk.svg)
}
.flag-sk.flag-squared{
    background-image:url(/assets/images/flags/1x1/sk.svg)
}
.flag-sl{
    background-image:url(/assets/images/flags/4x3/sl.svg)
}
.flag-sl.flag-squared{
    background-image:url(/assets/images/flags/1x1/sl.svg)
}
.flag-sm{
    background-image:url(/assets/images/flags/4x3/sm.svg)
}
.flag-sm.flag-squared{
    background-image:url(/assets/images/flags/1x1/sm.svg)
}
.flag-sn{
    background-image:url(/assets/images/flags/4x3/sn.svg)
}
.flag-sn.flag-squared{
    background-image:url(/assets/images/flags/1x1/sn.svg)
}
.flag-so{
    background-image:url(/assets/images/flags/4x3/so.svg)
}
.flag-so.flag-squared{
    background-image:url(/assets/images/flags/1x1/so.svg)
}
.flag-sr{
    background-image:url(/assets/images/flags/4x3/sr.svg)
}
.flag-sr.flag-squared{
    background-image:url(/assets/images/flags/1x1/sr.svg)
}
.flag-ss{
    background-image:url(/assets/images/flags/4x3/ss.svg)
}
.flag-ss.flag-squared{
    background-image:url(/assets/images/flags/1x1/ss.svg)
}
.flag-st{
    background-image:url(/assets/images/flags/4x3/st.svg)
}
.flag-st.flag-squared{
    background-image:url(/assets/images/flags/1x1/st.svg)
}
.flag-sv{
    background-image:url(/assets/images/flags/4x3/sv.svg)
}
.flag-sv.flag-squared{
    background-image:url(/assets/images/flags/1x1/sv.svg)
}
.flag-sx{
    background-image:url(/assets/images/flags/4x3/sx.svg)
}
.flag-sx.flag-squared{
    background-image:url(/assets/images/flags/1x1/sx.svg)
}
.flag-sy{
    background-image:url(/assets/images/flags/4x3/sy.svg)
}
.flag-sy.flag-squared{
    background-image:url(/assets/images/flags/1x1/sy.svg)
}
.flag-sz{
    background-image:url(/assets/images/flags/4x3/sz.svg)
}
.flag-sz.flag-squared{
    background-image:url(/assets/images/flags/1x1/sz.svg)
}
.flag-tc{
    background-image:url(/assets/images/flags/4x3/tc.svg)
}
.flag-tc.flag-squared{
    background-image:url(/assets/images/flags/1x1/tc.svg)
}
.flag-td{
    background-image:url(/assets/images/flags/4x3/td.svg)
}
.flag-td.flag-squared{
    background-image:url(/assets/images/flags/1x1/td.svg)
}
.flag-tf{
    background-image:url(/assets/images/flags/4x3/tf.svg)
}
.flag-tf.flag-squared{
    background-image:url(/assets/images/flags/1x1/tf.svg)
}
.flag-tg{
    background-image:url(/assets/images/flags/4x3/tg.svg)
}
.flag-tg.flag-squared{
    background-image:url(/assets/images/flags/1x1/tg.svg)
}
.flag-th{
    background-image:url(/assets/images/flags/4x3/th.svg)
}
.flag-th.flag-squared{
    background-image:url(/assets/images/flags/1x1/th.svg)
}
.flag-tj{
    background-image:url(/assets/images/flags/4x3/tj.svg)
}
.flag-tj.flag-squared{
    background-image:url(/assets/images/flags/1x1/tj.svg)
}
.flag-tk{
    background-image:url(/assets/images/flags/4x3/tk.svg)
}
.flag-tk.flag-squared{
    background-image:url(/assets/images/flags/1x1/tk.svg)
}
.flag-tl{
    background-image:url(/assets/images/flags/4x3/tl.svg)
}
.flag-tl.flag-squared{
    background-image:url(/assets/images/flags/1x1/tl.svg)
}
.flag-tm{
    background-image:url(/assets/images/flags/4x3/tm.svg)
}
.flag-tm.flag-squared{
    background-image:url(/assets/images/flags/1x1/tm.svg)
}
.flag-tn{
    background-image:url(/assets/images/flags/4x3/tn.svg)
}
.flag-tn.flag-squared{
    background-image:url(/assets/images/flags/1x1/tn.svg)
}
.flag-to{
    background-image:url(/assets/images/flags/4x3/to.svg)
}
.flag-to.flag-squared{
    background-image:url(/assets/images/flags/1x1/to.svg)
}
.flag-tr{
    background-image:url(/assets/images/flags/4x3/tr.svg)
}
.flag-tr.flag-squared{
    background-image:url(/assets/images/flags/1x1/tr.svg)
}
.flag-tt{
    background-image:url(/assets/images/flags/4x3/tt.svg)
}
.flag-tt.flag-squared{
    background-image:url(/assets/images/flags/1x1/tt.svg)
}
.flag-tv{
    background-image:url(/assets/images/flags/4x3/tv.svg)
}
.flag-tv.flag-squared{
    background-image:url(/assets/images/flags/1x1/tv.svg)
}
.flag-tw{
    background-image:url(/assets/images/flags/4x3/tw.svg)
}
.flag-tw.flag-squared{
    background-image:url(/assets/images/flags/1x1/tw.svg)
}
.flag-tz{
    background-image:url(/assets/images/flags/4x3/tz.svg)
}
.flag-tz.flag-squared{
    background-image:url(/assets/images/flags/1x1/tz.svg)
}
.flag-ua{
    background-image:url(/assets/images/flags/4x3/ua.svg)
}
.flag-ua.flag-squared{
    background-image:url(/assets/images/flags/1x1/ua.svg)
}
.flag-ug{
    background-image:url(/assets/images/flags/4x3/ug.svg)
}
.flag-ug.flag-squared{
    background-image:url(/assets/images/flags/1x1/ug.svg)
}
.flag-um{
    background-image:url(/assets/images/flags/4x3/um.svg)
}
.flag-um.flag-squared{
    background-image:url(/assets/images/flags/1x1/um.svg)
}
.flag-us{
    background-image:url(/assets/images/flags/4x3/us.svg)
}
.flag-us.flag-squared{
    background-image:url(/assets/images/flags/1x1/us.svg)
}
.flag-uy{
    background-image:url(/assets/images/flags/4x3/uy.svg)
}
.flag-uy.flag-squared{
    background-image:url(/assets/images/flags/1x1/uy.svg)
}
.flag-uz{
    background-image:url(/assets/images/flags/4x3/uz.svg)
}
.flag-uz.flag-squared{
    background-image:url(/assets/images/flags/1x1/uz.svg)
}
.flag-va{
    background-image:url(/assets/images/flags/4x3/va.svg)
}
.flag-va.flag-squared{
    background-image:url(/assets/images/flags/1x1/va.svg)
}
.flag-vc{
    background-image:url(/assets/images/flags/4x3/vc.svg)
}
.flag-vc.flag-squared{
    background-image:url(/assets/images/flags/1x1/vc.svg)
}
.flag-ve{
    background-image:url(/assets/images/flags/4x3/ve.svg)
}
.flag-ve.flag-squared{
    background-image:url(/assets/images/flags/1x1/ve.svg)
}
.flag-vg{
    background-image:url(/assets/images/flags/4x3/vg.svg)
}
.flag-vg.flag-squared{
    background-image:url(/assets/images/flags/1x1/vg.svg)
}
.flag-vi{
    background-image:url(/assets/images/flags/4x3/vn.svg)
}
.flag-vi.flag-squared{
    background-image:url(/assets/images/flags/1x1/vn.svg)
}
.flag-vn{
    background-image:url(/assets/images/flags/4x3/vn.svg)
}
.flag-vn.flag-squared{
    background-image:url(/assets/images/flags/1x1/vn.svg)
}
.flag-vu{
    background-image:url(/assets/images/flags/4x3/vu.svg)
}
.flag-vu.flag-squared{
    background-image:url(/assets/images/flags/1x1/vu.svg)
}
.flag-wf{
    background-image:url(/assets/images/flags/4x3/wf.svg)
}
.flag-wf.flag-squared{
    background-image:url(/assets/images/flags/1x1/wf.svg)
}
.flag-ws{
    background-image:url(/assets/images/flags/4x3/ws.svg)
}
.flag-ws.flag-squared{
    background-image:url(/assets/images/flags/1x1/ws.svg)
}
.flag-ye{
    background-image:url(/assets/images/flags/4x3/ye.svg)
}
.flag-ye.flag-squared{
    background-image:url(/assets/images/flags/1x1/ye.svg)
}
.flag-yt{
    background-image:url(/assets/images/flags/4x3/yt.svg)
}
.flag-yt.flag-squared{
    background-image:url(/assets/images/flags/1x1/yt.svg)
}
.flag-za{
    background-image:url(/assets/images/flags/4x3/za.svg)
}
.flag-za.flag-squared{
    background-image:url(/assets/images/flags/1x1/za.svg)
}
.flag-zm{
    background-image:url(/assets/images/flags/4x3/zm.svg)
}
.flag-zm.flag-squared{
    background-image:url(/assets/images/flags/1x1/zm.svg)
}
.flag-zw{
    background-image:url(/assets/images/flags/4x3/zw.svg)
}
.flag-zw.flag-squared{
    background-image:url(/assets/images/flags/1x1/zw.svg)
}
.flag-eu{
    background-image:url(/assets/images/flags/4x3/eu.svg)
}
.flag-eu.flag-squared{
    background-image:url(/assets/images/flags/1x1/eu.svg)
}
.flag-gb-eng{
    background-image:url(/assets/images/flags/4x3/gb-eng.svg)
}
.flag-gb-eng.flag-squared{
    background-image:url(/assets/images/flags/1x1/gb-eng.svg)
}
.flag-en{
    background-image:url(/assets/images/flags/4x3/gb.svg)
}
.flag-en.flag-squared{
    background-image:url(/assets/images/flags/1x1/gb.svg)
}
.flag-gb-nir{
    background-image:url(/assets/images/flags/4x3/gb-nir.svg)
}
.flag-gb-nir.flag-squared{
    background-image:url(/assets/images/flags/1x1/gb-nir.svg)
}
.flag-gb-sct{
    background-image:url(/assets/images/flags/4x3/gb-sct.svg)
}
.flag-gb-sct.flag-squared{
    background-image:url(/assets/images/flags/1x1/gb-sct.svg)
}
.flag-gb-wls{
    background-image:url(/assets/images/flags/4x3/gb-wls.svg)
}
.flag-gb-wls.flag-squared{
    background-image:url(/assets/images/flags/1x1/gb-wls.svg)
}
.flag-un{
    background-image:url(/assets/images/flags/4x3/un.svg)
}
.flag-un.flag-squared{
    background-image:url(/assets/images/flags/1x1/un.svg)
}
@media only screen and (min-width:640px){
    .select-dropdown .locale-flag{
        padding-left:45px
    }
    .select-dropdown .locale-flag:before{
        content:'';
        position:absolute;
        top:8px;
        left:11px;
        width:26px;
        height:18px;
        line-height:1
    }
    .select-dropdown.expanded .locale-flag{
        padding-left:10px
    }
    .select-dropdown.expanded .locale-flag:before{
        display:none;
        background:none
    }
    .locale-flag.locale-flag-en:before{
        background:url(/assets/images/flags/4x3/gb.svg);
        background-size:cover
    }
    .locale-flag.locale-flag-nl:before{
        background:url(/assets/images/flags/4x3/nl.svg);
        background-size:cover
    }
    .locale-flag.locale-flag-pt:before{
        background:url(/assets/images/flags/4x3/pt.svg);
        background-size:cover
    }
    .locale-flag.locale-flag-at:before{
        background:url(/assets/images/flags/4x3/at.svg);
        background-size:cover
    }
    .locale-flag.locale-flag-de:before{
        background:url(/assets/images/flags/4x3/de.svg);
        background-size:cover
    }
    .locale-flag.locale-flag-de-at:before{
        background:url(/assets/images/flags/4x3/at.svg);
        background-size:cover
    }
    .locale-flag.locale-flag-de-ch:before{
        background:url(/assets/images/flags/4x3/ch.svg);
        background-size:cover
    }
    .locale-flag.locale-flag-fr:before{
        background:url(/assets/images/flags/4x3/fr.svg);
        background-size:cover
    }
    .locale-flag.locale-flag-pl:before{
        background:url(/assets/images/flags/4x3/pl.svg);
        background-size:cover
    }
}
.grid:after,.grid:before{
    display:table;
    content:"";
    line-height:0
}
.grid:after{
    clear:both
}
.grid-01,.grid-02,.grid-03,.grid-04,.grid-05,.grid-06,.grid-07,.grid-08,.grid-09,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16,.grid-17,.grid-18,.grid-19,.grid-20,.grid-21,.grid-22,.grid-23,.grid-24,.grid-m-01,.grid-m-02,.grid-m-03,.grid-m-04,.grid-m-05,.grid-m-06,.grid-m-07,.grid-m-08,.grid-m-09,.grid-m-10,.grid-m-11,.grid-m-12,.grid-m-13,.grid-m-14,.grid-m-15,.grid-m-16,.grid-m-17,.grid-m-18,.grid-m-19,.grid-m-20,.grid-m-21,.grid-m-22,.grid-m-23,.grid-m-24{
    position:relative;
    float:left;
    min-height:1px
}
.grid-01{
    width:4.165%
}
.grid-02{
    width:8.33%
}
.grid-03{
    width:12.495%
}
.grid-04{
    width:16.66%
}
.grid-05{
    width:20.825%
}
.grid-06{
    width:24.99%
}
.grid-07{
    width:29.155%
}
.grid-08{
    width:33.32%
}
.grid-09{
    width:37.485%
}
.grid-10{
    width:41.65%
}
.grid-11{
    width:45.815%
}
.grid-12{
    width:49.98%
}
.grid-13{
    width:54.145%
}
.grid-14{
    width:58.31%
}
.grid-15{
    width:62.475%
}
.grid-16{
    width:66.64%
}
.grid-17{
    width:70.805%
}
.grid-18{
    width:74.97%
}
.grid-19{
    width:79.135%
}
.grid-20{
    width:83.3%
}
.grid-21{
    width:87.465%
}
.grid-22{
    width:91.63%
}
.grid-23{
    width:95.795%
}
.grid-24{
    width:99.96%
}
.grid-m-01{
    width:4.165%
}
.grid-m-02{
    width:8.33%
}
.grid-m-03{
    width:12.495%
}
.grid-m-04{
    width:16.66%
}
.grid-m-05{
    width:20.825%
}
.grid-m-06{
    width:24.99%
}
.grid-m-07{
    width:29.155%
}
.grid-m-08{
    width:33.32%
}
.grid-m-09{
    width:37.485%
}
.grid-m-10{
    width:41.65%
}
.grid-m-11{
    width:45.815%
}
.grid-m-12{
    width:49.98%
}
.grid-m-13{
    width:54.145%
}
.grid-m-14{
    width:58.31%
}
.grid-m-15{
    width:62.475%
}
.grid-m-16{
    width:66.64%
}
.grid-m-17{
    width:70.805%
}
.grid-m-18{
    width:74.97%
}
.grid-m-19{
    width:79.135%
}
.grid-m-20{
    width:83.3%
}
.grid-m-21{
    width:87.465%
}
.grid-m-22{
    width:91.63%
}
.grid-m-23{
    width:95.795%
}
.grid-m-24{
    width:99.96%
}
.off-01{
    margin-left:4.165%
}
.off-02{
    margin-left:8.33%
}
.off-03{
    margin-left:12.495%
}
.off-04{
    margin-left:16.66%
}
.off-05{
    margin-left:20.825%
}
.off-06{
    margin-left:24.99%
}
.off-07{
    margin-left:29.155%
}
.off-08{
    margin-left:33.32%
}
.off-09{
    margin-left:37.485%
}
.off-10{
    margin-left:41.65%
}
.off-11{
    margin-left:45.815%
}
.off-12{
    margin-left:49.98%
}
.off-13{
    margin-left:54.145%
}
.off-14{
    margin-left:58.31%
}
.off-15{
    margin-left:62.475%
}
.off-16{
    margin-left:66.64%
}
.off-17{
    margin-left:70.805%
}
.off-18{
    margin-left:74.97%
}
.off-19{
    margin-left:79.135%
}
.off-20{
    margin-left:83.3%
}
.off-21{
    margin-left:87.465%
}
.off-22{
    margin-left:91.63%
}
.off-23{
    margin-left:95.795%
}
.grid-gap-b{
    margin-left:1%;
    margin-right:1%
}
.grid-01.grid-gap-b{
    width:2.165%
}
.grid-02.grid-gap-b{
    width:6.33%
}
.grid-03.grid-gap-b{
    width:10.495%
}
.grid-04.grid-gap-b{
    width:14.66%
}
.grid-05.grid-gap-b{
    width:18.825%
}
.grid-06.grid-gap-b{
    width:22.99%
}
.grid-07.grid-gap-b{
    width:27.155%
}
.grid-08.grid-gap-b{
    width:31.32%
}
.grid-09.grid-gap-b{
    width:35.485%
}
.grid-10.grid-gap-b{
    width:39.65%
}
.grid-11.grid-gap-b{
    width:43.815%
}
.grid-12.grid-gap-b{
    width:47.98%
}
.grid-13.grid-gap-b{
    width:52.145%
}
.grid-14.grid-gap-b{
    width:56.31%
}
.grid-15.grid-gap-b{
    width:60.475%
}
.grid-16.grid-gap-b{
    width:64.64%
}
.grid-17.grid-gap-b{
    width:68.805%
}
.grid-18.grid-gap-b{
    width:72.97%
}
.grid-19.grid-gap-b{
    width:77.135%
}
.grid-20.grid-gap-b{
    width:81.3%
}
.grid-21.grid-gap-b{
    width:85.465%
}
.grid-22.grid-gap-b{
    width:89.63%
}
.grid-23.grid-gap-b{
    width:93.795%
}
.grid-24.grid-gap-b{
    width:97.96%
}
.off-01.grid-gap-b{
    margin-left:5.165%
}
.off-02.grid-gap-b{
    margin-left:9.33%
}
.off-03.grid-gap-b{
    margin-left:13.495%
}
.off-04.grid-gap-b{
    margin-left:17.66%
}
.off-05.grid-gap-b{
    margin-left:21.825%
}
.off-06.grid-gap-b{
    margin-left:25.99%
}
.off-07.grid-gap-b{
    margin-left:30.155%
}
.off-08.grid-gap-b{
    margin-left:34.32%
}
.off-09.grid-gap-b{
    margin-left:38.485%
}
.off-10.grid-gap-b{
    margin-left:42.65%
}
.off-11.grid-gap-b{
    margin-left:46.815%
}
.off-12.grid-gap-b{
    margin-left:50.98%
}
.off-13.grid-gap-b{
    margin-left:55.145%
}
.off-14.grid-gap-b{
    margin-left:59.31%
}
.off-15.grid-gap-b{
    margin-left:63.475%
}
.off-16.grid-gap-b{
    margin-left:67.64%
}
.off-17.grid-gap-b{
    margin-left:71.805%
}
.off-18.grid-gap-b{
    margin-left:75.97%
}
.off-19.grid-gap-b{
    margin-left:80.135%
}
.off-20.grid-gap-b{
    margin-left:84.3%
}
.off-21.grid-gap-b{
    margin-left:88.465%
}
.off-22.grid-gap-b{
    margin-left:92.63%
}
.off-23.grid-gap-b{
    margin-left:96.795%
}
.grid-gap-l{
    margin-left:1%;
    margin-right:0
}
.grid-gap-r{
    margin-left:0;
    margin-right:1%
}
.grid-01.grid-gap-l,.grid-01.grid-gap-r{
    width:3.165%
}
.grid-02.grid-gap-l,.grid-02.grid-gap-r{
    width:7.33%
}
.grid-03.grid-gap-l,.grid-03.grid-gap-r{
    width:11.495%
}
.grid-04.grid-gap-l,.grid-04.grid-gap-r{
    width:15.66%
}
.grid-05.grid-gap-l,.grid-05.grid-gap-r{
    width:19.825%
}
.grid-06.grid-gap-l,.grid-06.grid-gap-r{
    width:23.99%
}
.grid-07.grid-gap-l,.grid-07.grid-gap-r{
    width:28.155%
}
.grid-08.grid-gap-l,.grid-08.grid-gap-r{
    width:32.32%
}
.grid-09.grid-gap-l,.grid-09.grid-gap-r{
    width:36.485%
}
.grid-10.grid-gap-l,.grid-10.grid-gap-r{
    width:40.65%
}
.grid-11.grid-gap-l,.grid-11.grid-gap-r{
    width:44.815%
}
.grid-12.grid-gap-l,.grid-12.grid-gap-r{
    width:48.98%
}
.grid-13.grid-gap-l,.grid-13.grid-gap-r{
    width:53.145%
}
.grid-14.grid-gap-l,.grid-14.grid-gap-r{
    width:57.31%
}
.grid-15.grid-gap-l,.grid-15.grid-gap-r{
    width:61.475%
}
.grid-16.grid-gap-l,.grid-16.grid-gap-r{
    width:65.64%
}
.grid-17.grid-gap-l,.grid-17.grid-gap-r{
    width:69.805%
}
.grid-18.grid-gap-l,.grid-18.grid-gap-r{
    width:73.97%
}
.grid-19.grid-gap-l,.grid-19.grid-gap-r{
    width:78.135%
}
.grid-20.grid-gap-l,.grid-20.grid-gap-r{
    width:82.3%
}
.grid-21.grid-gap-l,.grid-21.grid-gap-r{
    width:86.465%
}
.grid-22.grid-gap-l,.grid-22.grid-gap-r{
    width:90.63%
}
.grid-23.grid-gap-l,.grid-23.grid-gap-r{
    width:94.795%
}
.grid-24.grid-gap-l,.grid-24.grid-gap-r{
    width:98.96%
}
.off-01.grid-gap-l{
    margin-left:5.165%
}
.off-02.grid-gap-l{
    margin-left:9.33%
}
.off-03.grid-gap-l{
    margin-left:13.495%
}
.off-04.grid-gap-l{
    margin-left:17.66%
}
.off-05.grid-gap-l{
    margin-left:21.825%
}
.off-06.grid-gap-l{
    margin-left:25.99%
}
.off-07.grid-gap-l{
    margin-left:30.155%
}
.off-08.grid-gap-l{
    margin-left:34.32%
}
.off-09.grid-gap-l{
    margin-left:38.485%
}
.off-10.grid-gap-l{
    margin-left:42.65%
}
.off-11.grid-gap-l{
    margin-left:46.815%
}
.off-12.grid-gap-l{
    margin-left:50.98%
}
.off-13.grid-gap-l{
    margin-left:55.145%
}
.off-14.grid-gap-l{
    margin-left:59.31%
}
.off-15.grid-gap-l{
    margin-left:63.475%
}
.off-16.grid-gap-l{
    margin-left:67.64%
}
.off-17.grid-gap-l{
    margin-left:71.805%
}
.off-18.grid-gap-l{
    margin-left:75.97%
}
.off-19.grid-gap-l{
    margin-left:80.135%
}
.off-20.grid-gap-l{
    margin-left:84.3%
}
.off-21.grid-gap-l{
    margin-left:88.465%
}
.off-22.grid-gap-l{
    margin-left:92.63%
}
.off-23.grid-gap-l{
    margin-left:96.795%
}
.off-01.grid-gap-r{
    margin-left:4.165%
}
.off-02.grid-gap-r{
    margin-left:8.33%
}
.off-03.grid-gap-r{
    margin-left:12.495%
}
.off-04.grid-gap-r{
    margin-left:16.66%
}
.off-05.grid-gap-r{
    margin-left:20.825%
}
.off-06.grid-gap-r{
    margin-left:24.99%
}
.off-07.grid-gap-r{
    margin-left:29.155%
}
.off-08.grid-gap-r{
    margin-left:33.32%
}
.off-09.grid-gap-r{
    margin-left:37.485%
}
.off-10.grid-gap-r{
    margin-left:41.65%
}
.off-11.grid-gap-r{
    margin-left:45.815%
}
.off-12.grid-gap-r{
    margin-left:49.98%
}
.off-13.grid-gap-r{
    margin-left:54.145%
}
.off-14.grid-gap-r{
    margin-left:58.31%
}
.off-15.grid-gap-r{
    margin-left:62.475%
}
.off-16.grid-gap-r{
    margin-left:66.64%
}
.off-17.grid-gap-r{
    margin-left:70.805%
}
.off-18.grid-gap-r{
    margin-left:74.97%
}
.off-19.grid-gap-r{
    margin-left:79.135%
}
.off-20.grid-gap-r{
    margin-left:83.3%
}
.off-21.grid-gap-r{
    margin-left:87.465%
}
.off-22.grid-gap-r{
    margin-left:91.63%
}
.off-23.grid-gap-r{
    margin-left:95.795%
}
@media only screen and (max-width:639px){
    .grid-01,.grid-02,.grid-03,.grid-04,.grid-05,.grid-06,.grid-07,.grid-08,.grid-09,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16,.grid-17,.grid-18,.grid-19,.grid-20,.grid-21,.grid-22,.grid-23,.grid-24{
        width:100%
    }
    .off-01{
        margin-left:0
    }
}
.step1 .promovideo{
    visibility:visible;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,.82);
    z-index:99;
    text-align:center;
    margin:0 auto;
    overflow:hidden
}
.step1 .promovideo .videoframe{
    margin:0 auto;
    position:relative;
    height:100%;
    width:100%
}
.step1 .promovideo .videoframe iframe{
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.step1 .promovideo .closevideoplayer{
    position:absolute;
    right:20px;
    color:#fff;
    font-size:2em;
    z-index:5;
    background-color:#f80;
    padding:10px 20px;
    border-radius:0 0 3px 3px;
    box-shadow:0 0 1px #000
}
.promovideo .closevideoplayer:before{
    width:35px;
    content:"\E80F";
    font-family:fontello;
    font-weight:400;
    line-height:1;
    color:#fff;
    font-size:34pt
}
.steps-inner{
    position:relative;
    margin:0 auto;
    max-width:1020px;
    height:100%;
    padding:60px 0;
    overflow:hidden
}
.steps-inner .steps-mainheadline{
    margin:8px 0 16px;
    color:#f80;
    font-weight:600;
    line-height:1.5;
    text-align:center;
    font-size:1.6rem;
    line-height:2rem
}
@media only screen and (min-width:640px){
    .steps-inner .steps-mainheadline{
        font-size:30px
    }
}
.steps-inner .steps-subheadline{
    margin:8px 0 16px;
    color:#333;
    text-align:center;
    font-size:1.2rem;
    line-height:1.4rem
}
@media only screen and (min-width:640px){
    .steps-inner .steps-subheadline{
        font-size:22px
    }
}
.steps-inner .steps-wrapper{
    position:relative;
    margin-left:0;
    display:block;
    padding:45px 0 20px
}
.steps-inner .step-seperator{
    position:relative;
    top:60px;
    float:left
}
.steps-inner .step-seperator:last-child{
    opacity:0
}
.steps-inner .steps-wrapper .step-wrapper .step-icon{
    display:block;
    text-align:center
}
.steps-inner .steps-wrapper .step-wrapper .step-number{
    position:relative;
    display:inline-block;
    width:35px;
    height:35px;
    line-height:35px;
    color:#fff;
    border-radius:50%;
    text-align:center;
    background-color:#50aecc;
    font-size:15px;
    left:30%;
    top:-30px
}
.steps-inner .steps-wrapper .step-wrapper .step-headline{
    position:relative;
    display:block;
    margin:8px 0 16px;
    color:#333;
    font-size:18px;
    font-weight:600;
    text-align:center
}
.steps-inner .steps-wrapper .step-wrapper p{
    font-size:14px;
    text-align:center
}
.steps-inner .steps-wrapper .step-wrapper a{
    line-height:1.5;
    display:table;
    text-align:justify;
    cursor:pointer;
    color:#50aecc;
    margin:0 auto
}
.steps-inner .steps-wrapper .step-wrapper .step-icon:before{
    font-family:fontello;
    content:attr(data-icon);
    line-height:110px;
    font-size:80px;
    color:#f80
}
.steps-inner .number-of-steps-3 .step-wrapper,.steps-inner .number-of-steps-4 .step-wrapper,.steps-inner .number-of-steps-5 .step-wrapper{
    width:33.3333%;
    float:left
}
.steps-inner .step-seperator{
    display:none
}
.steps-inner .align-step0{
    margin-left:0
}
.steps-inner .align-step1{
    margin-left:-100%
}
.steps-inner .align-step2{
    margin-left:-200%
}
.steps-inner .steps-wrapper{
    width:300%;
    overflow:hidden;
    -webkit-transition:margin-left .5s ease-in-out;
    transition:margin-left .5s ease-in-out
}
.steps-inner .steps-btn-backward,.steps-inner .steps-btn-forward{
    text-align:center;
    cursor:pointer;
    color:#666;
    font-size:50px;
    width:32px;
    height:50px;
    line-height:50px
}
.steps-inner .steps-btn-forward{
    right:0
}
.steps-inner .steps-btn{
    position:absolute;
    font-size:60px;
    top:45%;
    z-index:5
}
.steps-inner .steps-slider-dots-wrap{
    margin-top:10px;
    height:30px;
    text-align:center
}
.steps-inner .steps-slider-dots-wrap .steps-slider-dots{
    cursor:pointer;
    display:inline-block;
    border-radius:50%;
    background-color:#fff;
    border:1px solid #cfcac4;
    font-size:15px;
    width:20px;
    height:20px
}
.steps-inner .steps-slider-dots-wrap .steps-slider-dots.steps-slider-dot-active{
    background:#f80;
    border:1px solid #f80
}
.steps-inner .steps-btn-forward:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.steps-inner .steps-btn-backward:before{
    content:"";
    font-family:fontello;
    font-weight:400;
    line-height:1
}
.steps-inner .steps-slider-dots-wrap .steps-slider-dots:active,.steps-inner .steps-slider-dots-wrap .steps-slider-dots:focus,.steps-inner .steps-slider-dots-wrap .steps-slider-dots:hover{
    background-color:#cc6d00
}
.steps-inner .steps-btn-backward:active,.steps-inner .steps-btn-backward:focus,.steps-inner .steps-btn-backward:hover,.steps-inner .steps-btn-forward:active,.steps-inner .steps-btn-forward:focus,.steps-inner .steps-btn-forward:hover{
    color:#3595b4
}
@media only screen and (min-width:640px){
    .steps-inner .steps-wrapper{
        position:relative;
        margin-left:0;
        display:block;
        width:auto
    }
    .steps-inner .steps-btn{
        display:none
    }
    .steps-inner .step-seperator{
        display:block
    }
    .steps-inner .steps-slider-dots-wrap .steps-slider-dots{
        display:none
    }
    .steps-inner .steps-wrapper .step-wrapper:first-of-type{
        margin-left:0!important
    }
    .steps-inner .number-of-steps-3 .step-wrapper{
        width:32%;
        max-width:32%;
        min-width:32%;
        float:left
    }
    .steps-inner .step-seperator:before{
        content:"";
        font-family:fontello;
        font-weight:400;
        line-height:1;
        color:#999;
        font-size:25px;
        display:inline-block
    }
}