/*---------------- global fisrt ---------------- */

@font-face {
  font-family: "Roboto-Thin";
  font-display: swap;
  src: url("/templates/cassiopeia_mylonakis/css/font/Roboto-Thin.ttf");
}

@font-face {
  font-family: "Roboto-Light";
  font-display: swap;
  src: url("/templates/cassiopeia_mylonakis/css/font/Roboto-Light.ttf");
}

@font-face {
  font-family: "Roboto-Regular";
  font-display: swap;
  src: url("/templates/cassiopeia_mylonakis/css/font/Roboto-Regular.ttf");
}

@font-face {
  font-family: "Roboto-Medium";
  font-display: swap;
  src: url("/templates/cassiopeia_mylonakis/css/font/Roboto-Medium.ttf");
}

@font-face {
  font-family: "Roboto-Bold";
  font-display: swap;
  src: url("/templates/cassiopeia_mylonakis/css/font/Roboto-Bold.ttf");
}



html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  scroll-behavior: smooth;
}

body {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  overflow-x: hidden;
  z-index: -100000;
  background-color: #fff;
  position: relative;
}

 footer {
  overflow: hidden;
}

.main {
  overflow: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

figure {
  margin: 0;
}

:root {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  scroll-behavior: smooth;
  --black: #000000;
  --white: #ffffff;
  --blue: #062E68;
  --yellow: #FDA803;
}

a,
a:hover {
  color: inherit;
  text-decoration: none !important;
  font-family: "Roboto-Light";
}

h1,
h2,
h3,
h4,
h5,
p {
  margin-bottom: 0;
  font-family: "Roboto-Regular";
}

h1,
h2,
h3,
h4,
h5 {
  font-stretch: normal;
  color: #000;
}

p {
  font-size: 20px;
  font-family: "Roboto-Regular";
  line-height: 35px;
}

h2 {
  font-family: "Roboto-Medium";
}

li, li a, a {
  font-family: "Roboto-Light";
}

b, strong {
  font-family: "Roboto-Bold";
}



.logo img {
  width: 100px;
}

.vacuum {
  height: 120px;
}