/*
 *  @author: Alessandro Capretti
 *  @since: 2017-02-01
 *  @description: Generic CSS. It contains foodiestrip's standard CSS rules.
 */


/*csslint box-sizing: false*/


/* CUSTOM FONTS */

/* used to smoothen fonts and make them uniform across browsers */
body {
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
}

@font-face {
    -webkit-font-smoothing: antialiased;
    font-family: 'Opificio';
    src: url('fonts/opificio/Opificio.eot');
    src: url('fonts/opificio/Opificio.eot?#iefix') format('embedded-opentype'),
    url('fonts/opificio/Opificio.woff2') format('woff2'),
    url('fonts/opificio/Opificio.woff') format('woff'),
    url('fonts/opificio/Opificio.ttf') format('truetype'),
    url('fonts/opificio/Opificio.svg#Opificio') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font__opificio {
    font-family: 'Opificio';
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/avenir-light/Avenir-Light.eot');
    src: url('fonts/avenir-light/Avenir-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/avenir-light/Avenir-Light.woff2') format('woff2'),
    url('fonts/avenir-light/Avenir-Light.woff') format('woff'),
    url('fonts/avenir-light/Avenir-Light.ttf') format('truetype'),
    url('fonts/avenir-light/Avenir-Light.svg#Avenir-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

.font__avenir {
    font-family: 'Avenir';
    font-weight: normal;
    font-style: normal;
}

.alert__green{
    color:#fff;
    background:#769200;
}

.alert__yellow{
    color:#fff;
    background:#f59d00;
}

.alert__red{
    color:#fff;
    background:#c00b00;
}

/* BASIC CSS */

body {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    font: normal 13px/1.8em 'Archivo Narrow', sans-serif, Arial, Helvetica;
    color: #555;
}

.bg__white {
    background: #fff;
}

.bg__green {
    background: #e7382f;
}

.bg__black {
    background-color: #000;
}

.bg__grey {
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.7);
}

.bg__light-grey {
    background-color: #ccc;
    background-color: rgba(0, 0, 0, 0.12);
}

.bg__barely_white {
    background-color: #f0f0f0;
}

.bg__functionality {
  background-color: #f7f8f2;
}

.bg__blue {
  background-color: #0094df;
}

.float_left{
    float:left;
}

.float_right{
    float:right;
}

.flex{
    display: flex;
}

.relative{
    position: relative;
}

.absolute{
    position: absolute;
}
/* TIPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Archivo Narrow', sans-serif, 'Avenir', Arial, Helvetica;
    font-weight: normal;
}

.color_default{
    color:#555;
}

.color_green {
    color: #e7382f;
}

.color_grey {
    color: #999999;
}

.color_blue {
    color: #148AC5;
}

.color_white {
    color: #fff;
}

.text__shadow{
    text-shadow: 2px 2px 7px rgba(0, 0, 0, 1);
}

.box__shadow{
    -webkit-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.2);
    box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.2);
}

.box__rounded{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.box__rounded3{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

small, .small {
    font-size: 0.7em;
}

hr {
    display: block;
    clear: both;
    border: none;
    height: 2px;
    background: #eee;
    margin: 10px 0;
}

blockquote {
    margin: 0 0 0 20px;
    padding: 10px 10px 10px 25px;
    font-style: italic;
    border-left: 3px solid #555;
    background-color: #c7c7c7;
}


/* BUTTONS & ANCHOR*/

a, .visited, .a {
    color: #148AC5;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}

a:hover, .a__hover, .a:hover {
    color: #000000;
    text-decoration: underline;
}

.a__green {
    color: #e7382f;
}

.a__green:hover, .a__green__hover {
    color: #4E5F1C;
    text-decoration: none;
}

.a__grey {
    color: #d0d0d0;
}

.a__grey:hover, .a__grey__hover {
    color: #fff;
    text-decoration: none;
}

.a__white {
    color: #fff;
}

.a__white:hover, .a__white__hover {
    color: #148AC5;
    text-decoration: none;
}

.a__button, .a__button:hover{
    border: 0;
    background: transparent;
    font-size: inherit;
    padding: 0;
    margin: 0;
    line-height: inherit;
    height:auto;
    outline: none;
}

button, .button {
    font-family:'Archivo Narrow', sans-serif, Arial, Helvetica;
    background: #e7382f;
    cursor: pointer;
    font-size: 18px;
    font-weight: 100;
    outline: none;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 0 2px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0 0 2px rgba(50, 50, 50, 0.2);
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.2);
    display: inline-block;
}

button.no_hover:hover {
  background: #e7382f;
  color: #fff;
}

button.default_reverse {
  background-color: #ffffff;
  color: #e7382f;
  border-color: #e7382f;
}
button.default_reverse:hover {
  background-color: #e7382f;
  color: #ffffff;
}
button.default_reverse.no_hover:hover {
  background-color: #ffffff;
  color: #e7382f;
}

button.currentPage,
button:hover, .button:hover {
    background: transparent;
    border: #e7382f 1px solid;
    text-decoration: none;
    color: #e7382f;
}

button.button__initial, .button__initial {
    margin: inherit;
    width: inherit;
    background: inherit;
    font-family: inherit;
    cursor: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    padding: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    display: inherit;
    height: inherit;
    text-align: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0 rgba(50, 50, 50, 0);
    -moz-box-shadow: 0 0 0 rgba(50, 50, 50, 0);
    box-shadow: 0 0 0 rgba(50, 50, 50, 0);
    border: 0px;
}

button.button__initial:focus, .button__initial:focus {
  outline:none;
}

.button__blue {
    background: #0086D7;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 0 25px;
    line-height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0 0 2px rgba(50, 50, 50, 0.2);
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.2);
}

.button__blue:hover {
    background: #0086D7;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}

.button__grey {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 17px;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
}

.button__grey:hover {
    background-color: #e6e6e6;
    color: #333333;
}

.button__clear {
    background: transparent;
    color: #e7382f;
    border-color: #e7382f;
}

.button__clear:hover {
    background: transparent;
    color: #DCE3C7;
    border-color: #DCE3C7;
}

.button__clear__blue {
    background: transparent;
    color: #0086D7;
    border-color: #0086D7;
}

.button__clear__blue:hover {
    background: transparent;
    color: #DCE3C7;
    border-color: #DCE3C7;
}

.button__clear__grey {
    background: transparent;
    color: #333333;
    border-color: #333333;
}

.button__clear__grey:hover {
    background: transparent;
    color: #DCE3C7;
    border-color: #DCE3C7;
}

.button__list{
    background-color: #f0f0f0;
    color: #555;
    margin: 0;
    width: 100%;
    border-radius: 0;
    font-family: Arial;
    font-weight: 100;
    font-size: 15px;
    text-align: left;
    line-height: 30px;
    height: inherit;
}


/* prevent default button:hover style */
button.button__list:hover {
    background: #FFFFFF;
    border: 1px solid #fff;
    text-decoration: none;
    color: #555;
}

button.button__list.button__list__selected {
    color: #222222;
    background: #FFFFFF
}

button.white__hover:hover {
  color: white;
}
/* LISTS */
ul {
  padding: 0;
  margin: 0;
}
ul {
    display: table;
}
ul > li {
    display: table-row;
    list-style-type: none;
    margin: 0;
}

ul > li::before {
    display: table-cell;
}
ul.squareList > li::before{
    content: '■';
    padding: 2px 20px 2px 0px;
    font-size: 10px;
    line-height: 16px;
    vertical-align: top;
}
ul.dotList > li::before{
    content: '●';
    padding: 2px 20px 2px 0px;
    font-size: 10px;
    line-height: 16px;
    vertical-align: top;
}


/* TABLES */

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: inherit;
}

thead {
    background: #e7382f;
    color: #fff;
    font-family: Avenir;
    text-align: center;
}

th {
    line-height: 30px;
}

tr:hover {
    background: #f0f0f0;
}

thead tr:hover {
    background: inherit;
}

td {
    color: inherit;
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
    text-align: center;
}

td:hover {
    background: #e7e7e7;
}


/* FORMS */

fieldset {
    background: #fff;
    border: 0;
    padding: 8px 15px;
}

fieldset legend {
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    color: #50611A;
    margin-bottom: 15px;
}

label {
    line-height: 18px;
    margin: 6px 0 9px;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    display: block;
}

.big__input label {
    line-height: 18px;
    margin: 6px 0 0 0;
    font-size: 16px;
}

.label__inline {
    display: inline;
}

input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background: #ffffff;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    display: block;
    height: 36px;
    width: 100%;
    padding: 4px 6px;
    font-size: 16px;
    line-height: 36px;
    color: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input::placeholder{
  color:#ccc;
}

.big__input input, .big__input select, .big__input textarea, .big__input input[type="text"],
.big__input input[type="password"], .big__input input[type="datetime"], .big__input input[type="datetime-local"],
.big__input input[type="date"], .big__input input[type="month"], .big__input input[type="time"],
.big__input input[type="week"], .big__input input[type="number"], .big__input input[type="email"],
.big__input input[type="url"], .big__input input[type="search"], .big__input input[type="tel"], .big__input input[type="color"],
.big__input .uneditable-input {
    height: 40px;
    width: 100%;
    font-size: 18px;
    /* padding: 8px 10px; */ /* commented because cuts lower part of chars on Safari */
    line-height: 30px;
}

textarea {
    height: 90px;
    resize: vertical;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgb(82, 168, 236);
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

fieldset.fieldset__grey {
    background: #333;
    color: #fff;
}

fieldset.fieldset__grey legend {
    color: #fff;
}

fieldset.fieldset__green {
    background: #738f13;
    background: -moz-linear-gradient(top, #738f13 0%, #738f13 70%, #5f601c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #738f13), color-stop(70%, #738f13), color-stop(100%, #5f601c));
    background: -webkit-linear-gradient(top, #738f13 0%, #738f13 70%, #5f601c 100%);
    background: -o-linear-gradient(top, #738f13 0%, #738f13 70%, #5f601c 100%);
    background: -ms-linear-gradient(top, #738f13 0%, #738f13 70%, #5f601c 100%);
    background: linear-gradient(to bottom, #738f13 0%, #738f13 70%, #5f601c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#738f13', endColorstr='#5f601c', GradientType=0);
    color: #fff;
}

fieldset.fieldset__green legend {
    color: #fff;
}

/* Form Error */

div.FormInput.-hasError input, div.FormInput.-hasError select, div.FormInput.-hasError textarea, div.FormInput.-hasError input[type="text"],
div.FormInput.-hasError input[type="password"], div.FormInput.-hasError input[type="datetime"], div.FormInput.-hasError input[type="datetime-local"],
div.FormInput.-hasError input[type="date"], div.FormInput.-hasError input[type="month"], div.FormInput.-hasError input[type="time"],
div.FormInput.-hasError input[type="week"], div.FormInput.-hasError input[type="number"], div.FormInput.-hasError input[type="email"],
div.FormInput.-hasError input[type="url"], div.FormInput.-hasError input[type="search"], div.FormInput.-hasError input[type="tel"], div.FormInput.-hasError input[type="color"],
div.FormInput.-hasError .uneditable-input {
    border-color:#b94a48;
}

div.FormError {
    color: #b94a48;
    line-height: 15px;
    font-size: 12px;
    margin-top: 0;
    float: right;
    width: 100%;
}

div.FormError:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f071";
    margin-right: 5px;
}

/* CUSTOM UI FOODIESTRIP STYLING */
.basic-hover {
  cursor: pointer;
}

/* We need to override leaflet's styles which are not under our control */
.color_green a.ft-leaflet-popup-title{
  color: #e7382f;
}
.color_green a.ft-leaflet-popup-title:hover {
  color: #4E5F1C;
  text-decoration: none;
}

/* hide tod calendar element */
.polyfill-right-aligned button {
  display: none;
}

/* class for all blue button of 350px*/

.button__blue__350, .button__blue__170, .button__blue__145, .button__green__350 .button__blue {
  padding: 0px;
  font-weight: 500;
  background-color: #0094df;
  outline: none;
  font-family: 'Avenir';
  border-radius: 5px;
  border: 1px solid #ffffff;
  text-align: center
  -webkit-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.2);
  box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.2);
}

.button__blue__350 {
  width: 350px
}

.button__blue {
    width: 100%;
}

.button__blue__170 {
  width: 170px
}

.button__blue__145 {
     width: 145px;
 }

.button__green__350 {
  width: 350px;
  background-color: #e7382f;
}

.button__blue__350:hover, .button__blue__170:hover, .button__blue__145:hover .button__blue:hover{
  background-color: #0094df;
}

.uppercase {
  text-transform: uppercase;
}

.text-align-right {
  text-align: right;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}

.header-mobile {
    color: #fff;
    font-size: large;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    display: table;
    width: 100%;
    z-index: 9;
}

.header-mobile .icon-menu-container {
    padding: 0px;
}

.header-mobile .icon-menu-container .active{
    background-color:#fff;
}

.icon-menu {
    z-index: 2;
    position: fixed;
    top: 40px;
    width: 90%;
    color: white;
    border: 1px solid #fff;
}

div.icon-menu-container > i.icon-menu.left > nav  i.toggler{
  font-size:18px;
}

.icon-menu .item {
    color: white;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.icon-menu .item i {
    padding-left: 5px;
    padding-right: 5px;
}
.right.icon-menu {
    right: 0;
}
.left.icon-menu {
    left: 0;
}
.toggler {
    margin-top: 5px;
    font-size: small;
}

.header-mobile i.icon {
    padding-top: 0;
}

.header-mobile .header__button__mobile{
    font-size: 24px;
    width:40px;
    line-height: 40px;
    color:#fff;
}

/*LINE CLAMPING*/
.line-clamp
{
	display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;

	line-height        : 1.2;
	overflow           : hidden;
	text-overflow      : ellipsis;
	padding            : 0 !important;
}
.line-clamp:after
{
	content    : '...';
	text-align : right;
	bottom     : 0;
	right      : 0;
	width      : 25%;
	display    : block;
	position   : absolute;
	max-height     : calc(1em * 1.2);
  color:#fff;
	background : transparent;
}
@supports (-webkit-line-clamp: 1)
{
	.line-clamp:after
	{
		display : none !important;
	}
}
.line-clamp-1
{
	-webkit-line-clamp : 1;
	max-height             : calc(1em * 1.2 * 1);
}
.line-clamp-2
{
	-webkit-line-clamp : 2;
	max-height             : calc(1em * 1.2 * 2);
}
.line-clamp-3
{
	-webkit-line-clamp : 3;
	max-height             : calc(1em * 1.2 * 3);
}
.line-clamp-4
{
	-webkit-line-clamp : 4;
	max-height             : calc(1em * 1.2 * 4);
}
.line-clamp-5
{
	-webkit-line-clamp : 5;
	max-height             : calc(1em * 1.2 * 5);
}

/* COOKIE POLICY */
.react-cookie-banner{
  position:fixed;
  bottom:0;
  width:100%;
  background: #fff;
  z-index: 9999999;
  -webkit-box-shadow: 0px -3px 8px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -3px 8px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -3px 8px rgba(50, 50, 50, 0.2);
}

.react-cookie-banner .cookie-message {
  color: #e7382f;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  margin: 5px;
  float: left;
  padding: 20px;
}

.cookie-link{
  margin-left: 5px;
}
.cookie-link:hover{
  color:#fff;
  text-decoration:none;
}

.react-cookie-banner .button-close {
    border: none;
    border-radius: 18px;
    color: rgb(255, 255, 255);
    padding: 0 50px;
    max-width: 200px;
    background-color: transparent;
    background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
    font-family: "Archivo Narrow";
    margin: 0 15px 15px 15px;
    line-height: 30px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    max-height: 50px;
    float: right;
}

.react-cookie-banner .button-close:hover {
  background-image: none;
  background-color: #ffffff;
  color: #3c3c3b;
  height: 28px;
  border: 1px solid #e7382f;
}

/* TRANSITION */
.transition_all {
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.height_ease{
  -webkit-transition: max-height 0.8s; /* Safari */
  -moz-transition: max-height 0.8s;
  -o-transition: max-height 0.8s;
  transition: max-height 0.8s;
  transition-timing-function: ease;
  overflow:hidden;
}

.opacity_ease{
  -webkit-transition: opacity 0.5s; /* Safari */
  transition: opacity 0.5s;
  transition-timing-function: ease;
}

.tagArea::before{
  content: "";
  float: left;
  position: absolute;
  top: 0;
  left: -16px;
  width: 0;
  height: 0;
  border-color: transparent rgb(120, 149, 164) transparent transparent;
  border-style: solid;
  border-width: 16px 16px 16px 0;
}
.blueTagArea::before{
  content: "";
  float: left;
  position: absolute;
  top: 0;
  left: -16px;
  width: 0;
  height: 0;
  border-color: transparent rgb(120, 149, 164) transparent transparent;
  border-style: solid;
  border-width: 16px 16px 16px 0;
}
.editCloseDaysForm{
  height: 140px;
}
@media(max-width: 876px) {
  .editCloseDaysForm {
    height: 270px;
  }
}
@media(max-width: 536px) {
  .editCloseDaysForm {
    height: 400px;
  }
}
@media(max-width: 439px) {
  .editCloseDaysForm {
    height: 540px;
  }
}
@media(max-width: 416px) {
  .editCloseDaysForm {
    height: 690px;
  }
}
/*beta version should disappear when width is low*/
@media(max-width: 738px) {
  .beta_version_header {
    display: none;
  }
}
.noDecorationOnHover:hover{
  text-decoration: none;
}

/*style of dropdown to pick the telephone prefix*/
.react-tel-input {
  position: relative;
}
.react-tel-input .ad {
  background-position: -16px 0;
}
.react-tel-input .ae {
  background-position: -32px 0;
}
.react-tel-input .af {
  background-position: -48px 0;
}
.react-tel-input .ag {
  background-position: -64px 0;
}
.react-tel-input .ai {
  background-position: -80px 0;
}
.react-tel-input .al {
  background-position: -96px 0;
}
.react-tel-input .am {
  background-position: -112px 0;
}
.react-tel-input .ao {
  background-position: -128px 0;
}
.react-tel-input .ar {
  background-position: -144px 0;
}
.react-tel-input .as {
  background-position: -160px 0;
}
.react-tel-input .at {
  background-position: -176px 0;
}
.react-tel-input .au {
  background-position: -192px 0;
}
.react-tel-input .aw {
  background-position: -208px 0;
}
.react-tel-input .az {
  background-position: -224px 0;
}
.react-tel-input .ba {
  background-position: -240px 0;
}
.react-tel-input .bb {
  background-position: 0 -11px;
}
.react-tel-input .bd {
  background-position: -16px -11px;
}
.react-tel-input .be {
  background-position: -32px -11px;
}
.react-tel-input .bf {
  background-position: -48px -11px;
}
.react-tel-input .bg {
  background-position: -64px -11px;
}
.react-tel-input .bh {
  background-position: -80px -11px;
}
.react-tel-input .bi {
  background-position: -96px -11px;
}
.react-tel-input .bj {
  background-position: -112px -11px;
}
.react-tel-input .bm {
  background-position: -128px -11px;
}
.react-tel-input .bn {
  background-position: -144px -11px;
}
.react-tel-input .bo {
  background-position: -160px -11px;
}
.react-tel-input .br {
  background-position: -176px -11px;
}
.react-tel-input .bs {
  background-position: -192px -11px;
}
.react-tel-input .bt {
  background-position: -208px -11px;
}
.react-tel-input .bw {
  background-position: -224px -11px;
}
.react-tel-input .by {
  background-position: -240px -11px;
}
.react-tel-input .bz {
  background-position: 0 -22px;
}
.react-tel-input .ca {
  background-position: -16px -22px;
}
.react-tel-input .cd {
  background-position: -32px -22px;
}
.react-tel-input .cf {
  background-position: -48px -22px;
}
.react-tel-input .cg {
  background-position: -64px -22px;
}
.react-tel-input .ch {
  background-position: -80px -22px;
}
.react-tel-input .ci {
  background-position: -96px -22px;
}
.react-tel-input .ck {
  background-position: -112px -22px;
}
.react-tel-input .cl {
  background-position: -128px -22px;
}
.react-tel-input .cm {
  background-position: -144px -22px;
}
.react-tel-input .cn {
  background-position: -160px -22px;
}
.react-tel-input .co {
  background-position: -176px -22px;
}
.react-tel-input .cr {
  background-position: -192px -22px;
}
.react-tel-input .cu {
  background-position: -208px -22px;
}
.react-tel-input .cv {
  background-position: -224px -22px;
}
.react-tel-input .cw {
  background-position: -240px -22px;
}
.react-tel-input .cy {
  background-position: 0 -33px;
}
.react-tel-input .cz {
  background-position: -16px -33px;
}
.react-tel-input .de {
  background-position: -32px -33px;
}
.react-tel-input .dj {
  background-position: -48px -33px;
}
.react-tel-input .dk {
  background-position: -64px -33px;
}
.react-tel-input .dm {
  background-position: -80px -33px;
}
.react-tel-input .do {
  background-position: -96px -33px;
}
.react-tel-input .dz {
  background-position: -112px -33px;
}
.react-tel-input .ec {
  background-position: -128px -33px;
}
.react-tel-input .ee {
  background-position: -144px -33px;
}
.react-tel-input .eg {
  background-position: -160px -33px;
}
.react-tel-input .er {
  background-position: -176px -33px;
}
.react-tel-input .es {
  background-position: -192px -33px;
}
.react-tel-input .et {
  background-position: -208px -33px;
}
.react-tel-input .fi {
  background-position: -224px -33px;
}
.react-tel-input .fj {
  background-position: -240px -33px;
}
.react-tel-input .fk {
  background-position: 0 -44px;
}
.react-tel-input .fm {
  background-position: -16px -44px;
}
.react-tel-input .fo {
  background-position: -32px -44px;
}
.react-tel-input .fr,
.react-tel-input .bl,
.react-tel-input .mf {
  background-position: -48px -44px;
}
.react-tel-input .ga {
  background-position: -64px -44px;
}
.react-tel-input .gb {
  background-position: -80px -44px;
}
.react-tel-input .gd {
  background-position: -96px -44px;
}
.react-tel-input .ge {
  background-position: -112px -44px;
}
.react-tel-input .gf {
  background-position: -128px -44px;
}
.react-tel-input .gh {
  background-position: -144px -44px;
}
.react-tel-input .gi {
  background-position: -160px -44px;
}
.react-tel-input .gl {
  background-position: -176px -44px;
}
.react-tel-input .gm {
  background-position: -192px -44px;
}
.react-tel-input .gn {
  background-position: -208px -44px;
}
.react-tel-input .gp {
  background-position: -224px -44px;
}
.react-tel-input .gq {
  background-position: -240px -44px;
}
.react-tel-input .gr {
  background-position: 0 -55px;
}
.react-tel-input .gt {
  background-position: -16px -55px;
}
.react-tel-input .gu {
  background-position: -32px -55px;
}
.react-tel-input .gw {
  background-position: -48px -55px;
}
.react-tel-input .gy {
  background-position: -64px -55px;
}
.react-tel-input .hk {
  background-position: -80px -55px;
}
.react-tel-input .hn {
  background-position: -96px -55px;
}
.react-tel-input .hr {
  background-position: -112px -55px;
}
.react-tel-input .ht {
  background-position: -128px -55px;
}
.react-tel-input .hu {
  background-position: -144px -55px;
}
.react-tel-input .id {
  background-position: -160px -55px;
}
.react-tel-input .ie {
  background-position: -176px -55px;
}
.react-tel-input .il {
  background-position: -192px -55px;
}
.react-tel-input .in {
  background-position: -208px -55px;
}
.react-tel-input .io {
  background-position: -224px -55px;
}
.react-tel-input .iq {
  background-position: -240px -55px;
}
.react-tel-input .ir {
  background-position: 0 -66px;
}
.react-tel-input .is {
  background-position: -16px -66px;
}
.react-tel-input .it {
  background-position: -32px -66px;
}
.react-tel-input .jm {
  background-position: -48px -66px;
}
.react-tel-input .jo {
  background-position: -64px -66px;
}
.react-tel-input .jp {
  background-position: -80px -66px;
}
.react-tel-input .ke {
  background-position: -96px -66px;
}
.react-tel-input .kg {
  background-position: -112px -66px;
}
.react-tel-input .kh {
  background-position: -128px -66px;
}
.react-tel-input .ki {
  background-position: -144px -66px;
}
.react-tel-input .km {
  background-position: -160px -66px;
}
.react-tel-input .kn {
  background-position: -176px -66px;
}
.react-tel-input .kp {
  background-position: -192px -66px;
}
.react-tel-input .kr {
  background-position: -208px -66px;
}
.react-tel-input .kw {
  background-position: -224px -66px;
}
.react-tel-input .ky {
  background-position: -240px -66px;
}
.react-tel-input .kz {
  background-position: 0 -77px;
}
.react-tel-input .la {
  background-position: -16px -77px;
}
.react-tel-input .lb {
  background-position: -32px -77px;
}
.react-tel-input .lc {
  background-position: -48px -77px;
}
.react-tel-input .li {
  background-position: -64px -77px;
}
.react-tel-input .lk {
  background-position: -80px -77px;
}
.react-tel-input .lr {
  background-position: -96px -77px;
}
.react-tel-input .ls {
  background-position: -112px -77px;
}
.react-tel-input .lt {
  background-position: -128px -77px;
}
.react-tel-input .lu {
  background-position: -144px -77px;
}
.react-tel-input .lv {
  background-position: -160px -77px;
}
.react-tel-input .ly {
  background-position: -176px -77px;
}
.react-tel-input .ma {
  background-position: -192px -77px;
}
.react-tel-input .mc {
  background-position: -208px -77px;
}
.react-tel-input .md {
  background-position: -224px -77px;
}
.react-tel-input .me {
  background-position: -112px -154px;
  height: 12px;
}
.react-tel-input .mg {
  background-position: 0 -88px;
}
.react-tel-input .mh {
  background-position: -16px -88px;
}
.react-tel-input .mk {
  background-position: -32px -88px;
}
.react-tel-input .ml {
  background-position: -48px -88px;
}
.react-tel-input .mm {
  background-position: -64px -88px;
}
.react-tel-input .mn {
  background-position: -80px -88px;
}
.react-tel-input .mo {
  background-position: -96px -88px;
}
.react-tel-input .mp {
  background-position: -112px -88px;
}
.react-tel-input .mq {
  background-position: -128px -88px;
}
.react-tel-input .mr {
  background-position: -144px -88px;
}
.react-tel-input .ms {
  background-position: -160px -88px;
}
.react-tel-input .mt {
  background-position: -176px -88px;
}
.react-tel-input .mu {
  background-position: -192px -88px;
}
.react-tel-input .mv {
  background-position: -208px -88px;
}
.react-tel-input .mw {
  background-position: -224px -88px;
}
.react-tel-input .mx {
  background-position: -240px -88px;
}
.react-tel-input .my {
  background-position: 0 -99px;
}
.react-tel-input .mz {
  background-position: -16px -99px;
}
.react-tel-input .na {
  background-position: -32px -99px;
}
.react-tel-input .nc {
  background-position: -48px -99px;
}
.react-tel-input .ne {
  background-position: -64px -99px;
}
.react-tel-input .nf {
  background-position: -80px -99px;
}
.react-tel-input .ng {
  background-position: -96px -99px;
}
.react-tel-input .ni {
  background-position: -112px -99px;
}
.react-tel-input .nl,
.react-tel-input .bq {
  background-position: -128px -99px;
}
.react-tel-input .no {
  background-position: -144px -99px;
}
.react-tel-input .np {
  background-position: -160px -99px;
}
.react-tel-input .nr {
  background-position: -176px -99px;
}
.react-tel-input .nu {
  background-position: -192px -99px;
}
.react-tel-input .nz {
  background-position: -208px -99px;
}
.react-tel-input .om {
  background-position: -224px -99px;
}
.react-tel-input .pa {
  background-position: -240px -99px;
}
.react-tel-input .pe {
  background-position: 0 -110px;
}
.react-tel-input .pf {
  background-position: -16px -110px;
}
.react-tel-input .pg {
  background-position: -32px -110px;
}
.react-tel-input .ph {
  background-position: -48px -110px;
}
.react-tel-input .pk {
  background-position: -64px -110px;
}
.react-tel-input .pl {
  background-position: -80px -110px;
}
.react-tel-input .pm {
  background-position: -96px -110px;
}
.react-tel-input .pr {
  background-position: -112px -110px;
}
.react-tel-input .ps {
  background-position: -128px -110px;
}
.react-tel-input .pt {
  background-position: -144px -110px;
}
.react-tel-input .pw {
  background-position: -160px -110px;
}
.react-tel-input .py {
  background-position: -176px -110px;
}
.react-tel-input .qa {
  background-position: -192px -110px;
}
.react-tel-input .re {
  background-position: -208px -110px;
}
.react-tel-input .ro {
  background-position: -224px -110px;
}
.react-tel-input .rs {
  background-position: -240px -110px;
}
.react-tel-input .ru {
  background-position: 0 -121px;
}
.react-tel-input .rw {
  background-position: -16px -121px;
}
.react-tel-input .sa {
  background-position: -32px -121px;
}
.react-tel-input .sb {
  background-position: -48px -121px;
}
.react-tel-input .sc {
  background-position: -64px -121px;
}
.react-tel-input .sd {
  background-position: -80px -121px;
}
.react-tel-input .se {
  background-position: -96px -121px;
}
.react-tel-input .sg {
  background-position: -112px -121px;
}
.react-tel-input .sh {
  background-position: -128px -121px;
}
.react-tel-input .si {
  background-position: -144px -121px;
}
.react-tel-input .sk {
  background-position: -160px -121px;
}
.react-tel-input .sl {
  background-position: -176px -121px;
}
.react-tel-input .sm {
  background-position: -192px -121px;
}
.react-tel-input .sn {
  background-position: -208px -121px;
}
.react-tel-input .so {
  background-position: -224px -121px;
}
.react-tel-input .sr {
  background-position: -240px -121px;
}
.react-tel-input .ss {
  background-position: 0 -132px;
}
.react-tel-input .st {
  background-position: -16px -132px;
}
.react-tel-input .sv {
  background-position: -32px -132px;
}
.react-tel-input .sx {
  background-position: -48px -132px;
}
.react-tel-input .sy {
  background-position: -64px -132px;
}
.react-tel-input .sz {
  background-position: -80px -132px;
}
.react-tel-input .tc {
  background-position: -96px -132px;
}
.react-tel-input .td {
  background-position: -112px -132px;
}
.react-tel-input .tg {
  background-position: -128px -132px;
}
.react-tel-input .th {
  background-position: -144px -132px;
}
.react-tel-input .tj {
  background-position: -160px -132px;
}
.react-tel-input .tk {
  background-position: -176px -132px;
}
.react-tel-input .tl {
  background-position: -192px -132px;
}
.react-tel-input .tm {
  background-position: -208px -132px;
}
.react-tel-input .tn {
  background-position: -224px -132px;
}
.react-tel-input .to {
  background-position: -240px -132px;
}
.react-tel-input .tr {
  background-position: 0 -143px;
}
.react-tel-input .tt {
  background-position: -16px -143px;
}
.react-tel-input .tv {
  background-position: -32px -143px;
}
.react-tel-input .tw {
  background-position: -48px -143px;
}
.react-tel-input .tz {
  background-position: -64px -143px;
}
.react-tel-input .ua {
  background-position: -80px -143px;
}
.react-tel-input .ug {
  background-position: -96px -143px;
}
.react-tel-input .us {
  background-position: -112px -143px;
}
.react-tel-input .uy {
  background-position: -128px -143px;
}
.react-tel-input .uz {
  background-position: -144px -143px;
}
.react-tel-input .va {
  background-position: -160px -143px;
}
.react-tel-input .vc {
  background-position: -176px -143px;
}
.react-tel-input .ve {
  background-position: -192px -143px;
}
.react-tel-input .vg {
  background-position: -208px -143px;
}
.react-tel-input .vi {
  background-position: -224px -143px;
}
.react-tel-input .vn {
  background-position: -240px -143px;
}
.react-tel-input .vu {
  background-position: 0 -154px;
}
.react-tel-input .wf {
  background-position: -16px -154px;
}
.react-tel-input .ws {
  background-position: -32px -154px;
}
.react-tel-input .ye {
  background-position: -48px -154px;
}
.react-tel-input .za {
  background-position: -64px -154px;
}
.react-tel-input .zm {
  background-position: -80px -154px;
}
.react-tel-input .zw {
  background-position: -96px -154px;
}
.react-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.react-tel-input .hide {
  display: none;
}
.react-tel-input .v-hide {
  visibility: hidden;
}
.react-tel-input input[type=text],
.react-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 44px;
  margin-left: 0;
  background: #FFFFFF;
  border: 1px solid #CACACA;
  border-radius: 3px;
  box-shadow: 0 1px 2px #E3E3E3 inset;
  line-height: 36px;
  height: 36px;
  width: 100px;
}
.react-tel-input input[type=text]:focus,
.react-tel-input input[type=tel]:focus {
  border-color: #42bdff;
  border-left-color: #cacaca;
}
.react-tel-input input[type=text].invalid-number,
.react-tel-input input[type=tel].invalid-number {
  border: 1px solid #d79f9f;
  background-color: #FAF0F0;
  border-left-color: #cacaca;
}
.react-tel-input input[type=text].invalid-number:focus,
.react-tel-input input[type=tel].invalid-number:focus {
  border: 1px solid #d79f9f;
  border-left-color: #cacaca;
  background-color: #FAF0F0;
}
.react-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0;
  background-color: #eaeaea;
  border: 1px solid #cacaca;
  border-radius: 3px 0 0 3px;
}
.react-tel-input .flag-dropdown.open-dropdown {
  background: #fff;
  border-bottom: 0;
  border-radius: 3px 0 0 0;
}
.react-tel-input .flag-dropdown.open-dropdown .selected-flag {
  background: #fff;
  border-radius: 3px 0 0 0;
}
.react-tel-input .flag-dropdown:hover {
  cursor: pointer;
}
.react-tel-input .flag-dropdown:hover .selected-flag {
  background-color: #fff;
}
.react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default;
}
.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: transparent;
}
.react-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 38px;
  height: 32px;
  background-color: transparent;
  padding: 0 0 0 8px;
  border-radius: 3px 0 0 3px;
}
.react-tel-input .selected-flag .flag {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 16px;
  height: 11px;
}
.react-tel-input .selected-flag .arrow {
  position: relative;
  top: 50%;
  margin-top: -2px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.react-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.react-tel-input .country-list {
  display: block;
  list-style: none;
  position: absolute;
  z-index: 2;
  padding: 0;
  margin: -1px 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  width: 371px;
  max-height: 200px;
  overflow-y: scroll;
  border-radius: 0 0 3px 3px;
  top: 36px;
}
.react-tel-input .country-list .flag {
  display: inline-block;
}
.react-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.react-tel-input .country-list .country {
  padding: 5px 10px;
}
.react-tel-input .country-list .country .dial-code {
  color: #999;
}
.react-tel-input .country-list .country:hover {
  background-color: #e8f7fe;
}
.react-tel-input .country-list .country.highlight {
  background-color: #c7e2f1;
}
.react-tel-input .country-list .flag {
  margin-right: 6px;
  margin-top: 2px;
}
.react-tel-input .country-list .country-name {
  margin-right: 6px;
  color: #4a4a4a;
}

/* CSS for FoodSlider by VincePik */
/* Bigger than 750 */

.phones {
  margin-left: 70px;
}
.phone {
  min-height: 288px;
  margin-bottom: 50px
}
.second-slider-block-text {
  height: 313px;
}
.second-slider-home-page {
  padding: 170px 66px 0px;
}

@media (max-width: 1214px) {
  .phones {
    margin-left: 10px;
  }
  .phone {
    max-height: 120px;
  }
  .second-slider-block-text {
    height: 290px;
  }
}

@media (max-width: 1000px) {
  .second-slider-home-page {
    padding: 170px 0 0;
  }
}


@media (max-width: 699px) {
  .parallaxItemSizer {
    background: white;
    margin: 10px;
    width: calc(100% - 20px);
    text-align: center;
    list-style-type: none;
  }
}

@media (min-width: 700px) {
  .parallaxItemSizer {
    background: white;
    margin: 10px;
    width: calc(50% - 20px);
    text-align: center;
    list-style-type: none;
  }
}

@media (min-width: 900px) {
  .parallaxItemSizer {
    background: white;
    margin: 10px;
    width: calc(33% - 20px);
    text-align: center;
    list-style-type: none;
  }
}

/* Style for map popup */
.leaflet-popup-content {
  margin: 0 auto !important;
  width: 350px !important;
}
.leaflet-popup-close-button {
  right: 3px !important;
  top: 2px !important;
}

/* Style to handle the change of color when mouse over the name of the restaurant */
.restaurant-detail-restaurant-name,
.color_green a.restaurant-detail-restaurant-name {
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}
.restaurant-detail-restaurant-name:hover,
.color_green a.restaurant-detail-restaurant-name:hover {
  color: #f43e3c;
}
.restaurant-detail-restaurant-name-map,
.color_green a.restaurant-detail-restaurant-name-map {
  color: #333333;
}
.restaurant-detail-restaurant-name-map:hover,
.color_green a.restaurant-detail-restaurant-name-map:hover {
  color: #f43e3c;
}
.review-detail-restaurant-name,
.color_green a.review-detail-restaurant-name {
  color: #4a4a4a;
}
.review-detail-restaurant-name:hover,
.color_green a.review-detail-restaurant-name:hover {
  color: #e7382f;
}

/* CSS for React-Loaders */
.loader-hidden {
  display: none;
}
.loader-active {
  display: block;
}
.resume-container-edit-profile {
    /*width: 340px;*/
    min-height: 780px;
    background-color: #FFFFFF;
    box-shadow: -1px 2px 8px 0 rgba(0, 0, 0, 0.23);
    margin-bottom: 24px;
    width: 100%;
}
.user-image-edit-profile {
  position: relative;
  background-size: cover;
  /*width: 340px;*/
  height: 192px;
}
@media(min-width: 769px) {
  .resume-container-edit-profile {
    width: 340px;
  }
  .user-image-edit-profile {
    width: 340px;
  }
}
/* Style for the links in the header and for the links in the footer */
.header-link-app-blog {
  font-family: ArchivoNarrow;
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #9d9c9c;
}
.header-link-app-blog:hover {
  color: #0094df;
}
.user-menu-links {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 60px;
  text-align: left;
  color: #9d9d9c;
  transition: 0.3s;

}
.user-menu-links:hover {
  color: #000000;
}
.social-footer-links {
  color: #3c3c3b;
  line-height: 35px;
}
.social-footer-links.inBusiness {
  color: #ffffff;
}
.social-footer-links:hover {
  color: #e7382f;
}
.social-footer-links.inBusiness:hover {
  color: #7895a4;
}
/* Class and mediaquery to resize the images in the home page when window resizes */
@media(max-width: 940px){
  .home-page-talk-about-us {
    width: 100%;
  }
}
/* Class for the buttons of the autocomplete in the search filters */
.button-autocomplete-filter {
  width: 100%;
  box-shadow: none;
  cursor: pointer;
  color: #4a4a4a;
  font-family: Avenir;
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f0f0f0;
  margin: inherit;
  text-align: inherit;
  border-bottom: 1px solid #cbcbcb;
}
.button-autocomplete-filter:hover {
  background-color: #ffffff;
  color: #4a4a4a;
}
.button_go_back_to_restaurant {
  color: #c4c4c4;
  font-family: Avenir;
  font-size: 20px;
}
.button_go_back_to_restaurant:hover {
  color: #0094df;
  font-family: Avenir;
  font-size: 20px;
}
.button_select_edit_restaurant {
  background-color: #f0f0f0;
}
.button_select_edit_restaurant:hover {
  background-color: #ffffff;
}
/* class and mediaquery to handle pins addiction */
@media(min-width: 320px){
  .RestaurantDetail_pin_container_mobile {
    max-width: calc(100% - 20px);
    padding: 5px 10px 5px 10px;
    margin: 0 auto;
  }
}
@media(min-width: 340px){
  .RestaurantDetail_pin_container_mobile {
    max-width: 340px;
    padding: 5px 10px 5px 10px;
    margin: 0 auto;
  }
}
@media(min-width: 768px){
  .RestaurantDetail_pin_container_mobile {
    max-width: 340px;
    padding: 5px 10px 5px 10px;
    /* float: left; */
  }
}
/* class and mediaquery to handle pin addiction in low windows through scroll */
.PinAddiction_addiction_block {
  width: 185px;
}
@media(max-height: 760px){
  .PinAddiction_container_addiction {
    overflow-y: scroll;
  }
  .PinAddiction_addiction_block {
    width: 200px;
  }
}
/* class to handle hover on button to edit restaurant */
.save_button_edit_restaurant {
  color: #929292;
}
.save_button_edit_restaurant:hover {
  color: #0094df;
}
/* class and mediaquery to handle popup to edit restaurant on low screens */
.EditRestaurantPopup_window_edit_restaurant {
  background-color: #ffffff;
  border-radius: 7.5px;
  left: calc(50vw - 315px);
  top: calc(50vh - 250px);
  box-shadow:  0 3px 8px 0 rgba(0, 0, 0, 0.19);
  position: fixed;
  padding: 8px;
  max-width: 650px;
  width: 650px;
  z-index: 8;
}
@media(max-height: 650px){
  .EditRestaurantPopup_window_edit_restaurant {
    top: 75px;
  }
}
/* class for social links in the restaurant details page */
.DetailsRestaurantContacts_social_links {
  background-color: #d8d8d8;
  font-family: inherit;
  color: #ffffff;
  font-size: inherit;
  line-height: inherit;
  padding: inherit;
  display: inherit;
  transition: 0.3s;
  font-weight: inherit;
  box-shadow: none;
  border: none;
  cursor: pointer;
  margin: 0;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  color: #ffffff;
  text-align: center;
}
.DetailsRestaurantContacts_social_links:hover {
  background-color: #0094df;
  color: #ffffff;
  border-color: #ffffff;
}


.h1SearchPageMobile{
  color: #fff;
  width: calc(100% + 20px);
  font-size: 18px;
  text-align:  center;
  margin-left: -10px;
  margin-right: 0px;
  padding:  5px 0px;
  margin-bottom: 33px;
  background-color: #86A721;
}
.h1SearchPage{
    border-radius: 7.5px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #4a4a4a;
    font-size: 18px;
    text-align: center;
    margin: 0px -10px 33px 0px;
    padding: 5px 0px;
    background-color: #F0EDE5;
}
.DetailsRestaurantHead_like_button{
  color: #ffffff;
  cursor: pointer;
}
.DetailsRestaurantHead_like_button:hover{
  color: #0094df;
}
.DetailsRestaurantHead_dislike_button{
  color: #ffffff;
  cursor: pointer;
}
.DetailsRestaurantHead_dislike_button:hover{
  color: #0094df;
}

.detailsContainer .item-head {
    /* position: absolute; */
    position: relative;
    /* z-index: 9; */
    /* top: 110px; */
    /* left: 0; */
    /* width: calc(50% - 80px); */
    /* padding: 10px 80px 10px 0px; */
    padding: 10px 0;
    background: #fff;
}

.detailsContainer .sidebarContainer{
  position: relative;
  width: 130px;
}

.detailsContainer .sidebarContainer.closed {
  margin-top: 130px;
}

.restaurant-head-main-info-container {
  padding: 20px 20px 0;
}

.itemBottom{
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99999;
}



.detailsContainer .item-sidebar {
  position: absolute;
  z-index: 9;
  left: 0;
  width: 60px;
  background: #fff;
  padding: 10px 35px;
  margin-top: 130px;
}
.detailsContainer .item-sidebar.closed {
  margin-top: 0;
}

.reviewHead{
  float:left;
  width:100%;
}
.reviewHead .reviewAuthor{
  float:left;
  width:40%;
}
.reviewHead .reviewRatings{
  float:left;
  width:60%;
  position: relative;
}
.reviewHead .reviewAuthor .sidebarCheckins{
  width:40px;
  height:40px;
  margin: 0 20px 40px 0;
}

.Restaurant-detail-username {
  float:left;
  font-size:18px;
  font-weight:bold;
  line-height:20px;
  max-width:calc(100% - 140px);
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.sidebarCheckinsDetails .Restaurant-detail-username {
  max-width:100%;
}

.Restaurant-detail-username .mobileDate{
  display:none;
}

.detailsContainer .item-sidebar a{
    font-size: 40px;
    text-align: center;
    width: 100%;
    margin: 10px 0;
    color: #3c3c3b;
    float: left;
}

.detailsContainer .item-sidebar a:hover{
  color:#f43e3c;
  text-decoration: none;
}

.detailsContainer .item-body {
    background: #fff;
    padding-bottom: 100px;
    float: left;
    width: 100%;
    display: inline-block;
}

.detailsContainer .item-body .lefthalf{
  width: calc(50% - 130px);
  min-width: 400px;
  padding-left:130px;
  float:left;
  padding-top: 51px;
  background: #fff;
  padding-bottom:40px;
}

.extendedReview{
  float: left;
  width: 100%;
  background-color: #ffffff;
}

.reviewSeparator {
    float: right;
    margin: 30px 20px;
    border-bottom: 1px solid #ccc;
    width: 60%;
}

.RestaurantInfo-rating-plain{

}

.detailsContainer .item-body .righthalf{
  width:50%;
  float:left;
  background: #fff;
  padding-bottom:40px;
}

.RestaurantInfo-opening{
  float:left;
  width: initial;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
}

.sidebarCheckins {
    position: relative;
    float: left;
    width:60px;
    height:60px;
    margin: 0 0 20px 0;
}

.detailsContainer .item-sidebar .cititle {
    font-size: 40px;
    text-align: center;
    width: 100%;
    margin: 10px 0;
    color: #3c3c3b;
    float: left;
}

.detailsContainer .item-sidebar .cinumber {
    font-size: 20px;
    text-align: center;
    width: 60px;
    height:60px;
    line-height:60px;
    border-radius: 30px;
    margin:0;
    color: #3c3c3b;
    float: left;
    background: #d7d7d7;
}

.sidebarCheckins .sidebarCheckinsDetails {
    position: absolute;
    left: 0;
    background: transparent;
    border: 1px solid #ccc;
    height: 60px;
    border-radius: 30px;
    background: #fff;
    width:0px;
    opacity:0;
    padding: 0 30px 0 0px;
    cursor:pointer;
    -webkit-transition: width 0.5s, opacity 0.3s; /* Safari */
    transition: width 0.5s, opacity 0.3s;
}

.sidebarCheckins:hover .sidebarCheckinsDetails {
    padding: 0 30px 0 80px;
    width:150px;
    opacity:1;
}

.RestaurantInfo-category h2,
.RestaurantInfo-category {
    text-align: left;
    color: #3c3c3b;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 18px;
    line-height: 26px;
    display: inline;
    /* float: left; */
    margin:0;
}

.Restaurant-settings {
  /* display: inline;
  float: right; */
  /*margin-right: 140px;*/
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.RestaurantInfo-name {
  font-family: 'Archivo Black', sans-serif;
  font-size: 30px;
  line-height: 36px;
  text-align: left;
  color: #3c3c3b;
  margin-bottom: 0;
  width: 100%;
}

.RestaurantInfo-name-international {
  font-family: 'Archivo Black', sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  font-weight: normal;
  color: #3c3c3b;
  margin-bottom: 0;
  margin-top: 5px;
  width: 100%;
}

.RestaurantInfo-crew, .RestaurantInfo-food {
    font-family: 'Archivo Narrow', sans-serif;
    width: calc(100% - 30px);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}

.RestaurantInfo-label-description {
  color: rgb(120, 149, 164);
  font-weight: bold;
  font-family: 'Archivo Narrow', sans-serif;
  margin-right: 5px;
}
.RestaurantInfo-label-description::first-letter {
  text-transform: uppercase;
}

.RestaurantInfo-food {
  float:left;
}

.RestaurantInfo-crew-half,
.RestaurantInfo-food-half {
  font-family: 'Archivo Narrow', sans-serif;
  width: calc(50% - 30px);
  padding-right:30px;
  font-size: 15px;
  float: left;
  line-height: 20px;
  margin-bottom: 10px;
}

.RestaurantInfo-address {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  line-height: 21px;
  padding-right: 20px;
  letter-spacing: 0.3px;
  text-align: left;
  color: #3c3c3b;
  margin-bottom: 0;
  float:left;
}

.RestaurantInfo-rating-container {
  cursor: default;
  float: left;
  width: initial;
}

.RestaurantInfo-rating-container.aggregateRating,
.RestaurantInfo-rating-container.aggregateRating span,
.RestaurantInfo-review-counter.aggregateRating{
  width:100%;
  text-align: center;
}

.RestaurantInfo-rating-overall {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 30px;
  line-height: 30px;
  padding-top: 30px;
  color: #3c3c3b;
}

.RestaurantInfo-rating {
  font-family: 'Archivo Black', sans-serif;
  font-size: 30px;
  text-align: center;
  margin-top: 5px;
  color: #3c3c3b;
  width: 50px;
  height: 50px;
}

.RestaurantInfo-review-counter {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #3c3c3b;
}

.RestaurantInfo-rating-circles-container {
  float: left;
  width: 100%;
  /* margin-top: 15px; */
}

.RestaurantInfo-address-container {
  margin-bottom: 10px;
  margin-top: 30px;
  float: left;
  width: calc(100% - 40px);
}

.RestaurantInfo-review-counter-mobile {
  display: none;
  font-size: 15px;
  text-align: left;
  color: #3c3c3b;
  margin-left: 10px;
}

.RestaurantInfo-score-and-counter-container {
  float: left;
  width: 130px;
}

.RestaurantInfo-rating-menu {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  text-align: center;
  color: #6b6e76;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.RestaurantInfo-facebook-reviews-counter {
  font-size: 13px;
  color: #3c3c3b;
  text-align: center;
}

i.icon.RestaurantInfo-icon-certified-experiences {
  color: #3c3c3b;
  font-size: 20px;
  width: 100%;
  text-align: center;
  line-height: 30px;
  margin-top: 5px;
}

.RestaurantInfo-counter-certified-experiences {
  color: #929292;
  font-size: 13px;
  font-style: italic;
  line-height: 17px;
}

.RestaurantInfo-certification {
  font-family: 'Archivo Narrow', sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 26px;
  /* margin-left: 45px; */
  /* width: calc(100% - 45px); */
  width: 100%;
  /* float: right; */
  color:#f43e3c;
  /* position:absolute;
  left:40%; */
  /* display: inline-flex; */
  /* margin-top: 10px; */
}

.CircularProgressbar {
  width: 100%;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #e7382f;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

.Restaurant-map-image-container {
  max-width: calc(100% - 570px);
}

.Restaurant-detail-map-layer {
  position: absolute;
  width: 100%;
  height: 350px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.0);
  z-index: 2;
}

.Restaurant-detail-title {
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  text-align: left;
  color: #3c3c3b;
}
.Restaurant-detail-title.with-pictures {
  margin-top: 530px;
}

.user-image-round {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  background-size: cover;
  background-position: center;
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.1)
}

.Restaurant-detail-username {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #3c3c3b;
}

.RestaurantPreview-text {
  text-align: left;
  color: #3c3c3b;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  max-width: 180px;
  /*display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
}

.RestaurantPreview-city {
  text-align: left;
  color: #9d9c9c;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  line-height: 17px;
  max-width: 180px;
  /* display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
  letter-spacing: 0.1px;
  height: 34px;
  max-height: 34px;
}
.RestaurantPreview-city.adviced-restaurant-card-city {
  max-width: 160px;
}

.RestaurantPreview-score {
  font-family: 'Archivo Black', sans-serif;
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
  color: #3c3c3b;
}

.HomeBanner-first-row  h1,
.HomeBanner-first-row {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.7px;
  text-align: left;
  color: #ffffff;
}

.HomeBanner-main-text h1,
.HomeBanner-main-text {
  font-family: 'Archivo Black', sans-serif;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 40px;
  max-width: 500px;
  letter-spacing: -0.5px;
  text-align: left;
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.HomeBanner-bottom-row  p,
.HomeBanner-bottom-row {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 60px;
  max-width: 500px;
  line-height: 1.13;
  text-align: left;
  color: #ffffff;
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

.HomeBanner-button {
  border: none;
  border-radius: 20px;
  background-color: #e7382f;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  transition: 0.3s;
  line-height: 40px;
  margin-bottom: 30px;
}
.HomeBanner-button:hover {
  background-color: #ffffff;
  color: #e7382f;
}

button.SignUp-button, .SignUp-button {
  width: 205px;
  height: 40px;
  line-height: 40px;
  border-radius: 21.5px;
  /*border: solid 1px #ffffff;*/
  border: none;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: transparent;
  background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
  /*transition: all 0.2s ease;*/
}

button.SignUp-button:focus, .SignUp-button:focus {
  outline: none;
}

button.SignUp-button:hover, .SignUp-button:hover {
  /*background-image: linear-gradient(to left, rgb(241,156,53), rgb(243,107,128));*/
  background-image: none;
  background-color: #ffffff;
  color: #3c3c3b;
  border: none;
}

button.SignUp-button-owner, .SignUp-button-owner {
  width: 205px;
  height: 40px;
  line-height: 40px;
  border-radius: 21.5px;
  border: none;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  background-color: transparent;
  background-image: linear-gradient(to left, rgb(120, 149, 164), rgb(0, 38, 51));
  /*transition: all 0.2s ease;*/
}

button.SignUp-button-owner:focus, .SignUp-button-owner:focus {
  outline: none;
}

button.SignUp-button-owner:hover, .SignUp-button-owner:hover {
  background-image: none;
  background-color: #ffffff;
  color: #3c3c3b;
  border: none;
}

.Home-title h5,
.Home-title {
  font-family: 'Archivo Narrow', sans-serif;
  letter-spacing: -0.8px;
  text-align: left;
  color: #3c3c3b;
  margin: 0 0 15px 0;
font-size: 24px;
font-weight: normal;
}

.show-more-results-outside {
  width: 175px;
  margin: 0 auto;
  height: 40px;
  border-radius: 20px;
  background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
  color: #e7382f;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Archivo Narrow', sans-serif;
  float: left;
  position: relative;
}

.show-more-results-inside {
  position: absolute;
  background-color: #ffffff;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  width: calc(100% - 2px);
  height: 38px;
  border-radius: 20px;
  transition: 0.3s;
}

.show-more-results-inside:hover {
  background-color: transparent;
  color: #ffffff;
}

.settings-item-outside {
  width: 25px;
  margin: 0 auto;
  height: 25px;
  border-radius: 12.5px;
  background-image: linear-gradient(to left, #96bb65, #28a159);
  color: #1e9e57;
  cursor: pointer;
  font-family: 'Archivo Black', sans-serif;
  font-size: 16px;
  text-align: center;
  float: left;
  position: relative;
  margin-right: 5px;
}

.settings-item-inside {
  position: absolute;
  background-color: #ffffff;
  top: 1px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  width: calc(100% - 2px);
  border-radius: 12.5px;
  transition: 0.3s;
}

.settings-item-inside:hover {
  background-color: transparent;
  color: #ffffff;
}

.user-description {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 20px;
  text-align: left;
  color: #9b9b9b;
  line-height: 26px;
  max-width: 500px;
}

.user-description-on-desktop {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 20px;
  text-align: left;
  color: #9b9b9b;
  line-height: 26px;
  max-width: 500px;
  display: block;
}

.user-description-on-mobile {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  text-align: left;
  color: #9b9b9b;
  line-height: 22px;
  display: none;
}

button.button-filter-profile-page, .button-filter-profile-page {
  background-color: #ffffff;
  line-height: 40px;
  padding: 0 30px;
  float: left;
  border: none;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  height: 44px;
  transition: 0.3s;
}

button.button-filter-profile-page:hover, .button-filter-profile-page:hover {
  outline:none;
  /* height: 41px; */
  /*background-color: #d3d3d3;*/
  border-top: solid 3px #e84e1b;
}

button.button-filter-profile-page-selected, .button-filter-profile-page-selected {
  background-color: #ffffff;
  line-height: 40px;
  padding: 0 30px;
  float: left;
  border: none;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  height: 41px;
  border-top: solid 3px #e84e1b;
  transition: 0.3s;
}

button.button-filter-profile-page-selected:hover, .button-filter-profile-page-selected:hover {
  outline:none;
  /*background-color: #d3d3d3;*/
}

.user-profile-counter {
  font-family: 'Archivo Black', sans-serif;
  font-size: 28px;
  line-height: 40px;
  color: #3c3c3b;
}

.user-profile-label-counter {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 24px;
  line-height: 40px;
  color: #9b9b9b;
}

.user-profile-card-category {
font-family: 'Archivo Narrow', sans-serif;
 font-size: 15px;
 line-height: 20px;
 font-weight: bold;
 text-align: left;
 color: #f0f0f0;
}

.user-profile-card-name {
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  color: #f0f0f0;
  max-width: 140px;
  transition: 0.3s;
}
.user-profile-card-name:hover {
  color: #f43e3c;
}

.user-profile-card-score {
  font-family: 'Archivo Black', sans-serif;
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  color: #f0f0f0;
}

.user-profile-card-rev-counter {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  color: #f0f0f0;
}

.user-profile-card-city {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 14px;
  text-align: left;
  color: #9b9b9b;
  display: block;
  max-width: 175px;
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}

.user-profile-card-background {
  width: 140px;
  position: relative;
  background-position: center;
  background-size: cover;
  height: 140px;
  padding: 20px;
  border-radius: 5px;
}

.user-profile-card-activity {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #3c3c3b;
}

.user-profile-checkin-date {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  text-align: left;
  line-height: 30px;
  color: #9d9c9c;
  font-style: italic;
  font-weight: bold;
}

.user-profile-personal-score {
 font-family: 'Archivo Black', sans-serif;
 font-size: 22px;
 line-height: 30px;
 text-align: left;
 color: #9d9c9c;
}

.search-results-shadow-divisor {
  position: fixed;
  top: 110px;
  width: 580px;
  height: 1px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.search-best-restaurants {
  margin-top: 30px;
}

.search-best-restaurants h1 {
  color: #757ea1;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  font-style: italic;
  padding: 0 60px;
  position: relative;
  margin: 0 auto;
  width: 300px;
}
.search-best-restaurants h1::before,
.search-best-restaurants h1::after {
  content: "";
  width: 80px;
  display: inline-block;
  border-bottom: solid 1px #757ea1;
  position: absolute;
  top: 11px;
}
.search-best-restaurants h1::before {
  left: 0;
}
.search-best-restaurants h1::after {
  right: 0;
}

.search-best-restaurants h2 {
  color: #929292;
  text-align: center;
  margin: 10px 0 0;
  font-size: 18px;
}

.search-card-container {
  max-width: 180px;
}

.search-header-filter-button {
  position: absolute;
  top: 25px;
  /* left: 330px; */
  left: 415px;
  cursor: pointer;
  font-size: 20px;
  line-height: 40px;
  color: #929292;
}

.foodiestrip_logo_link {
  font-family: 'Archivo Black', sans-serif;
  font-size: 35px;
  line-height: 60px;
  text-align: left;
  color: #83b327;
}

.user_menu_option {
  font-weight: 300;
}

.user_menu_option:hover {
  font-weight: bold;
}

.favorite_restaurant {
  color: #878786;
  cursor: pointer;
  transition: 0.3s;
}

.favorite_restaurant:hover {
  color: #e84e1b;
}

.search_close_to_you {
  color: #e7382f;
  font-size: 26px;
  padding: 4px;
  cursor: pointer;
  transition: 0.3s;
}

.search_close_to_you:hover {
  /* color: #9d9c9c; */
  font-size: 28px;
}

.search_close_to_you_circle {
  /* border: solid 1px #d9d9d9; */
  border-radius: 50%;
  width: 33px;
  height: 33px;
  margin-left: 18px;
  transition: 0.2s;
  position: relative;
}

.search_close_to_you_explenation {
  position: absolute;
  top: 40px;
  line-height: 20px;
  width: 100px;
  right: -10px;
  background-color: #f0f0f0;
  padding: 5px 20px;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  font-size: 16px;
  color: #002633;
  font-family: 'Archivo Narrow', sans-serif;
  transition: 0.3s;
}

/* .search_close_to_you_circle:hover {
  border: solid 1px #9d9c9c;
} */

.menu_user_menu {
  height: 60px;
  border: none;
  transition: 0.3s;
}

.menu_user_menu:hover {
  /* border-bottom: solid 3px #e84e1b;
  height: 57px; */
}

.download-app {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: #ffffff;
}

.download_app_title {
  font-family: 'Archivo Black', sans-serif;
  font-size: 40px;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  margin-top: 80px;
}

.restaurant-without-owner {
  font-family: "Archivo Narrow";
  font-weight: bold;
  border: solid 1px #ffffff;
  font-size: 14px;
  line-height: 28px;
  padding: 0 10px;
  background-color: #002633;
  border-radius: 23px;
  color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}
/* .restaurant-without-owner:hover {
  color: #7895a4;
  background-color: #002633;
} */

.restaurant-without-owner-text {
  font-family: "Archivo Narrow";
  font-size: 14px;
  line-height: 40px;
  padding: 0 10px;
  color: #002633;
  cursor: pointer;
  float: left;
  margin-top: 10px;
  transition: 0.3s;
}

.restaurant-with-owner{
  font-family: "Archivo Narrow";
  font-weight: bolder;
  float: left;
  font-size: 20px;
  line-height: 51px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
  color: #fff;
}


.download_app_subtitle {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
  max-width: 450px;
  margin: 80px auto 70px;
  line-height: 28px;
}

.restaurant-detail-ownership {
  float: left;
  font-size: 15px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 51px;
  max-width: 215px;
  white-space: nowrap;
  color: #ffffff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.3s;
}

.why_choose_us_subtitle h6,
.why_choose_us_subtitle {
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 25px;
  line-height: 25px;
  margin-top: 27px !important;
  margin-bottom: 27px !important;
  color: #3c3c3b;
  font-weight: bold;
  margin: 0;
}

.why_choose_us_text p,
.why_choose_us_text {
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #3c3c3b;
  margin: 0;
}

.logo_beta {
  float: left;
  font-size: 16px;
  font-family: "Archivo Narrow";
  line-height: 16px;
  margin-top: 65px;
  margin-left: 0;
  /* color: #9d9c9c; */
  /* color: #ffffff; */
  color: #ffad03;
}

.footer_links {
  font-weight: 300;
  font-size: 14px;
  color: #3c3c3b;
  /* transition: font-weight 0.2s; */
  transition: 0.3s;
  font-family: 'Archivo Narrow', sans-serif;
  text-decoration: none;
}

.footer_links:hover {
  color: #e7382f;
  font-weight: bold;
  text-decoration: none;
}

.footer_links.legal_footer_links:hover,
.footer_links_business.legal_footer_links:hover {
  font-weight: normal;
}


/* overlay */
.overlay{
    position: fixed;
    z-index: 99999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.9);
}

.overlay .closingArea{
  width:100%;
  position: absolute;
  height: 100vh;
}

.overlay .overlayContent{
  margin: 10vh auto;
  width: 80vh;
  max-width: 80vw;
  height: 80vh;
  max-height: 80vw;
}

.overlay .overlayContent.restaurantImage{
  margin: 5vh auto 15vh;
  width: 80vh;
  max-width: 80vw;
  height: 85vh;
  max-height: 80vw;
}

.overlay .overlayContent img{
  margin: 20px 10px;
  width: calc(80vh - 20px);
  max-width: calc(80vw - 20px);
  max-height: calc(80vw - 20px);
}

.overlay .overlayContent img.restaurant-detail-image {
  margin: 20px auto;
  /* width: calc(80vh - 20px); */
  width: initial;
  max-width: calc(80vw - 20px);
  max-height: calc(80vh - 150px);
}

.restaurant-detail-image {
  width: 100%;
  margin: 20px 0;
  max-width: 80vw;
  max-height: calc(80vh - 150px);
  background-size: contain;
  background-position: center;
  height: calc(80vh - 150px);
  background-repeat: no-repeat;
}

/* INIZIO CLASSI NUOVE */
/* TEMPLATE DRY BONES */
.row{
  width:calc(100% - 60px);
  padding: 0 30px;
}

.show{
  display:block;
}
.hidden{
  display: none;
}
/* HEADER */
#header{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  background-color: #ffffff;
  box-shadow: -2px -10px -12px 0 rgba(0, 0, 0, 0.26);
  /* overflow:hidden; */
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  max-height:110px;
  height:auto;
  /* border-bottom: solid 1px #d9d9d9; */
  padding: 0 30px;
  display: inline-block;
  width: calc(100% - 60px);
}

#header.megamenuOpened{
    position: fixed;
    color: #ffffff;
    box-shadow: -2px 10px 12px 0 rgba(0, 0, 0, 0.26);
    max-height:400px;
}

.megamenupanel{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  width: 100%;
  float: left;
  height:auto;
  transform:scaleY(0);
  opacity: 0;
  transform-origin:top;
}

.hideMegamenu{
  transform:scaleY(0);
  opacity: 0;
  max-height:0px
}

.showMegamenu{
  transform:scaleY(1);
  opacity: 1;
  max-height:400px
}

.deleteMegamenu{
  max-height:0px
}

#header.megamenuOpened .megamenuCloser{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0);
  z-index: -2;
}

#header .headerBackground{
  background-image: linear-gradient(to right, #000000, #252525 27%, #383838 51%, #2b2b2b 72%, #000000) !important;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}
#header.megamenuOpened .headerBackground {
  opacity: 1;
}


#header .logo-foodiestrip{
  float:left;
}

