@charset "UTF-8";
html, body {
    margin:0;
    padding:0;
    height:100%;
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:14px;
    background:#f9f9f9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

form {
    display:inline;
}

input, textarea {
    font-family: Arial,sans-serif;
    outline: none;
}

a{color:#222;}
a:hover{color:#006eae;}
a:focus{color:#000;}

#search {
    width:558px;
    height:60px;
    margin-right:15px;
    margin-top: -10px;
    float:left;
    position: relative;
}

.cityinp {
    border:0;
    color: #444444;
    margin: 0;
    width: 230px;
    font-size: 16px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:10px 40px 10px 40px;
    box-sizing: border-box;
}

.placeinp {
    border-width: 0;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    color: #444444;
    font-size: 16px;
    height: 60px;
    width: 560px;
    padding:10px 0 10px 40px;
    box-sizing: border-box;
}

.placeholder {
    color:#777;
}

#searchbtn {
    background: #37beea;
    border-radius: 0px 1px 1px 0px;
    border-width: 0;
    color: #444444;
    margin-top:0;
    width: 38px;
    height:33px;
    line-height:33px;
    color:#fff;
    float:right;
    cursor: pointer;
}

#searchbtn:hover {
    background:#15a2d5;
}

#login {
    float:left;
    text-align:right;
    margin-left:10px;
    margin-top:12px;
}
#login ul {
    list-style: none;
    padding:0;
    margin:0;
}
#login ul li {
    float:left;
    margin-right:40px;
}
#login a {
    text-decoration: none;
    color:#fff;
}

.placestatus {
    float:right;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
}
.ps_close {
    background: #f55656;
}
.ps_open {
    background: #08bb23;
}


img {
    border:0;
}

#main {
    margin-top:0;
    margin-bottom:15px;
    margin-right:30px;
    padding:0;
    width:720px;
    float:left;
}

.break {
    border-bottom: 1px solid #EFEFEF;
    clear: both;
    margin: 15px 0;
    padding-top: 15px;
}

#side {
    float:left;
    width:300px;
}

.box {
    line-height:20px;
}

.box_tit {
    padding-bottom:7px;
    margin-bottom:7px;
    font-weight:bold;
}

.district {
    color: #00688C;
    list-style: square outside none;
    padding: 0 0 0 15px;
    margin:0;
}

.district ul {
    list-style: outside none disc;
    margin-top: 5px;
    padding-left: 15px;
}

.district li {
    margin-bottom:8px;
}

.district li a {
    color:#444;
    text-decoration:none;
}

.district li a:hover {
    text-decoration:underline;
}

.nearby {
    color: #777;
    list-style: none;
    padding: 0;
    margin-bottom:0;
}

.nearby li {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #EFEFEF;
}

.nearby li:last-child {
    border: 0 none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nearbydis {
    float:right;
    color:#555;
    margin-top:11px;
}

#premain {
    margin-top:15px;
    margin-bottom:20px;
}
#title {
    height:50px;
}

#map {
    width:1050px;
    height:200px;
    margin-top:25px;
    margin-bottom:25px;
    border-radius:5px;
}

.btop {
    border-top:1px solid #efefef;
    padding-top:20px !important;
}

.lef {
    float:left;
}
.cle_lef {
    clear:left;
}
.day {
    padding:5px 0;
    font-size:15px;
    overflow:hidden;
    color:#333;
}
.day:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.today {
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(0,0,0,0.3);
    background:#f4f4f4;
    margin-left: -5px;
    padding-left: 5px;
}

.holiday {
    background: #f44336;
    border-radius: 2px;
    color: #fff;
    margin: 15px 0;
    padding: 10px;
    text-align: center;
}

#premain h1, #premain h2 {
    font-size:22px;
    line-height:1.15;
    margin:0 0 5px;
    color:#222;
}

.website {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

h1, h2 {
    font-size:22px;
    margin:0;
    color:#222;
}

h3 {
    color: #222;
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 5px;
}

.subtitle {
    font-size:15px;
    margin-top:5px;
}

#breadcrumb {
    color: #767676;
    font-size: 12px;
    padding: 10px 0 0;
}
#breadcrumb a:first-child {
    padding-left:0 !important;
}
#breadcrumb a {
    color: #777;
    text-decoration: none;
    padding-left:5px;
    padding-right:5px;
}
#breadcrumb a:hover {
    text-decoration: underline;
}
#breadcrumb strong {
    color: #555555;
    font-weight: normal;
    padding-left:5px;
}

#plalef {
    width:300px;
}
#plarig {
    width:300px;
    float:right;
}

.lopen:before {
    content: "Geöffnet";
}
.lopen:after {
    content:" ";
    display:block;
    float:left;
    height:9px;
    width:9px;
    margin-top:2px;
    margin-right:5px;
    border-radius:5px;
    background: #08bb23;
}
.lopen {
    color:green;
}

.lclose:before {
    content:"Geschlossen";
}
.lclose:after {
    content:" ";
    display:block;
    float:left;
    height:9px;
    width:9px;
    margin-top:1px;
    margin-right:5px;
    border-radius:9px;
    background: #fe4d4d;
}
.lclose {
    color:red;
}




.close::before, .open::before {
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 9px;
    margin-right: 5px;
    margin-top: 0;
    width: 9px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.open::before {
    background: #08bb23;
}
.open {
    color:green;
}
.close::before {
    background: #fe4d4d;
}
.close {
    color:red;
}
.close::after {
    content: "Geschlossen";
}
.open::after {
    content: "Geöffnet";
}

.pla,.ToBranch {
    padding-bottom:15px;
    padding-top:15px;
    color:#555;
    line-height:22px;
    margin-bottom:10px !important;
    cursor: pointer;
}

.pla:hover {
    box-shadow:0 0 1px rgba(0, 0, 0, 0.35) !important;
}

.plgo {
    float:left;
    margin-top:4px;
    margin-right:25px;
    width:80px;
}
.plgo img {
    border-radius:2px;
}
.pla a,.pla>.lnk {
    color:#333;
    text-decoration:none;
    font-size:15px;
}
.pla a:hover {
    color:#222;
}
.psm {
    font-weight:normal;
    color:#666;
    font-size:14px;
}
.ozdet {
    font-size:14px;
    line-height:20px;
    color:#777;
    float:right;
    text-align:right;
}

.ligopen {
    display:block;
    float:left;
    height:10px;
    width:10px;
    margin-top:5px;
    margin-right:5px;
    border-radius:5px;
    background: #08bb23;
}
.ligclose {
    display:block;
    float:left;
    height:10px;
    width:10px;
    margin-top:5px;
    margin-right:5px;
    border-radius:5px;
    background: #ddd;
}

#placelogo {
    margin-right:20px;
    float:left;
}

.nblogo {
    float:left;
    margin-right:20px;
    margin-top:4px;
    width:56px;
    height:35px;
}
.nblogo img,#placelogo img {
    border-radius:2px;
}
#map-data {
    margin-top:13px;
    margin-bottom:5px;
    margin-left:-2px;
}

.titplc {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px 10px;
}
.boxspace {
    margin-bottom:15px;
}

.cindex {
    list-style: none;
    padding:0;
    margin:0;
}
.cindex li {
    float: left;
    margin-bottom:10px;
    width: 277px;
}

.paginfo {
    color: #999;
    line-height: 58px;
    margin-top: 15px;
}
.pagination {
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
    float:right;
}

.pagination a:hover {
    background:#f5f5f5;
    color:#313841;
    text-decoration: none;
}

.current, .pagination a {
    background:#fff;
    border-radius: 1px;
    float: left;
    min-width: 12px;
    padding: 15px 9px;
    text-align: center;
    color:#313841;
    text-decoration: none;
    box-shadow:0 0 1px rgba(0, 0, 0, 0.15);
}

.current {
    background:#efefef;
    font-weight:bold;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-widget-content {
    background: #fff;
    color: #222222;
}

.ui-menu-item em {
    color: #777;
    font-style: normal;
}

.achl {
    color:#777;
}

.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align:left;
    border-color: #eee #ddd #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.02);
    padding-top:5px;
    box-sizing: border-box;
}

.ui-menu .ui-menu-item a {
    display: block;
    padding: 10px;
    text-decoration: none;
    font-size:15px;
}
.ui-widget-content a {
    color: #222222;
}

.jsonSuggest>li>a:hover, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #f9f9f9;
    cursor:pointer;
}

.sl {
    color: #777;
    display: inline;
    font-size: 12px;
    margin-left: 5px;
}

.sta_bl {
    float:left;
    padding-left:40px;
    width:330px;
    height:85px;
    margin-right:10px;
}
.sta_sta a {
    color:#555;
}
.sta_cit {
    margin-top:5px;
}
#welcome {
    margin-bottom:20px;
    font-size:15px;
    line-height:150%;
}

#footerspc {
    height:200px;
}

#footer {
    background: #252c34;
    color:#6a7686;
    font-size:12px;
    line-height:150%;
    height:116px;
    min-width:1140px;
    padding:15px 0 0;
}
#footer a {
    color:#919ba6;
}
#footer a:hover {
    color:#9eaab7;
}
#footer ul {
    list-style: none;
    padding:0;
    margin:0;
}
.f_title {
    color:#6A7686;
    font-size:14px;
    font-weight:bold;
}
.f_hr {
    border-color: #48525c;
    border-style: solid;
    border-width: 1px 0;
    margin: 15px 0;
}

.lngtxt {
    color: #333333;
    font-size: 14px;
    line-height: 140%;
}

.lngtxt strong {
    line-height: 200%;
}

.social a {
    margin-left:10px;
    opacity:0.5;
}
.social a:hover {
    opacity:1;
}


.spce_top {
    margin-top:15px;
}

