@font-face {
    font-family: 'Brandon_Reg';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Brandon_reg.eot');
    src: url('../fonts/Brandon_reg.eot?#iefix') format('embedded-opentype'),
        url("../fonts/Brandon_reg.woff") format("woff");
}
@font-face {
    font-family: 'Brandon_Reg';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Brandon_bld.eot');
    src: url('../fonts/Brandon_bld.eot?#iefix') format('embedded-opentype'),
        url("../fonts/Brandon_bld.woff") format("woff");
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url("../fonts/OpenSans-Regular.woff") format("woff");
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url("../fonts/OpenSans-Bold.woff") format("woff");
}
@font-face {
    font-family: 'OpenSans';
    font-style: italic;
    font-weight: normal;
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url("../fonts/OpenSans-Italic.woff") format("woff");
}
@font-face {
    font-family: 'OpenSans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url("../fonts/OpenSans-Semibold.woff") format("woff");
}



html { border:none; }
body { font-family: 'OpenSans', sans-serif; background: #F2F2EB;  color: #63594F; letter-spacing:0.6px; }

a { color: #645A50; border:none;outline:none;outline-style:none !important; outline-width:0 !important;}
a:hover { color: #F05037; border:none;outline:none;outline-style:none !important; outline-width:0 !important; text-decoration: none !important; }
a:active, a:focus, a:visited, a:selected { border:none;outline:none;outline-style:none !important; outline-width:0 !important; text-decoration: none !important;}
img { border:none;outline:none;outline-style:none !important; outline-width:0 !important; text-decoration: none !important;}
label { outline:none;outline-style:none !important; outline-width:0 !important; }

a.inverse { color: #F05037; }
a.inverse:hover { color: #645A50;  }


h1,h2,h3,h4,h5,h6,h7 { font-family: 'Brandon_Reg', sans-serif; }
h1,h2,h3 { color: #F05037; text-align:center; letter-spacing:3px; }
hr { background: #DFDED7; height:1px; }
.dots {background:url('../img/dots_line.png') repeat-x 0 12px; }
h3.dots {background:url('../img/dots_line.png') repeat-x 0; }
h1 span, h2 span, h3 span { background: #F2F2EB; padding:0 30px; }
h1.current, h2.current, h3.current  { color: #50AAA0;}
h2.history, h3.history { color: #818B95;}
h2.history a, h3.history a { color: #818B95;}
h3.menu a {color: #818B95; margin: 0 5px; white-space: nowrap;}
h3.menu a:hover {color: #F05037;}

h2 a.active { color: #F05037 !important; text-decoration: none; font-size: 1.1em;}
h2 a{font-size: 0.9em;}
h3 a.active { color: #50AAA0 !important; text-decoration: none}
div.dot { height: 22px; margin: 20px -15px; }
.dot {background:url('../img/dot_line.png') repeat-x 0 12px; }
.dot span, .dot2 span { background: #F2F2EB;  padding:0 30px; }
.big { background-position: 0 15px; }
.big .btn { font-size: 1.3em;     padding: 6px 25px; letter-spacing: 2px;}

.light { color: #F05037; }
a.light:hover { color: #000; }
.gray { color: #A29C96; }
.float-right {float:right;}
.vmargin { margin: 20px 0;}
.added { color: #50AAA0; }
.relative { position:relative; }
.nodisplay { display:none; }

#logo { display:block; width:258px; height:46px; background:url('../img/logo_final.png')  no-repeat; background-size: 258px 92px; margin:10px 0 0 0;}
#logo:hover { background:url('../img/logo_final.png') 0 -46px  no-repeat;  background-size: 258px 92px; }
#logo_only { display:block; width:104px; height:50px; background:url('../img/logo_only_final.png')  no-repeat; background-size: 104px 50px; margin:10px 0 0 0;}
#logo_only:hover { opacity:0.5; }
#footer { padding: 30px; background: #8C8278; text-align:center; margin-top:20px;  width:100%; }
#footer img.logo { width:99px; height:46px; }
#footer  a { color: #E1DCCD; padding:0 10px; font-size: 12px; }
#footer  a:hover { color: #645A50; }
#footer .bottom_menu a { color: #E1DCCD; padding:0 10px; font-size: 12px; white-space: nowrap;}
#footer .bottom_menu a:hover { color: #645A50; }
#cookieinfo { border-top:1px solid #645a50; position:fixed;bottom:0;z-index: 200;background-color:#f2f2eb;padding:15px 30px }
#footer #fbicon { max-width:20px;position:relative;top:-1px;}

.days div { padding:1px; line-height:22px;}
.days > div a {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.days div a { display:block; text-align:left; padding:10px; background: #E1DCCD; line-height:26px; }
.days div a:hover { background: #E7E3D7; color: #F05037;}
.days div a:hover .gray { color: #F05037;}
.days div .day_name { font-size: 1.1em; letter-spacing: 0.5px; font-weight: 600; }
.days div.selected a {  color: #fff; background: #F05037; }
.days div.selected a .gray { color: #eee;  }
.days div.unactive a { background:#E1DCCD url('../img/holiday.png') top right no-repeat;}
.days div.unactive.selected a { color: #fff !important; background:#F05037 url('../img/holiday_active.png') top right no-repeat;}
.days div.unactive a div { font-size:12px; line-height: 12px; }
.days div a .date { color: #8B8177; }
.days div.selected .date { color: #fff; }
.days .arrow { position:absolute; bottom:-16px; left:1px; }
.days a:hover .arrow { opacity:0.7;}
.days .selected a:hover .arrow { opacity:1;}

.days .navbar-right { margin:0;}
.days .gray { color: #A29C96; }
.days  img { width: 20px; height:18px;}
.days .text-right {float:right;}
.days .basket { display:block; width:21px; height:21px; float:right; background: url('../img/daysbasket.png') 0 0 no-repeat;background-size: 21px 78px; }
.days :hover .basket {  background: url('../img/daysbasket.png') 0 -26px no-repeat; background-size: 21px 78px; }
.days .selected .basket {  background: url('../img/daysbasket.png') 0 -52px no-repeat; background-size: 21px 78px;  }
.days  .delivery { display:block; width:21px; height:21px; float:right; background: url('../img/delivery.png') 0 0 no-repeat;background-size: 21px 78px; }
.days :hover .delivery {  background: url('../img/delivery.png') 0 -26px no-repeat; background-size: 21px 78px; }
.days .selected .delivery {  background: url('../img/delivery.png') 0 -52px no-repeat; background-size: 21px 78px; }
#basket .basket {  display:block; width:21px; height:21px; float:right; background: url('../img/daysbasket.png') 0 -52px no-repeat;background-size: 21px 78px; margin-left:3px; }
#basket .delivery {  display:block; width:21px; height:21px; float:right; background: url('../img/delivery.png') 0 0 no-repeat;background-size: 21px 78px; margin-left:3px; }
.delivery_day .delivery {  display:block; width:21px; height:21px; float:right; background: url('../img/delivery.png') 0 -3px no-repeat;background-size: 21px 78px; margin-left:3px; }


.meals {   }
.meals  table { width:100%;}

.meals table td { vertical-align:top; }
.meals table .info td { vertical-align:bottom; }

.meals .name { padding:0; margin:0; position:relative; }
.meals .name a span { display:block;height: 44px; line-height:21px;overflow:hidden;font-size: 1.2em; color:#3B3127;  }
.meals .name .desc { display:block; height: 40px; line-height:20px;overflow:hidden; font-size: 1.05em; color:#8B8177 }
.meals .price {  line-height:42px; height:42px; color: #F05037;min-width:110px; font-size: 1.2em;}
.meals .basket_add {display:block; width:42px; height:42px; background:url('../img/basket_add.png')  no-repeat; background-size: 42px 84px; float:right; margin-left:5px; }
.meals .basket_add:hover { background:url('../img/basket_add.png') 0 -42px  no-repeat; background-size: 42px 84px;  }
.meals img.photo, .meals img.photo_off { width:100%; margin-bottom:10px; }
.meals img.absolute { position:absolute; top:0px; left:0px; }
.meals .name a:hover img.photo { opacity: 0.7; }
.meals .info {margin:0; padding:0;  width:100%; vertical-align:bottom; height:42px; }
.meals .info div.price {margin:0; padding:0; }
.meals .tags { width:100px;  }
.meals .tag {display:block; width:32px; height:32px;  background-image: url('../img/tags.png');  background-size: 96px 160px; float:left; margin-bottom:5px;}
.meals .tag:hover { background-size: 96px 160px;    }
.meals .dot { background:url('../img/red_dot_line.png') repeat-x bottom;  height: 4px; width:100%; margin-top:5px; margin-bottom:15px; margin-left:0px; }
.meals .dot2 { background:url('../img/dot_line.png') repeat-x 0 12px; }
.meals .dot2 h1,h2,h3 { color: #63594f; text-align:center; letter-spacing:3px; }
.meals .dots { background:url('../img/red_dots_line.png') repeat-x bottom;  height: 6px; width:100%; margin-top:5px;margin-bottom:15px;margin-left:0px; }

#meal .info {     display: table; width:100%; }
#meal .info > div {     display:table-cell; vertical-align: bottom; }
#meal .price {  line-height:42px; color: #F05037; vertical-align:bottom; font-size: 1.2em; }
#meal .basket_add {display:block; width:42px; height:42px; background:url('../img/basket_add.png')  no-repeat; background-size: 42px 84px; float:right; margin-left:5px; }
#meal .basket_add:hover { background:url('../img/basket_add.png')  0 -42px  no-repeat; background-size: 42px 84px;  }
#meal > div:last-child { background:url('../img/red_dots_line.png') repeat-x bottom; padding-bottom: 15px;}
#meal img.photo { width:100%; }
#meal img.absolute { position:absolute; top:0px; left:0px; }
#meal .photo {  padding: 0 20px 0 0; }
#meal .tags { line-height: 38px; }
#meal .tag {display:block; width:32px; height:32px;  background-image: url('../img/tags.png');  background-size: 96px 160px; float:left; margin-right:5px; }
#meal .tag:hover {  background-size: 96px 160px; }
#meal .name { font-size: 1.2em;}
#meal .desc { margin:  20px 0;}
#meal .col-md-6, #meal .col-md-12 { margin:0; padding:0 ;}


.tag1 {  background-position: 0 0; }
.tag1:hover { background-position: -32px 0; }
.tag2 { background-position: -64px 0;  }
.tag2:hover { background-position: 0 -32px;  }
.tag3 {background-position: -32px -32px;  }
.tag3:hover { background-position: -64px -32px;  }
.tag4 { background-position: 0 -64px;  }
.tag4:hover { background-position: -32px -64px; }
.tag5 { background-position: -64px -64px;  }
.tag5:hover { background-position: 0 -96px; }
.tag6 { background-position: -32px -96px;  }
.tag6:hover { background-position: -64px -96px;  }
.tag7 { background-position: -32px -128px;  }
.tag7:hover { background-position: 0px -128px;  }

.minithumb { width:65px;}

.basket_icon {  width: 38px; height:31px;}
#basket .el { background: #F05037; padding:0; padding-left:30px; margin:0; margin-left:-15px;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              border-radius: 2px;
}
#basket .day { background: #645A50; color: #fff; padding:10px; line-height:25px; }
#basket .day img { width: 20px; height:18px;}
#basket .day .day_name { font-size: 1.1em; letter-spacing: 0.5px; font-weight: 600;  }
#basket .in_basket { padding:0px;  background: #645A50; border:0;
                     -webkit-border-top-right-radius: 25px;
                     -webkit-border-bottom-right-radius: 25px;
                     -moz-border-radius-topright: 25px;
                     -moz-border-radius-bottomright: 25px;
                     border-top-right-radius: 25px;
                     border-bottom-right-radius: 25px;
}
#basket .products {background: #E1DCCD; min-height:72px; }
#basket .in_basket .products {
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    line-height: 50px;
}
#basket .products > div { padding:10px 0; border-top:1px solid #D0CBBC; }
#basket .products > div:first-child { border: 0;}
#basket .products .pname { line-height: 24px; max-height: 50px; overflow:hidden; }
#basket .products img { width: 28px; height:28px; }
#basket .products img.minithumb { width: 65px; height:50px; float:left; margin-right:10px;}
#basket .products a.basket_add { display: block; float:right; width: 28px; height:28px; background-size: 28px 28px; margin-top:10px; }
#basket .products a.basket_add:hover { opacity: 0.5;}


#basket .products a.bin { width:31px; height:30px; display:block; background: url('../img/bin.png') 0 0  no-repeat; background-size:31px 62px; margin: 10px 6px 0 0; margin-top:10px; }
#basket .products a.bin:hover { background: url('../img/bin.png') 0 -31px  no-repeat; }
#basket .products a.plus { width:30px; height:30px; display:block; background: url('../img/plus.png') 0 0  no-repeat; background-size:30px 60px; margin: 10px 6px 0 0; margin-top:10px; }
#basket .products a.plus:hover { background: url('../img/plus.png') 0 -30px  no-repeat; }
#basket .products a.minus { width:30px; height:30px; display:block; background: url('../img/minus.png') 0 0  no-repeat; background-size:30px 90px; margin:0 auto; margin-top:10px; }
#basket .products a.minus:hover { background: url('../img/minus.png') 0 -30px  no-repeat; }
#basket .products a.minus.disabled { background: url('../img/minus.png') 0 -60px  no-repeat; }



#basket .disabled {   pointer-events: none; color: #A29C96;  }
#basket .ordered .day {background: #746B61; border-top: 1px solid #60564C; color: #D0CDCA;}
#basket .ordered   {
    margin-bottom: 10px; background: #746B61 !important;
    -webkit-border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    -moz-border-radius-bottomright: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
#basket .ordered .products {background: #E7E3D7; border-top: 1px solid #D0CBBC;
                            -webkit-border-bottom-right-radius: 2px;
                            -moz-border-radius-bottomright: 2px;
                            border-bottom-right-radius: 2px; line-height: 50px;
}
#basket .ordered .products img { opacity:0.5;}
#basket .empty { margin:0; padding:0; margin-bottom: 10px; height:0px; }
#basket .to_basket { line-height:70px;}
#basket .to_basket img { width: 42px; height:42px;}

#order .daysection { border-bottom:1px solid #000; padding-bottom:5px; }
#order .daysection:last-child { border-bottom:0px; }
#order .day { padding: 10px 0;}
#order .products { line-height:45px;  }
#order .products img.minithumb { width: 65px; height:50px; float:left; margin-right:10px;}
#order .products > div { padding: 8px 0; border-top:1px solid #DFDED7; }
#order .products .pname { line-height: 24px; max-height: 50px; overflow:hidden; }
.summary .row { border-top:1px solid #F05037; color: #F05037 }
.summary_prepare .row > div { border-top:1px solid #F05037; color: #F05037 }
#order .payment_method, #prepaid .payment_method {  padding: 10px 0 20px 0; background: #F9F9F5; display:block; position: relative;
                                                    text-align: center; border:1px solid #D7D5CE; width:140px;
                                                    -webkit-border-radius: 2px;
                                                    -moz-border-radius: 2px;
                                                    border-radius: 2px;
                                                    box-shadow: none;
                                                    margin: 10px 10px;
}
#order .payment_method:hover, #prepaid .payment_method:hover { border:1px solid  #F05037; }
#order .payment_method.active, #prepaid .payment_method.active { border:1px solid  #F05037; color: #F05037;   background: #fff ; }

#order .payment_method .prepaid, #prepaid .payment_method .prepaid { width:98px; height:76px; display:block; background: url('../img/prepaid.png')  0 0  no-repeat; background-size:98px 152px; margin:0 auto; }
#order .payment_method.active .prepaid, #prepaid .payment_method.active .prepaid {  background: url('../img/prepaid.png') 0 -76px  no-repeat;  }
#order .payment_method .payu, #prepaid .payment_method .payu { width:98px; height:76px; display:block; background: url('../img/payu.png') 0 0  no-repeat; background-size:98px 152px; margin:0 auto;}
#order .payment_method.active .payu, #prepaid .payment_method.active .payu { background: url('../img/payu.png') 0 -76px  no-repeat; }

#order .payment_method .arrow, #prepaid .payment_method .arrow { width:0; height:0;}
#order .payment_method.active .arrow, #prepaid .payment_method.active .arrow { width:136px; height:13px; display:block; background-image: url('../img/payment_arrow.png'); position: absolute; left:0; bottom:-12px;}




.delivery_day .el.current { background: #50AAA0;}
.delivery_day .el.history { background: #828C96;}
.delivery_day .el {  background: #F05037; padding-left:15px;
                     -webkit-border-radius: 2px;
                     -webkit-border-top-right-radius: 25px;
                     -webkit-border-bottom-right-radius: 25px;
                     -moz-border-radius: 2px;
                     -moz-border-radius-topright: 25px;
                     -moz-border-radius-bottomright: 25px;
                     border-radius: 2px;
                     border-top-right-radius: 25px;
                     border-bottom-right-radius: 25px;
}
.delivery_day .el > div.row { margin:0; margin-bottom: 10px; padding:0px; background: #645A50;
                              -webkit-border-top-right-radius: 25px;
                              -webkit-border-bottom-right-radius: 25px;
                              -moz-border-radius-topright: 25px;
                              -moz-border-radius-bottomright: 25px;
                              border-top-right-radius: 25px;
                              border-bottom-right-radius: 25px;
}
.delivery_day .day { background: #645A50; color: #fff; padding:10px 7px;}
.delivery_day .day:first-child {
    padding:2px 7px;
}
.delivery_day .day .place_name{ overflow: hidden; line-height: 24px; max-height: 50px;}

.delivery_day .day .day_name { font-size: 1.1em; letter-spacing: 0.5px; font-weight: 600; }
.delivery_day .products .pname { line-height: 24px; max-height: 50px; overflow:hidden; }
.delivery_day .products {background: #E1DCCD;padding:5px 10px; min-height:76px; line-height: 45px;
                         /*                         -webkit-border-top-right-radius: 2px;
                                                  -webkit-border-bottom-right-radius: 2px;
                                                  -moz-border-radius-topright: 2px;
                                                  -moz-border-radius-bottomright: 2px;
                                                  border-top-right-radius: 2px;
                                                  border-bottom-right-radius: 2px;*/
}
.delivery_day .products > div { padding:8px 0;  border-top:1px solid #D0CBBC;}
.delivery_day .products > div:first-child { border: 0;}
.delivery_day .disabled {   pointer-events: none; color: #A29C96;  }
.delivery_day .products img.minithumb { width: 65px; height:50px; float:left; margin-right:10px;}

#signup label {font-weight: normal; }
#signup .col-md-12 {padding: 0;}
#signup .border { border-top: 1px solid #ccc; padding-top:20px; margin-top:0px; }
#signup .has-error input { background: #FFF3F1; }
#signup .has-error label { color:red; }
#signup .input-group-btn .btn-primary {  padding: 7px 12px;}
.smallertxt { font-size:0.9em; }

.btn-primary { background-image: none; background-color:  #F05037; border: 0px; font-family: 'Brandon_Reg', sans-serif; letter-spacing: 1px;}
.btn-primary:hover {  background-color:  #FF8273; }
.btn-primary:active {  background-color:  #FF8273; }
.btn-primary:visited {  background-color:  #F05037; }
.btn-primary:focus {  background-color:  #F05037; }
.btn-primary.disabled, .btn-primary:disabled, .btn-primary[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:visited, .btn-primary[disabled]:focus { background-color: #828C96; }

.nav > li > a:hover, .nav > li > a:focus { background: none; color: #50AAA0;}
.navbar-default { background: none; box-shadow: none; border:0; }
.navbar ul img { width: 38px; height:31px;}

.navbar-default .navbar-nav > li > a.selected { color: #F05037; }
.navbar-header .small-menu .navbar-nav { margin:0;}
.navbar ul li a { line-height:42px; padding:0px; margin: 10px; }
.navbar ul li a:hover {  color: #F05037 !important;  }
.navbar .txt { float:right; }
.navbar .img_user { display:block; width:24px; height:38px; background:url('../img/user.png')  no-repeat; background-size: 24px 76px; float:right;margin-left:5px;  margin-top:-2px;}
.navbar .selected .img_user, .navbar a:hover .img_user  { background:url('../img/user.png') 0 -38px  no-repeat !important; }
.navbar .img_usersignup { display:block; width:29px; height:32px; background:url('../img/usersignup.png')  no-repeat; background-size: 29px 64px; float:right;margin-left:5px; margin-top:3px;  }
.navbar .selected .img_usersignup, .navbar a:hover .img_usersignup  { background:url('../img/usersignup.png') 0 -32px  no-repeat !important;  }
.navbar .img_basket { display:block;width:43px; height:38px; background:url('../img/menubasket.png')  no-repeat; background-size: 43px 76px; float:right;margin-left:5px;  }
.navbar .selected .img_basket, .navbar a:hover .img_basket { background:url('../img/menubasket.png') 0 -38px  no-repeat !important;  }
.navbar .img_calendar {display:block;width:40px; height:38px; background:url('../img/calendar.png')  no-repeat; background-size: 40px 76px; float:right;margin-left:5px;  }
.navbar .selected .img_calendar, .navbar a:hover .img_calendar { background:url('../img/calendar.png') 0 -38px  no-repeat !important;  }

.navbar .glyphicon { margin:0 2px; font-size: 25px;color:#645A50; line-height:30px;margin-top:4px;float:right; }
.navbar .glyphicon:hover {color: #F05037 !important;    }
.navbar-toggle { padding:0;  border:0 ; }
.navbar-toggle:hover,.navbar-toggle:focus  { padding:0;  border:0 ; background-color: transparent !important;}
.navbar-toggle .img_menu {display:block;width:32px; height:32px; background:url('../img/menu.png')  no-repeat; background-size: 32px 64px; float:right; }
.navbar-toggle:hover .img_menu { background:url('../img/menu.png') 0 -32px  no-repeat !important;  }

.progress { height:8px;}
.progress-bar { line-height:5px; background: #F05037; }
.progress-bar-danger { line-height:5px; background: red; }

#contact label { line-height:33px; margin:0; font-weight: normal; }
#prepaid label { line-height:33px; margin:0; font-weight: normal; }
#reminder label { line-height:33px; margin:0; font-weight: normal; }
#reminder .input-group-btn .btn-primary {  padding: 7px 12px;}
.profile_form label {  line-height:33px; margin:0; font-weight: normal; }
.profile_form2 label {  font-weight: normal; }
.profile_form .input-group-btn .btn-primary {  padding: 7px 12px;}
#invoice_prepare_form label { line-height:33px; margin:0; font-weight: normal; }

input[type='number'] {    -moz-appearance:textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {    -webkit-appearance: none;}
input[type='checkbox']{    vertical-align: -5% }

.how_points span.desc { color:#8B8177; }
.how_arrow { position:absolute;top:50px;left:83%; }

#how_photo4_desc { height:1px;width:35%;position:relative; top:220px; padding-right:30px; }
#how_photo4_desc p { font-size:0.8em; line-height:15px !important; }

.alert-danger { background: none; background-color: #FF8273; border:0; color: #fff;}
.alert-success { background: none; background-color: #81C464; border:0; color: #fff;}

.maxwidth { width:100%; }
#howphoto1 { position:relative; top:-82px; z-index:0; margin-bottom:-40px; width:100%; height:1080px; background:url('../img/how_photo1.jpg')  no-repeat; background-size: 1700px 956px; background-position:  50% 0 ;}
#howphoto2 { position:relative; top:-82px; z-index:0; margin-bottom:-40px; width:100%; height:1080px; background:url('../img/how_photo2.jpg')  no-repeat;background-size: 1700px 956px; background-position:  50% 0 ;}
#howphoto3 { position:relative; top:-82px; z-index:0; margin-bottom:-40px; width:100%; height:1080px; background:url('../img/how_photo3.jpg')  no-repeat;background-size: 1700px 956px; background-position:  50% 0 ;}
#howphoto4 {  width:100%; height:672px; background:url('../img/how_photo4.jpg')  no-repeat;background-size: 1920px 672px; background-position:  50% 0 ;}
#howphoto5 {   width:100%; height:700px; background:url('../img/how_photo5.jpg')  no-repeat; background-size: 1920px 700px; background-position:  50% 0 ; margin-top:10px;position: relative; top:-90px;z-index:0; margin-bottom: -110px;}
#promo_header { width:100%; height:359px; background:url('../img/promo_header.png')  no-repeat; background-size: 1400px 359px; background-position:  50% 0 ; background-color: #D03622; display:block;}
#promo_header_small { width:100%; height:260px; background:url('../img/promo_header_small.png')  no-repeat; background-size: 1400px 260px; background-position:  50% 0 ; background-color: #D03622; display:block;}

@media(max-width:767px){
    #howphoto1 { height:562px; background-size: 1000px 562px; }
    #howphoto2 { height:562px; background-size: 1000px 562px; }
    #howphoto3 { height:562px; background-size: 1000px 562px; }
    #howphoto4 { height:350px; background-size: 1000px 350px; background-position:  65% 0 ;}
    #howphoto5 { height:365px; background-size: 1000px 365px; }
    #promo_header { height:201px; background-size: 800px 201px; }
    #promo_header_small { height:149px; background-size: 800px 149px; }
}
@media(min-width:768px ){
    #howphoto1 { height:731px; background-size: 1300px 731px; }
    #howphoto2 { height:731px; background-size: 1300px 731px; }
    #howphoto3 { height:731px; background-size: 1300px 731px; }
    #howphoto4 { height:455px; background-size: 1300px 455px; }
    #howphoto5 { height:474px; background-size: 1300px 474px; }
    #promo_header { height:280px; background-size: 1100px 280px; }
    #promo_header_small { height:205px; background-size: 1100px 205px; }
}
@media(min-width:992px ){
    #howphoto1 { height:731px; background-size: 1300px 731px; }
    #howphoto2 { height:731px; background-size: 1300px 731px; }
    #howphoto3 { height:731px; background-size: 1300px 731px; }
    #howphoto4 { height:455px; background-size: 1300px 455px; }
    #howphoto5 { height:474px; background-size: 1300px 474px; }
    #promo_header { height:280px; background-size: 1100px 280px; }
    #promo_header_small { height:205px; background-size: 1100px 205px; }
}
@media(min-width:1200px ){
    #howphoto1 { height:810px; background-size: 1440px 810px; }
    #howphoto2 { height:810px; background-size: 1440px 810px; }
    #howphoto3 { height:810px; background-size: 1440px 810px; }
    #howphoto4 { height:504px; background-size: 1440px 504px; }
    #howphoto5 { height:525px; background-size: 1440px 525px; }
    #promo_header { height:359px; background-size: 1400px 359px; }
    #promo_header_small { height:260px; background-size: 1400px 260px; }
}

#how_button { position: relative; top:220px; z-index:100;}
#how_button .dot span { background:none; }
#how_button .btn { position:relative; top:-10px;}

#promo .circle { width:51px; height:52px; background:url('../img/promo_circle.png')  no-repeat; color: #fff; line-height:52px; padding-left:2px;text-align: center; font-size:1.4em; margin:auto; margin-top:15px; }
#promo .circle.active { width:51px; height:52px;background:url('../img/promo_circleactive.png')  no-repeat;  }
#promo h3 { font-size:1.6em; }
#promo .elements { font-size: 1.2em;}
#promo .max, #how_lunch .max {max-width:100%;}
#promo .promo_arrow { width:186px; height:52px; background:url('../img/promo_arrow.png')  no-repeat; position:absolute; top:-20px; left: 215px; z-index:200; }
#promo .promo_arrow2 {  top:-30px; left:200px; }
@media(max-width:1200px){
    #promo .promo_arrow  { top:-30px; left:160px; }
    #promo .promo_arrow2 {  top:-35px; left:150px; }
}
@media(max-width:767px){
    #promo .dots { background:none; }
}

.promo_link { border:1px solid #f05037;padding:5px;margin:0 auto;text-align: center;font-size: 1.2em;border-radius: 3px; }
.reflink { border:1px solid #f05037;padding:5px;margin:0 auto;text-align: center;font-size: 1.2em;border-radius: 3px; }
.olpoints { list-style-type:lower-alpha; }

.comments { border-left: 1px solid #ccc; overflow:hidden; }
.comments .text { padding: 10px; background: #fff; position: relative;}
.comments .text:after {
    content: '';
    border-style: solid; border-width: 15px 15px 15px 0; border-color: transparent #FFFFFF;
    position: absolute; display: block; width: 0; z-index: 1; left: -15px; top: 5px;
}
.comments .text2 { padding: 10px; background: #fff; position: relative;}
.comments .text2:after {
    content: '';
    border-style: solid; border-width: 0px 15px 15px 15px; border-color:#FFFFFF transparent;
    position: absolute; display: block; width: 0; z-index: 1; left: 5px; top: -15px;
}
.comments .row{ margin-bottom:15px;}
.votes h1{ color: #63594f; margin:0; margin-right: 10px; text-align: left;float:left; vertical-align: top; padding:0px;}
.star-active {color:#FCB31F !important;}
.click-star{cursor: pointer;}

.votes .stars { position:relative; height: 20px;width:108px;float:left; }
.votes .stars .all { position: absolute; top: 0px;left: 0px; overflow: hidden; white-space: nowrap; direction: rtl;}
.votes .stars .active { position: absolute;top: 0px; left: 0px; overflow: hidden; background-color: #f2f2eb; white-space: nowrap; }
.comments hr {margin: 10px 0px; box-sizing: content-box; height: 0;}
.meals .votes {  overflow:hidden; position:absolute; top:5px; left:5px; padding:5px;
                 background: rgba(255, 255, 255, 0.5);
                 -webkit-border-radius: 4px;
                 -moz-border-radius: 4px;
                 border-radius: 4px;
}
.meals .votes .stars .active { background-color:transparent;   }
.machine_logo{
    background-image: url('../img/arrow.png');
    background-repeat: no-repeat;
    background-position: 0px 11px;
    background-size: 34px 14px;
    font-family: 'Brandon_Reg';
    font-weight: bold;
    margin-left:75px;
    padding-left:40px;
    color: #F05037;
}
a.machine_logo:hover {color: #FF8273}