#header .search{
  padding: 28px 0 12px;
  padding-left: 60px;
  float: left;
  max-height: 60px;
  width: calc(100% - 680px);
  height: 34px;
  left: 140px;
}

#header.megamenuOpened .search{
  display:none;
}

#header .header_button {
    border: solid 1px #d9d9d9;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    margin-right: 18px;
    transition: 0.2s;
    /* background: #fff; */
    background-color: transparent;
    float: right;
    /* color: #d9d9d9; */
    color: #ffffff;
    text-align: center;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

#header .userMenu .header_button.buttonMenu  {
  display:none;
}



.top-menu{
  /* float: right; */
  margin-top: 30px;
}

.top-menu .menu-item{
  line-height: 60px;
  float: right;
  position:relative;
  border: none;
  cursor: pointer;
  margin: 0 10px;
  color: #9d9d9c;
  border-bottom: solid 0px #e7382f;
  height:60px;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
}
.top-menu .menu-item .inBusiness{
  border-bottom: solid 0px rgb(0, 38, 51);
  text-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px;
}

.top-menu .menu-item:hover{
  color: #000000;
}

.top-menu .menu-item a,
.top-menu .menu-item a:hover{
  text-decoration: none;
}

.top-menu .menu-item:hover,
.top-menu .menu-item.active{
  /* border-bottom: solid 3px #e7382f;
  height:57px; */

}
.top-menu .menu-item.inBusiness:hover,
.top-menu .menu-item.active.inBusiness{
  /* border-bottom: solid 3px rgb(0, 38, 51);
  height:57px; */

}