.btn_sml {
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 7px 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.btn_std {
    border: 1px solid;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding: 8px 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}

.btn_col_blue {
    background: #27b7e4; /* Old browsers */
    background: -moz-linear-gradient(top,  #27b7e4 0%, #03a9dd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27b7e4), color-stop(100%,#03a9dd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #27b7e4 0%,#03a9dd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #27b7e4 0%,#03a9dd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #27b7e4 0%,#03a9dd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #27b7e4 0%,#03a9dd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27b7e4', endColorstr='#03a9dd',GradientType=0 ); /* IE6-9 */
    color:#fff;
    border-color:#068ab3;
}
.btn_col_blue:hover {
    background: #33bce5; /* Old browsers */
    background: -moz-linear-gradient(top,  #33bce5 0%, #03b5eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33bce5), color-stop(100%,#03b5eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #33bce5 0%,#03b5eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #33bce5 0%,#03b5eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #33bce5 0%,#03b5eb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #33bce5 0%,#03b5eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bce5', endColorstr='#03b5eb',GradientType=0 ); /* IE6-9 */
}

.btn_col_green {
    background: #73b039; /* Old browsers */
    background: -moz-linear-gradient(top,  #73b039 0%, #4b9a15 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b039), color-stop(100%,#4b9a15)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #73b039 0%,#4b9a15 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #73b039 0%,#4b9a15 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #73b039 0%,#4b9a15 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #73b039 0%,#4b9a15 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73b039', endColorstr='#4b9a15',GradientType=0 ); /* IE6-9 */
    color:#fff;
    border-color:#296918;
}
.btn_col_green:hover {
    background: #7abb3d; /* Old browsers */
    background: -moz-linear-gradient(top,  #7abb3d 0%, #51a917 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abb3d), color-stop(100%,#51a917)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7abb3d 0%,#51a917 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7abb3d 0%,#51a917 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7abb3d 0%,#51a917 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7abb3d 0%,#51a917 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abb3d', endColorstr='#51a917',GradientType=0 ); /* IE6-9 */
}

@font-face {
    font-family: "offen";
    src:url("https://cdn.offen.net/offen-27.eot");
    src:url("https://cdn.offen.net/offen-27.eot?#iefix") format("embedded-opentype"),
    url("https://cdn.offen.net/offen-27.woff") format("woff"),
    url("https://cdn.offen.net/offen-27.ttf") format("truetype"),
    url("https://cdn.offen.net/offen-27.svg#offen") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="i-"]:before,
[class*=" i-"]:before {
    font-family: "offen" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.i-res:before {
    font-family: "offen" !important;
    content: "f";
    font-size: 16px;
    display:block;
    float:left;
    margin-right:5px;
    margin-top:5px;
}

.i-map {
    color: #37beea;
    float: left;
}
.i-map:before {
    font-family: "offen" !important;
    content: "c";
    font-size: 17px;
    display:block;
    float:left;
    margin-right:5px;
    margin-top:7px;
}

.i-list {
    border-radius: 2px 0 0 2px;
    border-right: 1px solid rgba(0,0,0,0.2);
}
.i-list:before {
    font-family: "offen" !important;
    content: "b";
    font-size: 20px;
    display:block;
    float:left;
    margin-right:8px;
    margin-top:-2px;
}

.i-clock:after {
    font-family: "offen" !important;
    content: "a";
    color: #aaa;
    float: right;
    font-size: 12px;
    margin-left: 6px;
}

.i-ddown:before {
    content: "b";
    float:right;
    margin-right:-17px;
    line-height:18px;
}

.i-search {
    position:absolute;
    z-index:99;
}

.i-search::before {
    color: #37beea;
    content: "d";
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 40px;
    line-height: 57px;
    margin: 0 auto;
    text-align: center;
    width: 40px;
    position:absolute;
    transition: all 150ms ease-in-out;
}

.i-search:hover:before, .i-search:focus:before {
    color:#313841;
}

.i-check:before {
    content: "j";
    display: inline-block;
    font-size: 18px;
    margin:0 auto;
}

#multimap {
    display:none;
    width:720px;
    height:650px;
    margin-bottom:10px;
    border-radius:2px;
}

#to-mobile {
    background: none repeat scroll 0 0 rgba(255,255,255,0.2);
    color: #fff;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-align:center;
    font-weight:bold;
}

#chaloc:before {
    content: "c";
    display: inline-block;
    float: left;
    font-family: "offen" !important;
    font-size: 21px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    top: 18px;
    color: #37beea;
    transition: all 150ms ease-in-out;
}
#chaloc:hover:before, #chaloc:focus:before, .cic:before {
    color:#313841 !important;
}

#chaloc {
    border-left:1px solid #eee;
    position:absolute;
    top:0;
    right:0;
    color:#444;
    z-index: 100;
}

#curloc {
    position:absolute;
    right:0;
    top:0;
    width:45px;
    height:60px;
    z-index:101;
    cursor: pointer;
}
#curloc::before {
    content: "v";
    display: inline-block;
    float: left;
    font-family: "offen" !important;
    font-size: 21px;
    left: 12px;
    top: 19px;
    position: absolute;
    color: #ccc;
    transition: all 150ms ease-in-out;
}
#curloc:hover::before {
    color: #313841;
}
.curloc-load::before {
    background:url('https://cdn.offen.net/img/loading-40.gif') no-repeat;
    background-size:20px 20px;
    content: " " !important;
    display: inline-block;
    float: left;
    font-size: 21px;
    left: 12px;
    top: 20px !important;
    width:20px;
    height:20px;
    position: absolute;
}

.nextbra {
    height: 40px;
    line-height: 20px;
    padding-left: 40px;
    margin-bottom:-15px;
}

.nextbra:before {
    color: #aaa;
    content: "e";
    float: left;
    font-family: "offen" !important;
    font-size: 25px;
    margin-left: -35px;
    margin-top: 10px;
}

.arrow_box {
    position: relative;
    background: #ffffff;
    border-radius:2px;
    box-shadow:0px 0px 1px rgba(0,0,0,0.8);
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 79%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 13px;
    margin-left: -13px;
}
.arrow_box:before {
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, 0.15);
    border-width: 14px;
    margin-left: -14px;
}

.nextdatestate {
    border: 1px solid #37beea;
    margin-bottom: 15px;
    padding: 10px 20px;
    line-height: 20px;
}

.smap {
    margin-top:20px;
    margin-bottom:15px;
    border-radius:2px;
    overflow:hidden;
}

.smap img {
    width:100%;
}

.subnav {
    margin:0 0 15px;
    padding:0;
    list-style:none;
}

.subnav>li {
    display:inline-block;
    font-size:16px;
}

.subnav>li a {
    background: #fff;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
    color:#555;
    padding:7px 10px 8px;
    border-top: 2px solid transparent;
    border-radius: 1px;
    margin-right: 10px;
    display:inline-block;
    text-decoration:none;
}

.subnav>li a:hover {
    color:#222;
    border-top: 2px solid #327df0 !important;
    padding-bottom: 8px !important;
    padding-top: 7px !important;
}

.subon {
    padding:8px 10px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
    border-radius: 1px;
    margin-right: 10px;
    display:inline-block;

    background: #fff;
    border-top: 2px solid #327df0 !important;
    padding-bottom: 8px !important;
    padding-top: 7px !important;
    color:#327df0;
}

.items {
    font-size:14px;
    margin:0 48px 40px;
}

.cat,.ucat {
    font-size:16px;
    margin:0 0 0 48px;
    color:#333;
    font-weight:bold;
}

.note {
    font-size:13px;
    font-style: italic;
    color:#777;
    margin-bottom:5px;
    margin-left:48px;
}

.item {
    padding:10px 0;
    display:inline-block;
    width:100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.price {
    float:right;
    margin-left:10px;
    font-weight:600;
}

.name {
    display:inline;
    font-weight:600;
}

.desc {
    font-weight:400;
    margin-top:4px;
    color:#777;
}

.extras {
    font-size:12px;
    font-weight:300;
}

.extra {
    display:inline-block;
    margin-right:15px;
}

.etitle {
    margin-top:8px;
}

.ename {
    display:inline;
    margin-right:5px;
    font-style:italic;
}

.eprice {
    display:inline;
}

#selectcards {
    list-style: none;
    padding:0;
    margin:0;
    margin-bottom:15px;
    text-align:center;

}
#selectcards li {
    display:inline-block;
    border:1px solid #ccc;
    border-radius:20px;
    padding:5px 15px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.menulink {
    float:right;
    font-weight:normal !important;
    background:url(https://cdn.offen.net/img/menu.svg) no-repeat 0 3px;
    padding-left:20px;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

#bgo {
    background:rgba(0,0,0,0.75);
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}

#mapclose {
    background: #37beea;
    box-shadow: 0 2px 1px rgba(255, 255, 255, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: 35px;
    text-align: center;
    top: 20px;
    width: 100px;
    border-radius:1px;
    z-index: 9999;
}
#mapclose:hover {
    background: #7eadfb;
}

#ib {
    position: absolute;
    top:0;
    left:0;
    width:170px;
    height:35px;
    background:#fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    border-radius:2px;
    padding:8px;
    font-size:13px;
    display:none;
    overflow:hidden;
    z-index:200;
}

#mapfs {
    position:absolute;
    width:auto;
    height:auto;
    left:25px;
    right:25px;
    top:25px;
    bottom:25px;
    z-index:99;
}
.mrk {
    position:absolute;
    cursor:pointer;
    background:#8601a8;
    width:12px;
    height:12px;
    border-radius:50%;
}
.mrk:hover {
    background: #000 !important;
    z-index:99;
}

.filter {
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 5px 10px;
    border-radius:2px;
    line-height:32px;
    color:#444;
}

.filterbar {
    border: 1px solid #ddd;
    margin: 10px 0;
    border-radius:2px;
    line-height:32px;
    color:#444;
}

.oitop {
    color: #888;
    margin-right: 5px;
}

.openit {
    cursor:pointer;
    color:#555;
    padding: 5px 20px;
}

.openit:hover {
    color:#222;
}

.openit:before {
    font-family: "offen" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "b";
    float:right;
    line-height:32px;
    font-size:18px;
}

.filterbit {
    list-style: none;
    padding:0;
    margin:0;
}

.filterbit li {
    position: relative;
    display: inline-block;
    border-right:1px solid #ddd;
}

.show-menu::before {
    content:" ";
    background: url("https://cdn.offen.net/img/top-arrow.png") no-repeat;
    height: 7px;
    left: 25px;
    opacity: 1;
    position: absolute;
    top: -6px;
    width: 20px;
    z-index: 100;
}

.menu {
    background: #fff;
    position:absolute;
    top:28px;
    left:-1px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    z-index:1;
}

.show-menu {
    visibility: visible !important;
    opacity: 1;
    transform: translateY(10px) perspective(600px) rotateX(0deg);
}


.filit > .cnt {
    color: #cdcdcd;
    position: absolute;
    right: 15px;
    top:5px;
}

.filit {
    position: relative;
}

.filit a {
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 0.8rem 3rem 0.8rem 1rem;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
}

.filit a:hover {
    background: rgba(0, 0, 0, 0.05);
    cursor: pointer;
    color:#333;
}

.filiton:before {
    font-family: "offen" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "j";
    right:15px;
    top:14px;
    position:absolute;
}
.filit.filiton {
    background:#37beea;
    color:#fff;
    position:relative;
}
.filit.filiton a {
    color:#fff;
}

.foptions {
    float:right;
    margin:-5px -10px;
}

.flabel {
    color: #777;
    font-size: 12px;
    margin-bottom: 3px;
    margin-left: 7px;
}

.fopt {
    background:#e9e9e9;
    color: #777;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 8px 20px;
    text-decoration: none;
}

.fopt:last-child {
    margin-right:0;
}
.fopt:hover, .fopt_sel {
    background: none repeat scroll 0 0 #37beea;
    color: #fff;
}

#sfsmap {
    border-left: 1px solid #eee;
    float: right;
    padding: 5px 15px;
    cursor: pointer;
}
#sfsmap:hover {
    background:rgba(0,0,0,0.05);
}

.btnnext {
    background: none repeat scroll 0 0 #37beea;
    border: 0 none;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    padding: 8px 18px;
    letter-spacing: 0.5px;
    cursor:pointer;
    margin-top:15px;
    float:right;
}
.btnnext:hover {
    background:#15a2d5;
}


#editplace:before {
    font-family: "offen" !important;
    content: "u";
    font-size: 14px;
    display:block;
    float:left;
    margin-right:5px;
    margin-top:2px;
    color:#37beea;
}
#editplace {
    text-decoration: underline;
    cursor: pointer;
    color:#555;
    margin-left:3px;
}
#editplace:hover {
    color:#222;
}


#searchscrn {
    background: rgba(230,230,230,0.75);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:10;
    display:none;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    display:block !important;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#searchhead {
    height:40px;
    background: #fff;
    padding:10px 0;
    box-shadow:0 0px 3px rgba(0, 0, 0, 0.3);
}

#searchback {
    color: #777;
    float: left;
    font-size: 19px;
    line-height: 40px;
    cursor:pointer;
    width:210px;
}
#searchback:hover {
    color: #555;
}
#searchback:before {
    color: #999;
    content: "l";
    float: left;
    font-family: "offen" !important;
    font-size: 28px;
    line-height: 38px;
    margin-right: 12px;
    margin-left: -9px;
}
#searchback:hover:before {
    color: #777;
}

/*ListEngine*/
#changesearch {
    background: #ef5350;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}

