@font-face {
  font-family: "RobotoRegular";

  src: url("../fonts/RobotoRegular/RobotoRegular.eot");
  src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;

  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaExtrabld";

  src: url("../fonts/ProximaNovaExtrabld/ProximaNovaExtrabld.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;

  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaRegular";

  src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;

  font-display: swap;
}
@font-face {
  font-family: "ProximaNovaBold";

  src: url("../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;

  font-display: swap;
}

@font-face {
  font-family: "FontAwesome";

  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
    url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
    url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
    url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;

  font-display: swap;
}
.fa {
  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;
}
.fa-star:before {
  content: "\f005";
}
.checked {
  color: orange;
}
.fa_custom {
  color: #0099cc;
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-phone:before {
  content: "\f095";
}
.fa-picture:before {
  content: "\f03e";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-comments:before {
  content: "\f086";
}

.commentForm [type=file] {
  height: 0;
  overflow: hidden;
  width: 0;
  display: block;
}
.commentForm img {
  height: 100px;
  object-fit: cover;
  width: 155px;
}
.commentForm .deletePhoto {
  background-color: rgba(0, 0, 0, 0.75);
  fill: rgb(232, 230, 227);
}
.commentForm .deletePhoto {
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  background-color: rgba(0,0,0,.75);
  fill: #fff;
  padding: 3px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
}
.commentForm .btn-2 {
  color: rgb(232, 230, 227);
  outline-color: initial;
  background-color: rgb(52, 61, 75);
}
.commentForm .btn-2 {
  color: #fff;
  height: auto;
  min-height: 50px;
  cursor: pointer;
  font-size: initial;
  font-weight: 500;
  outline: none;
  padding: 3px 30px;
  position: relative;
  transition: all .3s;
  vertical-align: middle;
  background-color: #414c5e;
  border-radius: 5px;
  overflow: hidden;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin-bottom: 16px;
}