.top-menu .menu-item.active .user-menu-links{
  color: #9d9c9c;
}

.top-menu .subMenu {
  float:right;
}

.top-menu .menu-item.loggedMenu .userImage{
  background-size: cover;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  float: right;
  margin: 8px 0;
  border: solid 2px #ffffff;
}

.top-menu .menu-item.loggedMenu .userName{
  display: none;
}

.menu-item.parent.info button span{
  display:none;
}

.subMenu .menuListContainer{
  position:fixed;
  right:41px;
  top:94px;
  margin:0px;
  padding:0px;
  background-color: #ffffff;
  font-family:Avenir;
  font-size: 15px;
  width:261px;
  border-style:solid;
  border-color:#e5e5e5;
  border-width:1px;
  z-index:13;
  max-height: calc(90vh - 69px);
  overflow-y: auto;
}


.desktop{
  display: block;
}
.mobile{
  display: none;
}

.languageLabel{
  margin-left:10px;
}

.best-contents{
  /* width: calc(100% - 100px); */
  width: initial;
  padding: 0 50px;
  float: left;
}

.best-contents-list{
  background-color: #fff;
  width: 100%;
  padding: 20px 0 0 0;
}

.bannerHome-box-left{
  float:left;
}

.bannerHome-box-right{
  float:right;
}

footer{
  float: left;
  background-color:#f7f9fc;
}

footer ul{
  padding:0px;
}

footer.row {
  padding: 40px 30px 0;
}

footer .footercontent{
  margin: 0 auto;
  width:100%;
  max-width: 1067px;
  padding: 0px 45px 0px 45px;
}

footer .footercontent_row{
  display: flex;
  max-width: 1200px;
  margin: 40px auto 0 auto;
  flex-wrap: wrap;
}

footer .footercontent_row .userMenu-big-menu-column-center{
  margin:0 auto;
  width: 200px;
}

.social-footer-links{
  color:#fff;
}

footer .footercontent_row.business .social-footer-links:hover{
  color: #26B99A;
}

footer .footercontent_row.business a:hover {
    color: #26B99A;
}

footer .footercontent_row .userMenu-big-menu-column-center h2{
  text-transform:none;
}



footer .footercontent_row_box{
  float: left;
  width: 100%;
  /* max-width: 1024px; */
  margin: 0 auto;
}

footer .footercontent_row_box .footercontent_box {
  width: calc(25% - 20px);
  float: left;
  padding: 10px;
}

footer .footercontent_row_box .footercontent_box .titleFooterMenu {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 20px;
}

footer .footercontent_row_box .whereAreYou,
footer .footercontent_row_box .copyrights{
  width: calc(100% - 200px);
  float:right;
  padding:10px;
  text-align: right;
  /* line-height: 60px; */
}

footer .footercontent_row_box .whereAreYou .footer_distance_container{
  float:right;
}

footer .footercontent_row_box .whereAreYou .footer_distance_container div,
footer .footercontent_row_box .whereAreYou .footer_distance_container span{
  float:left;
  line-height: 60px;
  margin: 0 3px;
}

footer .footercontent_row_box .whereAreYou .footer_distance_container .distance{
  text-align: center;
  line-height: 20px;
  padding: 0 5px;
  margin-top: 20px;
}

footer .footercontent_row_box .whereAreYou .footer_distance_container img{
  max-width: 60px;
}

  .dropdownContainer {
  }

  .dropdownContainer #dropdown {
    position: absolute;
    border: 1px solid rgb(233, 233, 233);
    border-radius: 0px 0px 3px 3px;
    z-index: 9;
    width: calc(100% + 40px);
    top: 43px;
    font-family: avenir;
    left: 0;
    max-height: 436px;
    overflow-y: scroll;
  }

  .bestNearYou-container{
    padding:50px 30px 100px;
    width:calc(100% - 60px);
  }

  .halfpage-image{
    float: right;
    width: calc(50% - 80px);
    padding: 40px;
    margin: 0 auto;
  }

  .halfpage-image img{
    width: 40vw;
  }

  .resultList-slider{
    position: absolute;
    left: 0;
    top: 110px;
    width: 580px;
    overflow-y: scroll;
    overflow-x:hidden;
    background: rgba(255, 255, 255, 0.8);
    height: calc(100vh - 110px);
  }

.resultList-slider h2.restaurant-name a{
    color: #fff;
}