#noresult {
    color: #222;
    font-size: 16px;
    line-height: 1.5;
    text-align:center;
}

#searchstat {
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 16px;
    padding-bottom: 15px;
}

#searcharea {
    margin-top:15px;
}

#filter {
    float: left;
    margin-right: 15px;
    width: 300px;
}

.subfilter {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    border-top:1px solid #eee;
    margin: 15px 0 5px;
    padding: 15px 0 0;
}

.notop {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top:0 !important;
    margin-bottom:15px;
}

.back,.back a {
    float:right;
    font-size:12px;
    line-height: 18px;
    text-decoration: none;
    font-weight:normal;
    color:#555;
}
.back a:hover {
    color:#222;
    text-decoration: underline;
}

.filbut {
    list-style:none;
    margin:0 0 15px;
    padding:0;
}

.filbut li {
    font-size: 14px;
    padding:4px 25px 5px 20px;
    cursor:pointer;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height:12px;
}

.filbut>li>a, .filbut>li>span {
    text-decoration: none;
    line-height:16px;
    color:#222;
}



.sfil:hover::after, .selfil::before {
    color: #37beea;
    content: "j";
    font-size: 11px;
    left: 1px;
    top: 5px;
    position:absolute;
    font-family:"offen";
}

.remfil::before,.sfil::before {
    border: 1px solid #eee;
    border-radius: 2px;
    height: 11px;
    width: 11px;
    content: " ";
    left: 0px;
    top: 4px;
    position: absolute;
}

.remfil::after {
    color: #37beea;
    content: "j";
    font-size: 11px;
    left: 1px;
    top: 5px;
    position:absolute;
    font-family:"offen";
}

.sfhide {
    display:none;
}

.smore {
    font-size:12px !important;
    color:#777;
}
.smore::before {
    content: "alle anzeigen";
}
.smore::after {
    content: "b";
    font-family: "offen";
    margin-left: 3px;
    position: absolute;
    top: 5px;
}
.smore:hover {
    color:#222;
}

.ooso {
    position: absolute;
    right: 0;
    top: 3px;
    width: 24px;
}
.oos {
    display: block; overflow: hidden; cursor: pointer;
    height: 12px; padding: 0;
    line-height: 12px;
    border: 1px solid #ccc;
    border-radius: 12px;
    background-color: #ddd;
}
.oos:before {
    content: "";
    display: block;
    width: 12px;
    margin: 0px;
    background: #fff;
    position: absolute;
    top: 0; bottom: 0;
    right: 10px;
    border: 1px solid #999;
    border-radius: 12px;
}

.oos-on {
    background-color: #08bb23;
    border-color: #08bb23;
}
.oos-on:before {
    border-color:#3ea533;
    right:0;
}

.fopen {
    background: #08bb23 !important;
    color:#fff !important;
}
.filcnt {
    color: #999 !important;
    font-size: 11px;
    line-height:18px;
    position: absolute;
    right: 0;
}

#cmain {
    float:left;
    width:510px;
}

#rside {
    float: left;
    margin-left: 15px;
    width: 300px;
}

.menulnk {
    color: #444 !important;
    font-family: Tahoma, Geneva, Helvetica;
    font-size: 10px !important;
    font-weight: normal !important;
    line-height: 1;
    margin-left: 10px;
    text-transform: uppercase;
}

#ShowMap {
    background: url("https://cdn.offen.net/img/showmap.png") no-repeat;
    border-radius: 2px;
    cursor: pointer;
    height: 55px;
    margin-bottom: 15px;
    padding-top: 20px;
}

#ShowMap:hover span {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    transition: all 150ms ease-in-out;
}

#ShowMap span {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
    padding: 8px 10px;
    width: 110px;
}

#resultcount {
    float: right;
    line-height: 25px;
    color:#444;
}

.wbx {
    background:#fff;
    box-shadow:1px 1px 0 rgba(0, 0, 0, 0.03);
    padding:15px;
    margin-bottom: 15px;
}

.cnav {
    margin-bottom: 15px;
    padding: 10px;
    background: rgb(247, 247, 247);
    border-top: 1px solid rgb(238, 238, 238);
    border-bottom: 1px solid rgb(238, 238, 238);
}

.cnav ul {
    margin:0;
    padding:0;
    list-style:none;
}

.cnav ul>li {
    display:inline-block;
    font-size:16px;
}

.cnav ul>li a {
    color:#555;
}

.cnav ul>li a:hover {
    color:#222;
}

.ShowPlace {
    cursor:pointer;
}

.ThumbMap {
    height: 150px;
    overflow: hidden;
    position: relative;
}

.ThumbMap:hover .ThumbMapBtm {
    background: rgba(255, 255, 255, 1);
}

.ThumbMapBtm {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    bottom: 5px;
    color: #555;
    font-size: 12px;
    left: 5px;
    padding: 5px 10px;
    position: absolute;
}

.tday {
    font-weight:bold;
}

.section {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
    line-height:32px;
}
.section::before {
    content: " ";
    display: block;
    float: left;
    height: 32px;
    width: 32px;
    margin-right: 15px;
}
.section.starter::before {
    background: url("https://cdn.offen.net/img/starter-card.png") no-repeat;
    background-size:100%;
}
.section.main::before {
    background: url("https://cdn.offen.net/img/main-card.png") no-repeat;
    background-size:100%;
}
.section.dessert::before {
    background: url("https://cdn.offen.net/img/dessert-card.png") no-repeat;
    background-size:100%;
}

.charcount {
    color: #888;
    font-size: 12px;
    margin-top: 5px;
    text-align: right;
}
.charcountgood {
    color:#08bb23 !important;
}

#alert {
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top:0;
    z-index: 999999;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    text-align:center;
    padding:25px;
    cursor: pointer;
    font-size:18px;
    -webkit-animation: SlideDown 300ms ease;
    -moz-animation:    SlideDown 300ms ease;
    -o-animation:      SlideDown 300ms ease;
    animation:         SlideDown 300ms ease;
}
.alrt-hide {
    top:-300px !important;
    -webkit-transition: top 500ms ease;
    -moz-transition: top 500ms ease;
    -o-transition: top 500ms ease;
    transition: top 500ms ease;
}
.alrt-show {
    top: 0 !important;
}
.alrt-success {
    background: #57bf57;
    color:#fff;
}
.alrt-failed {
    background: #fe4d4d;
    color:#fff;
}
.alrt-info {
    background: #327df0;
    color:#fff;
}

@-webkit-keyframes SlideDown {
    0%   { top: -300px; }
    100% { top: 0; }
}
@-moz-keyframes SlideDown {
    0%   { top: -300px; }
    100% { top: 0; }
}
@-o-keyframes SlideDown {
    0%   { top: -300px; }
    100% { top: 0; }
}
@keyframes SlideDown {
    0%   { top: -300px; }
    100% { top: 0; }
}

.inp {
    box-sizing: border-box;
    width: 100%;
    border:1px solid #555;
}
.inp:active {
    border:1px solid #327df0;
}

.transition {
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}




#WriteReview {
    background: #37beea;
    padding:5px 10px;
    font-size:15px;
    color:#fff;
    float:right;
    border-radius:2px;
    cursor: pointer;
    transition: all 100ms ease-in-out;
}
#WriteReview:hover {
    background: #313841;
}

.rar {
    margin-bottom: 5px;
}

.rar > .rc {
    border-radius: 2px;
    margin-right: 5px;
    padding: 1px 4px;
}

.rattot {
    margin-right:15px;
}
.rattotnum {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    padding: 5px 10px;
    margin-bottom:10px;
}
.rattotnum::after {
    background: url("https://cdn.offen.net/img/rstar.svg") no-repeat;
    content: "";
    float: right;
    height: 15px;
    margin-left: 6px;
    margin-top: 7px;
    width: 15px;
}

.rl {
    padding:8px;
    color:#fff;
    font-weight:bold;
    border-radius:2px;
    float:right;
}

.rl::after{
    background: url("https://cdn.offen.net/img/rstar.svg") no-repeat;
    content: "";
    float: right;
    height: 12px;
    margin-left: 5px;
    margin-top: 2px;
    width: 12px;
}

.ratrec {
    color: #777;
    font-size: 14px;
    margin-top: 9px;
}

.ar {
    height:25px;
}
.ar>.rc {
    padding:5px;
    border-radius:2px;
    margin-right:5px;
}


.rc {
    display:inline;
    color:#fff;
}

.rc5 {
    background:#08bb23 !important;
}
.rc4 {
    background:#23d53e !important;
}
.rc3 {
    background:#ffcc00 !important;
}
.rc2 {
    background:#ffa200 !important;
}
.rc1 {
    background:#f55656 !important;
}

.rcf5 {
    fill:#08bb23 !important;
}
.rcf4 {
    fill:#23d53e !important;
}
.rcf3 {
    fill:#ffcc00 !important;
}
.rcf2 {
    fill:#ffa200 !important;
}
.rcf1 {
    fill:#f55656 !important;
}

.rphotos {
    margin-top:10px;
    margin-bottom:10px;
}
.rphotos>a {
    margin-right:10px;
}
.rateblock {
    clear:left;
    height:20px;
}

.ratestar {
    float:left;
    width:30px;
}
.ratestar::after {
    background: url("https://cdn.offen.net/img/rstar_g.svg") no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    width: 10px;
}

.rateline {
    background: #efefef none repeat scroll 0 0;
    border-radius: 8px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    height: 10px;
    width: 80px;
    float:left;
    margin-top:4px;
}

.EditReview {
    cursor: pointer;
}
.EditReview:hover {
    color:#222;
}

.revsubt {
    border-top: 1px solid #f5f5f5;
    color: #888;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 12px;
}
.uname {
    font-weight: bold;
    padding-top:3px;
}
.urev {
    margin-top:6px;
    font-size:12px;
    color:#777;
}

.rh {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px 5px;
    position: relative;
    height:45px;
}


.lr::before {
    background: url("https://cdn.offen.net/img/rstar.svg") no-repeat;
    content: "";
    float: right;
    height: 11px;
    margin-left: 5px;
    margin-top: 9px;
    width: 11px;
}
.lr {
    border-radius: 2px;
    color: #fff;
    float: right;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 8px;
    margin-top:5px;
}

.lrec {
    font-size: 12px;
    line-height: 18px;
    margin-top: 41px;
    text-align: right;
    color:#999;
}
.lrec::after {
    content:"";
    background:url("https://cdn.offen.net/img/helpful.svg") no-repeat;
    width:12px;
    height:12px;
    display: block;
    float:right;
    margin-left:5px;
    margin-top:2px;
}
.lrec a {
    font-size:13px;
}

.rr {
    background: #08bb23;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    line-height: 26px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top:2px;
    width: 25px;
}

.rr::before {
    background: url("https://cdn.offen.net/img/rstar.svg") no-repeat;
    content: "";
    float: right;
    height: 11px;
    margin-top: 7px;
    width: 11px;
}

.rrb {
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 8px;
    width: 60px;
}

