html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  height: 100%;
  font-family: "Karla", sans-serif !important;
  color: #6b6b6b;
  font-size: 1.19em;
  margin-bottom: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  overflow: hidden;
}
body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: #6c757d;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

body::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  z-index: 99;
}

/*  #status_before {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	background-image: url(../content/img/logo_spin.svg);
	background-repeat: no-repeat;
	background-position: center;
  }*/

#status {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
  border-radius: 50%;
  background-image: url(../content/img/loader.svg);
  background-repeat: no-repeat;
  /* background-position: center; */
  z-index: 100;
  z-index: 100;
}

.rotate {
  animation: rotation 2.9s infinite linear;
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.modal-open .modal::-webkit-scrollbar {
  width: 6px;
}

.modal-open .modal::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.modal-open .modal::-webkit-scrollbar-thumb {
  background: #6c757d;
  border-radius: 3px;
}

.modal-open .modal::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius: 3px;
}
body.modal-open {
  padding-right: 0 !important;
}
.modal-maxh {
  max-height: 650px !important;
}

.bg-base-dark {
  background-color: #343a40 !important;
  color: #f8f8f8 !important;
}
.bg-base-dark a {
  color: #c2c7d0 !important;
}
.bg-base-light {
  background-color: #fff !important;
  color: #5d5d5d !important;
}
.bg-base-light a {
  /* color: #0c5b68 !important; */
  color: #646464  !important;
  font-size: inherit;
}
.bg-base-light a:hover {
  color: #6662619d !important;
}
.navbar-brand {
  /* -webkit-filter: invert(100%);
  filter: invert(100%); */
  padding: 3px;
  /* height: 100%; */
  width: 7.9em;
  height: 4.9em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.navbar-center{
    position: absolute;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: transparent;
}
.navbar-nav .dropdown-menu{
  background-color: #e9e9e9;
}
a.dropdown-item {
    color: #1a1918 !important;
}
.dropdown-item:hover{
  background-color: #fafafaa8 !important;
}
.nav-link{
  color: #f0f0f0 !important;
}
.btm-shadow {
  box-shadow: 0px -2px 7px #00000045;
}
.top-shadow {
  box-shadow: 0px -1px 7px -5px #00000045;
}

.wedosvg {
  height: 83px;
  width: auto;
}

.container80 {
  width: 80% !important;
}

.legal-title {
  background-color: #fff;
  border-top: 1px solid #fff;
  border-radius: 4px;
  border-bottom: 1px solid;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: #ddd;
}
.legal-description {
  background-color: #fff;
}
.legal {
  padding-top: 20px;
  float: right;
  overflow-y: auto;
  height: 550px;
}

.PanelSubtitle {
  color: #22b573;
  font-size: smaller;
}
.errormsg {
  color: rgb(116, 15, 15);
  font-size: smaller;
  word-wrap: break-word;
}
.leaflet-container {
  z-index: 5 !important;
}
input#newslettermail {
  border-right: none;
}
button#newslettersubmit {
  border-left: none;
  border-color: #d1d1d1 !important;
}
.close {
  outline: none !important;
}
.ico-size {
  font-size: smaller;
}
.jumbotron {
  color: white;
  /*background-image: url(../content/img/base-hero.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
   filter: brightness(0.8);
  -webkit-filter: brightness(0.8); */
  box-shadow: 8px 2px 7px #00000045;
  display: table;
  padding: 220px 0;
  color: #fff;
  width: 100%;
  height: 100vh;
  background-image: url(../content/img/base-hero.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.choose {
    /* display: block; */
    width: 240px;
    position: relative;
    cursor: pointer;
}
.btn-choose {
    background-color: transparent;
    color: #ffffff;
    margin-bottom: 7px !important;
    margin-top: 32px;
    cursor: pointer;
}
a.choose {
    color: #e8e4e4f0 !important;
}
.blink {
  animation: blinker 1.8s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.card-title {
    margin-bottom: .75rem;
    font-weight: 700;
    color: #6b6b6b;
}


.border-btm{
  border-bottom: 1px solid #dee2e66b!important;
}
.overwrapper {
  position: relative;
}

.overlay {
  background-color: rgb(30 30 30 / 20%);      
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.hero-text {
  font-size: 1.9em;
  position: relative;
}
.hero-sub {
  font-size: 1.4em;
  position: relative;
}
.stroke {
  text-shadow: -0.8px -0.8px 0 #000000d1, 0.8px -0.8px 0 #000000d1,
    -0.8px 0.8px 0 #000000d1, 0.8px 0.8px 0 #000000d1;
}

.footer-copyright {
  /* border-top: 1px solid rgb(121 121 121 / 40%); */
  box-shadow: -1px 2px 4px #00000045;
	position: absolute;
	bottom: 0;
}
.footer-menu {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.copyright-text {
  color: #666666;
}

.back-top {
  cursor: pointer;
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 1em;
  display: none;
  border-radius: 4px;
  z-index: 90;
}

.back-top:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.cookies {
  position: fixed;
  bottom: 25px;
  right: 15px;
  z-index: 98;
}
.cookiesize {
  height: 100px;
  /* width: 125px; */
  width: auto;
}
.cookieimage {
  position: relative;
  right: -180px;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-name: slideFromRight;
  animation-duration: 1s;
  animation-delay: 2.8s;
}

.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.fade-out {
  opacity: 0;
  transition: visibility 0s 0.7s, opacity 0.8s linear;
}

.btn-link {
  color: #d7252d;
}
.btn-link:hover {
  color: #606368 !important;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(219 24 44 / 12%);
}

.btn-info {
  background-color: #a1a5a5 !important;
  border-color: #a1a5a5 !important;
}
.btn-info:hover {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-info:disabled:hover {
  background-color: #a1a5a5 !important;
  border-color: #a1a5a5 !important;
}


.active {
    color: #777973 !important;
}

.pos-abs {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

.cattus-common-temp {
  border-radius: 0px !important;
  border: none !important;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.cat-panel-title {
 	background-color: #ececec;
    border-radius: 4px;
    border-bottom: 1px solid;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-color: #dddddd;
    color: #818181;
}
.cat-panel-subtitle {
  color: #c45f50;
}
.cat-panel-description {
  background-color: #fffcfc;
    padding-top: 20px;
    float: right;
    overflow-y: auto;
    height: 550px;
    color: #686868;
}
.cat-panel-footer {
  background-color: #ececec;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cat-panel-logo {
  height: 64px;
  width: auto;
}

.cat-panel-description::-webkit-scrollbar {
  width: 3px;
}

.cat-panel-description::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.cat-panel-description::-webkit-scrollbar-thumb {
  background: #6c757d;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.cat-panel-description::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.word-wrap {
  word-break: break-all;
}
.bi-shield-exclamation {
  vertical-align: text-bottom;
  font-size: larger;
}
.icon-greek {
  background-image: url("../content/img/lang/greek.svg");
  height: 1.1em;
  width: 1.1em;
  object-fit: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  vertical-align: bottom;
  background-position: bottom;
  margin-top: 6px;
}
.icon-greek:hover {
  filter: brightness(0.5);
}
.icon-uk {
  background-image: url("../content/img/lang/uk.svg");
  height: 1.1em;
  width: 1.1em;
  object-fit: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  vertical-align: bottom;
  background-position: bottom;
  margin-top: 6px;
}
.icon-uk:hover {
  filter: brightness(0.5);
}
a#langswitch {
  display: flex;
  align-items: center;
}

.company-circular {
  width: 45px;
	height: 45px;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid rgb(66 66 66 / 23%);
	background-size: 100%;
	display: inline-block;
  vertical-align: middle;
  background-color: #f1f1f1ba;
  image-rendering: -webkit-optimize-contrast;
}

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

/*SOCIAL*/
.social-icon {
  color: #fff;
}
ul.social-icons {
  margin-top: 10px;
}
.social-icons li {
  vertical-align: top;
  display: inline;
  height: 100px;
}
.social-icons a {
  color: #fff;
  text-decoration: none;
}

.fa-facebook {
  padding: 10px 12px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #ffffff;
}
.fa-facebook:hover {
  background-color: #3d5b99;
}

.fa-twitter {
  padding: 10px 12px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #ffffff;
}
.fa-twitter:hover {
  background-color: #00aced;
}
.fa-rss {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #ffffff;
}
.fa-rss:hover {
  background-color: #eb8231;
}
.fa-youtube {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #ffffff;
}
.fa-youtube:hover {
  background-color: #e64a41;
}
.fa-linkedin {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #ffffff;
}
.fa-linkedin:hover {
  background-color: #0073a4;
}
.fa-github {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #ffffff;
}
.fa-github:hover {
  background-color: #5a32a3;
}
.fa-instagram {
  padding: 10px 14px;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #ffffff;
}
.fa-instagram:hover {
  background-color: #e95950;
}
/*SOCIAL*/

.delivery-map {
  width: 450px !important;
  height: 250px !important;
  position: relative !important;
}

.open {
  border-bottom: 1px solid rgba(128, 128, 128, 0.185);
}
button.navbar-toggler {
  outline: none;
}

.icon-menu {
  background-image: url(../content/img/mobile_menu.svg);
  height: 3.2em;
  width: 3.2em;
  object-fit: cover;
  background-repeat: no-repeat;
  display: inline-flex;
  vertical-align: bottom;
  background-position: center;
}
.icon-location {
  background-image: url(../content/img/location.svg);
  height: 8.2em;
  width: 8.2em;
  object-fit: cover;
  background-repeat: no-repeat;
  display: inline-flex;
  vertical-align: bottom;
  background-position: center;
}

/*slick stuff*/
.img-slick {
  object-fit: cover;
}

.slick-prev {
  left: 5px !important;
  z-index: 50 !important;
}
.slick-next {
  right: 5px !important;
  z-index: 51 !important;
}
.slick-track {
  display: flex !important;
}

.slick-slide {
  height: inherit !important;
}
/*slick stuff*/

.topbar {
  background-color: #3d9d77;
  border-top: 1px solid #8b7f7f3a;
  border-bottom: 1px solid #8b7f7f3a;
  color: whitesmoke;
}

.search-sec {
  padding: 2em;
  box-shadow: 0px 0px 20px -12px #2125297a;
  background-color: #ececf1;
  padding-bottom: 0.5em;
}
.search-slt {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  height: calc(3rem + 2px) !important;
  border-radius: 0;
}
.wrn-btn {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  height: calc(3rem + 2px) !important;
  border-radius: 0;
  background-color: #b33951;
  border-color: #b33951;
  color: #f3f3f3;
}
.wrn-btn:hover {
  color: #e6e6e6;
  background-color: #b33951e1;
  border-color: #b33951e1;
}
.more-options {
  cursor: pointer;
  color: #35949e;
}
.more-options:hover {
  cursor: pointer;
  color: #35949eb4;
}
.card-options {
  flex-direction: row;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 32px;
  line-height: 32px;
  background-color: #242424;
  border-top: 1px solid #80808059;
  font-size: smaller;
}

.main {
  background-color: #f5f5f5;
  padding: 20px;
  padding-bottom: 60px;
}
object {
  pointer-events: none;
}

::selection {
  background: #35949e;
  color: whitesmoke;
}

::-moz-selection {
  background: #35949e;
  color: whitesmoke;
}
a {
  color: #687889 !important;
}

a:hover {
  color: #5e5e5e !important;
  text-decoration: none;
}

p {
  line-height: 120%;
}
.nfound {
  min-height: 60vh;
  display: flex;
  align-items: center;
}
.dropdown:hover .dropdown-menu {
  display: block;
  visibility: visible;
}
.dropdown-toggle::after{
  vertical-align: -webkit-baseline-middle;
  vertical-align: baseline;
}
/*
.dropdown-menu {display: block;visibility: hidden;opacity:0;transition:.4s ease all;} */
.dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideFromRight {
  from {
    right: -180px;
  }
  to {
    right: 0px;
    opacity: 1;
  }
}

@keyframes slideFromTop {
  from {
    top: -180px;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}

@keyframes slideFromLeft {
  from {
    left: -180px;
  }
  to {
    left: 0px;
    opacity: 1;
  }
}

@keyframes fadeOutOpacity {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
    right: -180px;
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media all and (max-width: 998px) {
  body {
    font-size: 1.16em;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right !important;
  }

  .pull-md-right {
	float: right !important;
  }
  .pull-md-center {
	margin-left:auto !important;
	margin-right:auto !important;
	float: none !important;
  }
  .pull-md-left {
	float: left !important;
  }

  .userdetailsinput{
	text-align: left;
}

  a#langswitch {
    display: block;
  }
}
@media all and (max-width: 767px) {
  body {
    font-size: 1.01em;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .pull-sm-right {
	float: right !important;
  }
  .pull-sm-center {
	margin-left:auto !important;
	margin-right:auto !important;
	float: none !important;
  }
  .pull-sm-left {
	float: left !important;
  }  
  .navbar{
    border-bottom: none !important;
  }
  .navbar-collapse{
    background-color: #f8f9fade!important;
    border-radius: 4px;
  }
  .navbar-nav .dropdown-menu{
    background-color: #f8f9fa29!important;
  }
  .nav-link {
    color: #343632 !important;
  }
}

@media all and (max-width: 576px) {
  body {
    font-size: 1.09em;
  }
}

@media all and (max-width: 450px) {
  /* article {
		width:50%;
		float:left;
	  } */
}

/* .navbar-nav li:hover > ul.dropdown-menu {
    margin-top:0px;
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
}

.dropdown-toggle::after {
    display: none;
} */