.resultList-slider h2.restaurant-name a:hover{
    color: #f43e3c;
}

  .resultList-slider::-webkit-scrollbar {
    display: none;
  }

  .resultListImage{
    background-position: center;
    position: relative;
    background-size: cover;
    width: 180px;
    height: 180px;
    border-radius: 5px;
    cursor: pointer;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

  .restaurantCard-searchResults-item.bigImage .resultListImage{
    height:220px;
  }

  /* .resultList-slider .show-more-results-outside {
    width: 100%;
  } */

  .searchMap-zoom {
    position: absolute;
    right: 15px;
    bottom: 30px;
    z-index: 400;
  }

  input.cityInput-textinput{
    padding: 0px 37px 0px 37px;
    width: 254px;
    height: 36px;
    display: inline;
    margin-bottom: 0px;
    font-family: "Archivo Narrow";
    /* border-radius: 25px; */
    border-radius: 0;
    /* border: solid 1px rgba(198, 198, 197, 0.5); */
    border: none;
    border-color: none;
    border-bottom: solid 1px #ffffff;
    box-shadow: none;
    /* color: #4a4a4a; */
    color: #ffffff;
    text-overflow: ellipsis;
    float: left;
    background: transparent;
  }
  .search-page input.cityInput-textinput {
    color: #9b9b9b;
    border-color: #9b9b9b;
    font-weight: bold;
  }
  .search-page input.cityInput-textinput:focus {
    border-color: #9b9b9b;
  }

  .search-page input.cityInput-textinput::placeholder, {
    font-weight: normal;
    color: #9b9b9b;
  }
  .search-page input.cityInput-textinput:-ms-input-placeholder {
    font-weight: normal;
    color: #9b9b9b;
  }
  .search-page input.cityInput-textinput::-moz-placeholder {
    font-weight: normal;
    color: #9b9b9b;
  }
  .search-page input.cityInput-textinput::-webkit-input-placeholder {
    font-weight: normal;
    color: #9b9b9b;
  }
  .search-page input.cityInput-textinput:-moz-placeholder {
    font-weight: normal;
    color: #9b9b9b;
  }
  input.cityInput-textinput.search-in-search {
    width: calc(100% - 30px);
    max-width: 370px;
    color: #4a4a4a;
    border-bottom: solid 1px #929292;
    font-weight: bold;
    margin-left: 30px;
    font-size: 16px;
    height: 30px;
    padding: 6px 37px 0 27px;
    line-height: 20px;
  }
  input.cityInput-textinput:focus {
    border: none;
    border-color: none;
    border-bottom: solid 1px #ffffff;
    box-shadow: none;
  }
  input.cityInput-textinput.search-in-search:focus {
    border-bottom: solid 1px #929292;
  }

  input.cityInput-textinput::placeholder,
  .cityInput-textinput::placeholder {
    color: #ffffff;
  }
  .cityInput-textinput:-ms-input-placeholder {
    color: #ffffff;
  }
  .cityInput-textinput::-moz-placeholder {
    color: #ffffff;
  }
  .cityInput-textinput::-webkit-input-placeholder {
    color: #ffffff;
  }
  .cityInput-textinput:-moz-placeholder {
    color: #ffffff;
  }

  input.cityInput-textinput.search-in-search::placeholder,
  .cityInput-textinput.search-in-search::placeholder {
    color: #4a4a4a;
    font-weight: normal;
  }
  .cityInput-textinput.search-in-search:-ms-input-placeholder {
    color: #4a4a4a;
    font-weight: normal;
  }
  .cityInput-textinput.search-in-search::-moz-placeholder {
    color: #4a4a4a;
    font-weight: normal;
  }
  .cityInput-textinput.search-in-search::-webkit-input-placeholder {
    color: #4a4a4a;
    font-weight: normal;
  }
  .cityInput-textinput.search-in-search:-moz-placeholder {
    color: #4a4a4a;
    font-weight: normal;
  }

  .searchHere{
    position: absolute;
    bottom: 40px;
    right: 65px;
  }

  /* scheda ristorante */
  .detailsContainer{
    width: 100%;
    /* display: inline-block; */
    /* position: relative; */
    /* max-width: 1024px; */
    /* margin: 110px auto 0; */
    margin-top: 110px;
    background-color: #ffffff;
    padding-bottom: 100px;
  }

  .detailsContainerInner {
    width: 100%;
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
  }

  .detailsContainer.closed {
    margin-top: 120px;
  }

  .detailsContainer .backToResults-container{
    height: 36px;
    float: left;
    margin-top:10px;
    width: 100%;
  }

  .foodiestrip_back_to_results {
    color: #4a4a4a;
    height: 31px;
    line-height: 28px;
    display: inline-block;
    font-family: "Archivo Narrow";
    font-size: 14px;
    font-weight: 600;
    top: 10px;
    left: 20px;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
    line-height: 36px;
  }

  .foodiestrip_back_to_results:hover {
    /* height: 27px; */
    /* border-bottom: solid 1px #f43e3c; */
    text-decoration: underline;
    color: #f43e3c;
  }

  .edit-profile-label-container {
    display: inline-block;
    margin-bottom: 10px;
  }

  .edit-profile-label {
    height: 25px;
    font-family: "Archivo Narrow";
    font-weight: 300;
    font-size: 18px;
    text-align: left;
    color: #cbcbcb;
    float: left;
    width: 180px;
  }

  .edit-profile-text {
    width: calc(100% - 185px);
    float: left;
    height: 36px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #cbcbcb;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.18);
    outline: none;
    webkit-box-shadow: none;
    font-family: "Archivo Narrow";
    font-size: 14px;
    line-height: 36px;
    text-align: left;
  }

  .RestaurantInfo-container {
    position: fixed;
    height: 100vh;
    padding-top: 100px;
    top: 0;
    right: 0;
    width: 550px;
    background-color: #ffffff;
    overflow-x: hidden;
    margin-right: -15px;
    /*overflow-y: auto;*/
  }

  .coverContainer{
    float: left;
    width:100%;
    height:350px;
    overflow:hidden;
    background-size: cover;
    background-position: center;
    /*margin-bottom: 20px;*/
  }
  .coverContainer img{
    width:100%;
    opacity:0;
  }
  .ownerContainer{
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 3;
    cursor: pointer
  }
  .Restaurant-detail-map-container {
    width: calc(100% - 350px);
    float: right;
    position: relative;
    z-index: 1;
  }

  .buttonFull{
    width: 250px;
    height: 37px;
    border-radius: 35px;
    background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
    color: #e7382f;
    font-family: "Archivo Black";
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    border: none;
    outline: none;
    box-shadow: none;
    float: left;
    cursor: pointer;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .buttonFull:hover{
    color:#fff;
    text-decoration: none;
  }

  .buttonEmptyContainer-outside {
    width: 210px;
    margin: 10px auto;
    height: 37px;
    border-radius: 35px;
    background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
    color: #e7382f;

    cursor: pointer;
    font-family: 'Archivo Black', sans-serif;
    font-size: 16px;
    text-align: center;
    float: left;
    position: relative;
  }

  .buttonEmptyContainer-inside {
    position: absolute;
    background-color: #ffffff;
    top: 1px;
    color: #e7382f;
    bottom: 1px;
    left: 1px;
    right: 1px;
    width: calc(100% - 2px);
    height: 35px;
    border-radius: 35px;
    transition: 0.3s;
  }

  .buttonEmptyContainer-inside:hover {
    background-color: transparent;
    color: #ffffff;
  }

  .buttonFull span, .buttonEmpty span{
    line-height:37px
  }

  /* scheda ristorante */

  .edit-profile-text {
    width: calc(100% - 185px);
    float: left;
    height: 36px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #cbcbcb;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.18);
    outline: none;
    webkit-box-shadow: none;
    font-family: "Archivo Narrow";
    font-size: 14px;
    line-height: 36px;
    text-align: left;
  }

  .homeBannerContainer {
    max-height: 590px;
    overflow: hidden;
  }
  .homeBannerContainer .slick-slider{
    display:none !important;
  }
  .homeBannerContainer .slick-slider.slick-initialized{
    display:block !important;
  }

  .featuredPhotosContainer {
    max-height: 500px;
    overflow: hidden;
  }
  .featuredPhotosContainer .slick-slider{
    display:none !important;
  }
  .featuredPhotosContainer .slick-slider.slick-initialized{
    display:block !important;
  }

  .homeBannerContainer ul.slick-dots li {
    margin: 0 8px;
}

  .homeMainBanner{
    /* background-image:url('https://cdn.foodiestrip.com/banner/mainBanner-horizontal.jpg'); */
    position: relative;
    /* width: calc(100% - 210px); */
    width: 100%;
    display: inline-block;
    background-size: cover;
    background-position: right;
    /* padding: 140px 105px 20px; */
    padding: 140px 0 50px;
    min-height: 400px !important;
  }
  .homeMainBannerMobile{
    /* background-image:url('https://cdn.foodiestrip.com/banner/mainBanner-horizontal.jpg'); */
    position: relative;
    /* width: calc(100% - 210px); */
    width: 100%;
    display: none;
    background-size: cover;
    background-position: right;
    /* padding: 140px 105px 20px; */
    padding: 140px 0 50px;
    min-height: 400px !important;
  }
  .homeMainBanner-inner {
    padding: 0 105px;
    width: calc(100% - 210px);
    position: relative;
  }

  .phone-image-home-banner {
    max-width: 350px;
    margin: 0px auto;
    padding-top: 50px;
  }

  .menuFixVolante{
    float: right;
  }

  .motivation-list{
    float: left;
    width: calc(50% - 80px);
    padding: 40px;
  }

  .reasonContainer{
    width: 350px;
    display: flex;
    margin: 0 auto 20px;
  }

  .user-contents-container {
    width: calc(100% - 40px);
    position: relative;
    padding: 48px 20px 100px;
  }

  .user-contents-menu-container {
    display: flex;
    width: initial;
    margin-bottom: 30px;
    border-top: solid 1px #d9d9d9;
  }

  .user-contents-menu-subcontainer {
    display: inline-block;
    margin: 0 auto;
    height: 45px;
  }

  .download-app-user-menu {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #555;
    padding-bottom: 20px;
  }

  .download-app-image-user-menu {
    float: left;
    width: 50%;
  }

  .download-app-user-menu-app {
    display: block;
  }

  .user-menu-link,
  .menu-item.user-menu-link,
  .top-menu .menu-item.user-menu-link {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
    transition: 0.3s;
  }
  .user-menu-link.unselected:hover,
  .menu-item.user-menu-link.unselected:hover,
  .top-menu .menu-item.user-menu-link.unselected:hover,
  .user-menu-link:hover,
  .menu-item.user-menu-link:hover,
  .top-menu .menu-item.user-menu-link:hover {
    color: #ffffff;
  }
  .user-menu-link.unselected,
  .menu-item.user-menu-link.unselected,
  .top-menu .menu-item.user-menu-link.unselected {
    color: #4a4a4a;
  }

  .user-menu-link .userName {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
  }

  .user-menu-link-button,
  .menu-item.user-menu-link-button,
  .top-menu .menu-item.user-menu-link-button,
  a.blue-button-link {
    color: #ffffff;
    background-color: #002633;
    padding: 0 15px;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    border: solid 1px #ffffff;
    font-size: 18px;
    margin-top: 15px;
    transition: 0.3s;
  }
  .user-menu-link-button:hover,
  .menu-item.user-menu-link-button:hover,
  .top-menu .menu-item.user-menu-link-button:hover,
  .user-menu-link-button.unselected:hover,
  .menu-item.user-menu-link-button.unselected:hover,
  .top-menu .menu-item.user-menu-link-button.unselected:hover,
  a.blue-button-link:hover {
    color: #002633;
    border: solid 1px #ffffff;
    background-color: #ffffff;
  }
  .user-menu-link-button.unselected,
  .menu-item.user-menu-link-button.unselected,
  .top-menu .menu-item.user-menu-link-button.unselected {
    color: #4a4a4a;
    border: solid 1px #4a4a4a;
    background-color: transparent;
  }

 .mobileMenuContainer a.blue-button-link{
   width: 190px;
  height: 40px;
  border-radius: 20px;
  font-family: 'Archivo Narrow', sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    padding: 0;
    transition: 0.3s;
    box-shadow: 0 0 2px rgba(50, 50, 50, 0.2);
display: inline-block;
 }

  .user-menu-link .userImage {
    background-size: cover;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin: 8px 0 8px 10px;
    border: solid 2px #ffffff;
  }

  .button-container-foodies {
    position: absolute;
    left: 50px;
    bottom: 20px;
    display: block;
  }

  .button-container-owner {
    position: absolute;
    bottom: 20px;
    right: 210px;
    display: block;
  }

  .user-intro-container {
    display: flex;
    width: calc(100% - 120px);
    padding: 70px 60px;
  }

  .user-intro-fellowship-container {
    display: inline-block;
    margin-top: 20px;
    width: calc(100% + 5px);
  }

  .user-intro-fellowship-container-after {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
  }

  .user-intro-fellowship {
    float: left;
    margin-right: 45px;
  }

  .user-intro-info-container {
    float: left;
    max-width: calc(100% - 130px);
  }

  .user-intro-info-content {
    display: inline-block;
    margin: 0 auto
  }

  .user-profile-map {
    width: calc(100% - 200px);
    margin: 0 100px;
    height: 500px;
    z-index: 0;
  }

  .user-profile-contents-separator {
    width: 0px;
    height: 38px;
    float: left;
    border-right: 1px solid rgb(217, 217, 217);
  }

  .user-profile-contents-button-container {
    float: left;
  }

  .error-pages-container {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-color: #ffffff;
  }

  .error-pages-header-container {
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    height: 110px;
    left: 0;
    top: 0;
    border-bottom: solid 1px #d9d9d9;
  }

  .error-pages-logo {
    height: 110px;
    float: left;
    margin: 0 15px;
  }

  .error-pages-text-container {
    text-align: left;
    width: 100%;
    margin: 0 auto;
    font-family: 'Archivo Narrow', sans-serif;
    display: inline-block;
  }

  .error-pages-text-part {
    float: left;
    width: calc(50% - 50px);
    margin-left: 50px;
    margin-top: 170px;
    display: flex;
  }

  .error-pages-text {
    max-width: 360px;
    margin: 0 auto;
  }

  h1.error-pages-error-number {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 30px;
    color: #929292;
  }

  h3.error-pages-error-number {
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
    color: #929292;
  }

  .error-pages-image-container {
    float: left;
    width: 50%;
    margin-top: 150px;
    display: flex;
  }

  .error-pages-image {
    width: 300px;
    margin: 0 auto;
  }

  /* class to handle the popup to add images */
  .popup-add-images {
    height: 350px;
    width: 360px;
    margin: 200px auto;
  }
  /* class to handle the popup in the backoffice to make websites */
  .editorField .popup-add-images {
    margin: 50px auto 0;
  }

  .reset-password-button-container {
    width: 60%;
    max-width: 500px;
    min-width: 300px;
    display: flex;
  }

  .reset_password_container {
    padding: 110px 30px 50px;
    width: calc(100% - 60px);
    overflow: hidden;
  }

  .search_in_this_area {
    height: 30px;
    padding: 0 20px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    line-height: 30px;
    color: #4a4a4a;
    border-radius: 20px;
    border: solid 1px #ffffff;
    text-align: center;
    background-color: #ffffff;
    font-family: "Archivo Narrow";
    text-transform: uppercase;
    font-size: 14px;
  }

  .search_in_this_area:hover {
    background-color: #e7382f;
    border-color: #e7382f;
    color: #ffffff;
  }

  .padding_header {
    padding-top: 110px;
  }

  .padding_under_header {
    padding-top: 0;
  }

  .padding_under_header_signin {
    padding-top: 100px;
  }

  .padding_under_header_backoffice {
    padding-top: 140px;
  }

  .padding_under_header_sitemap {
    padding-top: 110px;
  }

  .logo_header_desktop {
    display: block;
  }

  .logo_header_mobile {
    display: none;
  }

  .user-menu-download-app-label {
    color: #555;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 18px;
  }

  .filter-window {
    position: fixed;
    top: 96px;
    left: 25vw;
    width: calc(100% - 555px);
    max-width: 782px;
    min-width: 400px;
    z-index: 999999;
    border-radius: 7.5px;
    background-color: #ffffff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.19);
    padding: 6px 15px 9px;
    max-height: calc(90vh - 96px);
  }

  .user-menu-title-label {
    font-family: 'Archivo Narrow', sans-serif;
    color: rgb(51,51,51);
    text-transform: uppercase;
    line-height: 30px;
    font-weight: bold;
    font-size: 15px;
  }

  .label_for_owners_mobile {
    display: block;
    color: #8e3b52;
    line-height: 20px;
  }
  .label_for_owners_desktop {
    display: none;
  }

  .user-menu-logo-mobile {
    position: absolute;
    top: 17px;
    left: 20px;
  }

  /*MISSION*/
  .mission_content{
    margin: 140px auto 100px auto;
    width: 80%;
    max-width: 700px;
  }

  .mission_content h1{
    text-align: center;
    font-family: 'Archivo Black', sans-serif;
    font-size: 30px;
    line-height: 36px;
    color: #3c3c3b;
    margin-bottom: 80px;
  }
  .mission_content ol{
    padding-left: 20px;
  }

  .mission_content ol > li{
margin-bottom:20px;
padding-left:15px;
text-align: justify;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
    line-height: 26px;
  }

  /*STORY*/
  .story_content{
    margin: 140px auto 100px auto;
    width: 80%;
    max-width: 700px;
  }

  .story_content h1{
    text-align: center;
    font-family: 'Archivo Black', sans-serif;
    font-size: 30px;
    line-height: 36px;
    color: #3c3c3b;
    margin-bottom: 80px;
  }

  .story_content p{
  margin-bottom:20px;
  padding-left:15px;
  text-align: justify;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
    line-height: 26px;
  }

  /*BIO*/
  .bio_content{
    margin:0 0 100px 0;
    width: 100%;
  }

  .bioLinkContainer h1{
    text-align: center;
    font-family: 'Archivo Black', sans-serif;
    font-size: 30px;
    line-height: 36px;
    color: #3c3c3b;
    margin-bottom: 80px;
  }

  .bio_content .bioContainer{
    width: 100%;
  }

  .bioLinkContainer{
    margin: 140px auto 100px auto;
    width: 80%;
    max-width: 700px;
    text-align: center;
  }

  .bioLinkContainer a{
    color: #4a4a4a;
    display: inline-block;
    font-family: "Archivo Narrow";
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
    line-height: 36px;
    margin: 4px 20px;
}

.bioLinkContainer a:hover{
  color: #e7382f;
}

.bio_cover h1, .bio_cover_mobile h1 {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  padding: 30vh 0 0 0;
  font-family: 'Archivo Black', sans-serif;
  font-size: 30px;
  line-height: 36px;
  /* color: #fff; */
  color: #000000;
  /* text-shadow: 3px 3px 8px rgba(0,0,0,0.7); */
}
.bio_cover h2, .bio_cover_mobile h2 {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  padding-top: 30px;
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  /* color: #fff;
  text-shadow: 3px 3px 8px rgba(0,0,0,0.7); */
}
.bio_cover h3, .bio_cover_mobile h3 {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  padding-top: 5px;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  /* color: #9d9c9c;
  text-shadow: 3px 3px 8px rgba(0,0,0,0.7); */
}

  .bio_cover {
    background-size: cover;
    height: 70vh;
    background-repeat: no-repeat;
    background-position: top center;
    border-bottom: 1px #ccc solid;
    margin-top: 50px;
    display: block;
}

.bio_cover_mobile {
  display: none;
  margin-top: 50px;
  border-bottom: 1px #ccc solid;
  text-align: center;
}

.team_bio_picture_mobile {
  width: 100%;
  /* width: 300px; */
  text-align: center;
  max-width: 400px;
}



  .bio_content .bioContainer .bio_body{
    margin:80px auto 100px auto;
    width: 80%;
    max-width: 700px;
    position: relative;
  }

  .bio_content .bioContainer .bio_body p{
  margin-bottom:20px;
  padding-left:15px;
  text-align: justify;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
    line-height: 26px;
  }


  .search-results-container {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
  }

  .layer-above-restaurant-preview {
    position: absolute;
    width: 100%;
    height: 180px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
  }

  .best-contents-card {
    width: 85px;
    height: 85px;
    background-size: cover;
    background-position: center;
    position: relative;
    cursor: pointer;
    float: left;
    margin-right: 14px;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
  }
  .best-contents-card.latest-certified {
    float: right;
  }

  .best-contents-card-text {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    word-break: break-word;
    max-height: 80px;
  }

  .restaurant-preview-card {
    background-position: center;
    background-size: cover;
    width: 180px;
    height: 180px;
    border-radius: 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
  }
  .restaurant-preview-card.adviced-restaurant-card {
    width: 160px;
    height: 160px;
  }

  .edit-profile-container {
    width: 100%;
    padding-top: 85px;
    background-color: #f0f0f0;
  }

  .edit-profile-user-image {
    width: 80px;
    height: 80px;
    border-radius: 41px;
    margin-left: 24px;
    margin-top: 17px;
    border: 2px solid #ffffff;
    cursor: pointer;
    background-size: cover;
    background-position: center;
  }

  .edit-profile-cover-image {
    width: 100%;
    height: 115px;
    position: relative;
    margin-bottom: 17px;
    border-radius: 5px;
    display: flex;
    background-size: cover;
    background-position: center;
  }

  .edit-profile-change-image {
    position: absolute;
    top: 70px;
    left: 37px;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
  }

  .edit-profile-username {
    position: absolute;
    top: 53px;
    left: 120px;
    color: #ffffff;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 26px;
    font-weight: 900;
    font-style: oblique;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  }

  .edit-profile-city-button {
    width: 100%;
    font-family: 'Archivo Narrow', sans-serif;
    padding: 0;
    font-size: small;
    border: none;
  }

  .edit-profile-sub-title {
    font-family: 'Archivo Narrow', sans-serif;
    color: #e7382f;
    font-size: 20px;
    margin-bottom: 36px;
  }

  .edit-profile-city-dropdown {
    height: 19px;
    font-size: 16px;
    font-weight: 500;
  }

  .edit-profile-info {
    padding-bottom: 0;
    border-bottom: 1px solid #cccccc;
    padding-left: 10px;
  }

  .edit-profile-region {
    font-size: 14px;
    text-align: left;
    font-family: 'Archivo Narrow', sans-serif;
    color: #606060;
  }

  .edit-profile-section {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16);
    width: 800px;
    margin: 13px auto 0;
  }

  .edit-profile-form {
    background-color: #ffffff;
    margin: 0 auto;
    width: 100%;
  }

  .edit-profile-card-content {
    padding: 11px 15px;
    display: grid;
    margin-bottom: 15px;
  }

  input.edit-profile-input, .edit-profile-input {
    height: 36px;
    float: left;
    width: calc(100% - 180px);
    font-family: 'Archivo Narrow', sans-serif;
    line-height: 26px;
    color: #666666;
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: solid 1px #b0bfc1;
    font-weight: bold;
    margin-bottom: 0;
    border-radius: 0;
  }
  input.edit-profile-input.with-placeholder, .edit-profile-input.with-placeholder {
    display: none;
  }

  button.edit-profile-button, .edit-profile-button {
    width: calc(100% - 180px);
    height: 40px;
    line-height: 40px;
    border-radius: 21.5px;
    margin: 0 auto;
    float: right;
    border: none;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    background-color: transparent;
    background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
  }

  button.edit-profile-button:focus, .edit-profile-button:focus {
    outline: none;
  }

  button.edit-profile-button:hover, .edit-profile-button:hover {
    /*background-image: linear-gradient(to left, rgb(241,156,53), rgb(243,107,128));*/
    background-image: none;
    background-color: #ffffff;
    color: #3c3c3b;
    border: solid 1px #e7382f;
  }

  button.edit-profile-gender, .edit-profile-gender {
    width: 33%;
    height: 36px;
    background-color: #ffffff;
    border: solid 1px #cccccc;
    margin: 0px;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #666666;
    outline: none;
  }
  button.edit-profile-gender:hover, .edit-profile-gender:hover {
    background-color: #e7382f;
    border: solid 1px #cccccc;
    color: #ffffff;
  }

  .edit-profile-image-container {
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
  }

  .edit-profile-dropdown-container {
    position: relative;
    width: calc(100% - 180px);
    margin-left: 180px;
  }

  .restaurant-review-margin {
    margin-left: 22px;
    width: calc(100% - 22px);
  }

  .are_you_owner_button {
    display: none;
  }

  .restaurat-detail-review-blob {
    width: calc(100% - 230px);
    margin-left: 30px;
    padding: 0 10px 10px;
    font-family: 'Archivo Narrow', sans-serif;
    color: #6b6e76;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    float: left;
  }

  .restaurant-detail-review-comment {
    font-family: 'Archivo Narrow', sans-serif;
    color: #6b6e76;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
  }

  .restaurant-detail-review-comment-madeBy {
    font-family: 'Archivo Narrow', sans-serif;
    color: rgb(120, 149, 164);
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    font-style: normal;
    max-width: calc(100% - 80px);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .restaurant-detail-review-dots {
    /* float: right; */
    cursor: pointer;
    /* margin-right: 10px; */
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    right: -20px;
    top: -20px;
  }

  .restaurant-detail-review-signal-popup {
    z-index: 100000;
    position: absolute;
    top: 0;
    right: -20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    font-family: 'Archivo Narrow', sans-serif;
    color: #3c3c3b;
    background-color: #ffffff;
    text-align: left;
    border-radius: 5px;
    font-size: 18px;
    width: 210px;
  }

  button.restaurant-detail-review-signal-button, restaurant-detail-review-signal-button {
    padding: 5px;
    width: 210px;
    background-color: #ffffff;
    font-family: 'Archivo Narrow', sans-serif;
    color: #3c3c3b;
    border-radius: 5px;
    margin: 0;
    border: none;
  }
  button.restaurant-detail-review-signal-button:hover, restaurant-detail-review-signal-button:hover {
    background-color: #ececec;
    color: #3c3c3b;
  }

  button.restaurant-detail-review-signal-button-inner, restaurant-detail-review-signal-button-inner {
    padding: 5px;
    width: 210px;
    background-color: #f0f0f0;
    line-height: 24px;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: normal;
    text-align: left;
    font-size: 16px;
    color: #3c3c3b;
    border-radius: 0px;
    margin: 0;
    border: none;
  }
  button.restaurant-detail-review-signal-button-inner:hover, restaurant-detail-review-signal-button-inner:hover {
    background-color: #ececec;
    font-weight: bold;
    color: #3c3c3b;
  }

  .restaurant-detail-edit-restaurant {
    width: initial;
    padding: 0 10px;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    color: #e7382f;
    background-color: rgb(255, 255, 255);
    /* border: solid 1px #e7382f; */
    border-radius: 35px;
    /* margin-top: 5px; */
    background-image: none;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    /* margin-right: 5px; */
    position: absolute;
    left: 10px;
    top: 10px;
    border: none;
  }
  .restaurant-detail-edit-restaurant:hover {
    background-color: none;
    border: none;
    color: #ffffff;
    background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
  }

  .restaurant-detail-like-button {
    border-radius: 20px;
    height: 20px;
    border: solid 1px rgb(0, 38, 51);
    color: rgb(0, 38, 51);
    font-size: 13px;
    line-height: 20px;
    font-family: 'Archivo Narrow', sans-serif;
    padding: 0 10px;
    text-align: center;
    font-weight: normal;
    width: initial;
    float: left;
    cursor: pointer;
  }
  .restaurant-detail-like-button:hover {
    height: 18px;
    border: solid 2px rgb(0, 38, 51);
    line-height: 18px;
    font-weight: bold;
  }
  .restaurant-detail-like-button-icon {
    font-size: 13px;
    margin-right: 5px;
  }
  .restaurant-detail-like-button-icon:hover {
    font-size: 15px;
  }

  .search-filters-category {
    float: left;
    width: 27%;
    min-width: 150px;
    margin-right: 15px;
    display: inline-block;
    color: #737373;
    font-size: 15px;
    cursor: pointer;
    margin-bottom: 10px;
    height: 36px;
    padding: 0 10px;
    line-height: 36px;
    font-family: 'Archivo Narrow', sans-serif;
  }
  .search-filters-category.selected {
    border-radius: 100px;
    background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
    color: #ffffff;
  }

  .search-filters-title {
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: 500;
    font-size: 16px;
    float: left;
    min-width: 45%;
  }

  .search-filters-title-counter {
    float: left;
    margin-left: 20px;
    color: #0094df;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 15px;
    font-style: oblique;
  }

  .search-filters-foodtypes {
    border-radius: 100px;
    background-color: #f0f0f0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 15px;
    letter-spacing: 0.8px;
    text-align: left;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin-right: 30px;
    margin-bottom: 19px;
    cursor: pointer;
    padding: 0 10px;
  }
  .search-filters-foodtypes.hide {
    display: none;
  }

  button.search-filters-clear, .search-filters-clear {
    width: 210px;
    border: none;
    box-shadow: none;
    background-color: #f0f0f0;
    border-radius: 17px;
    color: #929292;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    height: 37px;
    margin-left: 20px;
    cursor: pointer;
    margin-bottom: 10px;
  }
  button.search-filters-clear:hover, .search-filters-clear:hover {
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
  }

/* SITEMAP */
.sitemap_breadcrumb {
  background: #f0f0f0;
  border-bottom: solid 1px #d9d9d9;
  float: left;
  width: calc(100% - 40px);
  padding: 10px 20px;
}

.sitemap_breadcrumb a{
  font-weight: 300;
  font-size: 20px;
  color: #3c3c3b;
  font-family: 'Archivo Narrow', sans-serif;
  padding:3px 10px;
}

.sitemap_breadcrumb a:hover {
    color: #e7382f;
}

.sitemap_breadcrumb .breadcrumb_link{
  float: left;
}

a.sitemapLink{
  color: #4a4a4a;
  display: inline-block;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  text-decoration: none;
  line-height: 36px;
  margin: 4px 20px;
}

a.sitemapLink:hover{
color: #e7382f;
}

.sitemapLink_container{
    text-align: center;
    width: 80%;
    margin: 80px auto;
    max-width: 930px;
}

.sitemapRestaurantCard{
  float:left;
  margin: 15px 30px;
}

.sitemap-pagination-container {
  float: left;
  width: 100%;
  display: flex;
  margin-bottom: 50px;
}

.sitemap-pagination-container-center {
  width: calc(100% - 100px);
  margin: 0 auto;
  text-align: center;
}

.sitemap-pagination-number {
  width: 30px;
  display: inline-block;
  height: 30px;
  text-align: center;
  padding-top: 5px;
  font-size: 20px;
  margin-right: 10px;
  color: #666666;
  cursor: pointer;
  transition: none;
}

.sitemap-pagination-number.active{
  font-weight: bold;
  border-bottom: solid 1px #666;
  height: 29px;
}

.sitemap-pagination-number:hover {
  color: #f43e3c;
  border-bottom: solid 1px #f43e3c;
  height: 29px;
  text-decoration: none;
}

.search-filters-no-results {
  font-size: 18px;
  background-color: #f5a623;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  text-align: center;
  line-height: 22px;
  padding: 10px;
  border-radius: 7.5px;
}

.filters-distance-container {
  float: right;
  width: calc(100% - 200px)
}

.filters-description {
  font-family: 'Archivo Narrow', sans-serif;
  color: #737373;
  text-align: left;
  font-size: 15px;
}

.rc-slider::after {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: #d9d9d9;
  content: "";
  position: absolute;
  right: -17px;
  top: -2px;
}

.rc-slider::before {
  border-radius: 50%;
  width: 9px;
  height: 9px;
  background-color: rgb(241, 167, 53);
  content: "";
  position: absolute;
  z-index: 3;
  left: -3px;
  top: 2px;
}

.filters-slider-distance-container {
  width: calc(100% - 100px);
  float: right;
  margin-top: 5px;
  margin-right: 25px;
}

.filter-slider-distance-label {
  width: 70px;
  float: right;
  text-align: right;
  font-family: 'Archivo Narrow', sans-serif;
  color: #737373;
  font-size: 15px;
}

.filter-slider-price-label {
  width: 100px;
  float: left;
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
  color: #737373;
  font-size: 15px;
}

.filters-slider-price-container {
  width: calc(100% - 150px);
  float: right;
  margin-top: 5px;
  margin-right: 25px;
}

.filters-distance-slider-and-label-container {
  float: right;
  width: calc(100% - 220px);
}

.show-more-results-outside.filters {
  float: left;
}

.search-filters-clear.filters {
  float: left;
}

.restaurant-details-closed {
  width: 100%;
  background-color: rgba(231, 56, 47, 0.7);
  text-align: left;
  font-family: 'Archivo Black', sans-serif;
  color: #ffffff;
  height: 36px;
  margin-top: -40px;
  line-height: 36px;
  z-index: 5;
  font-size: 18px;
  text-transform: uppercase;
  margin: 10px;
  padding-left: 10px;
}

.restaurant-details-tag {
  background-color: rgba(148, 171, 184, 0.68);
  border-radius: 4px;
  font-size: 16px;
  line-height: 18px;
  padding: 5px 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #ffffff;
  float: left;
}

/* .restaurant-images-preview-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  width: calc(100% - 20px);
  background-color: rgba(74,74,74,0.29);
} */
.restaurant-images-preview-container {
  float: left;
}

/* img.restaurant-details-image-preview, .restaurant-details-image-preview {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 14px;
  border: none;
  opacity: 1;
  cursor: pointer;
} */
img.restaurant-details-image-preview, .restaurant-details-image-preview {
  width: 171px;
  height: 171px;
  margin: 0 0 3px 3px;
  opacity: 1;
  cursor: pointer;
}

.restaurant-details-image-preview-inside {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.restaurant-details-previews-more {
  /* width: 171px;
  height: 171px; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #ffffff;
  font-size: 24px;
  position: absolute;
  line-height: 170px;
  text-align: center;
  font-family: 'Archivo Black', sans-serif;
  cursor: pointer;
  text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 25px;
  background-color: rgba(0, 0, 0, 0.7);
}

.restaurant-details-no-images-yet {
  width: 125px;
  height: 135px;
  background-color: #ffffff;
  color: #cbcbcb;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  padding: 30px 20px 0;
  margin-left: 5px;
  border: solid 1px #cbcbcb;
}

.restaurant-detail-picture-head-username {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  line-height: 26px;
}

.user-image-round.user-image-picture-head {
  width: 65px;
  height: 65px;
  margin-right: 10px;
  float: left;
}

.restaurant-detail-picture-head-name-and-date {
  float: left;
  margin-top: 9px;
}

.restaurant-detail-picture-head-date {
  font-size: 16px;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  line-height: 20px;
}

.restaurant-detail-picture-head-added-by-admin {
  float: left;
  margin-top: 18px;
  font-size: 20px;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  line-height: 22px;
}

.restaurant-details-map-next-image-container {
  width: 50%;
  float: left;
  position: relative;
  margin-bottom: 30px;
}

.restaurant-detail-image-container-side {
  width: 50%;
  float: left;
  position: relative;
  margin-bottom: 30px;
}

.restaurant-details-map-container-below {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 30px;
  display: none;
}

.restaurant-details-go-to-location {
  float: left;
  width: 36px;
  height: 36px;
  border: solid 1px #e7382f;
  border-radius: 50%;
  background-color: #e7382f;
  cursor: pointer;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  margin-right: 18px;
  transition: 0.3s;
  margin-top: 10px;
}
.restaurant-details-go-to-location:hover {
  color: #e7382f;
  background-color: #ffffff;
}

.restaurant-details-address-under-map {
  margin-bottom: 10px;
  max-width: calc(100% - 56px);
  float: left
}

.restaurant-details-address-container {
  width: 100%;
  display: inline-block
}

.attribute-to-open-container {
  width: calc(50% - 30px);
  padding: 10px 10px 0;
  float: left;
  margin-right: 10px;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.21);
  /* width: 100%; */
  /* border-bottom: solid 1px #ececec; */
  margin-bottom: 10px;
}

.attribute-to-open-icon {
  margin-right: 10px;
  font-size: 26px;
  height: 18px;
}

.RestaurantInfo-crew.attribute-to-open-description {
  font-style: italic;
  color: #929292;
  margin-top: 5px;
}

.restaurant-details-image-container-little {
  display: none;
}
.restaurant-details-image-container-big {
  display: block;
}

.popup-black-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 10;
}

.popup-container {
  background-color: #ffffff;
  border-radius: 3px;
  left: calc(50vw - 315px);
  top: 140px;
  box-shadow:  0 3px 8px 0 rgba(0, 0, 0, 0.19);
  position: fixed;
  padding: 8px;
  max-width: 650px;
  width: 650px;
  z-index: 11;
}

.popup-container.popup-checkins {
  padding: 0;
  max-height: calc(70vh - 50px);
}

.popup-container.already-present {
  max-width: 500px;
  width: 500px;
}

.popup-close-button {
  position: absolute;
  top: -15px;
  right: -16px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  width: 32px;
  height: 32px;
  box-shadow: none;
  border: none;
  cursor: pointer;
  z-index: 3;
}
.popup-close-button:hover {
  outline: none;
  border: none;
  background-color: transparent;
}

.popup-ok-button {
  margin: 30px auto 0;
  border: none;
  width: 100px;
  background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
  cursor: pointer;
  color: #ffffff;
  background-color: transparent;
  border-radius: 17px;
  height: 32px;
  border: 1px solid #e7382f;
  line-height: 32px;
  transition: all 0.3s;
}
.popup-ok-button:hover {
  color: #3c3c3b;
  background-color: #ffffff;
  background-image: none;
}

.home-video-desktop {
  display: block;
}
.home-video-mobile {
  display: none;
}

.talk-about-us-container {
  width: calc(100% - 100px);
  position: relative;
  background-image: linear-gradient(135deg, rgb(243, 68, 108), rgb(249, 141, 111));
  padding: 50px 50px 100px;
}

.talk-about-us-title {
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  font-size: 40px;
  line-height: 46px;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: 'Archivo Black', sans-serif;
}

.talk-about-us-article-container {
  width: 100%;
  display: inline-block;
  padding: 20px 0;
}

.talk-about-us-image-container {
  float: left;
  padding: 20px 75px 20px 45px;
}

.talk-about-us-image {
  width: 100px;
  height: 100px;
}

.talk-about-us-text-and-date {
  float: left;
  width: calc(100% - 300px);
  padding: 20px 0;
}

.talk-about-us-text {
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  line-height: 22px;
  position: relative;
  padding: 0 30px;
  letter-spacing: 0.2px;
  word-break: break-word;
}
.talk-about-us-text-virgolette {
  font-size: 30px;
  position: absolute;
}
.talk-about-us-text-virgolette.start {
  top: 0;
  left: -15px;
}
.talk-about-us-text-virgolette.end {
  bottom: 0;
  right: -15px;
}

.talk-about-us-date {
  color: #f1a735;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  line-height: 18px;
  margin-top: 10px;
  padding: 0 30px;
}

.talk-about-us-slider-arrow {
  position: absolute;
  cursor: pointer;
  font-size: 20px;
  color: #ffffff;
  top: 180px;
  opacity: 0.5;
}
.talk-about-us-slider-arrow:hover {
  opacity: 1;
}
.talk-about-us-slider-arrow.next {
  right: -30px;
}
.talk-about-us-slider-arrow.prev {
  left: -30px;
}

.talk-about-us-dots {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin-right: 30px;
  opacity: 0.5;
  transition: 0.3s;
}
.slick-active a div.talk-about-us-dots {
  width: 40px;
  height: 40px;
  opacity: 1;
  margin-top: -10px;
}
.talk-about-us-dots:hover {
  width: 40px;
  height: 40px;
  opacity: 1;
  margin-top: -10px;
}

ul.slick-dots li {
  margin: 0 15px;
}

.home-download-app-image {
  position: absolute;
  bottom: 0;
  width: calc(100% - 200px);
  left: 50%;
  margin: 0 auto;
}

.home-download-app-image-container {
  width: 100%;
  background-color: #ffffff;
  position: relative;
  text-align: center;
  padding-bottom: 100px
}

.home-be-foodie-container {
  background-color: #ededed;
  width: calc(100% - 100px);
  padding: 80px 50px 80px;
  overflow: hidden;
  display: inline-block;
}

.home-be-foodie-picture-container {
  float: left;
  width: 50%;
  text-align: center;
}

.home-be-foodie-picture-space {
  position: relative;
  width: 400px;
  margin: 0 auto;
}

.home-be-foodie-picture {
  max-width: 80%;
  margin-top: 110px;
}

.home-be-foodie-squares-and-text-container {
  float: left;
  width: 50%;
  display: flex;
}

.home-be-foodie-squares-and-text {
  margin: 0 auto;
  width: calc(100% - 60px);
  text-align: center;
  max-width: 485px;
}

.home-be-foodie-squares-text {
  font-family: 'Archivo Narrow', sans-serif;
  color: #565656;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
  line-height: 22px;
  width: 100%;
  letter-spacing: 0.1px;
  margin-bottom: 40px;
  margin-top: 10px;
}

.home-be-foodie-squares-title {
  font-family: 'Archivo Narrow', sans-serif;
  color: #565656;
  font-size: 30px;
  text-align: left;
  font-weight: bold;
  line-height: 40px;
  /* margin-top: 40px; */
  width: 100%;
  letter-spacing: 0.1px;
}

.home-be-foodie-squares-container {
  width: 100%;
  margin-left: -10px;
  text-align: center;
}

.home-be-foodie-square {
  width: 220px;
  height: 220px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  background-color: #ffffff;
  background-image: none;
  cursor: default;
  border: none;
  box-shadow: 10px 5px 40px 0px rgba(0,0,0,0.5);
  color: #666666;
  float: left;
  transition: 0.3s;
}
.home-be-foodie-square.hover {
  background-color: transparent;
  background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
  color: #ffffff;
}

.home-be-foodie-square-icon-container {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}

.home-be-foodie-square-icon {
  background-color: #e7382f;
  border-radius: 50%;
  box-shadow: 10px 5px 40px -10px rgba(0,0,0,0.75);
  width: 60px;
  height: 60px;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
  line-height: 60px;
  font-size: 40px;
  transition: 0.3s;
}
.home-be-foodie-square-icon.hover {
  background-color: #ffffff;
  color: #666666;
}

.home-be-foodie-square-first-sentence {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  line-height: 26px;
  width: calc(100% - 60px);
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 0 30px;
}
.home-be-foodie-square-first-sentence.second-sentence {
  font-size: 16px;
  line-height: 18px;
}

.home-articles-container {
  background-color: #ffffff;
  padding: 50px 30px;
  width: calc(100% - 60px);
  display: inline-block;
}

.home-articles-container-desktop {
  display: block;
}
.home-articles-container-mobile {
  display: none;
}

.home-article {
  float: left;
  width: 150px;
  height: 60px;
}

.home-article-logo {
  width: 90px;
  cursor: pointer;
  transition: 0.3s;
  margin: 0 30px;
}
.home-article-logo:hover {
  width: 130px;
  margin: -5px 10px 0;
}

.home-article-logo-mobile {
  width: 90px;
  margin-bottom: 20px;
}

.home-article-mobile-column {
  margin-right: 40px;
  float: left;
}


/* column size */
.size{
  float:left;
}
.size.colssize-1{
  width: calc(10% - 20px);
  padding: 10px;
}
.size.colssize-2{
  width: calc(20% - 20px);
  padding: 10px;
}
.size.colssize-25{
  width: calc(25% - 20px);
  padding: 10px;
}
.size.colssize-3{
  width: calc(33% - 20px);
  padding: 10px;
}
.size.colssize-4{
  width: calc(40% - 20px);
  padding: 10px;
}
.size.colssize-5{
  width: calc(50% - 20px);
  padding: 10px;
}
.size.colssize-6{
  width: calc(60% - 20px);
  padding: 10px;
}
.size.colssize-7{
  width: calc(70% - 20px);
  padding: 10px;
}
.size.colssize-8{
  width: calc(80% - 20px);
  padding: 10px;
}
.size.colssize-9{
  width: calc(90% - 20px);
  padding: 10px;
}
.size.colssize-10{
  width: calc(100% - 20px);
  padding: 10px;
}
/* column size */

.verify-ownership-container {
  position: fixed;
  top: 110px;
  padding: 0 30px;
  width: calc(100vw - 60px);
  height: 36px;
  z-index: 10;
  color: #ffffff;
  background-color: rgba(231, 56, 47, 0.7);
  display: inline-block;
}
.verify-ownership-container.hidden {
  display: none;
}

.verify-ownership-restaurant-name {
  float: left;
  line-height: 36px;
  text-align: center;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  width: calc(100% - 40px);
}

.verify-ownership-click-here {
  cursor: pointer;
  font-family: 'Archivo Narrow', sans-serif;
  color: #ffffff;
  font-size: 15px;
  line-height: 36px;
  transition: 0.3s;
  margin-left: 10px;
}
.verify-ownership-click-here:hover {
  text-decoration: underline;
}

.verify-ownership-close {
  float: right;
  line-height: 36px;
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  cursor: pointer;
}

.thankYouPage_container{
  width:53%;
  min-width: 300px;
  margin: 150px auto 0 auto;
  font-family: 'Archivo Narrow', sans-serif;
}

.thankYouPage_container h1{
  font-family: 'Archivo Narrow', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 60px;
  margin: 0;
  line-height: 60px;
}
.thankYouPage_container h2{
  font-family: 'Archivo Narrow', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin: 0;
  line-height: 30px;
}

.thankYouPage_container p{
  margin-top:50px;
  font-size:20px;
  text-align: center;
}

.thankYouPage_container p.small_advise{
  font-size:13px;
}

.payment-screen-description {
  padding: 130px 80px;
  width: calc(100% - 160px);
  /* background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47)); */
  font-family: 'Archivo Narrow', sans-serif;
  color: #ffffff;
  /*margin-top: 90px;*/
  background-position: center;
  background-size: cover;
}

.payment-screen-description-title {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 50px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}
.payment-screen-description-title-underline {
  width: 30px;
  height: 0;
  border: solid 2px #ffad05;
  margin-bottom: 20px;
}

.payment-screen-description-text {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  max-width: 500px;
  margin: 10px auto 0;
}

.payment-screen-card-background {
  background-color: transparent;
  position: relative;
  /* min-height: calc(100vh - 380); */
  /* display: inline-block; */
  width: 100%;
}

.payment-screen-card-container {
  width: calc(100% - 80px);
  padding: 110px 40px 20px;
  display: flex;
  background: transparent;
}

.payment-card {
  padding: 10px;
  width: calc(25% - 32px);
  margin: 5px 5px;
  float: left;
  background-color: transparent;
  border:1px solid transparent;
  color: #002633;
  position: relative;
  transition: 0.3s;
}
.payment-card.unselected {

}
.payment-card.selected {
  padding: 10px 10px 10px 10px;
  background-color: #758c99;
  border: solid 1px #022934;
  border-radius: 6px;
}
.payment-card.mouseOver {
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  border: solid 1px #dedede;
  border-radius: 6px;
}

.payment-card-title-container {
  width: 100%;
  display: inline-block;
  line-height: 38px;
}

h1.payment-card-title {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: bold;
  float: left;
  width: 100%;
  font-family: 'Archivo Narrow', sans-serif;
}

h1.payment-card-title.selected {
  color: #ffffff;
}
h1.payment-card-title.mouseOver {
  color: #7895a4;
}

.payment-card .profileIco{
  text-align:center;
  float:left;
  margin-bottom:20px;
  width:100%;
}

.payment-card .profileIco i{
  font-size:55px;
  color:#fff;
  width:130px;
  line-height:130px;
  height:130px;
  border-radius:50%;
  border: 1px solid #dedede;
}

.payment-card.selected i{
  color: #ffffff;
}
.payment-card.mouseOver i{
  color: #7895a4;
}

h2.payment-card-description {
  font-size: 16px;
  line-height: 16px;
  margin: 0 0 15px;
  font-weight: bold;
  font-family: 'Archivo Narrow', sans-serif;
}
h2.payment-card-description.selected {
  font-size: 18px;
}
h2.payment-card-description.mouseOver {
  font-size: 18px;
}

h3.payment-card-price {
    color: #fff;
    font-size: 1.5625rem;
    margin: 0;
    font-family: 'Archivo Narrow', sans-serif;
    float: left;
    width: 100%;
    text-align: center;
}
h3.payment-card-price.selected {
  color: #ffffff;
}
h3.payment-card-price.mouseOver {
  color: #7895a4;
}

.payment-card-price-explenation {
  color: #fff;
  font-size: 16px;
  margin-right: 10px;
  font-family: 'Archivo Narrow', sans-serif;
  text-align:center;
}
.payment-card-price-explenation.selected {
  color: #ffffff;
}
.payment-card-price-explenation.mouseOver {
  color: #7895a4;
}

input[type="radio"].payment-card-radio-button {
  float: left;
  width: 20px;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}

.payment-screen-card-center {
  margin: 0 auto;
}

.payment-profile-service-line {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  color: #002633;
  font-size: 18px;
  line-height: 20px;
}

.icon.payment-profile-service-check {
  color: #85cac4;
  margin-right: 5px;
  font-size: 20px;
  float: left;
  line-height: 18px;
  margin-left: 20px;
}

.payment-profile-service-title {
  float: left;
  max-width: calc(100% - 50px);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Archivo Narrow', sans-serif;
}
.payment-profile-service-title.selected {
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
}
.payment-profile-service-title.not-included {
  color: #646568;
  text-decoration: line-through;
  margin-left: 25px;
}

.payment-profile-service-show-more {
  float: right;
  color: #7895a4;
  font-size: 20px;
  position: relative;
}
.payment-profile-service-show-more.selected {
  color: #ffffff;
}

.button-go-to-chart-container {
  width: 100%;
  display: flex;
  margin-top: 20px;
  margin-bottom: 15px;
}

.payment-profile-service-description {
  /* margin: -10px 25px 25px;
  max-width: calc(100% - 50px);
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 14px; */
  position: absolute;
  top: 20px;
  right: 20px;
  width: 200px;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 14px;
  padding: 15px;
  background-color: white;
  border: solid 1px #002633;
  color: #002633;
}

.confirm-plan-container {
  width: 100%;
  display: inline-block;
  /*margin-top: 90px;*/
}

.confirm-plan-card-container {
  width: 500px;
  float: left;
  display: flex;
  position: fixed;
  top: 94px;
  right: 0;
  height: calc(100vh - 90px);
  padding: 140px 0 0;
  /*background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));*/
  background-image: linear-gradient(45deg, #05a099, #9acfbf, #9acfbf);
}

.confirm-plan-resume-container {
  width: calc(100% - 500px);
  float: left;
  margin-top: 110px;
  padding-bottom:40px;
  padding-top: 50px;
}

.confirm-plan-resume-content {
  width: 380px;
  margin: 0 auto;
}

.payment-resume-restaurant-data {
  width: 100%;
  /* border: solid 1px #b0bfc1; */
  background-color: transparent;
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
  color: #002633;
  line-height: 26px;
  font-size: 20px;
  padding: 10px 5px;
}

.payment-resume-months {
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
  color: #002633;
  line-height: 36px;
  font-size: 16px;
  float: left;
  margin: 20px 0 15px;
}

.payment-resume-price {
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
  color: #002633;
  line-height: 23px;
  font-size: 17px;
  margin: 20px 0;
}

.payment-no-profile-selected {
  padding-top: 90px;
  margin-top: 100px;
  width: 100%;
  text-align: center;
  font-family: 'Archivo Narrow', sans-serif;
  color: #002633;
  line-height: 23px;
  font-size: 17px;
  font-weight: normal;
}
.payment-no-profile-selected.select-profile {
  cursor: pointer;
  transition: 0.3s;
}
.payment-no-profile-selected.select-profile:hover {
  text-decoration: underline;
}

.card-details-container {
  width: calc(100% - 80px);
  padding: 40px 40px 80px;
  background-color: #f0f0f0;
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
}

.card-details-title {
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  font-size: 28px;
  line-height: 30px;
      color: #7895a4;
      text-transform: uppercase;
  margin: 50px auto 0 auto;
  max-width: 850px;
}

.card-details-description {
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #7895a4;
    margin: 0 auto;
    margin-bottom:30px;
    max-width: 850px;
}

.card-details-description-extra {
  font-family: 'Archivo Narrow', sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #002633;
    /* margin: 30px auto; */
    padding: 10px;
    max-width: 850px;
    text-transform: none;
    /* color: #979797; */
    font-weight: normal;
}

.payment-card-services-container {
  max-width: 850px;
  margin: 0 auto;
  text-align: left;
}

.payment-card-services-container .productName{
  margin:3px;
    font-size: 15px;
}

.payment-card-services-container .productName::after{
  content:'-'
}

.payment-card-service {
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 22px;
  color: #002633;
  margin-bottom: 10px;
  position: relative;
      padding-left: 35px;
}

.payment-card-service-dot {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #002633;
  line-height: 25px;
  font-size: 12px;
}

.buy-banner-container {
  width: calc(100vw - 60px);
  padding: 10px 30px;
  display: inline-block;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.20);
}

.buy-banner-title {
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 80px;
  color: #002633;
  float: left;
  text-align: left;
  width: initial;
}

.buy-banner-button-container {
  float: right;
  width: initial;
  margin-top: 21px;
  margin-left: 20px;
}

.buy-banner-price-container {
  float: right;
  font-family: 'Archivo Narrow', sans-serif;
  color: #7895a4;
  margin-top: 11px;
}

.buy-banner-price {
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  text-align: right;
}

.buy-banner-price-extra {
  font-size: 16px;
  line-height: 15px;
}

.confirm-plan-billing-data {
  text-align: center;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  color: #7895a4;
  margin: 15px 0;
}

.payment-blue-line {
  width: 100%;
  height: 0;
  /* border: solid 2px #7895a4;
  margin-top: 90px; */
}

.confirm-plan-choose-restaurant {
  text-align: center;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 36px;
  color: #002633;
  margin-bottom: 50px;
}

.select-restaurant-payment {
  color: #002633;
  font-weight: bold;
  font-size: 20px;
  font-family: 'Archivo Narrow', sans-serif;
  line-height: 22px;
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #f0f0f0;
  box-shadow: none;
  width: 100%;
  margin-bottom: 0;
  border-radius: 0;
}

.confirm-plan-payment-container {
  margin-top: 50px;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: normal;
}

.confirm-plan-payment-line {
  width: 100%;
  display: inline-block;
}

.confirm-plan-label {
  float: left;
  font-family: 'Archivo Narrow', sans-serif;
  color: #9d9c9c;
  font-size: 16px;
}

.confirm-plan-amount {
  float: right;
  font-family: 'Archivo Narrow', sans-serif;
  color: #9d9c9c;
  font-size: 20px;
}

.confirm-plan-radio-container {
  width: 100%;
  display: inline-block;
}

.confirm-plan-radio {
  float: left;
  line-height: 36px;
  font-family: 'Archivo Narrow', sans-serif;
  padding: 0 5px;
  width: calc(50% - 10px);
  color: #b0bfc1;
  font-weight: normal;
  font-size: 16px;
}

.confirm-plan-select-month {
  float: right;
  border-radius: 5px;
  border: solid 1px #9d9c9c;
  color: #7895a4;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 26px;
  max-width: 130px;
  padding: 0 10px;
  margin: 20px 0 15px;
}

.no-account-yet {
  width: 100%;
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
  color: #7895a4;
  line-height: 23px;
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
}

.no-account-yet-sign-up {
  text-align: center;
  font-family: 'Archivo Narrow', sans-serif;
  color: #002633;
  line-height: 23px;
  font-size: 21px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}
.no-account-yet-sign-up:hover {
  text-decoration: underline;
}

.payment-sign-up-toc {
  font-size: 12px;
  margin: 30px 0;
  font-family: 'Archivo Narrow', sans-serif;
  line-height: 16px;
}

.card-profile-description {
  position: absolute;
  top: 35px;
  left: 0px;
  width: 200px;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  line-height: 20px;
  padding: 15px;
  background-color: white;
  border: solid 1px #7895a4;
  border-radius: 5px;
  color: #7895a4;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.22);
}

.card-recommended {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 14px;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 14px;
  width: initial;
  padding: 5px 10px;
  background-image: linear-gradient(45deg, #05a099, #9acfbf, #9acfbf);
}

.business-sign-up-button.buy-plan-mobile {
  display: none;
}

.popupButtonStrip .button-go-to-chart-container{
    float: left;
    width: inherit;
    margin: 10px 20px;
}

.banner-coupon-input-container .button-go-to-chart-container {
    width: inherit;
    display: inline;
    margin-top: inherit;
    margin-bottom: inherit;
}

.button-go-to-chart-container .popup-coupon-text{
 color: #3c3c3b;
}

.confirm-plan-form-container {
  width: 100%;
  float: left;
}

.confirm-plan-error-message {
  font-family: 'Archivo Narrow', sans-serif;
  font-style: italic;
  font-size: 16px;
  line-height: 18px;
  color: #e7382f;
  margin-top: 10px;
}

.confirm-plan-no-business-owned {
  margin-top: 20px;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #e7382f;
  padding: 0 10px;
  width: calc(100% - 20px);
}

h1.contact-us-title, .contact-us-title {
  font-family: 'Archivo Narrow', sans-serif;
  margin: 0 0 20px;
  text-align: center;
  font-size: 32px;
  line-height: 36px;
  color: #002633;
  font-weight: bold;
}

.contact-us-explenation {
  font-family: 'Archivo Narrow', sans-serif;
  margin: 0 0 20px;
  text-align: left;
  font-size: 20px;
  line-height: 24px;
  color: #7895a4;
}

textarea.contact-us-textarea, .contact-us-textarea {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #666666;
  min-height: 150px;
  background-color: #dedede;
  border: none;
  box-shadow: none;
  border-bottom: solid 1px #b0bfc1;
  font-weight: bold;
  width: 100%;
  margin-bottom: 0;
  border-radius: 0;
}

textarea.contact-us-textarea::placeholder,
.contact-us-textarea::placeholder {
  color: #002633;
  font-weight: normal;
  font-size: 16px;
}
.contact-us-textarea:-ms-input-placeholder {
  color: #002633;
  font-weight: normal;
  font-size: 16px;
}
.contact-us-textarea::-moz-placeholder {
  color: #002633;
  font-weight: normal;
  font-size: 16px;
}
.contact-us-textarea::-webkit-input-placeholder {
  color: #002633;
  font-weight: normal;
  font-size: 16px;
}
.contact-us-textarea:-moz-placeholder {
  color: #002633;
  font-weight: normal;
  font-size: 16px;
}

.contact-us-toc-description {
  font-size: 12px;
  color: #7895a4;
  font-family: 'Archivo Narrow', sans-serif;
  line-height: 16px;
}

.contact-us-add-service {
  width: 310px;
  padding: 20px;
  margin: 0 auto 30px;
  border-radius: 5px;
  border: solid 1px #dedede;
  font-family: 'Archivo Narrow', sans-serif;
  background-color: #ffffff;
  cursor: pointer;
  color: #7895a4;
  font-size: 25px;
  font-weight: bold;
}
.contact-us-add-service:hover {
  color: #002633;
}

.toc-link {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #002633;
  cursor: pointer;
}
.toc-link:hover {
  /* color: #002633; */
  text-decoration: underline;
}

.business-service-block-resume {
  width: 310px;
  padding: 20px;
  margin: 0 auto 30px;
  border-radius: 5px;
  border: solid 1px #dedede;
  font-family: 'Archivo Narrow', sans-serif;
  height: 270px;
  position: relative;
  background-color: #ffffff;
  background-image: none;
  transition: 0.3s;
}

.services-resume-container {
  width: 500px;
  float: left;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  padding: 160px 0 0;
  background-image: linear-gradient(45deg, #05a099, #9acfbf, #9acfbf);
  overflow-y: auto;
}

.popup-add-service-container {
  background-color: #ffffff;
  border-radius: 3px;
  top: 90px;
  left: 0;
  box-shadow:  0 3px 8px 0 rgba(0, 0, 0, 0.19);
  position: fixed;
  max-width: 100%;
  width: 100%;
  z-index: 11;
}

.home-phone-pizza {
  position: absolute;
  left: -20px;
  top: 40px;
}
.home-phone-mappa {
  position: absolute;
  left: -50px;
  top: 130px;
}
.home-phone-certificato {
  position: absolute;
  left: -50px;
  top: 290px;
}
.home-phone-birra {
  position: absolute;
  right: 0;
  top: 25px;
}
.home-phone-cerchio-bianco-1 {
  position: absolute;
  right: 155px;
  top: 85px;
}
.home-phone-review {
  position: absolute;
  right: 155px;
  top: -35px;
}
.home-phone-cerchio-bianco-5 {
  position: absolute;
  left: 45px;
  top: 0;
}
.home-phone-check-in-celeste {
  position: absolute;
  left: -110px;
  top: 60px;
}
.home-phone-cerchio-bianco-4 {
  position: absolute;
  left: -110px;
  top: 180px;
}
.home-phone-coffee {
  position: absolute;
  left: -130px;
  top: 240px;
}
.home-phone-gelato {
  position: absolute;
  right: 60px;
  top: -65px;
}
.home-phone-cerchio-bianco-2 {
  position: absolute;
  right: 10px;
  top: -10px;
}
.home-phone-foto {
  position: absolute;
  right: -70px;
  top: 10px;
}
.home-phone-cerchio-bianco-3 {
  position: absolute;
  right: -40px;
  top: 110px;
}
.home-phone-cuore {
  position: absolute;
  right: -90px;
  top: 150px;
}

.RestaurantInfo-rating-menu.extendedInfo.review-above {
  display: block;
}

.RestaurantInfo-rating-menu.extendedInfo.review-below {
  font-size: 12px;
  text-align: left;
  margin-top: 0;
  line-height: 17px;
  font-weight: normal;
  width: calc(100% - 60px);
  display: none;
  margin-left: 60px;
}

/* GENERIC POPUP */
.popupContainer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999999;
}

.popupContainer .popupBackground{
    width: 100%;
    height: 100vh;
    position: absolute;
    background: rgba(0,0,0,0.3);
    z-index: 1;
    cursor: pointer;
}

.popupContainer .popupBodyContainer{
    background: #fff;
    z-index: 2;
    position: absolute;
    width: calc(40% - 40px);
    padding: 0 20px 20px 20px;
    left: calc(50% - 20%);
    height: 30vh;
    top: calc(50% - 25vh);

    border-radius: 5px;
    display: table;
    overflow: hidden;
}

.popupContainer .popupBodyContainer.doublesize{
    background: #fff;
    z-index: 2;
    position: absolute;
    width: calc(40% - 40px);
    padding: 0 20px 20px 20px;
    left: calc(50% - 20%);
    height: 60vh;
    top: calc(20vh);
}

.popupContainer .popupBodyContainer.doublesize .popupChosen .card-services-container{
  overflow-y: auto;
  max-height: calc(60vh - 126px);
  height: calc(60vh - 126px);
  padding-top: 76px;
  padding-bottom: 20px;
}

.popupContainer .popupBodyContainer.doublesize .popupChosen .card-services-container.restaurants-list{
  overflow: inherit;
  max-height: calc(60vh - 66px);
  height: calc(60vh - 66px);
  padding-top:66px
}

.popupContainer .popupBodyContainer.doublesize .popupChosen .card-services-container .restaurantInfo{
    font-size: 15px;
    margin-top: 20px;
}

.popupContainer .popupBodyContainer.doublesize .popupChosen .card-services-container .restaurantInfo {
    font-size: 15px;
    margin-top: 20px;
}

.popupContainer .popupBodyContainer.doublesize .popupChosen .card-services-container .restaurantInfo_name{
    font-weight: bold;
    margin: 0 7px;
}

.popupContainer .popupBodyContainer.doublesize .popupChosen .card-services-container .restaurantInfo_address{
  font-size: 15px;
}

.popupContainer .popupBodyContainer.doublesize .popupChosen .popupButtonStrip{
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    text-align: left;
    background: #fff;
    padding-bottom: 5px;
}

.popupContainer h1.popupTitle{
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #002633;
  width: calc(100% - 20px);
  border-bottom: 1px solid #eee;
  margin: 0;
  float: left;
  line-height: 46px;
  padding:0 20px;
  padding: 0 20px 0 0;
}

.popupChosen h1.popupTitle{
  font-family: 'Archivo Narrow', sans-serif;
      font-size: 22px;
      font-weight: bold;
      color: #002633;
      width: calc(100% - 20px);
      border-bottom: 1px solid #eee;
      margin: 0;
      /* margin-left: -20px; */
      float: left;
      line-height: 46px;
      position: absolute;
      padding: 0 20px 0 0;
      background: #fff;
}

.popupContainer p.popupMessage{
font-size: 18px;
color: #002633;
line-height: 21px;
padding: 0 20px;
float: left;
width: calc(100% - 40px);
margin-top: 15px;
}

.popupChosen.firstStep p.popupMessage{
  margin-top:0;
}

.popupContainer .popupButtonStrip{
   position: absolute;
   bottom: 20px;
   left: 0;
   right: 0;
   text-align: left;
}

.popupContainer .popupButtonStrip .approveButton {
   outline:none;
    cursor: pointer;
    background: #ffad05;
    line-height: 38px;
    border-radius: 20px;
    margin: 10px 20px;
    min-width: 197px;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 18px;
    font-weight: normal;
    /* letter-spacing: 0.9px; */
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #ffad05;
}

.popupContainer .popupButtonStrip .approveButton:hover {
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #666666;
}

.popupContainer .popupButtonStrip .abortButton.button__initial{
  display: inline-block;
  margin: 10px 20px ;
  color: #7895a4;
  font-family: 'Archivo Narrow';
  cursor: pointer;
  font-size:20px;
  border:1px solid #fff;
  line-height: 36px;
}

.popupContainer .popupButtonStrip .abortButton.button__initial:hover{
  color: #002633;
  border:1px solid #fff;
}

.grecaptcha-badge {
  z-index: 1;
}

.get-app-banner {
  padding: 10px 30px;
  width: calc(100% - 60px);
  display: inline-block;
  background-color: #ffffff;
  border-top: solid 0.5px #f0f0f0;
  position: fixed;
  top: 90px;
  left: 0;
  z-index: 10;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.22);
  /* opacity: 0.7; */
}

.get-app {
  float: left;
  color: #002633;
  font-family: 'Archivo Narrow';
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  line-height: 20px;
}
.get-app:hover {
  color: #e7382f;
}

.get-app-share {
  float: right;
  color: #e7382f;
  font-family: 'Archivo Narrow';
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
  opacity: 0.5;
}

.get-app-share-social {
  cursor: pointer;
  color: #e7382f;
  font-size: 20px;
  float: left;
  margin-left: 20px;
  transition: 0.3s;
}
.get-app-share-social:hover {
  color: #f1a735;
}

.home-be-foodie-download-app {
  width: 183px;
  /* margin-right: 10px;
  margin-left: 10px; */
  /* float: left; */
  /* margin-top: 20px;
  margin: 20px 10px 0; */
}

.home-be-foodie-download-app-container {
  width: 100%;
  display: inline-block;
}

.home-be-foodie-download-app-center {
  width: 220px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 20px;
  text-align: center;
  float: left;
}

.last-picture-head {
  display: inline-block;
  padding: 10px 10px 0;
  width: calc(100% - 20px);
}

.last-picture-user-image {
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  float: left;
}

.last-picture-description {
  float: left;
  max-width: calc(100% - 50px);
  margin-left: 10px;
}

.last-picture-text {
  font-weight: 300;
  font-size: 13px;
  color: rgb(255, 255, 255);
  text-shadow: rgb(0, 0, 0) 2px 2px 2px;
  text-align: left;
  font-family: 'Archivo Narrow', sans-serif;
  line-height: 16px;
}
.last-picture-text.picture-username {
  width: 100%;
  font-size: 15px;
  line-height: 18px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.recover-credentials-form-container {
  margin: 50px 0 0;
  padding: 0;
  color: #3c3c3b;
  font-size: 15px;
  max-width: 360px;
}

.recover-credentials-container {
  padding: 110px 30px 110px;
  width: calc(100% - 60px);
  overflow: hidden;
}

.restaurant-checkins-more {
  background-color: #d8d8d8;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 15px;
  font-family: 'Archivo Narrow', sans-serif;
  color: #4a4a4a;
  cursor: pointer;
  float: left;
}

.popup-checkins-title {
  width: 100%;
  position: relative;
  font-family: 'Archivo Narrow', sans-serif;
  color: #3c3c3b;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  line-height: 40px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.popup-checkins-close {
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
  color: #3c3c3b;
}
.popup-checkins-close:hover {
  color: #c4c4c4;
}

.popup-checkin-line {
  display: inline-block;
  padding: 5px 15px;
  width: calc(100% - 30px);
  border-bottom: solid 1px #d9d9d9;
}

.popup-checkin-user-and-date {
  float: left;
  margin-left: 15px;
  margin-top: 8px;
  font-family: 'Archivo Narrow', sans-serif;
}

.popup-checkin-user {
  font-size: 20px;
  font-weight: bold;
  color: #3c3c3b;
}

.popup-checkin-date {
  font-size: 14px;
  font-weight: normal;
  color: #929292;
}

.popup-checkin-score {
  font-size: 30px;
  font-family: 'Archivo Black', sans-serif;
  color: #3c3c3b;
  text-align: center;
}

.popup-checkin-price {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 13px;
  text-align: center;
  font-weight: normal;
  color: #929292;
  margin-top: 2px;
}

.popup-checkins-load-more-container {
  width: 100%;
  display: flex;
  margin: 20px 0 30px;
}

button.popup-checkins-load-more, .popup-checkins-load-more {
  margin: 0 auto;
  border: solid 1px #3c3c3b;
  transition: 0.3s;
  background-color: #ffffff;
  color: #3c3c3b;
  font-family: 'Archivo Narrow', sans-serif;
  border-radius: 17px;
}
button.popup-checkins-load-more:hover, .popup-checkins-load-more:hover {
  background-color: #f0f0f0;
  color: #3c3c3b;
}

.review-container {
  width: calc(100% - 75px);
  float: left;
  padding: 25px 30px 15px;
  margin-bottom: 20px;
  border-radius: 10px;
  border: solid 1px rgba(185, 184, 185, 0.5);
}

.restaurant-details-reviews-count {
  float: left;
  font-family: 'Archivo Black', sans-serif;
  color: #4a4a4a;
  font-weight: normal;
  font-size: 16px;
}

.restaurant-details-write-experience {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 13px;
  float: right;
  color: #0094df;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
  margin-right: 10px;
}

.reviews-paging-container {
  width: 100%;
  display: flex;
  margin-top: 20px;
}

.reviews-paging-center {
  width: initial;
  display: inline-block;
  margin: 0 auto;
}

.reviews-paging-arrows {
  float: left;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  background-color: #e7382f;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 50%;
  /* margin: 0 10px; */
}
.reviews-pagings-arrows:hover {
  font-size: 22px;
}
.reviews-paging-arrows.disabled {
  background-color: #d8d8d8;
}

.reviews-paging-page {
  float: left;
  line-height: 40px;
  margin: 0 10px;
  cursor: pointer;
  transition: 0.3s;
  font-family: 'Archivo Narrow', sans-serif;
  color: #b9b8b9;
  font-size: 16px;
  width: 25px;
  text-align: center;
  font-weight: normal;
}
.reviews-paging-page:hover {
  color: #e7382f;
  font-weight: bold;
}
.reviews-paging-page.selected {
  color: #e7382f;
  font-weight: bold;
}

.restaurant-detail-image-signal {
  width: initial;
  font-family: 'Archivo Narrow', sans-serif;
  color: #ffffff;
  font-size: 16px;
  margin: 0 auto;
  cursor: pointer;
}

.backoffice-change-alias-background {
  z-index: 900;
  width: 100vw;
  left: 0;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
}

.images-by-users-dropdown-signal {
  position: fixed;
  top: 100px;
  margin: 3vh 0;
  display: grid;
  z-index: 901;
  left: calc(50% - 125px);
  background-color: #f0f0f0;
  border-radius: 5px;
  width: 250px;
}

.backoffice-change-alias-close-button {
  position: relative;
  z-index: 22;
  outline: none;
  cursor: pointer;
  margin: -15px -15px;
  float: right;
}

.images-by-users-signal {
  text-align: center;
  padding-left: 10px 7px;
  font-weight: bold;
  font-family: 'Archivo Narrow', sans-serif;
  color: #002633;
  font-size: 16px;
  background-color: transparent;
  line-height: 40px;
  border-bottom: solid 1px #dedede;
  border-radius: 5px;
}

.images-by-users-signal-option {
  cursor: pointer;
  text-align: center;
  padding-left: 7px;
  font-family: 'Archivo Narrow', sans-serif;
  color: #002633;
  font-size: 14px;
  background-color: transparent;
  line-height: 24px;
  border-bottom: solid 1px #dedede;
  min-height: 24px;
  padding: 6px 5px;
}
.images-by-users-signal-option:hover {
  background-color: #dedede;
}

.backoffice-change-alias-title-image {
  font-size: 20px;
  background-color: #e7382f;
  line-height: 36px;
  height: 36px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
}

.backoffice-change-alias-text-image {
  text-align: center;
  font-size: 17px;
  padding-top: 5%;
  padding-bottom: 5%;
  width: calc(100% - 100px);
  margin-left: 50px;
  margin-right: 50px;
}

button.backoffice-change-alias-button-image, .backoffice-change-alias-button-image {
  margin: 0 auto;
  width: 150px;
  height: 30px;
  background-color: transparent;
  line-height: 30px;
  background-image: linear-gradient(to left, rgb(241, 167, 53), rgb(231, 56, 47));
  cursor: pointer;
  color: #ffffff;
  border-radius: 21.5px;
  border: none;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  text-align: center;
  float: left;
  cursor: pointer;
  font-weight: bold;
}

button.backoffice-change-alias-button-image:hover, .backoffice-change-alias-button-image:hover {
  background-image: none;
  background-color: #ffffff;
  color: #3c3c3b;
  border: solid 1px #3c3c3b;
  height: 30px;
  line-height: 30px;
  width: 150px;
}

.backoffice-change-alias-container {
  position: fixed;
  background-color: white;
  width: 70%;
  margin: 3vh 15%;
  display: grid;
  z-index: 901;
  left: 0;
  color: #9b9b9b;
  font-family: 'Archivo Narrow', sans-serif;
}

.backoffice-change-alias-container.edit-restaurant {
  max-width: 400px;
  margin: 3vh 0;
  left: calc(50% - 200px);
}

.restaurant-prev-and-next-container {
  width: 100%;
  display: inline-block;
  margin-top: 60px;
}

.restaurant-prev {
  cursor: pointer;
  float: left;
  text-align: left;
  display: inline-block;
  max-width: 455px;
  transition: 0.3s;
}
.restaurant-prev.next {
  text-align: right;
  float: right;
}

.icon-restaurant-prev {
  float: left;
  margin: 28px 20px;
  font-size: 15px;
  color: #042935;
}

img.restaurant-prev-image, .restaurant-prev-image {
  width: 80px;
  height: 80px;
  float: left;
  border-radius: 5px;
}

.restaurant-prev-cat {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  color: #4a4a4a;
  line-height: 20px;
  text-align: left;
  max-width: 285px;
}

.restaurant-prev-name {
  font-family: 'Archivo Black', sans-serif;
  color: #4a4a4a;
  font-size: 20px;
  text-align: left;
  line-height: 24px;
  max-width: 285px;
  display: block;
}
.restaurant-prev-name-little {
  font-family: 'Archivo Black', sans-serif;
  color: #4a4a4a;
  font-size: 16px;
  text-align: left;
  line-height: 20px;
  max-width: 100%;
  display: none;
}

.adviced-categories-container {
  float: left;
  max-width: calc(50% - 50px);
  margin-left: 50px;
}

.adviced-categories-title {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 24px;
  color: #4a4a4a;
  line-height: 26px;
  margin-bottom: 20px;
  font-weight: normal;
}

.adviced-category {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-position: center;
  position: relative;
  cursor: pointer;
  float: left;
  margin-right: 14px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 5px;
}

.adviced-category-text {
  font-size: 23px;
  line-height: 20px;
  color: #ffffff;
  word-break: break-word;
  max-height: 80px;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  /* margin-top: 20px; */
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.restaurant-details-crew-little {
  display: none;
  width: 100%;
}

.restaurant-prev-cat-and-name {
  float: left;
  margin-left: 20px;
}

.restaurant-next-cat-and-name {
  float: right;
  margin-right: 20px;
}

.adviced-restaurants-container {
  float: right;
  max-width: calc(50% - 50px);
  margin-right: 50px;
  width: initial;
}

.adviced-restaurants-title {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 24px;
  color: #4a4a4a;
  line-height: 26px;
  margin-bottom: 20px;
  font-weight: normal;
  text-align: left;
  max-width: 100%;
}

.adviced-restaurant {
  float: right;
  margin: 0 10px;
}

.restaurants-adviced-big {
  display: inline-block;
  width: 100%;
}
.restaurants-adviced-little {
  display: none;
  width: 100%;
}

.restuarant-details-review {
  width: 100%;
  display: inline-block;
  position: relative;
}

.restaurant-details-review-author-container {
  float: left;
  display: inline-block;
  width: 200px;
}

.restaurant-details-review-author-picture {
  float: left;
  /* background-position: center;
  background-size: cover; */
  /* width: 40px;
  height: 40px;
  border-radius: 50%; */
  margin-right: 15px;
}

.restaurant-details-review-author {
  font-family: 'Archivo Narrow', sans-serif;
  float: left;
  max-width: 145px;
  /* max-width: calc(100% - 115px); */
}

.restaurant-details-review-name {
  font-size: 18px;
  font-weight: bold;
  color: #4a4a4a;
  line-height: 20px;
}

.restaurant-details-review-checkin {
  color: #737373;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
}
.restaurant-details-review-checkin.review-date {
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
}

.restaurant-details-review-score-little {
  display: none;
  float: right;
  font-family: 'Archivo Black', sans-serif;
  font-size: 35px;
  color: #4a4a4a;
  /* margin-right: 15px; */
}

.restaurant-details-review-evaluation {
  float: left;
  width: calc(100% - 220px);
  margin-left: 20px;
}

.restaurant-details-review-scores {
  width: 100%;
  display: inline-block;
}

.restaurant-details-review-scores-overall {
  float: left;
  font-family: 'Archivo Black', sans-serif;
  font-size: 35px;
  color: #4a4a4a;
  display: block;
  margin-right: 20px;
}

.restaurant-details-review-scores-single {
  float: left;
  margin-right: 15px;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 14px;
  color: #737373;
  text-align: left;
}

.restaurant-details-review-scores-single-menu-label {
  font-size: 13px;
  font-weight: normal;
  color: #b9b8b9;
}

.restaurant-details-review-texts-container {
  font-family: 'Archivo Narrow', sans-serif;
  width: 100%;
  font-size: 16px;
  color: #737373;
}

.close_to_you_search_button {
  display: block;
}

.filter-button-input-search {
  /* position: absolute; */
  /* top: 76px; */
  /* right: 64px; */
  /* left: 230px; */
  /* color: #d9d9d9; */
  color: #4a4a4a;
  font-size: 20px;
  cursor: pointer;
  float: right;
  line-height: 40px;
  margin-right: 20px;
  margin-top: 3px;
}

.cancel-button-input-search {
  position: absolute;
  /* right: 80px; */
  /* left: 220px; */
  left: 230px;
  top: 0;
  width: 36px;
  height: 36px;
  cursor: pointer;
  text-align: center;
  line-height: 36px;
}
.cancel-button-input-search.search-in-search {
  left: initial;
  right: 0;
}

.photos-gallery-arrows {
  position: absolute;
  cursor: pointer;
  font-size: 50px;
  color: #ffffff;
  top: 37vh;
  opacity: 0.5;
}
.photos-gallery-arrows:hover {
  opacity: 1;
}
.photos-gallery-arrows.prev {
  left: -60px;
}
.photos-gallery-arrows.next {
  right: -60px;
}

.search-results-and-map-container {
  width: 100%;
  /* height: calc(100vh - 130px); */
  height: 100vh;
  min-height: 240px;
  overflow: hidden;
  position: relative;
}

.paypalButton,
.nexibutton{
  background: #2D32AA;
  color:#fff;
  border-radius: 18px;
  height: 17px;
  width: calc(100% - 18px);
  float: left;
  text-align: center;
  padding: 9px;
  margin-bottom: 10px;
}

.nexibutton:hover{
  opacity:0.8
}

.nexibutton.disabled{
  background: #5d5e69;
  opacity:1;
  cursor: default;
}

.checkoutButton .popupContainer .popupButtonStrip {
    position: absolute;
    left: 0;
    right: 0;
    text-align: left;
    background: #fff;
}

.popupBodyContainer .popupButtonStrip .nexibutton {
    background: #2D32AA;
    color: #fff;
    border-radius: 18px;
    height: 17px;
    width: calc(100% - 18px);
    /* float: left; */
    text-align: center;
    padding: 9px;
    margin: 0 auto 10px auto;
    display: block;
    max-width: 300px;
}

.paypalButton.disabled{
    background: #ccc;
}
.paypalButton img{
  height: 17px;
}

.paypalButton .paypal-button-text{
  display: inline-block;
  font-family: 'Helvetica Neue', Helvetica, Arial;
  font-size: 11px;
  font-weight: 500;
  position: relative;
  top: -3.5px;
  padding-left: 2px;
}

.posCreatorContainer .edit-restaurant-autocomplete-list {
    position: absolute;
    top: 63px;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: scroll;
    background-color: #f0f0f0;
    z-index: 999999999999;
}

.posCreatorContainer .business-autocomplete-container{
  top:63px;
}

.restaurantListElement{
  padding: 5px 0;
  width: calc(100% + 20px);
  margin-left: -20px;
  padding-left: 20px;
  color: #4a4a4a;
}
.restaurantListElement:hover{
  cursor:pointer;
  background: #eee;
}
.restaurantListElement .restaurantName{
  float:left;
  width:100%;
  font-size:20px;
}


/* CART */
.cartContainer{
  width:100%;
  min-height:calc(100vh - 90px);
  padding-top: 110px;
  display: inline-flex;
  background: #f0f0f0;
}

.cartContainer .cartList{
  margin:30px;
  width: calc(60% - 60px);
}

.cartContainer .cartPayment h1,
.cartContainer .cartList h1{
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
}

.cartContainer .cartPayment .summaryContainer,
.cartContainer .cartList .productContainer{
    float: left;
    background: #fff;
    padding: 15px 80px;
    border-radius: 10px;
    margin-bottom: 30px;
    width: calc(100% - 160px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.cartContainer .cartPayment .cartPromo{
    font-size: 20px;
    line-height: 26px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
}

.cartContainer .cartPayment .assistanceCard {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  float: left;
  width: calc(100% - 10px);
  padding: 20px 0;
  margin: 10px 5px 40px;
  display: flex;
  color: #3c4858;
  overflow: hidden;
}

.assistanceCardTitle {
  font-weight: bold;
  font-style: italic;
  font-size: 25px;
  color: #00bcd4;
  font-family: 'Archivo Narrow', sans-serif;
  line-height: 28px;
  margin-bottom: 25px;
}

.assistanceCardTextSide {
  width: calc(100% - 190px);
  float: left;
  padding: 0 20px;
}

.assistanceCardImageContainer {
  width: 150px;
  float: left;
  position: relative;
  text-align: center;
}

.assistanceCardText {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  width: calc(100% - 20px);
  margin-left: 20px;
  color: #3c4858;
  font-family: 'Archivo Narrow', sans-serif;
  word-break: break-word;
  margin-bottom: 20px;
}

.cardAssistanceImage {
  max-width: 150px;
  width: 100%;
  position: absolute;
  bottom: -20px;
  right: 0;
}

.cartContainer .cartPayment .cartPromoCard {
  background-color: #2d5360;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  float: left;
  width: calc(100% - 90px);
  padding: 0 40px;
  margin: 10px 5px;
  color: #ffffff;
}

.cartContainer .cartList .productContainer .productHeader {
  width:100%;
}

.summaryContainer h1,
.cartContainer .cartList .productContainer .productHeader .productName{
    text-align: left;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #4a4a4a;
    float: left;
    margin-bottom: 24px;
}

.summaryContainer h1{
  width:100%;
}

.cartContainer .cartList .productContainer .productHeader  .stepCheck{
    font-size: 26px;
    float: left;
    margin-left: 25px;
    color: #00bcd4;
}

.cartContainer .cartList h1 {
  font-size:25px;
  margin-bottom:26px;
}

.cartContainer .cartList h1 .productListName{
  font-size:25px;
  font-style: italic;
  font-weight: 300;
  padding-left: 10px;
}

.fourthStep::before,
.thirdStep::before,
.secondStep::before,
.firstStep::before{
  content: '1';
  font-size:30px;
  padding-right:27px;
  color: #929292;
  font-weight: 300;
  margin-left: -40px;
}
.secondStep::before{
  content: '2';
}
.thirdStep::before{
  content: '3';
}
.fourthStep::before{
  content: '4';
}



.cartContainer .cartList .productContainer .productHeader .removeFromCart{
  float:right;
}

.cartContainer .cartList .productContainer .productHeader .removeFromCart .removeButton{
  cursor:pointer;
  color:#ccc;
}

.cartContainer .cartList .productContainer .productHeader .removeFromCart .removeButton:hover{
  cursor:pointer;
  color:#555;
}

.cartContainer .cartList .productContainer .productPrice {
  width:100%;
  float:left;
  margin-top:30px;
}

.cartContainer .cartList .productContainer .productPrice .basePrice {
  float: left;
}

.cartContainer .cartList .productContainer .subtotal .value span,
.cartContainer .cartList .productContainer .productPrice .basePrice span {
  padding-right:3px;
  line-height: 35px;
}

.cartContainer .cartList .productContainer .subtotal .value span.price,
.cartContainer .cartList .productContainer .productPrice .basePrice span.price {
    font-size: 30px;
    padding-right: 10px;
}

.cartContainer .cartList .productContainer .subtotal .value span.price{
  font-size:30px;
}

.cartContainer .cartList .productContainer .subtotal .value span.priceCurrency,
.cartContainer .cartList .productContainer .productPrice .basePrice span.priceCurrency{
    font-size: 15px;
    padding-right: 0px;
}

.cartContainer .cartPayment .summaryContainer h1{
  margin: 0 0 10px 0;
}

.cartContainer .cartList .productContainer .productPrice .productQuantity{
  /*width:80px;*/
  float:right;
}

.cartContainer .cartList .productContainer .productPrice .productQuantity .unity{
    float: left;
    line-height: 35px;
    font-size: 20px;
}

.cartContainer .cartList .productContainer .productPrice .productQuantity input{
    float: right;
    margin-left:10px;
    margin-bottom: 0;
    width:60px;
}


.cartContainer .cartPayment .productContainer .productDescription,
.cartContainer .cartList .productContainer .productDescription{
    float: left;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 16px 0;
    width:100%;
}

.cartContainer .cartList .productContainer .servicesIncluded{
    float: left;
    font-weight:bold;
    font-size: 15px;
}

.cartContainer .cartList .productContainer .servicesIncluded .service {
    float: left;
    color: #fff;
    background: #7895a4;
    padding: 0 10px;
    border-radius: 3px;
    margin: 4px 8px 4px 0;
}

.cartContainer .cartList .productContainer .subtotal{
  border-top: solid 1px #f0f0f0;
  margin-top:30px;
  padding-top:15px;
  float:left;
  width:100%;
}

.cartContainer .cartList .productContainer .subtotal .value{
    float: right;
    font-weight: bold;
    color: #7895a4;
}

.cartContainer .cartPayment{
  margin:30px 30px 30px 0;
  width: calc(40% - 30px);
}


.productContainer .summaryValue{
  float: left;
  width: calc(100% - 60px);
  font-size: 18px;
  margin: 3px 0;
  font-family: 'Archivo Narrow', sans-serif;
  padding: 0 30px;
}

.productContainer .summaryValue .value,
.productContainer .summaryTotal .value,
.productContainer .summaryTotal .currency,
.productContainer .summaryValue .currency{
  float:right;
}

.productContainer .summaryTotal .currency,
.productContainer .summaryValue .currency{
    font-size: 13px;
    margin-left: 4px;
    line-height: 13px;
    /* line-height: 25px; */
    margin-top: 6px;
}

.productContainer .summaryTotal .currency{
    margin-top: 10px;
}

.productContainer .summaryTotal{
  float: left;
  width: 100%;
  font-size: 25px;
  margin: 3px 0;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
  font-weight: bold;
  color: #2d5360;
  font-family: 'Archivo Narrow', sans-serif;
}

.insertCouponGroup{
  position: relative;
  float: left;
  width: 100%;
}

.insertCouponGroup .insertCoupon{
    text-transform: uppercase;
    border-radius: 25px;
    padding-right: 200px;
    padding-left: 20px;
    padding: 5px 200px 5px 20px;
    height: 50px;
}

.insertCouponGroup .activeCoupon{
  position: absolute;
  top: 7px;
  right: 7px;
}

.couponCode{
  /* font-size: 17px; */
  font-weight: bold;
  color: #7895a4;
  text-transform: uppercase;
}

.footerPanel button,
.activeCoupon{
font-family: 'Archivo Narrow', sans-serif;
    background: #00bcd4;
    color: #fff;
    text-transform: uppercase;
    border-radius: 18px;
    float: right;
    text-align: center;
    font-weight: bold;
    padding: 0 35px;
    line-height: 35px;
    outline:none;
}

.footerPanel button:hover,
.activeCoupon:hover{
    background: #fff;
    color: #00bcd4;
    border-color:: #00bcd4;
  }

.checkoutButtons{
  float:left;
  width:100%;
  margin-top:20px;
}

.checkoutButtons .checkoutButton{
  float: left;
  padding:0 0 0 20px;
  width:calc(50% - 20px);
}

.checkoutButtons .checkoutButton.first{
  border-right:1px solid #f0f0f0;
  padding:0 19px 0 0;
}

.checkoutButtons .checkoutButton .xcomponent-outlet {
    width: 100% !important;
    height: 35px !important;
}

.cartContainer .productContainer .billingData{
  font-size:18px;
  float: left;
  width: 100%;
}

.billingData .vatOrCode{
  text-transform:uppercase;
}

.billingData .name{

}

.productContainer .restaurant_selected{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    font-size: 18px;
}


.footerPanel{
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid #f0f0f0;
  float:left;
  width:100%;
}

.footerPanel .editBD{
  float:right;
  color:#00bcd4;
  cursor: pointer;
  font-size:18px;
}



.footerPanel .editBD:hover{
  text-decoration: underline;
}


.productContainer .tocDescription{
  float: left;
  line-height: 18px;
  padding-left: 10px;
  max-width: calc(100% - 35px);
}

.productContainer input[type="checkbox"]{
    float: left;
    border: 0;
    width: inherit;
    height: inherit;
    margin: 0;
    margin: 1px 0 0 0;
}

.popupChosen{
  position: relative;
}
.popupChosen h1{
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: #002633;
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
    margin: 0;
    margin-left: -20px;
    float: left;
    line-height: 46px;
    padding: 0 20px;
}

.popupBodyContainer h1 span.productName,
.popupChosen h1 span.productName{
  color:#7895a4;
  padding-left: 5px;
}

.popupChosen .card-services-container {
  margin:0px;
}

.popupChosen .card-services-container .payment-profile-service-title.selected{
  color:#002633;
}

.latest-certified-container {
  float: right;
  width: initial;
  padding: 0 110px 0 0px;
}

.latest-certified-big {
  display: none;
}
.latest-certified-little {
  display: inline-block;
}

.best-contents-big {
  display: inline-block;
}
.best-contents-little {
  display: none;
}

i.restaurant-images-closing-button, .restaurant-images-closing-button {
  position: absolute;
  left: 40px;
  top: 40px;
  color: #ffffff;
  opacity: 0.5;
  cursor: pointer;
  font-size: 30px;
  transition: 0.3s;
}
i.restaurant-images-closing-button:hover, .restaurant-images-closing-button:hover {
  opacity: 1;
}

.userMenu-big-menu {
  position: fixed;
  top: 0;
  padding: 0 30px;
  left: 0;
  right: 0;
  display: inline-block;
  background-image: linear-gradient(to right, #000000, #252525 27%, #383838 51%, #2b2b2b 72%, #000000);
  width: calc(100% - 60px);
  color: #ffffff;
  transition: 0.3s;
  box-shadow: -2px 10px 12px 0 rgba(0, 0, 0, 0.26);
}

.userMenu-big-menu-column {
  float: left;
  width: calc(25% - 2px);
  color: #ffffff;
  display: flex;
}

.userMenu-big-menu-column-center {
  width: initial;
  margin: 0 auto;
}

.userMenu-big-menu-title {
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 20px;
  line-height: 30px;
  margin-top:0;
  font-weight: bold;
  text-transform:uppercase;
}
.userMenu-big-menu-title.only-link {
  cursor: pointer;
}
.userMenu-big-menu-title.only-link:hover {
  text-decoration: underline;
}

.userMenu-big-menu-link {
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  cursor: pointer;
  transition: 0.3s;
}
.userMenu-big-menu-link:hover {
  color: #e7382f;
  text-decoration: none;
}

.userMenu-big-menu-link.ownedRestaurant{
  font-size:20px;
  font-weight:bold;
}

.mobileUserMenuContainer {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.sideLoginAfterSignup{
  text-align:left;
  padding-top: 40px;
}

.mobileUserMenuContainer .buttonContainer{
    text-align: center;
    margin: 0 0 20px 0;
}

.userMenu-big-menu-column-block {
  margin-bottom: 20px;
}

button.userMenu-big-menu-business-button, .userMenu-big-menu-business-button {
  cursor: pointer;
  width: 190px;
  height: 40px;
  border-radius: 20px;
  background-color: #e7382f;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  border: none;
  padding: 0;
  transition: 0.3s;
}
button.userMenu-big-menu-business-button:hover, .userMenu-big-menu-business-button:hover {
  background-color: #ffffff;
  color: #4a4a4a;
}

button.userMenu-big-menu-business-button-sign-up, .userMenu-big-menu-business-button-sign-up {
  cursor: pointer;
  width: 190px;
  height: 38px;
  border-radius: 20px;
  background-color: transparent;
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 38px;
  border: solid 1px #ffffff;
  padding: 0;
  transition: 0.3s
}
button.userMenu-big-menu-business-button-sign-up:hover, .userMenu-big-menu-business-button-sign-up:hover {
  background-color: #ffffff;
  border: solid 1px #ffffff;
  color: #4a4a4a;
}

.desktop-user-menu {
  display: block;
}
.mobile-user-menu {
  display: none;
}

.user-menu-mobile-username {
  line-height: 30px;
  font-size: 20px;
  margin-left: 10px;
  float: left;
  font-weight: bold;
}

.user-menu-mobile {
  font-family: 'Archivo Narrow', sans-serif;
  color: #ffffff;
  padding: 0 10px;
  width: calc(100% - 20px);
}

.user-menu-mobile-content {
  opacity: 1;
  display: block;
  height: initial;
  transition: 0.3s;
  padding-left: 10px;
  padding-bottom: 10px;
}
.user-menu-mobile-content.hidden {
  display: none;
  opacity: 0;
}

.user-menu-mobile-caret {
  float: right;
  margin-top: 5px;
  margin-right: 0px;
  margin-left: 15px;
  font-size: 20px;
}

.user-menu-mobile-title {
  line-height: 30px;
  font-size: 20px;
  float: left;
  margin-left: 0px;
  margin-top: 5px;
  font-weight: bold;
  color:#fff;
}

a.user-menu-mobile-title:hover{
  color:#fff;
  text-decoration: underline;
}

.user-menu-mobile-link {
  color: #ffffff;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  line-height: 36px;
  font-weight: normal;
  cursor: pointer;
}

.banner-carousel-dots {
  width: 15px;
  height: 15px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 1px #ffffff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  /* margin-right: 15px; */
  opacity: 0.5;
  transition: 0.3s;
  background-color: #fff;
}
.slick-active a div.banner-carousel-dots {
  background-color: #e7382f;
}
.banner-carousel-dots:hover {
  background-color: #e7382f;
}

.last-certified-preview-card-big, .last-certified-preview-card-medium {
  width: 370px;
  border-radius: 10px;
  border: solid 1px #eeeeee;
  overflow: hidden;
  background-color: #ffffff;
  margin: 0 21px 38px;
  transition: 0.3s;
}
.last-certified-preview-card-big.in-user-profile,
.last-certified-preview-card-medium.in-user-profile,
.last-certified-preview-card-little.in-user-profile {
  width: 350px;
}
.last-certified-preview-card-big {
  height: 615px;
}
.last-certified-preview-card-medium {
  height: 285px;
}
.last-certified-preview-card-big:hover, .last-certified-preview-card-medium:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);
}
.last-certified-preview-card-little {
  width: 370px;
  display: inline-block;
  height: 120px;
  margin-bottom: 38px;
  margin: 0 21px 38px;
  transition: 0.3s;
  border-radius: 10px;
  overflow: hidden;
  border: none;
}
.last-certified-preview-card-little:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);
}

.last-certified-preview-photo-big {
  background-position: center;
  background-size: cover;
  width: 370px;
  height: 413px;
  cursor: pointer;
}
.last-certified-preview-photo-medium {
  background-position: center;
  background-size: cover;
  width: 370px;
  height: 146px;
  cursor: pointer;
}
.last-certified-preview-photo-little {
  background-position: center;
  background-size: cover;
  position: relative;
  width: 120px;
  height: 120px;
  /* border-radius: 10px; */
  float: left;
  overflow: hidden;
  cursor: pointer;
}

.last-certified-preview-checkin-user {
  background-position: center;
  background-size: cover;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  float: left;
  margin-right: 5px;
  line-height: 30px;
  text-align: center;
}

.last-certificed-preview-checkins-container {
  float: left;
  display: inline-block;
}

.last-certified-preview-certification {
  float: right;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  margin-top: -10px;
  font-size: 35px;
  color: #e7382f;
  text-align: center;
}
.last-certified-preview-certification-little {
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 25px;
  top: -5px;
  right: -5px;
  color: #e7382f;
  text-align: center;
}

.last-certified-preview-name-container {
  float: left;
  width: calc(100% - 80px);
  font-family: 'Archivo Black', sans-serif;
  font-size: 23px;
  color: #3c3c3b;
  line-height: 31px;
  margin: 0;
}

.last-certified-preview-score {
  float: right;
  width: 80px;
  font-family: 'Archivo Black', sans-serif;
  font-size: 35px;
  color: #3c3c3b;
  text-align: center;
  line-height: 31px;
}

.last-certified-preview-foodtype {
  float: left;
  width: calc(100% - 80px);
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  color: #3c3c3b;
  line-height: 31px;
}

.last-certified-preview-price {
  float: right;
  width: 80px;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  color: #9d9c9c;
  text-align: center;
  line-height: 31px;
}

.last-certified-preview-category {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  color: #3c3c3b;
  line-height: 20px;
  padding-top: 30px;
}

.last-certified-preview-container-little {
  float: left;
  width: calc(100% - 130px);
  margin-left: 10px;
}

.last-certified-container {
  display: grid;
  width: 1250px;
  margin: 50px auto 0;
}

.last-certified-container-center {
  max-width: 1245px;
  display: inline-block;
  margin: 0;
}

.restaurant-last-certified-experience {
  float: left;
}

.Home-choosen-by-foodies h3 {
  font-family: 'Archivo Narrow', sans-serif;
  letter-spacing: -0.8px;
  text-align: left;
  color: #4a4a4a;
  margin: 0 0 15px 0;
  font-size: 25px;
  font-weight: bold;
  margin-left: 30px;
}

.best-foodies-cities-container {
  padding: 50px 20px;
  width: calc(100% - 40px);
  background-position: center;
  background-size: cover;
  display: flex;
  background-color: #f0f0f0;
  margin-top: 50px;
  display: none;
}

.best-foodies-cities-container-center {
  display: block;
  margin-top: 50px;
}

.best-foodies-cities-container-mobile {
  display: none;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.19);
}

.home-cities {
  margin: 0;
  float: left;
  background-size: cover;
  background-position: center;
  border-radius: 0;
  border: none;
  box-shadow: none;
  position: relative;
  width: 300px;
  height: 300px;
  z-index: 1;
  transition: 0.3s;
}

.home-cities.home-cities-closed {
  width: 100%;
  height: 50px;
  transition: 0.3s;
  cursor: pointer;
}

.best-foodies-city-layer {
  display: none;
}

.home-cities:hover .best-foodies-city-layer {
  display: block;
}

.home-cities-layer {
  position: absolute;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.home-cities-name {
  position: absolute;
  z-index: 3;
  color: #4a4a4a;
  margin: 0;
  font-size: 35px;
  text-align: center;
  line-height: 45px;
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  top: 130px;
  left: 15px;
  width: calc(100% - 30px);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.3s;
  text-transform: uppercase;
}

.home-cities-name-closed {
  z-index: 3;
  color: #ffffff;
  text-align: center;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 22px;
  width: 100%;
  line-height: 50px;
}

.home-cities-title h5 {
  font-family: 'Archivo Narrow', sans-serif;
  letter-spacing: -0.8px;
  text-align: left;
  color: #4a4a4a;
  margin: 0 0 45px 65px;
  font-size: 25px;
  font-weight: bold;
}

.home-cities-container {
  padding: 30px 0 0;
}

.home-cities-button-container {
  position: absolute;
  bottom: 65px;
  width: 100%;
  display: flex;
}

button.home-cities-button, .home-cities-button {
  border-radius: 20px;
  color: #4a4a4a;
  font-family: 'Archivo Narrow', sans-serif;
  border: solid 1px #4a4a4a;
  text-align: center;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  transition: 0.3s;
  cursor: pointer;
  z-index: 3;
  outline: none;
  margin: 0 auto;
}

.home-cities-button-inner {
  font-family: 'Archivo Narrow', sans-serif;
  color: #4a4a4a;
  margin: 0;
  font-size: 18px;
}

.last-reviews-home-container {
  width: calc(100% - 30px);
  padding: 0 0 50px 30px;
  background-color: #ffffff;
}

.last-reviews-home-title {
  margin-bottom: 50px;
}

.last-reviews-home-title h4 {
  font-family: 'Archivo Narrow', sans-serif;
  color: #4a4a4a;
  font-size: 25px;
  font-weight: bold;
  margin-left: 20px;
}

.last-reviews-card-container {
  width: 350px;
  height: 560px !important;
  border-radius: 10px;
  border: solid 1px #eeeeee;
  overflow: hidden;
  transition: 0.3s;
  /* margin: 0 20px; */
}
.last-reviews-card-container:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);
}

.last-reviews-card-restaurant-image {
  width: 100%;
  height: 135px;
  background-size: cover;
  background-position: center;
}

.last-reviews-card-restaurant-body {
  position: relative;
  width: 100%;
  padding-top: 65px;
}

.last-reviews-card-user-image-container {
  position: absolute;
  top: -69px;
  width: 100%;
  display: flex;
}

.last-reviews-card-user-image {
  width: 116px;
  height: 116px;
  margin: 0 auto;
  border: solid 5px #ffffff;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  cursor: pointer;
}

.last-reviews-card-user-name {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #3c3c3b;
  text-align: center;
  line-height: 30px;
  padding: 0 20px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.last-reviews-card-text {
  font-family: 'Archivo Narrow', sans-serif;
  height: 125px;
  padding: 5px 20px 0;
  color: #929292;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 18px;
  overflow: hidden;
  margin: 0;
}

.last-reviews-card-date-and-certification {
  position: relative;
  padding: 0 20px;
  font-family: 'Archivo Narrow', sans-serif;
  font-style: italic;
  color: #9d9d9c;
  font-size: 11px;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
}

.last-reviews-card-certification {
  position: absolute;
  right: 20px;
  width: 50px;
  bottom: -10px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 1px -1px 10px 0 rgba(0, 0, 0, 0.15);
  color: #e7382f;
  font-size: 40px;
  text-align: center;
}

.last-reviews-card-bottom-category {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  color: #3c3c3b;
  text-align: center;
  line-height: 26px;
  margin-bottom: 5px;
}

.last-reviews-card-locality {
  max-width: calc(100% - 40px);
  font-size: 14px;
  text-align: center;
  color: #9d9c9c;
  line-height: 20px;
  padding: 0 20px;
}

.last-reviews-card-name {
  font-family: 'Archivo Black', sans-serif;
  font-size: 21px;
  color: #3c3c3b;
  text-align: center;
  line-height: 24px;
  margin: 0;
}

.last-reviews-card-food-types {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  color: #3c3c3b;
  line-height: 31px;
  text-align: center;
}

.last-reviews-card-name-and-food {
  float: left;
  width: calc(100% - 70px);
}

.last-certified-experience-card-name {
  font-family: 'Archivo Black', sans-serif;
  font-size: 21px;
  color: #3c3c3b;
  line-height: 24px;
  margin: 0;
}

.last-reviews-card-score-and-price {
  float: right;
  width: 65px;
}

.last-certified-experience-card-food-types {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  color: #3c3c3b;
  line-height: 31px;
}

.last-reviews-card-score {
  font-family: 'Archivo Black', sans-serif;
  font-size: 35px;
  color: #3c3c3b;
  text-align: center;
  line-height: 31px;
  margin: 15px 0 5px;
}

.last-certified-experience-card-score {
  font-family: 'Archivo Black', sans-serif;
  font-size: 35px;
  color: #3c3c3b;
  text-align: right;
  line-height: 31px;
}

.last-reviews-card-price {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 18px;
  color: #9d9c9c;
  text-align: right;
  line-height: 31px;
}

.last-reviews-shadow-slider {
  position: absolute;
  height: 560px;
  left: 30px;
  z-index: 1;
  width: 20px;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.last-reivews-card-padding-middle {
  padding: 10px;
}

.last-pictures-title h5 {
  font-family: 'Archivo Narrow', sans-serif;
  color: #4a4a4a;
  font-size: 25px;
  font-weight: bold;
  margin-left: 65px;
}

.last-pictures-photos-container {
  width: 100%;
  display: flex;
  padding-bottom: 70px;
  padding-top: 50px;
}

.last-pictures-photos-container-center {
  width: calc(100% - 30px);
  padding: 0 0 0 30px;
  /* display: inline-block; */
  margin: 0 auto;
}

.last-pictures-list-element {
  float: left;
  margin: 0 10px 40px;
  transition: 0.3s;
  border-radius: 10px;
  border: solid 1px #eeeeee;
}
.last-pictures-list-element:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);
}

.last-picture-card {
  width: 300px;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 0 20px;
}

.last-picture-restaurant-name {
  font-family: 'Archivo Black', sans-serif;
  line-height: 26px;
  font-size: 20px;
  color: #3c3c3b;
  font-weight: normal;
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.3s;
  cursor: pointer;
}
.last-picture-restaurant-name:hover {
  color: #e7382f;
}


.last-picture-restaurant-locality {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  line-height: 20px;
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.last-picture-username-and-description-container {
  float: left;
  width: calc(100% - 60px);
  margin-left: 20px;
  font-family: 'Archivo Narrow', sans-serif;
}

.last-picture-username-container {
  color: #4a4a4a;
  margin-top: 5px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.last-picture-username-container:hover {
  color: #e7382f;
}

.last-picture-username {
  font-size: 18px;
  font-weight: bold;
}

.last-picture-username-description {
  font-size: 15px;
}

.last-picture-description-and-tags {
  font-size: 14px;
  line-height: 17px;
  color: #929292;
  width: 100%;
  padding: 10px 0 0;
  float: left;
}

.home-download-app-text-side {
  float: left;
  width: 50%;
  padding-top: 60px;
}

.home-download-app-image-side {
  float: left;
  width: 50%;
  position: relative;
}

.home-download-app-container {
  width: calc(100% - 200px);
  display: flex;
  background-size: cover;
  background-position: center;
  padding: 70px 100px;
}

.home-download-app-title {
  font-family: 'Archivo Black', sans-serif;
  font-size: 35px;
  font-weight: normal;
  line-height: 40px;
  color: #4a4a4a;
  text-transform: uppercase;
  text-align: left;
  max-width: 420px;
  padding-left: 10px;
}

.home-download-app-text {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 30px;
  line-height: 40px;
  color: #4a4a4a;
  font-weight: bold;
  margin: 50px 0 100px;
  text-align: left;
  max-width: 420px;
  padding-left: 10px;
}

.home-download-app-buttons-container {
  width: 100%;
  display: inline-block;
  max-width: 450px;
}

.home-download-app-squeeze-page {
  position: absolute;
  text-align: center;
  width: 460px;
  left: calc(50% - 230px);
}

.home-download-app-button {
  float: left;
  width: calc(50% - 20px)
}

.search-results-background {
  position: absolute;
  width: 580px;
  height: 90px;
  top: 0;
  left: 0;
  background-size: cover;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.85);
  background-position: center;
}

.search-results-card {
  max-width: 520px;
  width: 100%;
  margin: 10px auto;
  height: 160px;
  overflow: hidden;
  border-radius: 10px;
  border: solid 1px #cbcbcb88;
  display: inline-block;
  transition: 0.3s;
  cursor: pointer;
}
.search-results-card:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);
}

.search-results-card-image {
  float: left;
  width: 160px;
  height: 160px;
  background-position: center;
  background-size: cover;
}

.search-results-card-data {
  float: left;
  width: calc(100% - 200px);
  position: relative;
  padding: 10px 10px 10px 20px;
  height: 140px;
  background-color: #ffffff;
}

.search-results-card-category {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 16px;
  color: #e7382f;
  line-height: 24px;
}

.search-results-card-name {
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  color: #3c3c3b;
  line-height: 24px;
  font-weight: normal;
  max-width: calc(100% - 75px);
  margin: 0;
  text-decoration: none;
}

.search-results-card-foodTypes {
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #3c3c3b;
  line-height: 30px;
}

.search-results-card-city {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 12px;
  color: #4a4a4a;
  line-height: 14px;
  margin: 0;
}

.search-results-card-price {
  font-family: 'Archivo Narrow', sans-serif;
  font-weight: bold;
  color: #4a4a4a;
  line-height: 30px;
  font-size: 16px;
  text-transform: capitalize;
}

.search-results-card-score-container {
  position: absolute;
  top: 25px;
  right: 10px;
  width: 75px;
  text-align: right;
}

.search-results-card-score {
  font-family: 'Archivo Black', sans-serif;
  font-size: 30px;
  color: #3c3c3b;
  line-height: 40px;
}

.search-results-card-checkins-number {
  font-family: 'Archivo Narrow', sans-serif;
  /* font-style: italic; */
  font-size: 14px;
  color: #929292;
  line-height: 16px;
}

.search-results-card-certification {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #e7382f;
  font-size: 30px;
}

.search-filter-button-container {
  background-color: transparent;
  position: absolute;
  top: 110px;
  width: 580px;
  height: 50px;
  z-index: 1;
}

.map-container {
  overflow: hidden;
  position: relative;
  width: calc(100% - 580px);
  margin-left: 580px;
  /* width: 100%; */
  height: 100vh;
  min-height: calc(240px + 120px);
  z-index: 0;
}

.restaurantCard-searchResults-item {
  display: flex;
}

.search-input-container {
  /* width: 100%; */
  text-align: left;
  position: absolute;
  display: inline-block;
  max-width: 600px;
  width: 60%;
}
.search-input-container.input-in-home {
  width: calc(100% - 15px);
}

.search-input-container-search {
  position: relative;
  max-width: 370px;
  width: calc(100% - 75px);
  float: left;
  text-align: left;
  display: inline-block;
  margin-top: 8px;
}

.mobile-menu-get-app {
  color: #e7382f;
}
.mobile-menu-get-app:hover {
  color: #ffffff;
}

.header-get-the-app {
  float: left;
  padding: 13px 26px 13px 0;
  display: none;
}

button.get-the-app-button, .get-the-app-button {
  border: solid 1px #d9d9d9;
  border-radius: 17px;
  color: #d9d9d9;
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  background-color: transparent;
  cursor: pointer;
  transition: 0.3s;
  padding: 0;
}
button.get-the-app-button:hover, .get-the-app-button:hover {
  background-color: #ffffff;
  color: #4a4a4a;
}

.get-the-app-button a {
  color: #d9d9d9;
  padding: 5px 20px;
  transition: 0.3s;
}
.get-the-app-button a:hover {
  color: #4a4a4a;
}

.header-search-buttons {
  display: none;
}

.header-search-border {
}

.last-reviews-profile-container {
  width: 370px;
  margin: 20px 15px;
  border-radius: 10px;
  height: 560px;
  overflow: hidden;
  border: solid 1px #eeeeee;
  position: relative;
}
.last-reviews-profile-container:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);
}