.rrb::before {
    color: #888;
    content: "b";
    float: left;
    font-size: 14px;
    font-weight: normal;
    font-family: "offen" !important;
    right: 45px;
    position: absolute;
    top: 7px;
    opacity: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.rrb:hover::before {
    color:#333 !important;
}

.rb:hover .rrb::before {
    opacity: 1;
}

.arrb {
    margin: 0 -15px;
    padding:0 15px;
    display:none;
    width:100%;
}

.userpnav {
    list-style:none;
    padding: 0;
    margin: -15px 0;
}

.lnk-review::before {
    background:url('https://cdn.offen.net/img/rstar_g.svg') no-repeat;
    content: "";
    height: 16px;
    width: 16px;
}
.lnk-review-on {
    color:#37beea !important;
}
.lnk-review:hover::before, .lnk-review-on::before {
    background:url('https://cdn.offen.net/img/rstar_b.svg') no-repeat;
    content: "";
    height: 16px;
    width: 16px;
}

.lnk-bookmark::before {
    background:url('https://cdn.offen.net/img/bookmark_g.svg') no-repeat;
    content: "";
    height: 16px;
    width: 16px;
}
.lnk-bookmark-on {
    color:#37beea !important;
}
.lnk-bookmark:hover::before, .lnk-bookmark-on::before {
    background:url('https://cdn.offen.net/img/bookmark_b.svg') no-repeat;
    content: "";
    height: 16px;
    width: 16px;
}

.lnk-photo::before {
    background:url('https://cdn.offen.net/img/photos_g.svg') no-repeat;
    content: "";
    height: 16px;
    width: 16px;
}
.lnk-photo-on {
    color:#37beea !important;
}
.lnk-photo:hover::before, .lnk-photo-on::before {
    background:url('https://cdn.offen.net/img/photos_b.svg') no-repeat;
    content: "";
    height: 16px;
    width: 16px;
}

.lnk-logout::before {
    background:url('https://cdn.offen.net/img/logout_g.svg') no-repeat;
    content: "";
    height: 16px;
    width: 16px;
}
.lnk-logout-on {
    color:#37beea !important;
}
.lnk-logout:hover::before, .lnk-logout-on::before {
    background:url('https://cdn.offen.net/img/logout_b.svg') no-repeat;
    content: "";
    height: 16px;
    width: 16px;
}

.userpnav li {
    position: relative;
}

.userpnav li a:before {
    float: left;
    margin-right: 15px;
}

.userpnav li a {
    border-bottom: 1px solid #eee;
    margin: 0 -15px;
    padding: 15px;
    display:block;
    text-decoration: none;
}
.userpnav li:last-child a {
    border-bottom: none !important;
}
.userpnav li a:hover {
    color:#37beea !important;
}
.userpnav li span {
    color: #999;
    position: absolute;
    right: 0;
    top: 15px;
}
.pimg {
    float:left;
    height:45px;
    margin-right:15px;
}
.pimg img {
    width:45px;
    height:45px;
    border-radius:100%;
}

.review {
    line-height:1.6;
    color:#333;
}

.ratelist {
    border-top: 1px solid #eee;
    clear: left;
    color: #37beea;
    line-height: 50px;
    margin: 0 -15px;
    padding: 0 15px;
}

#profilepicture {
    float:left;
    width:125px;
    height:125px;
    background-position: center;
    background-size: 100%;
    border-radius:100%;
    position: relative;
    overflow:hidden;
    -webkit-transition: box-shadow 250ms ease-out;
    -moz-transition: box-shadow 250ms ease-out;
    -o-transition: box-shadow 250ms ease-out;
    transition: box-shadow 250ms ease-out;
}

#profilepicture:hover {
    box-shadow: 0 0 0 3px #37beea;
}

#ChangeProfilePhoto {
    height: 125px;
    width: 125px;
    position: absolute;
    left:0;
    top: 0;
    line-height:125px;
    opacity: 0;
    text-align: center;
    cursor: pointer;
    color:#444;
}
#ChangeProfilePhoto:hover {
    background:rgba(255,255,255,0.7);
    opacity: 1;
}

#lvlbar {
    background: #efefef;
    border-radius: 8px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    height: 10px;
    width: 100%;
    margin-top:10px;
}

#lvlprogress {
    background: #37beea;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    height: 10px;
    width: 30%;
}

#userstats {
    list-style: none;
    padding: 0;
    margin:8px 0 0;
    float:right;
}
#userstats li {
    float: left;
    font-size: 19px;
    margin-left: 25px;
}
#userstats li:last-child {
    width:auto;
}
.ussub {
    color: #777;
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
}


.rtipps li::before {
    color: #08bb23;
    content: "j";
    float: left;
    font-family: "offen" !important;
    font-size: 16px;
    margin-right: 5px;
}
.rtipps li {
    color: #444;
    line-height: 34px;
}
.rtipps {
    list-style:none;
    margin:0;
    padding:0;
}








.loading {
    display: block;
    background:#fff;
    width:32px;
    height:32px;
    margin-left:-16px;
    margin-top:-16px;
    border-radius:16px;
    border:2px solid #333;
}
.tiles-item .caption {
    background:rgba(0,0,0,.8);
    color:#fff;
    font-size:12px;
}
.tiles-item .caption span {
    margin:10px;
    display: block;
    font-family: 'The Girl Next Door', cursive;
    font-size: 14px;
    font-weight: normal;
}
.tiles img {
    /*display: none;*/
}

.tiles {
    margin:15px 0;
    height: 300px !important;
}




.spinner {
    background-color: #fff;
    border-radius: 100%;
    height: 100%;
    position: absolute;
    width: 100%;
    top:0;
    left:0;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 100% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
          opacity: 0;
      }
}







/*!
* CSS jQuery.filer
* Copyright (c) 2015 CreativeDream
* Version: 1.0.5 (19-Nov-2015)
*/

/*-------------------------
    Basic configurations
-------------------------*/
.jFiler * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jFiler {
    font-family: sans-serif;
    font-size: 14px;
    color: #494949;
}

/* Helpers */
.jFiler ul.list-inline li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.jFiler .pull-left {
    float: left;
}

.jFiler .pull-right {
    float: right;
}

/* File Icons */
span.jFiler-icon-file {
    position: relative;
    width: 57px;
    height: 70px;
    display: inline-block;
    line-height: 70px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    overflow: hidden;
    box-shadow: 42px -55px 0 0 #A4A7AC inset;
}

span.jFiler-icon-file:after {
    position: absolute;
    top: -1px;
    right: -1px;
    display: inline-block;
    content: '';
    border-style: solid;
    border-width: 16px 0 0 16px;
    border-color: transparent transparent transparent #DADDE1;
}

span.jFiler-icon-file i[class*="icon-jfi-"] {
    font-size: 24px;
}

span.jFiler-icon-file.f-image {
    box-shadow: 42px -55px 0 0 #e15955 inset;
}

span.jFiler-icon-file.f-image:after {
    border-left-color: #c6393f;
}

span.jFiler-icon-file.f-video {
    box-shadow: 42px -55px 0 0 #4183d7 inset;
}

span.jFiler-icon-file.f-video:after {
    border-left-color: #446cb3;
}

span.jFiler-icon-file.f-audio {
    box-shadow: 42px -55px 0 0 #5bab6e inset;
}

span.jFiler-icon-file.f-audio:after {
    border-left-color: #448353;
}


/* Progress Bar */
.jFiler-item-assets.jFiler-row {
    left: 20px;
    position: absolute;
    top: 50px;
}

.jFiler-jProgressBar {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    height: 15px;
    margin-bottom: 0;
    margin-top: 3px;
    overflow: hidden;
    padding: 3px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.jFiler-jProgressBar .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #37beea;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.jFiler-jProgressBar .bar.dark {
    background-color: #555;
}

.jFiler-jProgressBar .bar.blue {
    background-color: #428bca;
}

.jFiler-jProgressBar .bar.green {
    background-color: #5cb85c;
}

.jFiler-jProgressBar .bar.orange {
    background-color: #f7a923;
}

.jFiler-jProgressBar .bar.red {
    background-color: #d9534f;
}

/* Thumbs */
.jFiler-row:after,
.jFiler-item:after {
    display: table;
    line-height: 0;
    content: "";
    clear: both;
}

.jFiler-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*-------------------------
    Default Theme
-------------------------*/
.jFiler-theme-default .jFiler-input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 2px;
    color: #888;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 19px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.jFiler-theme-default .jFiler-input.focused {
    outline: none;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
}

.jFiler-theme-default .jFiler.dragged .jFiler-input {
    border: 1px dashed #aaaaaa;
    background: #f9f9f9;
}

.jFiler-theme-default .jFiler.dragged .jFiler-input:hover {
    background: #FFF8D0;
}

.jFiler-theme-default .jFiler.dragged .jFiler-input * {
    pointer-events: none;
}

.jFiler-theme-default .jFiler.dragged .jFiler-input .jFiler-input-caption {
    width: 100%;
    text-align: center;
}

.jFiler-theme-default .jFiler.dragged .jFiler-input .jFiler-input-button {
    display: none;
}

.jFiler-theme-default .jFiler-input-caption {
    display: block;
    float: left;
    height: 100%;
    padding-top: 9px;
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.jFiler-theme-default .jFiler-input-button {
    display: block;
    float: right;
    height: 100%;
    padding-top: 9px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #ccc;
    color: #666666;
    text-align: center;
    background-color: #eee;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.jFiler-theme-default .jFiler-input-button:hover {
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.07);
}

.jFiler-theme-default .jFiler-input-button:active {
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#fefefe));
    background-image: -webkit-linear-gradient(top,#f1f1f1,#fefefe);
    background-image: -o-linear-gradient(top,#f1f1f1,#fefefe);
    background-image: linear-gradient(to bottom,#f1f1f1,#fefefe);
    background-image: -moz-linear-gradient(top,#f1f1f1,#fefefe);
}

/*-------------------------
    Thumbnails
-------------------------*/
.jFiler-items {
    margin-top:15px;
}

.jFiler-items-default .jFiler-item {
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
    background: #f7f7f7;
    color: #4d4d4c;
}


.jFiler-items-default .jFiler-item .jFiler-item-icon {
    font-size: 32px;
    color: #f5871f;

    margin-right: 15px;
    margin-top: -3px;
}

.jFiler-items-default .jFiler-item .jFiler-item-title {
    font-weight: bold;
}

.jFiler-items-default .jFiler-item .jFiler-item-others {
    font-size: 12px;
    color: #777;
    margin-left: -5px;
    margin-right: -5px;
}

.jFiler-items-default .jFiler-item .jFiler-item-others span {
    padding-left: 5px;
    padding-right: 5px;
}

.jFiler-items-default .jFiler-item-assets {
    position: absolute;
    display: block;
    right: 16px;
    top: 50%;
    margin-top: -10px;
}

.jFiler-items-default .jFiler-item-assets a {
    padding: 8px 9px 8px 12px;
    cursor: pointer;
    background: #fafafa;
    color: #777;
    border-radius: 4px;
    border: 1px solid #e3e3e3
}

.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:hover,
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
    color: #d9534f;
}

.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
    background: transparent;
}

/* Thumbnails: Grid */
.jFiler-items-grid .jFiler-item {
    /*float: left;*/
}

.jFiler-items-grid .jFiler-item .jFiler-item-container {
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #e1e1e1;
    background: #fff;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
    position: relative;
    width: 160px;
    height: 115px;
    min-height: 115px;
    overflow: hidden;
    float:left;
    margin-right:10px;
}

.jFiler-item-thumb:hover .icon-jfi-trash {
    visibility: visible;
}
.icon-jfi-trash {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 3px;
    bottom: 5px;
    display: block;
    left: 50%;
    margin-left: -32px;
    padding: 2px 5px;
    position: absolute;
    width: 65px;
    visibility: hidden;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
    width: 100%;
    height: 100%;
    text-align: center;
}

.jFiler-item .jFiler-item-container .jFiler-item-thumb img {
    max-width: none;
    max-height: 100%;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb span.jFiler-icon-file {
    margin-top: 20px;
}

.jFiler-items-grid .jFiler-item-thumb-image.fi-loading {
    background: url('data:image/gif;base64,R0lGODlhIwAjAMQAAP////f39+/v7+bm5t7e3tbW1s7OzsXFxb29vbW1ta2traWlpZycnJSUlIyMjISEhHt7e3Nzc2tra2NjY1paWlJSUkpKSkJCQjo6OjExMSkpKRkZGRAQEAAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBAAeACwAAAAAIwAjAAAF5CAgjmRpnmiqrmzrvnAsz3Rto4Fwm4EYLIweQHcTKAiAQOPRI0QKRcYiEGA4qI8K9HZoGAIOSOBgCdIGBeLCMUgoBJSJjsBAxAiKRSFAQBCVBwMKGRsNQi8DBwsJhyQVGxMKjTCJk0kPjDI5AlQqBAcICFstBQqmmScFGh0dHBaWKAIEBQQDKQEKDxEQCTMBA5Y/o5oDoZYCHB1PMgIHCQacwCPACRStDTEDBrYABQg5wAgGIg4YYjQCogEGB3wI3J2+oD0G42PfN2Pc7D2JRDb/+In4t8MHwYIIEypcyLChQ4YhAAAh+QQFBAAeACwIAAgAEwATAAAFlqAnjiKSjAFJBscgLos4NIQ6JggAKLHXSDWbp6CoLRgeg0ShGwkIKQ9iITggPJFHaqA4eAYIRK0a9SwK0spl0TQkvEIJJnIlCdDCRk4lEJIGBgcHRn4jBBkciROFKgkNDg51jCJBJJU2ARocD4xNAQsGCBMcGz2FAxwZKQwVDYVwEhwOI02MAxsceJMeOgwaJ7skCX0jIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwJAAcAEgAVAAAFjqAnjmJAnihgHChqCACAJKMyoMHBeggSJ40baoC4zTwFB6IlOiwLhkCDMUIYUAUSgiA4RCZLAXPkoDQOsfFosVNjDYaBQiRmWjaaDMTdXDAYbWMJQnwiGBoOBEwmIwVeGhhzKAJ+BBsXIgoSVCcEAxkbAw8enEwAARkaYqluAqliChlLY64aQrNjAT2MKCEAIfkEBQQAHgAsBwAIABQAFAAABZqgJ45jUQBkqorGgQqIsKqteCjyTLbAsBg6UoBA8CgSIoGhGGQNAoXG4zAaNBcPxalJQhS4KwGhUCQgRYHZQGKxVBpgD8CQUCiAYEQTpZpcGFYrBgw5HgkEBg4XFHoqFx10CwMZFCIIDwl8IwscFAQXGR4NGQo6BBocRRUYHgIWGEwqBxoPHgEWoYYXVCsBCTIBqzkHaVwHvCshACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAVABQAAAWaoCeOpDECZKqKgRcY7bqanoHI6+EKSIHjCJ2oMPidCgIPQbHwGUkIBoLwJAEM1OpqQBgkC0yjwBGRRBQokfdXOASzo0MjqTrQUwQIpwM/QSYJKQoaHRUKHgtQSgwTEUIeDRcPSRQcHgiBFREiB1IkdAkaEgMUGAILFoE4AxkaRRIVLRIURTIGGQ0iExWcEzQyBzGwI05PV78rIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAFAAUAAAFlaAnjmRBnmgqCip6kEGbDnJqvmJAsLVIDwgEoTc6JAy0k05VSIoKiSgipgoIaIFKZ8tBVBeNBgORkEwkDt6sYECSBosUwJRybDiqxuOgTmTwCAUKIwAHAwMJDw10CxUNMRIaBQcIAmhPCgYjVAcZDx4REx5lOCoWGCIPER4Bqi0FFwwiEBIxBg9DKpqpEVS5PQUFACohACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWRoCeOpEGeaCoGKmqOQlvKXgId4usR6DA+HA6kQDsxMB0Nr0hSTHxFAgJxIABogpiEI9rgVAiF2ICARCANVovAjsESKoKaNGBkMqrEojA/WDYSHgMIJAVZBwsKSwoSCyIOFx4FJg4LVwQHRCgVDQIOEAEHDi9XJwISFAIADA4iDJ1xEwoiDa2SDFA0rCO5NGwtIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAEwAUAAAFj6AnisNonqeBLWg7GpwmtAENcc8s6ifyGKJMp1DyIFqNjecxUEiKLpGi4slATcBW4hkdDQ6HbHd048TELtah8XCwxqjAsXXdKSyWuuiAILwmGBBABzUiBDUFCQglCBAJIgsTBAQFAQpzAwZ1BREsCwweBQt+Lg8QNQpvCAqFJwMQc6mGjy6kHrI7cB4DeiIhACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcABwASABUAAAWXoCeOI0GQaBpUl5CSRZV4QrYN71hoWBBkGpdISAI4No2BhoNLHRijy8YQmQwOpJMC2BAgIh5fgJZKSDYWYg4FWZMMhkLT7XHYeAW6wrBgLGZ0KQZjgR4IEhFqJIAeBQ8UDQUCeSNzIwcNCCIJDwMDJwgGawSZAQgzBAiWIwELDSIHmh6xOQyiAKciV4oeAHO0IwB0ArweIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAcAEAAVAAAFjKAnjuMwkKgnjFJVosSEeMGVrcc1j8TlehVMIIDh7EaMzMKDuTE4k4DHsCiIKJnCI0LYcE6ehMWyPDxGgshyZL5MUqID6uCAowsEwsouWlTGFAR8HgUJCglHgyNWigF0dXYzBAwPCoJgcAUKBnELAgKYcAObHgdyfIYiBQcAdgIJjAanrq0AsoojQyghACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWYoCeKwQhF5aiqA3SIlDVW7yoOlCRKlVhtNZtHYUkIKBfPYoNaFRADUUTWeAwyGYHHAFmIDhIJImBorBIFB6cDSZUnEGEA08k0UiPDQrsSTB58HgEDhEIqAHgIERESVoY2BAcIBwaPlh5Rl04KCnhnKwMJDFCelgMIBAAeT3hBNqoeAggFIgiaX7ZblZoBB5lbqoG3wzbCKyEAIfkEBQQAHgAsBwAHABUAEwAABZygJ46jIJBoSjZPqa6GGEmBZ0zx60Gt90QiSSb3QkgOHskkkMj0UAOkyCEhLBiey2X0SIwMLKRVAPAEHggCY8N5egiKB6OGAmwtC1UhQScFIgt9JAKCKQUICQkxBw2NCycqBhsdlBgBAwUGBgRlKgMPExMSgSSdKmQvBAgIOqwoAgeKkDopBgMiMbOutCgGSLe8IlIeSKbBI1LAKCEAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkECQQAHgAsAAAAACMAIwAABbWgJ45kaZ5oqq5s675wLM90baPBvS6MTgoKgqjxEBEihZuAsRAxHKJHJXk7NAwBB8RzsPRqBYFo4RgkFALKxMhAxAiKBdXtAXgah4Eis2nIBgcLCSgVGxMKNYAoD4MzAgI5KgQHCAhULQUKmgmRJgUaIhwWLwIEBQQDKQEKDxEQCXYxnSUBcjapKAIcHUg+JgkUHRx+YB6zIw4YEMc2QiMBzDB0HgbGvifR19rb3N3e3+Dh4ikhADs=') no-repeat center;
    width: 100%;
    height: 100%;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 6px 10px;
    background: -moz-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity(0));
    -webkit-transition: all 0.12s;
    -moz-transition: all 0.12s;
    transition: all 0.12s;
}

.jFiler-items-grid .jFiler-no-thumbnail.jFiler-item .jFiler-item-container .jFiler-item-info {
    background: rgba(0,0,0,0.55);
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb:hover .jFiler-item-info {
    bottom: 0;
    opacity: 1;
    filter: aplpha(opacity(100));
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title {
    display: block;
    font-weight: bold;
    word-break: break-all;
    line-height: 1;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-others {
    display: inline-block;
    font-size: 10px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
    margin-top: 10px;
    color: #999;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-success {
    color: #3C763D
}

.jFiler-items-grid .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-error {
    color: #A94442
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-jProgressBar {
    width: 120px;
    margin-left: -5px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-item-others {
    font-size: 12px;
}

.jFiler-items-grid .jFiler-item-trash-action:hover {
    cursor: pointer;
    color: #d9534f;
}

.revpdesc {
    width: 100%;
    box-sizing: border-box;
    padding-left: 170px;
}

.pdesc {
    width:360px;
    height:115px;
}

.editreview {
    width:530px !important;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    background-color: #ddd;
    border-radius: 2px;
    color: #444;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-right: 100px;
    margin-top: -5px;
    padding: 5px 10px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #327df0;
    color:#fff;
}


.inp {
    box-sizing: border-box;
    width: 100%;
    border:1px solid #999;
    padding:10px;
    margin:0;
    resize:vertical;
    font-size:14px;
    color:#333;
    line-height:1.5;
}
.inp:focus {
    border:1px solid #327df0;
}

.inpsub {
    background: #37beea;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    margin-top: 5px;
    border-radius: 2px;
    font-size: 15px;
    padding: 8px 10px;
}
.inpsub:hover {
    background: #39b1d9;
}

.raterow {
    border-bottom: 1px solid #f5f5f5;
    margin: 0;
    padding: 20px 0;
    position: relative;
    text-align:left;
}

.ratsel {
    float: right;
    width:195px;
}

.br-theme-css-stars .br-widget {
    position: absolute;
    right: 0px;
    top: 12px;
    white-space: nowrap;
    width:195px;
}
.br-theme-css-stars .br-widget a {
    float: left;
    margin-right:5px;
    text-decoration: none;
    padding:5px;
    background:#eee;
    border-radius:2px;
}
.br-theme-css-stars .br-widget a:after {
    background-image: url("https://cdn.offen.net/star.svg");
    background-size:100%;
    content: " ";
    display: block;
    height: 24px;
    width: 24px;
}
.br-theme-css-stars .br-widget a.br-active:after {
    background-image: url("https://cdn.offen.net/star_on.svg") !important;
}
.br-theme-css-stars .br-widget a.br-selected:after {
    background-image: url("https://cdn.offen.net/star_on.svg") !important;
}
.br-theme-css-stars .br-widget .br-current-rating {
    color: #777;
    display: block;
    left: -95px;
    line-height: 30px;
    position: absolute;
    text-align: right;
    top: 2px;
    width: 80px;
}







/* line 1, ../sass/simplelightbox.scss */
.sl-overlay {
    background:rgba(0,0,0,0.85);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1006;
}

/* line 12, ../sass/simplelightbox.scss */
.sl-wrapper {
    z-index: 1000;
}
/* line 14, ../sass/simplelightbox.scss */
.sl-wrapper button {
    border: 0 none;
    background: transparent;
    font-size: 24px;
    padding: 0;
    cursor: pointer;
}
/* line 20, ../sass/simplelightbox.scss */
.sl-wrapper button:hover {
    opacity: 0.7;
}
/* line 25, ../sass/simplelightbox.scss */
.sl-wrapper .sl-close {
    background: url("https://cdn.offen.net/img/close.svg") no-repeat;
    background-size: 40px 40px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    opacity: 0.9;
    position: fixed;
    top:30px;
    right: 30px;
    z-index:1010;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}
/* line 33, ../sass/simplelightbox.scss */
.sl-wrapper .sl-counter {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    padding:5px;
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1015;
    color:#555;
}
/* line 41, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation {
    width: 100%;
    display: none;
}
/* line 44, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -45px;
    display: block;
    z-index: 1015;
    font-family: "offen";
    font-size:90px;
    color:#fff;
}
/* line 55, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
}
.sl-next::before {
    content: "k";
}
/* line 59, ../sass/simplelightbox.scss */
.sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
}
.sl-prev::before {
    content: "l";
}
/* line 65, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000;
}
/* line 70, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
}
/* line 75, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {
    border: 0 none;
    background: #000;
}
/* line 79, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0,0,0,0.5);
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/* line 90, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0;
}
/* line 95, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto;
}
/* line 100, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    z-index: 1005;
}

/* line 111, ../sass/simplelightbox.scss */
.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite;
}

/* line 130, ../sass/simplelightbox.scss */
.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@-moz-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@-o-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@-ms-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.expert {
    background:url("https://cdn.offen.net/img/expert.svg") no-repeat;
    display: inline-block;
    float: right;
    height: 16px;
    margin-left: 5px;
    position: absolute;
    top: 5px;
    width: 16px;
}

.acuisine::before {
    content: "Küche";
}
.adoctor::before {
    content: "Fachgebiet";
}
.adoctor::before {
    content: "Fachgebiet";
}
.abar::before {
    content: "Bartyp";
}
.adist {
    color:#37beea;
}
.adist::before {
    content: "Entfernung";
}
.aphotos {
    height:100px;
    margin-top:5px;
    cursor: pointer;
}
.aphotos::before {
    content: "Fotos";
}
.aphotos>.pbarlist {
    float: left;
    background-size:cover;
    border-radius: 1px;
    width: 100px;
    height: 100px;
    margin-right: 10px;
}
.anfo>div::before {
    color: #999;
    left: 0;
    position: absolute;
    text-align: right;
    width: 90px;
}
.anfo>div {
    margin-left: 105px;
}
.anfo {
    font-size: 13px;
    margin-top: 10px;
    position: relative;
}
.anfo a {
    color: #555;
    font-size: 13px;
}
.padd {
    padding-left: 105px;
    font-size: 13px;
    line-height: 18px;
}
.padd a {
    font-size:13px;
    color:#555;
}

.norev::before {
    content: "-";
}
.norev {
    background: #f5f5f5;
    border-radius: 2px;
    color: #ddd;
    content: "-";
    float: right;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    padding: 0 8px;
    text-align: center;
    width: 36px;
}

.HelpfulReview::before {
    background: url("https://cdn.offen.net/img/helpful.svg") no-repeat scroll 0 0;
    content: "";
    float: left;
    height: 19px;
    margin-right: 10px;
    width: 13px;
}
.HelpfulReview:hover::before, .HelpfulActive::before {
    background: url("https://cdn.offen.net/img/helpful_active.svg") no-repeat scroll 0 0;
}

.HelpfulReview {
    color: #777;
    line-height: 19px;
    cursor:pointer;
    display:inline-block;
    margin-top:10px;
}


#tt {
    position: absolute;
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:5px;
    border-radius:1px;
    font-size:12px;
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s,opacity .5s,margin .2s;
    z-index:999999;
    margin-top:0;
}

#tt.active {
    visibility:visible;
    margin-bottom:10px;
    opacity:1;
}
#tt.top {
    margin-top:15px;
}
#tt.top::before {
    top:100%;
    border-bottom:0 !important;
}
#tt.bottom {
    margin-top:-15px;
}
#tt.bottom::before {
    bottom:100%;
    border-top:0 !important;
}
#tt::before {
    position:absolute;
    left:50%;
    width:0;
    height:0;
    margin-left:-4px;
    content:'';
    border:4px solid;
    border-color:rgba(0,0,0,.7) transparent;
}