.user-review-checkin-number {
  font-family: 'Archivo Narrow', sans-serif;
  color: #929292;
  font-size: 18px;
  line-height: 22px;
}

.badges-profile-container {
  width: 350px;
  margin: 20px;
  border-radius: 10px;
  overflow: hidden;
  border: solid 1px #d9d9d988;
}
.badges-profile-container:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);
}

.badges-profile-image-container {
  height: 240px;
  width: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  font-family: 'Archivo Narrow', sans-serif;
  color: #3c3c3b;
  /* border-radius: 10px; */
}

.badge-profile-bottom {
  position: relative;
  height: 150px;
  width: 100%;
}

.badge-profile-image {
  width: 130px;
  position: absolute;
  top: -80px;
  left: calc(50% - 65px);
}

.photos-profile-container {
  width: 350px;
  position: relative;
  border-radius: 10px;
  margin: 20px;
}
.photos-profile-container:hover {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.6);
}

.photos-profile-photo {
  width: 100%;
  height: 350px;
  background-position: center;
  background-size: cover;
}

.photos-profile-description-and-tags {
  font-size: 14px;
  line-height: 17px;
  color: #929292;
  font-family: 'Archivo Narrow', sans-serif;
  width: 100%;
  padding: 10px 0 0;
}

.photos-profile-white-layer {
  width: 100%;
  /* background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); */
}

.photos-profile-restaurant-name {
  font-family: 'Archivo Black', sans-serif;
  color: #3c3c3b;
  font-size: 23px;
  width: calc(100% - 40px);
  margin: 10px 20px 30px;
}

.photos-profile-restaurant-location {
  font-family: 'Archivo Narrow', sans-serif;
  color: #4a4a4a;
  font-size: 14px;
  line-height: 20px;
}

.user-review-card-body {
  padding: 20px;
  width: calc(100% - 40px);
}

.user-review-locality {
  font-style: italic;
  font-weight: bold;
  color: #4a4a4a;
}

.badge-profile-name {
  text-align: center;
  font-family: 'Archivo Black', sans-serif;
  font-size: 23px;
  color: #3c3c3b;
  line-height: 30px;
  margin-top: 20px;
}

.badge-profile-date {
  font-family: 'Archivo Narrow', sans-serif;
  color: #4a4a4a;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}

.badge-profile-congratulation {
  font-family: 'Archivo Black', sans-serif;
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
  font-size: 25px;
}

.user-activities-container {
  width: calc(100% - 40px);
  padding: 48px 20px 100px;
  display: flex;
}

.user-contents-checkins-container {
  width: 100%;
  max-width: 1190px;
  display: inline-block;
  margin: 0 auto;
}

.user-contents-reviews-container {
  width: 100%;
  max-width: 1210px;
  display: inline-block;
  margin: 0 auto;
}

.user-contents-photos-container {
  width: 100%;
  max-width: 1190px;
  display: inline-block;
  margin: 0 auto;
}

.user-contents-badges-container {
  width: 100%;
  max-width: 1190px;
  display: inline-block;
  margin: 0 auto;
}

.user-contents-favorites-container {
  width: 100%;
  max-width: 1190px;
  display: inline-block;
  margin: 0 auto;
}

.user-contents-review-position {
  float: left;
}

.favorites-profile-restaurant-name {
  font-family: 'Archivo Black', sans-serif;
  color: #3c3c3b;
  font-size: 23px;
  line-height: 31px;
  width: calc(100% - 120px);
  float: left;
}

.favorites-profile-restaurant-heart-container {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  text-align: center;
  float: right;
  width: 80px;
}

.profile-page-main-container {
  width: 100%;
  margin-top: 110px;
  min-height: calc(100vh - 90px);
  background-color: #ffffff;
}

.user-intro-follow-count {
  font-family: 'Archivo Black', sans-serif;
  text-align: left;
  color: #3c3c3b;
  font-size: 28px;
  line-height: 32px;
}

.user-intro-follow-label {
  font-family: 'Archivo Narrow', sans-serif;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  color: #9d9c9c;
}

.review-label-desktop {
  display: initial;
}
.review-label-mobile {
  display: none;
}


.toc-container{
    margin-top:90px;
    padding:30px;
}

.toc-container .toc-text{
  font-family: 'Archivo Narrow', sans-serif;
  column-count:2;
}

.toc-container .toc-text h1{
  font-family: 'Archivo Narrow', sans-serif;
  font-size:30px;
}

.toc-container .toc-text h3{
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 15px;
  color: #888;
  font-weight: bold;
}

.cartButton_container{

}

.cartButton_container .cartButton_button{
  text-decoration: none;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
}

.cartButton_container .cartButton_button i{
  margin-left: 5px;
}

.cartButton_container .cartButton_details{
  background: #fff;
  position: absolute;
  padding: 15px;
  width: max-content;
  line-height: 20px;
  color: #b4b4b4;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.cartButton_container .cartButton_details .cartButton_details_total{
  color: #666;
}

.cartButton_container .cartButton_details span.itemPrice{
  float:right;
  margin-left:5px;
}

.cartButton_container .cartButton_details span.itemQuantity{
  float:right;
  margin-left:30px;
}

.cartButton_container .cartButton_details span.itemCurrency{
  float:right;
  margin-left:5px;
}


.cartButton_container .cartButton_details .cartButton_title{
    color: #666;
    font-weight: bold;
    margin-bottom: 12px;
}

.billContent{
  width:90%;
  margin: 0 auto;
}

.billContent .billContent_orderList .billContent_orderList_order{
  float: left;
  width: 100%;
  border: 1px solid #f0f0f0;
}

.billContent .billContent_orderList .billContent_orderList_order:hover{
  cursor: pointer;
}



.billContent .billContent_orderList .billContent_orderList_order{
  position: relative;
  background:#fff;
  color:#4a4a4a;
  font-size:18px;
  margin: 25px auto;
  border-radius: 6px;
}

.billContent .billContent_orderList .billContent_orderList_order .orderInfo {
    float: left;
    width: calc(100%);
    padding-bottom: 10px;
}

.billContent .billContent_orderList .billContent_orderList_order .crossButton{
  float: left;
  font-size: 25px;
  line-height: 45px;
  width: 100%;
  text-align: center;
  /* position: absolute; */
  right: 0;
  bottom: 0;
  color: #999;
}


.billContent .billContent_orderList .billContent_orderList_order .orderId,
.billContent .billContent_orderList .billContent_orderList_order .orderDate,
.billContent .billContent_orderList .billContent_orderList_order .orderLatestPayment{
  padding: 0 10px;
  float:left;
  width: calc(33% - 20px);
  font-size: 15px;
  line-height:20px;
}

.billContent .billContent_orderList .billContent_orderList_order .orderId span.value,
.billContent .billContent_orderList .billContent_orderList_order .orderDate span.value,
.billContent .billContent_orderList .billContent_orderList_order .orderLatestPayment span.value{
  font-weight: bold;
}

.billContent .billContent_orderList .billContent_orderList_order .orderId span.label,
.billContent .billContent_orderList .billContent_orderList_order .orderDate span.label,
.billContent .billContent_orderList .billContent_orderList_order .orderLatestPayment span.label{
color: #999;
margin-right: 5px;
}

.billContent .billContent_orderList .billContent_orderList_order .itemsList {
  float: right;
width: calc(100% - 20px);
padding: 20px 20px 0 0;
font-size: 15px;
font-weight: bold;
}

.billContent .billContent_orderList button.paymentElement{
    width: 100%;
    background: #fff;
    color: #4a4a4a;
    border: 0px;
    -webkit-box-shadow: 0 0 0px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0 0 0px rgba(50, 50, 50, 0);
    box-shadow: 0 0 0px rgba(50, 50, 50, 0);
}


.zoid-outlet {
    width: 100% !important;
}

.billContent .billContent_orderList .orderItemIco i{
    width: 90px;
    line-height: 90px;
    height: 90px;
    border-radius: 3px;
    text-align: center;
    font-size: 40px;
    background: #e73a2e;
    color: #fff;
    position: absolute;
    top: -20px;
    left: 20px;
}

.billContent .billContent_orderList .orderdataid{
    float: right;
    width: calc(100% - 120px);
    text-align: right;
}

.billContent .billContent_orderList .orderdataid .orderId,
.billContent .billContent_orderList .orderdataid .orderDate,
.billContent .billContent_orderList .orderdataid .orderLatestPayment{
  float: right;
    width: calc(100% - 40px);
    padding: 0 20px;
}

.paymentElement .paymentdata{
    float: left;
    width: 100%;
    text-align: left;
    font-size:14px;
    color:#999;
        line-height: 20px;
}

.paymentElement .paymentdata span.label{
    font-style: italic;
    margin-right:5px;
}
.paymentElement .paymentdata span.value{
  font-weight: bold;
}

.paymentElement .paymentdata span.price{
    font-weight: bold;
    font-size: 24px;
    line-height: 40px;
    padding-right: 5px;
    color:#4a4a4a;
}

.billingContainer{
    float: left;
    width: 100%;
    min-height: 100vh;
    background: #f0f0f0;
}


.billingContainer h1{
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 40px;
}

.orders-list-title-1, .thankYouPage_container h1.orders-list-title-1 {
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: bold;
  line-height: 35px;
}

.orders-list-title-2, .thankYouPage_container h2.orders-list-title-2 {
  margin-bottom: 50px;
  font-size: 25px;
  font-weight: normal;
  line-height: 28px;
  margin-top: 0;
}

.orders-list-no-orders-container {
  width: 100%;
  min-width: 300px;
  max-width: 650px;
  margin: 150px auto 0;
  font-family: 'Archivo Narrow', sans-serif;
  text-align: center;
}

.billContent_orderList {
  width: 60%;
  margin: 0 auto;
}

.cart-paypall-label {
  width: 100%;
  margin: 15px 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  height: 40px;
}

.user-profile-no-content-available {
  font-family: 'Archivo Narrow', sans-serif;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  color: #9d9c9c;
  margin-top: 60px;
}

/* pagination */

.pages {

}

.pages .page{
  float: left;
  width: 35px;
  line-height: 35px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
}

.pages .page.activePage,
.pages .page:hover{
  color: #e7382f;
}

.pages .pageSeparator{
  float: left;
  width: 35px;
  line-height: 35px;
  font-size: 20px;
  text-align: center;
}

.talk-about-us-newspaper {
  font-family: 'Archivo Narrow', sans-serif;
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  font-style: italic;
  font-weight: bold;
  color: #ffffff;
  margin: 15px 0;
  width: 100%;
  float: left;
}

.restaurantDetail-last-modified {
  /* padding: 15px 50px; */
  /* padding: 0 15px; */
  width: 100%;
  max-width: 994px;
  margin: 0 auto 50px;
  text-align: right;
  /* float: left */
}

.featured-photos-slide.slick-slide {
  width: 100%;
  display: flex;
  max-height: 500px;
  overflow: hidden;
}

.featured-photos-slide .featured-photo-container {
  float: left;
  width: 50%;
  height: 500px;
  margin: 0;
  padding: 0;
}

.featured-photos-slide .featured-photo-container .featured-photo {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.featured-photo-text-side {
  float: right;
  width: calc(50% - 100px);
  margin: 0;
  padding: 50px;
}

.featured-photo-text-side h2,
.Home-choosen-by-foodies h3,
.last-pictures-title h2,
.home-cities-title h2,
.last-reviews-home-title h2 {
  color: #f286b7;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  font-style: italic;
  padding: 0 60px;
  position: relative;
  margin: 0 auto;
  width: 300px;
}
.featured-photo-text-side h2::before,
.featured-photo-text-side h2::after,
.Home-choosen-by-foodies h3::before,
.Home-choosen-by-foodies h3::after,
.last-pictures-title h2::before,
.last-pictures-title h2::after,
.last-reviews-home-title h2::after,
.last-reviews-home-title h2::before,
.home-cities-title h2::before,
.home-cities-title h2::after {
  content: "";
  width: 80px;
  display: inline-block;
  border-bottom: solid 1px #f286b7;
  position: absolute;
  top: 11px;
}
.featured-photo-text-side h2::before,
.Home-choosen-by-foodies h3::before,
.last-pictures-title h2::before,
.last-reviews-home-title h2::before,
.home-cities-title h2::before {
  left: 0;
}
.featured-photo-text-side h2::after,
.Home-choosen-by-foodies h3::after,
.last-pictures-title h2::after,
.last-reviews-home-title h2::after,
.home-cities-title h2::after {
  right: 0;
}
.Home-choosen-by-foodies h3 {
  color: #747ea0;
}
.Home-choosen-by-foodies h3::before,
.Home-choosen-by-foodies h3::after {
  border-bottom: solid 1px #747ea0;
}
.last-pictures-title h2 {
  color: #3ebf9d;
}
.last-pictures-title h2::before,
.last-pictures-title h2::after {
  border-bottom: solid 1px #3ebf9d;
}
.last-reviews-home-title h2 {
  color: #b6687d;
}
.last-reviews-home-title h2::before,
.last-reviews-home-title h2::after {
  border-bottom: solid 1px #b6687d;
}
.home-cities-title h2 {
  color: #50a5c3;
}
.home-cities-title h2::before,
.home-cities-title h2::after {
  border-bottom: solid 1px #50a5c3;
}

.Home-choosen-by-foodies h4,
.featured-photo-text-side h3,
.last-pictures-title h3,
.last-reviews-home-title h3,
.home-cities-title h3 {
  color: #929292;
  text-align: center;
  margin: 10px 0 0;
  font-size: 18px;
}

.featured-photo-text-side h4 {
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
  text-align: left;
  color: #3c3c3b;
  margin: 70px 0 5px;
}

.featured-photo-text-side p.photo-restaurant-city {
  color: #4a4a4a;
  text-align: left;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 15px;
}

.featured-photo-text-side img.featured-photo-author-image {
  border-radius: 50%;
  float: left;
  width: 85px;
  height: 85px;
}

.photo-author-and-description {
  float: left;
  max-width: calc(100% - 110px);
  margin-left: 25px;
}

.slick-slide .featured-photo-text-side .photo-author-and-description img,
.slick-slide .last-reviews-card-restaurant-body .last-reviews-card-text img {
  display: inherit;
}

.featured-photos-slider-arrow {
  position: absolute;
  cursor: pointer;
  font-size: 35px;
  color: #cbcbcb;
  z-index: 1;
  top: 50%;
  opacity: 0.5;
  transition: 0.3s;
}
.featured-photos-slider-arrow:hover {
  opacity: 1;
}
.featured-photos-slider-arrow.next {
  right: 20px;
}
.featured-photos-slider-arrow.prev {
  left: 20px;
}

.home-map {
  width: 100%;
  margin: 0;
  height: 350px;
  z-index: 0;
}

.homeMap-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background-color: transparent;
  z-index: 2;
}

.homeMap-city-name {
  font-family: 'Archivo Black', sans-serif;
  color: #4a4a4a;
  font-size: 35px;
  line-height: 39px;
  text-align: center;
  margin-top: 100px;
  text-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);
}