.guide {
    position: absolute;
    left:50%;
    top:10px;
    cursor: pointer;
    z-index:999;
}
.g-bubble {
    background:#37beea;
    z-index: 2;
    border-radius: 0 50% 50% 50%;
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    -webkit-transition: margin 200ms ease-in-out;
    -moz-transition: margin 200ms ease-in-out;
    -o-transition: margin 200ms ease-in-out;
    transition: margin 200ms ease-in-out;
}
.g-bubble:hover {
    background:#8bb7ff;
}

.g-top>.g-content {
    left: 5px;
    top: 2px;
}
.g-bottom>.g-content {
    bottom: -22px;
    left: -5px;
}

.g-right>.g-content {
    right: -23px;
    top: -5px;
}
.g-left>.g-content {
    left: 2px;
    top: -5px;
}


.g-left>.g-bubble {
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation-name: GuideHor;
    -moz-animation-name: GuideHor;
    animation-name: GuideHor;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.g-right>.g-bubble {
    box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-animation-name: GuideHor;
    -moz-animation-name: GuideHor;
    animation-name: GuideHor;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.g-top>.g-bubble {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left:10px;
    -webkit-animation-name: GuideVer;
    -moz-animation-name: GuideVer;
    animation-name: GuideVer;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.g-bottom>.g-bubble {
    box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-animation-name: GuideVer;
    -moz-animation-name: GuideVer;
    animation-name: GuideVer;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.guide>.g-content {
    visibility: hidden;
    opacity: 0;
}

.g-show>.g-bubble {
    -moz-animation-name: none;
    -webkit-animation-name: none;
    -ms-animation-name: none;
    animation-name: none;
}
.g-show>.g-content {
    visibility:visible !important;
    opacity: 1 !important;
    max-height: none;
}
.g-content {
    background: #fff;
    border-radius: 8px;
    color: #555;
    font-size: 13px;
    line-height:1.5;
    padding: 15px;
    position: absolute;
    text-align: left;
    width: 200px;
    z-index: 3;
    border: 2px solid #37beea;
    box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.15);
    max-height:0;
    overflow: hidden;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.g-content>span {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
    display:block;
    color:#333;
}

@keyframes GuideHor{
    0% {
        margin-left:0;
    }
    50% {
        margin-left:10px;
    }
    100% {
        margin-left:0;
    }
}

@-moz-keyframes GuideHor{
    0% {
        margin-left:0;
    }
    50% {
        margin-left:10px;
    }
    100% {
        margin-left:0;
    }
}

@-webkit-keyframes GuideHor {
    0% {
        margin-left:0;
    }
    50% {
        margin-left:10px;
    }
    100% {
        margin-left:0;
    }
}

@-o-keyframes GuideHor {
    0% {
        margin-left:0;
    }
    50% {
        margin-left:10px;
    }
    100% {
        margin-left:0;
    }
}

@-ms-keyframes GuideHor {
    0% {
        margin-left:0;
    }
    50% {
        margin-left:10px;
    }
    100% {
        margin-left:0;
    }
}

@keyframes GuideVer{
    0% {
        margin-top:0;
    }
    50% {
        margin-top:10px;
    }
    100% {
        margin-top:0;
    }
}

@-moz-keyframes GuideVer{
    0% {
        margin-top:0;
    }
    50% {
        margin-top:10px;
    }
    100% {
        margin-top:0;
    }
}

@-webkit-keyframes GuideVer {
    0% {
        margin-top:0;
    }
    50% {
        margin-top:10px;
    }
    100% {
        margin-top:0;
    }
}

@-o-keyframes GuideVer {
    0% {
        margin-top:0;
    }
    50% {
        margin-top:10px;
    }
    100% {
        margin-top:0;
    }
}

@-ms-keyframes GuideVer {
    0% {
        margin-top:0;
    }
    50% {
        margin-top:10px;
    }
    100% {
        margin-top:0;
    }
}


#headnav {
    float: right;
    width: 300px;
    text-align: right;
}
#Signup, #Login {
    border:1px solid  transparent;
    border-radius: 2px;
    cursor: pointer;
    float: right;
    line-height: 38px;
    margin-left: 15px;
    padding: 0 12px;
    transition: all 100ms ease-in-out;
}
/*#right-start>#headnav>#Login {*/
    /*color:#fff !important;*/
/*}*/
/*#right-start>#headnav>#Login:hover {*/
    /*color:#fff !important;*/
/*}*/
/*#right-start>#headnav>#Signup {*/
    /*color:#fff !important;*/
    /*border-color: rgba(255,255,255,0.7) !important;*/
/*}*/
/*#right-start>#headnav>#Signup:hover {*/
    /*color:#fff !important;*/
    /*border-color: #fff !important;*/
/*}*/
#Login {
    color:#4b4b4b;
}
#Login:hover {
    color: #222;
}

/*.SignupBlue {*/
    /*border-color:#37beea !important;*/
/*}*/
/*.SignupBlue:hover {*/
    /*border-color:#313841 !important;*/
/*}*/

#headnav>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#headnav>ul>li {
    float:right;
}

#UserProfile {
    float:right;
    overflow: hidden;
    margin-left:15px;
    width:40px;
    height:40px;
    border-radius:100%;
}

.ddb {
    padding:0 0 10px;
    cursor: pointer;
    line-height:40px;
    font-size:16px;
    position: relative;
    display: inline-block;
}
.ddb>div>a {
    color:#4b4b4b;
    text-decoration: none;
}
#right-start .ddb>div>a {
    color: #fff !important;
}

.ddb:hover .dd {
    display: block !important;
}

.ddb:hover:before,.ddon:before {
    color:#fff !important;
}

.ddon>.dd {
    display:block !important;
    z-index:9999;
}

.dd {
    background: #fff;
    border:1px solid #eee;
    padding: 10px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 50px;
    width: 150px;
    display: none;
    z-index: 9999;
}

.dd>ul{
    list-style: none;
    margin: -10px 0;
    padding: 0;
}
.dd>ul>li{
    list-style: none;
}

.dd > ul > li > a {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #555 !important;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
}

.dd a > span {
    position: relative;
    left:0px;
    transition: left 0.15s ease-out 0s;
}
.dd > ul > li > a:hover > span {
    color:#327df0;
    left:5px;
}

.dd > ul > li:last-child > a {
    border:none;
}

#footerspc {
    height:200px;
}
#footernew{
    background:#313841;
    padding-bottom: 20px;
    padding-top: 40px;
    color:#a1b1bd;
    clear:both;
    margin-top:40px;
    height:140px;
    min-width:1140px;
}

.fCol {
    float:left;
    margin-right:160px;
}

.fCol ul {
    list-style: none;
    padding:0;
}

.fCol ul a,.fCol ul span {
    text-decoration: none;
    line-height:25px;
    color:#a1b1bd;
}
.fCol ul a:hover {
    color:#fff;
}

.fColTitle {
    color: #657b8b;
    font-size:16px;
}

.CookieAdvise {
    background: #bebebe;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    position: fixed;
    width: 100%;
    padding:10px 0;
    z-index:9999;
}
.CookieAdvise a {
    color: #fff;
}
.CookieOkay {
    float: right;
    text-decoration: underline;
    cursor: pointer;
    width: 80px;
}
.CookieOkay::after {
    font-family: "offen";
    content: "x";
    color: #fff;
    margin-left: 10px;
    font-size: 18px;
    position: absolute;
    top: 8px;
}
#SideMap {
    height:300px;
    width:300px;
    margin-bottom:15px;
    border: 1px solid rgb(204, 204, 204);
    box-sizing: border-box;
}

.bodyhid {
    overflow: hidden !important;
    position: fixed;
    width:100%;
    height:100%;
}

#modal {
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:1100;
    overflow:auto;
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.img-grid  {
    position: relative;
    height:300px;
    width:100%;
    margin-bottom:15px;
    border-radius:2px;
    overflow: hidden;
}