.homeMap-layer .dropdownContainer #dropdown {
  width: calc(100% + 100px);
}

.homeMap-layer input.cityInput-textinput {
  border: none;
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 30px;
  font-size: 18px;
  height: 50px;
  font-weight: bold;
  color: #4a4a4a;
}
.homeMap-layer input.cityInput-textinput::placeholder {
  color: #929292;
  font-weight: normal;
  font-size: 16px;
}
.homeMap-layer input.cityInput-textinput:-ms-input-placeholder {
  color: #929292;
  font-weight: normal;
  font-size: 16px;
}
.homeMap-layer input.cityInput-textinput::-moz-placeholder {
  color: #929292;
  font-weight: normal;
  font-size: 16px;
}
.homeMap-layer input.cityInput-textinput::-webkit-input-placeholder {
  color: #929292;
  font-weight: normal;
  font-size: 16px;
}
.homeMap-layer input.cityInput-textinput:-moz-placeholder {
  color: #929292;
  font-weight: normal;
  font-size: 16px;
}
.homeMap-layer .cancel-button-input-search {
  display: none;
}

button.show-more-results, .show-more-results {
  border-radius: 20px;
  cursor: pointer;
  background-color: transparent;
  border: solid 1px #cbcbcb;
  line-height: 40px;
  text-transform: uppercase;
  color: #4a4a4a;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  transition: 0.3s;
  margin: 0 auto;
}
button.show-more-results:hover, .show-more-results:hover {
  background-color: #e7382f;
  color: #ffffff;
  border-color: #e7382f;
}
button.show-more-results.reverse-color, .show-more-results.reverse-color {
  background-color: #e7382f;
  color: #ffffff;
  border: solid 1px #e7382f;
}
button.show-more-results.reverse-color:hover, .show-more-results.reverse-color:hover {
  background-color: transparent;
  border-color: #cbcbcb;
  color: #4a4a4a;
}
button.show-more-results.red-label-color, .show-more-results.red-label-color {
  color: #e7382f;
}
button.show-more-results.red-label-color:hover, .show-more-results.red-label-color:hover {
  color: #ffffff;
}