.img-grid>a>div {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.ig1>a>div
{
    width:1140px;
    height:300px;
    left:0;
    top:0;
}

.ig2>a:nth-child(1)>div
{
    width:830px;
    height:300px;
    left:0;
    top:0;
}
.ig2>a:nth-child(2)>div
{
    width:305px;
    height:300px;
    right:0;
    top:0;
}

.ig3>a:nth-child(1)>div
{
    width:830px;
    height:300px;
    left:0;
    top:0;
}
.ig3>a:nth-child(2)>div
{
    width:305px;
    height:150px;
    right:0;
    top:0;
}
.ig3>a:nth-child(3)>div
{
    width:305px;
    height:150px;
    right:0;
    top:155px;
}

.lnk-review::before {
    background-position: 2px 2px !important;
    background-size: 13px auto !important;
    float: left;
    margin-right: 5px;
}
.headnavright {
    list-style: outside none none;
    margin: 0 0 -15px -15px;
    padding: 0;
    float:right;
}
.headnavright li {
    display: inline-block;
}
.headnavright li a {
    text-decoration: none;
    padding: 15px 0px;
    display:block;
    margin-left:20px;
    line-height:18px;
}
.headnavright li a::before {
    background-position: 2px 2px !important;
    background-size: 13px auto !important;
    float: left;
    margin-right: 5px;
}

.headnav {
    list-style: outside none none;
    margin: 0 0 -15px -15px;
    padding: 0;
}
.headnav li {
    border-right: 1px solid #eee;
    float:left;
}
.headnav a {
    display:block;
    color: #222;
    padding: 15px 20px;
    line-height:17px;
    text-decoration: none;
    border-color:#37beea;
    transition: all 50ms linear;
}
.headnav a:hover {
    border-bottom: 2px solid #37beea;
    color: #313841 !important;
    padding-bottom: 13px !important;
}
.headnav span {
    display:block;
    color: #999;
    padding: 15px 20px;
    line-height:17px;
}
.hoi {
    border-bottom: 2px solid #37beea;
    color: #313841 !important;
    padding-bottom: 13px !important;
}

.headrate {
    float:right;
    margin-left:15px;
}
.headrate::after {
    margin-top: 6px !important;
}

.headreview {
    border: 1px solid #ddd;
    border-radius: 2px;
    display: block;
    float: right;
    line-height: 15px;
    margin-right: 0px;
    margin-top: 8px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-decoration: none;
}
.headreview:hover {
    border: 1px solid #999;
    color:#313841;
}
.headreview::before {
    background: url("https://cdn.offen.net/img/rstar_g.svg") no-repeat;
    content:" ";
    float: left;
    height: 15px;
    margin-left: 10px;
    margin-right: 10px;
    width: 15px;
}

.more-photos::before {
    background: url("https://cdn.offen.net/img/photos_w.svg") no-repeat 0 1px;
    content: " ";
    display: block;
    float: left;
    height: 15px;
    margin-right: 8px;
    width: 15px;
}
.more-photos {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    bottom: 15px;
    color: #fff;
    display: block;
    left: 15px;
    padding: 6px;
    position: absolute;
    text-decoration: none;
}
.more-photos:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.category {
    color:#888;
    line-height:1;
}
.category a {
    color:#888;
    line-height:1;
    text-decoration: none;
}
.category a:hover {
    text-decoration: underline;
    color:#444;
}
.BlurBg {
    filter:blur(15px);
    -webkit-filter: blur(15px);
    -ms-filter: blur(15px);
}

#ClaimButton {
    font-size:15px;
    background:#fff;
    font-weight:400;
    position: relative;
    padding-left:25px;
    cursor: pointer;
}
#ClaimButton::before {
    content: ' ';
    background: url(https://cdn.offen.net/img/edit.svg) no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
}
#ClaimButton::after {
    content: "Fehlerhafte Angaben korrigieren";
    display: block;
    font-size: 11px;
    color: #888;
    margin-top: 5px;
    line-height: 1.5;
}

#AddNew {
    position: relative;
    display: block;
    padding-left: 40px;
}

#AddNew>a {
    text-decoration: none;
}
#AddNew::before {
    content: ' ';
    background: url(https://cdn.offen.net/img/plus.svg) no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 18px;
    left: 15px;
}

.Marker {
    background-image: url(https://cdn.offen.net/img/mappins.png);
    background-size: 48px;
    background-repeat: no-repeat;
    width:24px;
    height:25px;
    cursor: pointer;
}

.Marker:hover, .ShowMarker {
    background-position-x:-24px !important;
    z-index: 9999;
}

.ToBranch {
    position: relative;
}
.ToBranch::before {
    content: "k";
    position: absolute;
    right: 10px;
    top: 23px;
    font-size: 25px;
    font-family: "offen";
    color: #888;
}

#CookieBox {
    position: fixed;
    left: 50%;
    bottom: 12px;
    width: 850px;
    background: rgba(243,243,243,.98);
    border-radius: 4px;
    padding: 10px 15px 10px 60px;
    font-size: 14px;
    margin-left: -425px;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    color: #6d6d6d;
    z-index: 999;
}

#CookieBox a {
    color: #5b5b5b
}

#CookieBox::before {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 416.991 416.991'%3E%3Cpath d='M344.649 204.32c-7.807 3.62-16.314 5.501-25.067 5.503-10.392.001-20.665-2.759-29.711-7.982-16.886-9.749-27.772-27.175-29.52-46.218-19.143-1.749-36.518-12.726-46.216-29.523-9.747-16.882-10.465-37.41-2.462-54.773a59.301 59.301 0 01-23.926-36.143c-41.698 1.338-79.982 16.399-110.502 40.79 7.997 7.752 12.731 18.522 12.731 30.139 0 14.868-7.772 27.946-19.461 35.412a41.738 41.738 0 01-22.539 6.588 41.92 41.92 0 01-16.78-3.498l-.078.08A188.165 188.165 0 0020 208.496c0 103.937 84.559 188.496 188.495 188.496 41.112 0 79.18-13.243 110.192-35.67.654-.587 1.493-1.204 2.467-1.842 11.615-8.688 22.217-18.658 31.549-29.74-10.812-7.738-17.66-20.402-17.66-34.193 0-9.15 2.95-17.619 7.937-24.526 7.339-10.164 19.105-16.916 32.449-17.425a28.959 28.959 0 011.615-.049c.404 0 .807.014 1.21.026a187.108 187.108 0 002.548-25.333 59.309 59.309 0 01-36.153-23.92zM132.435 334.871c-13.093 0-24.803-6.025-32.512-15.445-6.215-7.325-9.976-16.795-9.976-27.131 0-23.159 18.841-42 42-42 13.093 0 24.804 6.025 32.512 15.445 6.215 7.325 9.976 16.795 9.976 27.131 0 23.159-18.84 42-42 42zm27.759-151.183c-13.093 0-24.803-6.025-32.512-15.445-6.215-7.325-9.976-16.795-9.976-27.131 0-23.159 18.841-42 42-42 13.093 0 24.803 6.025 32.512 15.445 6.215 7.325 9.976 16.795 9.976 27.131 0 23.158-18.84 42-42 42zm86.769 131.147c-16.814 0-31.855-7.727-41.767-19.815-7.929-9.401-12.721-21.53-12.721-34.762 0-29.776 24.225-54 54-54 16.814 0 31.855 7.727 41.767 19.815 7.929 9.401 12.721 21.53 12.721 34.762 0 29.776-24.225 54-54 54z' fill='%23d4b783'/%3E%3Cpath d='M159.706 163.111c12.131 0 22-9.869 22-22s-9.869-22-22-22-22 9.869-22 22 9.87 22 22 22zM131.948 314.295c12.131 0 22-9.869 22-22s-9.869-22-22-22-22 9.869-22 22 9.869 22 22 22zM69.977 106.111a21.93 21.93 0 00-7.563-16.596 189.01 189.01 0 00-23.448 36.643 21.92 21.92 0 009.011 1.954c12.131-.001 22-9.87 22-22.001zM355.043 295.546c0 7.423 3.79 14.218 9.724 18.234a188.135 188.135 0 0020.101-38.79 21.858 21.858 0 00-7.825-1.444c-12.13 0-22 9.869-22 22zM246.475 294.259c18.748 0 34-15.253 34-34 0-18.748-15.252-34-34-34-18.748 0-34 15.252-34 34 0 18.747 15.252 34 34 34z' fill='%2389634a'/%3E%3Cpath d='M192.218 114.556c5.926 7.242 9.488 16.489 9.488 26.555 0 23.159-18.841 42-42 42-12.822 0-24.314-5.782-32.024-14.869 7.708 9.42 19.419 15.445 32.512 15.445 23.159 0 42-18.841 42-42 0-10.336-3.76-19.806-9.976-27.131zM173.948 292.295c0 23.159-18.841 42-42 42-12.822 0-24.314-5.782-32.024-14.869 7.709 9.42 19.419 15.445 32.512 15.445 23.159 0 42-18.841 42-42 0-10.337-3.761-19.806-9.976-27.131 5.925 7.242 9.488 16.489 9.488 26.555zM300.475 260.259c0 29.776-24.225 54-54 54-16.543 0-31.365-7.485-41.279-19.238 9.911 12.087 24.952 19.815 41.767 19.815 29.775 0 54-24.224 54-54 0-13.232-4.792-25.361-12.721-34.762 7.64 9.317 12.233 21.223 12.233 34.185z' fill='%2389634a'/%3E%3Cpath d='M159.706 183.111c23.159 0 42-18.841 42-42 0-10.066-3.562-19.313-9.488-26.555-7.708-9.42-19.418-15.445-32.512-15.445-23.159 0-42 18.841-42 42 0 10.337 3.761 19.806 9.976 27.131 7.711 9.087 19.202 14.869 32.024 14.869zm0-64c12.131 0 22 9.869 22 22s-9.869 22-22 22-22-9.869-22-22 9.87-22 22-22zM131.948 334.295c23.159 0 42-18.841 42-42 0-10.066-3.562-19.313-9.488-26.555-7.708-9.42-19.419-15.445-32.512-15.445-23.159 0-42 18.841-42 42 0 10.337 3.761 19.806 9.976 27.131 7.71 9.087 19.201 14.869 32.024 14.869zm0-64c12.131 0 22 9.869 22 22s-9.869 22-22 22-22-9.869-22-22 9.869-22 22-22z'/%3E%3Cpath d='M416.97 206.596l-.013-.831a9.999 9.999 0 00-9.494-9.864c-14.875-.751-28.007-9.639-34.27-23.193a9.998 9.998 0 00-14.842-3.978c-6.706 4.73-14.927 7.335-23.146 7.336a39.934 39.934 0 01-19.935-5.363c-13.458-7.77-21.242-22.803-19.83-38.299a9.998 9.998 0 00-2.888-7.977 10.026 10.026 0 00-7.977-2.889 39.953 39.953 0 01-3.614.164c-14.272 0-27.562-7.662-34.683-19.996-7.77-13.458-6.994-30.369 1.976-43.084a10 10 0 00-3.976-14.842c-13.548-6.262-22.434-19.387-23.189-34.254a10 10 0 00-9.858-9.492l-.816-.013C209.777.01 209.137 0 208.496 0 93.531 0 .001 93.531.001 208.496s93.53 208.496 208.495 208.496 208.495-93.531 208.495-208.496c0-.635-.01-1.267-.021-1.9zM62.414 89.515a21.93 21.93 0 017.563 16.596c0 12.131-9.869 22-22 22a21.92 21.92 0 01-9.011-1.954 189.033 189.033 0 0123.448-36.642zm302.354 224.266c-5.935-4.016-9.724-10.811-9.724-18.234 0-12.131 9.869-22 22-22 2.725 0 5.356.501 7.825 1.444a188.135 188.135 0 01-20.101 38.79zm26.18-57.855a42.056 42.056 0 00-12.695-2.354c-.403-.012-.806-.026-1.21-.026-.542 0-1.077.029-1.615.049-13.344.509-25.11 7.26-32.449 17.425-4.987 6.906-7.937 15.376-7.937 24.526 0 13.791 6.848 26.454 17.66 34.193-9.332 11.082-19.935 21.052-31.549 29.74-.822.615-1.635 1.24-2.467 1.842-31.012 22.428-69.08 35.67-110.192 35.67C104.559 396.991 20 312.433 20 208.496c0-16.276 2.085-32.073 5.983-47.148a187.338 187.338 0 015.136-16.655l.034-.098.044.018a41.916 41.916 0 0016.78 3.498 41.738 41.738 0 0022.539-6.588c11.688-7.466 19.461-20.544 19.461-35.412 0-11.617-4.733-22.387-12.731-30.139a41.866 41.866 0 00-1.377-1.286c32.732-32.446 77.26-53.009 126.502-54.589a59.752 59.752 0 0024.107 36.418c-8.064 17.495-7.341 38.179 2.48 55.19 9.771 16.925 27.278 27.985 46.567 29.748 1.761 19.188 12.729 36.747 29.744 46.57 9.114 5.262 19.466 8.043 29.936 8.042 8.82-.001 17.392-1.897 25.258-5.544a59.76 59.76 0 0036.427 24.102 187.7 187.7 0 01-5.942 41.303z'/%3E%3Cpath d='M246.475 314.259c29.775 0 54-24.224 54-54 0-12.961-4.593-24.868-12.233-34.185-9.911-12.087-24.952-19.815-41.767-19.815-29.775 0-54 24.224-54 54 0 13.232 4.792 25.361 12.721 34.762 9.914 11.753 24.736 19.238 41.279 19.238zm0-88c18.748 0 34 15.252 34 34 0 18.747-15.252 34-34 34-18.748 0-34-15.253-34-34 0-18.748 15.252-34 34-34z'/%3E%3C/svg%3E");
    width:30px;
    height:30px;
    float:left;
    margin:5px 0 0 -45px;
}

#CookieAccept {
    float: right;
    background: #222;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
    border-radius: 3px;
}

.fc-consent-root .fc-secondary-button .fc-button-background {
    background: #ccc!important;
}

.p-1.text-center.justify-center,.powerby {
    display: none!important
}

.items-center button {
    margin-bottom: 20px!important;
    outline: 0!important;
    padding: 12px 20px!important;
    font-size: 15px!important;
    text-transform: uppercase!important
}

.unic .font-bold {
    font-weight: 500!important
}

.items-center button:nth-child(2) {
    font-weight: 600!important;
    letter-spacing: .5px!important;
    padding: 12px 30px!important
}

.flex.font-bold.text-xl {
    font-size: 21px!important;
    margin: 5px 0!important;
    color: #111!important
}

.flex.font-bold.text-xl::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 416.991 416.991'%3E%3Cpath d='M344.649 204.32c-7.807 3.62-16.314 5.501-25.067 5.503-10.392.001-20.665-2.759-29.711-7.982-16.886-9.749-27.772-27.175-29.52-46.218-19.143-1.749-36.518-12.726-46.216-29.523-9.747-16.882-10.465-37.41-2.462-54.773a59.301 59.301 0 01-23.926-36.143c-41.698 1.338-79.982 16.399-110.502 40.79 7.997 7.752 12.731 18.522 12.731 30.139 0 14.868-7.772 27.946-19.461 35.412a41.738 41.738 0 01-22.539 6.588 41.92 41.92 0 01-16.78-3.498l-.078.08A188.165 188.165 0 0020 208.496c0 103.937 84.559 188.496 188.495 188.496 41.112 0 79.18-13.243 110.192-35.67.654-.587 1.493-1.204 2.467-1.842 11.615-8.688 22.217-18.658 31.549-29.74-10.812-7.738-17.66-20.402-17.66-34.193 0-9.15 2.95-17.619 7.937-24.526 7.339-10.164 19.105-16.916 32.449-17.425a28.959 28.959 0 011.615-.049c.404 0 .807.014 1.21.026a187.108 187.108 0 002.548-25.333 59.309 59.309 0 01-36.153-23.92zM132.435 334.871c-13.093 0-24.803-6.025-32.512-15.445-6.215-7.325-9.976-16.795-9.976-27.131 0-23.159 18.841-42 42-42 13.093 0 24.804 6.025 32.512 15.445 6.215 7.325 9.976 16.795 9.976 27.131 0 23.159-18.84 42-42 42zm27.759-151.183c-13.093 0-24.803-6.025-32.512-15.445-6.215-7.325-9.976-16.795-9.976-27.131 0-23.159 18.841-42 42-42 13.093 0 24.803 6.025 32.512 15.445 6.215 7.325 9.976 16.795 9.976 27.131 0 23.158-18.84 42-42 42zm86.769 131.147c-16.814 0-31.855-7.727-41.767-19.815-7.929-9.401-12.721-21.53-12.721-34.762 0-29.776 24.225-54 54-54 16.814 0 31.855 7.727 41.767 19.815 7.929 9.401 12.721 21.53 12.721 34.762 0 29.776-24.225 54-54 54z' fill='%23d4b783'/%3E%3Cpath d='M159.706 163.111c12.131 0 22-9.869 22-22s-9.869-22-22-22-22 9.869-22 22 9.87 22 22 22zM131.948 314.295c12.131 0 22-9.869 22-22s-9.869-22-22-22-22 9.869-22 22 9.869 22 22 22zM69.977 106.111a21.93 21.93 0 00-7.563-16.596 189.01 189.01 0 00-23.448 36.643 21.92 21.92 0 009.011 1.954c12.131-.001 22-9.87 22-22.001zM355.043 295.546c0 7.423 3.79 14.218 9.724 18.234a188.135 188.135 0 0020.101-38.79 21.858 21.858 0 00-7.825-1.444c-12.13 0-22 9.869-22 22zM246.475 294.259c18.748 0 34-15.253 34-34 0-18.748-15.252-34-34-34-18.748 0-34 15.252-34 34 0 18.747 15.252 34 34 34z' fill='%2389634a'/%3E%3Cpath d='M192.218 114.556c5.926 7.242 9.488 16.489 9.488 26.555 0 23.159-18.841 42-42 42-12.822 0-24.314-5.782-32.024-14.869 7.708 9.42 19.419 15.445 32.512 15.445 23.159 0 42-18.841 42-42 0-10.336-3.76-19.806-9.976-27.131zM173.948 292.295c0 23.159-18.841 42-42 42-12.822 0-24.314-5.782-32.024-14.869 7.709 9.42 19.419 15.445 32.512 15.445 23.159 0 42-18.841 42-42 0-10.337-3.761-19.806-9.976-27.131 5.925 7.242 9.488 16.489 9.488 26.555zM300.475 260.259c0 29.776-24.225 54-54 54-16.543 0-31.365-7.485-41.279-19.238 9.911 12.087 24.952 19.815 41.767 19.815 29.775 0 54-24.224 54-54 0-13.232-4.792-25.361-12.721-34.762 7.64 9.317 12.233 21.223 12.233 34.185z' fill='%2389634a'/%3E%3Cpath d='M159.706 183.111c23.159 0 42-18.841 42-42 0-10.066-3.562-19.313-9.488-26.555-7.708-9.42-19.418-15.445-32.512-15.445-23.159 0-42 18.841-42 42 0 10.337 3.761 19.806 9.976 27.131 7.711 9.087 19.202 14.869 32.024 14.869zm0-64c12.131 0 22 9.869 22 22s-9.869 22-22 22-22-9.869-22-22 9.87-22 22-22zM131.948 334.295c23.159 0 42-18.841 42-42 0-10.066-3.562-19.313-9.488-26.555-7.708-9.42-19.419-15.445-32.512-15.445-23.159 0-42 18.841-42 42 0 10.337 3.761 19.806 9.976 27.131 7.71 9.087 19.201 14.869 32.024 14.869zm0-64c12.131 0 22 9.869 22 22s-9.869 22-22 22-22-9.869-22-22 9.869-22 22-22z'/%3E%3Cpath d='M416.97 206.596l-.013-.831a9.999 9.999 0 00-9.494-9.864c-14.875-.751-28.007-9.639-34.27-23.193a9.998 9.998 0 00-14.842-3.978c-6.706 4.73-14.927 7.335-23.146 7.336a39.934 39.934 0 01-19.935-5.363c-13.458-7.77-21.242-22.803-19.83-38.299a9.998 9.998 0 00-2.888-7.977 10.026 10.026 0 00-7.977-2.889 39.953 39.953 0 01-3.614.164c-14.272 0-27.562-7.662-34.683-19.996-7.77-13.458-6.994-30.369 1.976-43.084a10 10 0 00-3.976-14.842c-13.548-6.262-22.434-19.387-23.189-34.254a10 10 0 00-9.858-9.492l-.816-.013C209.777.01 209.137 0 208.496 0 93.531 0 .001 93.531.001 208.496s93.53 208.496 208.495 208.496 208.495-93.531 208.495-208.496c0-.635-.01-1.267-.021-1.9zM62.414 89.515a21.93 21.93 0 017.563 16.596c0 12.131-9.869 22-22 22a21.92 21.92 0 01-9.011-1.954 189.033 189.033 0 0123.448-36.642zm302.354 224.266c-5.935-4.016-9.724-10.811-9.724-18.234 0-12.131 9.869-22 22-22 2.725 0 5.356.501 7.825 1.444a188.135 188.135 0 01-20.101 38.79zm26.18-57.855a42.056 42.056 0 00-12.695-2.354c-.403-.012-.806-.026-1.21-.026-.542 0-1.077.029-1.615.049-13.344.509-25.11 7.26-32.449 17.425-4.987 6.906-7.937 15.376-7.937 24.526 0 13.791 6.848 26.454 17.66 34.193-9.332 11.082-19.935 21.052-31.549 29.74-.822.615-1.635 1.24-2.467 1.842-31.012 22.428-69.08 35.67-110.192 35.67C104.559 396.991 20 312.433 20 208.496c0-16.276 2.085-32.073 5.983-47.148a187.338 187.338 0 015.136-16.655l.034-.098.044.018a41.916 41.916 0 0016.78 3.498 41.738 41.738 0 0022.539-6.588c11.688-7.466 19.461-20.544 19.461-35.412 0-11.617-4.733-22.387-12.731-30.139a41.866 41.866 0 00-1.377-1.286c32.732-32.446 77.26-53.009 126.502-54.589a59.752 59.752 0 0024.107 36.418c-8.064 17.495-7.341 38.179 2.48 55.19 9.771 16.925 27.278 27.985 46.567 29.748 1.761 19.188 12.729 36.747 29.744 46.57 9.114 5.262 19.466 8.043 29.936 8.042 8.82-.001 17.392-1.897 25.258-5.544a59.76 59.76 0 0036.427 24.102 187.7 187.7 0 01-5.942 41.303z'/%3E%3Cpath d='M246.475 314.259c29.775 0 54-24.224 54-54 0-12.961-4.593-24.868-12.233-34.185-9.911-12.087-24.952-19.815-41.767-19.815-29.775 0-54 24.224-54 54 0 13.232 4.792 25.361 12.721 34.762 9.914 11.753 24.736 19.238 41.279 19.238zm0-88c18.748 0 34 15.252 34 34 0 18.747-15.252 34-34 34-18.748 0-34-15.253-34-34 0-18.748 15.252-34 34-34z'/%3E%3C/svg%3E");
    width: 26px;
    height: 26px;
    float: left;
    margin: 2px 10px 0 0
}

.flex.m-auto.w-full.justify-center.border-gray-300.border-solid.border-t.p-1 {
    display: none!important;
}