.footer-language-selector {
  display: inline-block;
  margin-left: -5px;
}

.breadcrumbs {
  color: #9d9c9c;
  font-size: 12px;
}
.breadcrumbs a{
  text-decoration: none;
  transition: 0.3s;
  color: #9d9c9c;
}
.breadcrumbs a:hover {
  color: #e7382f;
}

.restaurant-facebook-reviews-container {
  width: calc(100% - 55px);
  display: flex;
  padding: 20px;
  background-color: rgba(236, 236, 235, 0.5);
  border-radius: 10px;
  margin-bottom: 40px;
}

.restaurant-facebook-reviews-container i {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background-color: #5979c1;
  color: #ffffff;
  font-size: 30px;
}

.restaurant-facebook-rating {
  float: right;
  margin-right: 20px;
  width: calc(100% - 20px - 60px);
  text-align: right;
  line-height: normal;
}

.restaurant-facebook-score {
  color: #3c3c3b;
  font-family: 'Archivo Black', sans-serif;
  font-size: 20px;
}

.restaurant-facebook-rating-count {
  color: #929292;
  font-size: 15px;
}

.footer-download-app-second-image {
  margin-left: 10px;
}

i.icon.icon-certification-restaurant-details {
  float: left;
  color: #e7382f;
  margin-right: 15px;
  font-size: 25px;
  line-height: 36px;
}

.restaurant-scores {
  width: 100%;
  background-color: #f7f7f7;
  display: inline-block;
}

.restaurant-score-container {
  display: inline-block;
  padding: 15px 25px;
  float: left;
}

img.restaurant-score-image {
  float: left;
  height: 35px;
  width: auto;
}

.restaurant-score {
  font-family: 'Archivo Black', sans-serif;
  float: left;
  margin-left: 10px;
  line-height: 35px;
}
.restaurant-score .restaurant-score {
  color: #4a4a4a;
  font-size: 17px;
}
.restaurant-score .restaurant-scale,
.restaurant-scale {
  color: #929292;
  font-size: 12px;
}

.restaurant-details-left-column {
  width: calc(100% - 330px);
  /* max-width: 700px; */
}

/* .restaurant-details-main-image {
  max-width: 450px;
  width: 100%;
  height: auto;
  float: left;
} */
.restaurant-details-main-image {
  width: calc(100% - 175px);
  height: auto;
  float: left;
  cursor: pointer;
}

.restaurant-detail-tabs-container {
  width: calc(100% - 30px);
  border-bottom: solid 1px #d9d9d9;
  padding: 15px;
  display: inline-block;
}

.restaurant-detail-tab {
  text-transform: uppercase;
  color: #929292;
  padding: 0 15px;
  font-size: 16px;
  cursor: pointer;
  line-height: 36px;
  transition: 0.3s;
}
.restaurant-detail-tab.reservation-tab {
  background-color: #e7382f;
  color: #ffffff;
  border-radius: 5px;
  display: none;
}
.restaurant-detail-tab:hover {
  color: #e7382f;
}
.restaurant-detail-tab.reservation-tab.delivery-tab {
  display: block;
}
.restaurant-detail-tab.reservation-tab:hover {
  color: #ffffff;
}
.restaurant-detail-tab.selected {
  color: #e7382f;
  font-size: 18px;
  font-weight: bold;
}

.restaurant-detail-tab-title {
  font-size: 25px;
  color: #4a4a4a;
  font-weight: bold;
  line-height: 31px;
}

.restaurant-menu-container {
  margin-bottom: 25px;
}

.restaurant-menu-title {
  font-size: 18px;
  text-transform: uppercase;
  color: #2e5360;
  font-weight: bold;
  margin-bottom: 20px;
}

.restaurant-menu-dishes-container {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}

.restaurant-menu-dish {
  margin-right: 40px;
  width: calc(50% - 40px);
  float: left;
  margin-bottom: 15px;
}

.restaurant-menu-dish-title-price-container {
  width: 100%;
  display: inline-block;
}

.restaurant-menu-dish-title {
  color: #4a4a4a;
  font-size: 18px;
  max-width: calc(100% - 60px);
  line-height: 20px;
  float: left;
  text-align: left;
}

.restaurant-menu-dish-price {
  color: #4a4a4a;
  font-size: 18px;
  line-height: 20px;
  float: right;
  text-align: right;
}

.restaurant-menu-dish-description {
  color: #929292;
  font-size: 18px;
  line-height: 20px;
}

.restaurant-menu-dish-ingredients {
  color: #929292;
  font-size: 18px;
  line-height: 20px;
}

.restaurant-scores-show-more {
  width: 100%;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border-top: solid 1px #f5f5f5;
  line-height: 30px;
  font-size: 18px;
  box-shadow: 0px -1px 3px 0 rgba(0, 0, 0, 0.07);
  color: rgba(155, 155, 155, 0.6);
}

.restaurant-scores-more-container {
  width: 100%;
  display: inline-block;
}

.restaurant-more-scores-container {
  display: inline-block;
  float: left;
  margin-left: 18px;
}

.restaurant-other-score {
  float: left;
  margin: 0 5px;
}

.restaurant-other-score-value {
  color: #000000;
  font-size: 20px;
  text-align: center;
  font-family: 'Archivo Black', sans-serif;
  line-height: 26px;
}
.restaurant-other-score-label {
  color: #929292;
  text-align: left;
  font-size: 15px;
}

.restaurant-scores-avg-checkins-container {
  width: calc(100% - 50px);
  padding: 0 25px;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
}
.restaurant-scores-avg-label {
  color: #929292;
  font-size: 15px;
  line-height: 35px;
  width: 100px;
  float: left;
}
.restaurant-scores-avg-value {
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  float: left;
  line-height: 35px;
}

.restaurant-checkins-label {
  font-size: 15px;
  color: #0094df;
  cursor: pointer;
}
.restaurant-checkins-label:hover {
  text-decoration: underline;
}

.checkins-label-to-right {
  /* text-align: right; */
}

.experiences-label-to-right {
    float: right;
    line-height: 35px;
    font-size: 15px;
}

.openings-big-label {
  width: 100px;
  text-transform: uppercase;
  float: left
}

.details-shadow-back-to-results {
  box-shadow: 0px -1px 3px 0 rgba(0, 0, 0, 0.07);
  height: 2px;
  margin-top: 5px;
}

.restaurant-openings-big-row {
  display: flex;
  width: initial;
}

.restaurant-big-openings-close {
  cursor: pointer;
  float: left;
  margin-left: 20px;
}

.restaurant-detail-tabs-desktop {
  display: inline-block;
}
.restaurant-detail-tabs-mobile {
  display: none;
}
.restaurant-details-image-preview-mobile {
  height: 150px !important;
  width: auto !important;
}

.restaurant-images-container-desktop {
  display: block;
}
.restaurant-images-container-mobile {
  display: none;
}

.restaurant-details-more-images-mobile {
  width: 150px;
  height: 150px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  line-height: 150px;
  text-align: center;
  font-family: 'Archivo Black', sans-serif;
  font-size: 24px;
}

.restaurant-detail-image-container {
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.restaurant-scores-avg-checkins-container.evaluationBlock {
  width: 140px;
  padding:0 0 0 10px;
  margin:0px;
}

.restaurant-scores-avg-checkins-container.evaluationBlock .restaurant-scores-avg-value,
.restaurant-scores-avg-checkins-container.evaluationBlock .restaurant-scores-avg-label{
  line-height:20px;
  width: initial;
}

.restaurant-scores-avg-checkins-container.evaluationBlock .restaurant-scores-avg-value{
  font-family: 'Archivo Black', sans-serif;
  font-size: 30px;
  line-height: 36px;
  text-align: right;
  color: #3c3c3b;
  margin-bottom: 0;
  width: 100%;
}

.restaurant-scores-avg-checkins-container.evaluationBlock .experiences-label-to-right{
  line-height:15px;
}

.restaurant-scores-label-foodiestrip-evaluation {
  color: #929292;
  font-size: 15px;
  text-decoration: none;
}
.restaurant-scores-label-foodiestrip-evaluation:hover {
  text-decoration: none;
}

.tourist-wallet-image {
  max-width: 300px;
  height: initial;
  float: left;
  margin-bottom: 50px;
}

.tourist-wallet-text {
  font-size: 20px;
  line-height: 28px;
}

.tourist-wallet-date {
  float: right;
  text-align: right;
  font-size: 13px;
}

.tourist-wallet-budget {
  border: solid 1px #dedede;
  font-size: 15px;
  padding: 10px;
  width: 100%;
}

.tourist-wallet-logos-image {
  width: 100%;
  height: 100%;
}


.plainHeader .plainHeaderContainer{
  width:100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.plainHeader .plainHeaderContainer a.buttonOnHeader{
    border: 1px solid #2d5360;
    background-color: #fff;
    color: #2d5360;
    padding: 0 15px;
    border-radius: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: normal;
    text-decoration:none;
    transition: 0.3s;
    float: right;
}

.plainHeader .plainHeaderContainer a.buttonOnHeader:hover{
  color: #fff;
  text-decoration: none;
  background-color: #2d5360;
}


/* REV MENU */
.megamenuContainer{
  max-width: 1200px;
  display: flex;
  padding-top: 60px;
  justify-content: space-between;
  margin: 0 auto;
}

.userMenu-big-menu-column-block.noMargin{
  margin-bottom:0px;
}

.userMenu-big-menu-column-block.noMargin .bottomImage{
  display:flex;
}

.menu-item.user-menu-link.download-app-user-menu-app.buttonRed{
  color: #ffffff;
  background-color: #e7382f;
  padding: 0 15px;
  border-radius: 20px;
  height: 30px;
  line-height: 30px;
  border: solid 1px #e7382f;
  font-size: 18px;
  font-weight: normal;
  text-decoration:none;
  margin-top: 15px;
  transition: 0.3s;
}
.menu-item.user-menu-link.download-app-user-menu-app.buttonRed.unselected{
  color: #4a4a4a;
  border: solid 1px #4a4a4a;
  background-color: transparent;
}

.menu-item.user-menu-link.download-app-user-menu-app.buttonRed:hover{
  text-decoration:none;
  background-color: #ffffff;
  color: #e7382f;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.table-prices-cell button.default-button-business{
  color: #ffffff;
  border: solid 0px #e7382f;
  background-color: #ffad03;
}


.table-prices-cell button.default-button-business:hover{
  border: solid 0px #e7382f;
  box-shadow: 0 5px 5px -4px rgba(125,125,125,1);
  background-color: #ffffff;
  color: #666666;
}

/* mobile menu refactoring */
.mobileMenuMainContainer{
  position: fixed;
  display:none;
  left: 0;
  top: 0;
  right: 0;
  bottom:0;
  overflow: scroll;
}

.mobileMenuCloser{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7);
  position: fixed;
}

.mobileMenuContainer{
    /* background: #fff; */
    background-image: linear-gradient(to top, #000000, #252525 27%, #383838 51%, #2b2b2b 72%, #000000);
    width: 300px;
    min-height: 100vh;
    position: absolute;
}

.lineSeparator{
  background:#fff;
  margin: 30px 0;
  width:100%;
  height:1px;
  float:left;
}

.mobileMenuContainer .user-menu-mobile{
  padding:12px;
}

.mobileMenuContainer .user-menu-mobile .mobileMenuHeading{
  margin-bottom:30px;
}

.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column{
  width:100%;
}

.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column .userMenu-big-menu-column-center{
  width:275px;
}

.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column .userMenu-big-menu-column-center .userMenu-big-menu-column-block{
  margin-bottom:0;
}

.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column .userMenu-big-menu-column-center h2{
  text-transform:none;
  cursor: pointer;
}

.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column .userMenu-big-menu-column-center h2.openLinkTitle::after{
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0d8";
  float: right;
  font-size: 20px;
  line-height: 32px;
}

.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column .userMenu-big-menu-column-center h2.closeLinkTitle::after{
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0d7";
  float: right;
  font-size: 20px;
  line-height: 32px;
}


.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column .userMenu-big-menu-column-center .linkgroup{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transform:scaleY(0);
  opacity: 0;
  transform-origin:top;
  max-height:0px;
  margin-bottom:0px;
}

.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column .userMenu-big-menu-column-center .linkgroup.closeLinkGroup{
  transform:scaleY(0);
  opacity: 0;
  max-height:0px;
}

.mobileMenuContainer .user-menu-mobile .userMenu-big-menu-column .userMenu-big-menu-column-center .linkgroup.openLinkGroup{
  transform:scaleY(1);
  opacity: 1;
  max-height:100px;
  margin-bottom:20px;
}


.userfooter .userMenu-big-menu-column h2,
.userfooter .userMenu-big-menu-column .social-footer-links,
.userfooter .userMenu-big-menu-column a{
  color:#555;
}

.userfooter .userMenu-big-menu-column .social-footer-links:hover,
.userfooter .userMenu-big-menu-column a:hover{
  color:#e7382f;
}


footer .userMenu-big-menu-column-block{
  margin-bottom: 40px;
}
/* overflow: hidden;
width: 100%;
float: left;
height:auto; */

.reservation-popup-text {
  font-size: 18px;
}
#reservation-tab .sweet-alert h2 {
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
}

button.websites_list_button_header {
  background-color: #747ea0;
}
button.websites_list_button_header:hover {
  color: #747ea0;
  background-color: transparent;
}

button.websites_list_button_configuration {
  background-color: #3ebf9d;
}
button.websites_list_button_configuration:hover {
  color: #3ebf9d;
  background-color: transparent;
}

button.websites_list_button_footer {
  background-color: #50a5c3;
}
button.websites_list_button_footer:hover {
  color: #50a5c3;
  background-color: transparent;
}