@font-face {
  font-family: "Roboto Bk";
  src: url("/assets/fonts/Roboto-Black.eot");
  src: url("/assets/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Black.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Black.woff") format("woff"),
    url("/assets/fonts/Roboto-Black.ttf") format("truetype"),
    url("/assets/fonts/Roboto-Black.svg#Roboto-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Cn";
  src: url("assets/fonts/Roboto-BoldCondensed.eot");
  src: url("assets/fonts/Roboto-BoldCondensed.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/Roboto-BoldCondensed.woff2") format("woff2"),
    url("assets/fonts/Roboto-BoldCondensed.woff") format("woff"),
    url("assets/fonts/Roboto-BoldCondensed.ttf") format("truetype"),
    url("assets/fonts/Roboto-BoldCondensed.svg#Roboto-BoldCondensed")
      format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Bk";
  src: url("assets/fonts/Roboto-BlackItalic.eot");
  src: url("assets/fonts/Roboto-BlackItalic.eot?#iefix")
      format("embedded-opentype"),
    url("assets/fonts/Roboto-BlackItalic.woff2") format("woff2"),
    url("assets/fonts/Roboto-BlackItalic.woff") format("woff"),
    url("assets/fonts/Roboto-BlackItalic.ttf") format("truetype"),
    url("assets/fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Bold.eot");
  src: url("/assets/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Bold.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Bold.woff") format("woff"),
    url("/assets/fonts/Roboto-Bold.ttf") format("truetype"),
    url("/assets/fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Cn";
  src: url("/assets/fonts/Roboto-Condensed.eot");
  src: url("/assets/fonts/Roboto-Condensed.eot?#iefix")
      format("embedded-opentype"),
    url("/assets/fonts/Roboto-Condensed.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Condensed.woff") format("woff"),
    url("/assets/fonts/Roboto-Condensed.ttf") format("truetype"),
    url("/assets/fonts/Roboto-Condensed.svg#Roboto-Condensed") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Cn";
  src: url("/assets/fonts/Roboto-CondensedItalic.eot");
  src: url("/assets/fonts/Roboto-CondensedItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/assets/fonts/Roboto-CondensedItalic.woff2") format("woff2"),
    url("/assets/fonts/Roboto-CondensedItalic.woff") format("woff"),
    url("/assets/fonts/Roboto-CondensedItalic.ttf") format("truetype"),
    url("/assets/fonts/Roboto-CondensedItalic.svg#Roboto-CondensedItalic")
      format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Cn";
  src: url("/assets/fonts/Roboto-BoldCondensedItalic.eot");
  src: url("/assets/fonts/Roboto-BoldCondensedItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/assets/fonts/Roboto-BoldCondensedItalic.woff2") format("woff2"),
    url("/assets/fonts/Roboto-BoldCondensedItalic.woff") format("woff"),
    url("/assets/fonts/Roboto-BoldCondensedItalic.ttf") format("truetype"),
    url("/assets/fonts/Roboto-BoldCondensedItalic.svg#Roboto-BoldCondensedItalic")
      format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-BoldItalic.eot");
  src: url("/assets/fonts/Roboto-BoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/assets/fonts/Roboto-BoldItalic.woff2") format("woff2"),
    url("/assets/fonts/Roboto-BoldItalic.woff") format("woff"),
    url("/assets/fonts/Roboto-BoldItalic.ttf") format("truetype"),
    url("/assets/fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Italic.eot");
  src: url("/assets/fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Italic.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Italic.woff") format("woff"),
    url("/assets/fonts/Roboto-Italic.ttf") format("truetype"),
    url("/assets/fonts/Roboto-Italic.svg#Roboto-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Lt";
  src: url("/assets/fonts/Roboto-Light.eot");
  src: url("/assets/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Light.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Light.woff") format("woff"),
    url("/assets/fonts/Roboto-Light.ttf") format("truetype"),
    url("/assets/fonts/Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Lt";
  src: url("/assets/fonts/Roboto-Medium.eot");
  src: url("/assets/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Medium.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Medium.woff") format("woff"),
    url("/assets/fonts/Roboto-Medium.ttf") format("truetype"),
    url("/assets/fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Lt";
  src: url("/assets/fonts/Roboto-LightItalic.eot");
  src: url("/assets/fonts/Roboto-LightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/assets/fonts/Roboto-LightItalic.woff2") format("woff2"),
    url("/assets/fonts/Roboto-LightItalic.woff") format("woff"),
    url("/assets/fonts/Roboto-LightItalic.ttf") format("truetype"),
    url("/assets/fonts/Roboto-LightItalic.svg#Roboto-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Lt";
  src: url("/assets/fonts/Roboto-MediumItalic.eot");
  src: url("/assets/fonts/Roboto-MediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/assets/fonts/Roboto-MediumItalic.woff2") format("woff2"),
    url("/assets/fonts/Roboto-MediumItalic.woff") format("woff"),
    url("/assets/fonts/Roboto-MediumItalic.ttf") format("truetype"),
    url("/assets/fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic")
      format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Th";
  src: url("/assets/fonts/Roboto-Thin.eot");
  src: url("/assets/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Roboto-Thin.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Thin.woff") format("woff"),
    url("/assets/fonts/Roboto-Thin.ttf") format("truetype"),
    url("/assets/fonts/Roboto-Thin.svg#Roboto-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Th";
  src: url("/assets/fonts/Roboto-ThinItalic.eot");
  src: url("/assets/fonts/Roboto-ThinItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/assets/fonts/Roboto-ThinItalic.woff2") format("woff2"),
    url("/assets/fonts/Roboto-ThinItalic.woff") format("woff"),
    url("/assets/fonts/Roboto-ThinItalic.ttf") format("truetype"),
    url("/assets/fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/Roboto-Regular.eot");
  src: url("/assets/fonts/Roboto-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("/assets/fonts/Roboto-Regular.woff2") format("woff2"),
    url("/assets/fonts/Roboto-Regular.woff") format("woff"),
    url("/assets/fonts/Roboto-Regular.ttf") format("truetype"),
    url("/assets/fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

div.image {
  margin-left: 50px;
}

div.right-text {
  height: 350px;
}

h1 > span.txt-light {
  font-family: "Roboto Lt", sans-serif;
  font-weight: 300;
  font-size: 1.4em;
  line-height: 1.4;
}

div.content > p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 1.3em;
  color: #6a6a6a;
}

h1 > span.txt-regular {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 1.4em;
}

li.nav-item > h5.nv-link {
  font-family: "Roboto";
}

li.nav-item > h5.nv-link > a {
  color: #000;
}

li.nav-item > h5.nv-link > a:hover {
  color: #3b99a0;
}

li.nav-item > h5.nv-link.active {
  font-family: "Roboto";
  font-weight: 700;
}

li.nav-item > h5.nv-link.active > a {
  color: #49c2c9;
}

li.nav-item > h5.nv-link.active > a:hover {
  color: #3b99a0;
}

div.disc > a > hr.solid {
  position: absolute;
  border: 4px solid #49c2c9;
  color: #49c2c9;
  background-color: #49c2c9;
  opacity: 1;
  width: 65px;
  transform: translate(0px, 0px);
}

div.disc > a:link {
  text-decoration: none;
}

div.disc > a > h2.disc-text {
  padding-top: 8px;
  margin-left: 100px;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 1.3em;
  color: #000;
}

div.disc > a:hover > h2.disc-text {
  color: #3b99a0;
}

div.disc > a:hover > hr.solid {
  color: #3b99a0;
  background-color: #3b99a0;
  border: 4px solid #3b99a0;
}

.bg {
  position: absolute;
  top: 0px;
  width: 750px;
  height: 750px;
  background-color: #49c2c9;
  z-index: -99;
}

div.filo-sec-desc > h1.filo-sec-text {
  font-family: "Roboto";
  font-weight: normal;
  font-size: 2.5em;
  margin-left: 160px;
}

div.filo-sec-desc-text {
  margin-left: 160px;
  margin-top: 20px;
}

div.filo-sec-desc-text > p.text-start {
  font-family: "Roboto";
  font-weight: normal;
  font-size: 1.2em;
  color: #6a6a6a;
}

div.filo-sec-desc-disc {
  margin-left: 160px;
}

div.filo-sec-desc-disc > a > hr.solid {
  position: absolute;
  border: 4px solid #49c2c9;
  color: #49c2c9;
  background-color: #49c2c9;
  opacity: 1;
  width: 65px;
  transform: translate(0px, 0px);
}

div.filo-sec-desc-disc > a:link {
  text-decoration: none;
}

div.filo-sec-desc-disc > a > h2.disc-text {
  padding-top: 8px;
  margin-left: 100px;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 1.3em;
  color: #000;
}

div.filo-sec-desc-disc > a:hover > h2.disc-text {
  color: #3b99a0;
}

div.filo-sec-desc-disc > a:hover > hr.solid {
  color: #3b99a0;
  background-color: #3b99a0;
  border: 4px solid #3b99a0;
}

.s-card {
  position: relative;
  overflow: hidden;
  display: flex;

  width: 100%; /* Box dimensions */
  height: 452px;
  transition: box-shadow 0.56s ease-in-out; /* Animation */
  background-color: #e9e9e9; /* for debugging */
}

div.swiper-slide-active > .s-card {
  background-color: #fafafa;
  transition: 0.56s ease-in-out;
  border-top: 4px solid #49c2c9;
}

div.filo-sec-nav {
  margin-left: 137px;
}

.button-prev,
.button-next {
  font-size: 3em;
  z-index: 10;
  align-items: center;
  bottom: -180px;
  left: 165px;
  color: #49c2c9;
  transition: 0.56s ease-in-out;
}

.button-next {
  left: 250px;
}

div.button-prev.swiper-button-disabled,
div.button-next.swiper-button-disabled {
  color: #c0c0c0;
  transition: 0.56s ease-in-out;
}

div.s-img > img {
  width: 256px;
  margin-left: 70px;
  margin-top: 50px;
}

div.s-img > h4 {
  font-family: "Roboto";
  font-weight: normal;
  margin-left: 65px;
}
div.s-img > p {
  font-family: "Roboto";
  font-weight: normal;
  margin-left: 65px;
  color: #6a6a6a;
}

div.swiper-slide-active > div.s-card > div.s-img > div.s-card-link {
  display: block;
  transition: 0.56s ease-in-out;
}

div.s-img > div.s-card-link {
  margin-left: 65px;
  display: none;
  transition: 0.56s ease-in-out;
}

div.s-img > div.s-card-link > div.s-card-link-arrow > a {
  text-decoration: none;
  font-size: 2.3em;
  color: #c0c0c0;
  vertical-align: middle;
}

div.s-img > div.s-card-link > div.s-card-link-arrow > a:hover {
  color: #49c2c9;
}

div.slide-desc > div.slide-desc-link > div.slide-desc-link-arrow > a {
    text-decoration: none;
    font-size: 2.5em;
    color: #c0c0c0;

  }
  
div.slide-desc > div.slide-desc-link > div.slide-desc-link-arrow > a:hover {
    color: #49c2c9;
}

div.ref-sec-title > h1 {
  font-family: "Roboto";
  font-weight: normal;
}

div.ref-sec-title > h1.ref-sec-text {
    margin-left: 160px;
  }

div.ilt-sec-title > h1 {
  font-family: "Roboto";
  font-weight: normal;
}

div.ilt-sec-title > h1.ilt-sec-text {
    margin-left: 160px;
  }

div.ref-item > img {
  filter: grayscale(1);
}

div.ref-item > img:hover {
  filter: grayscale(0);
}

.content-text {
  font-family: "Roboto";
  font-weight: bold;
  font-size: 2em;
  line-height: 1.1;
}

.bg-visithty {
  background-color: #49c2c9;
}

.footer-logo > img {
  width: 10em;
}

.bd-footer a {
  color: #ffffff;
  text-decoration: none;
  font-family: "Roboto";
}

.bd-footer h5 {
  font-family: "Roboto";
  font-size: 1.2rem;
}

.bd-footer a:hover {
  color: #e5f9fa;
}

.bd-footer {
  margin-top: 100px;
}

.social-icon {
  font-size: 1.7rem;
}

.social-text {
  vertical-align: middle;
}

.copyright {
  color: #000;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 0.9rem;
}

nav.navbar-visithty {
  background-color: #49c2c9;
}

li.nav-item > h5.nv-link-2 > a:hover {
  color: #e5f9fa;
}

li.secondary > h5.nv-link-2.active > a {
  color: #ffffff;
}

li.secondary > h5.nv-link-2.active > a:hover {
  color: #e5f9fa;
}

div.head-image {
  background-color: #6a6a6a;
  background-image: url("/assets/images/vito-crew-banner-3.webp");
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  clip-path: polygon(0% 0, 100% 0, 100% 85%, 0 100%);
}

div.head-image-2 {
  background-color: #6a6a6a;
  background-image: url("/assets/images/sp-kapak.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  clip-path: polygon(0% 0, 100% 0, 100% 85%, 0 100%);
}

div.head-image-3 {
  background-color: #6a6a6a;
  background-image: url("https://stoa-resource.s3.eu-central-1.amazonaws.com/visithty/travego/trv-5.JPG");
  background-position: 0 -350px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  clip-path: polygon(0% 0, 100% 0, 100% 85%, 0 100%);
}

div.head-image-4{
  background-color: #6a6a6a;
  background-image: url("https://stoa-resource.s3.eu-central-1.amazonaws.com/visithty/sultan/sp-kp.JPG");
  background-position: 0 -450px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  clip-path: polygon(0% 0, 100% 0, 100% 85%, 0 100%);
}



div.head-image > div.head-image-header > h1 {
  position: relative;
  top: 250px;
  font-family: "Roboto";
  font-weight: bold;
  color: #ffffff;
}

div.title-background {
    background-color: #49c2c9;
    height: 100px;
    clip-path: polygon(0% 0, 100% 0, 100% 50%, 0 100%);
  }
  
  div.title-background > div.title-background-header > h1 {
    position: relative;
    top: 20px;
    font-family: "Roboto";
    font-size: 3.3em;
    font-weight: bold;
    color: #ffffff;
  }


div.car-title > h1 {
  font-family: "Roboto";
  font-weight: bold;
  line-height: 0.8;
  font-size: 2.3em;
}

div.car-title > h3 {
  font-family: "Roboto Lt";
  font-weight: 200;
  line-height: 1;
  font-size: 2.3em;
}

div.car-desc > p {
  font-family: "Roboto";
  font-size: 1.1em;
}

div.car-info-title > h5 {
  font-family: "Roboto";
  font-size: 1.1em;
}

div.col-3 > i {
  color: #49c2c9;
}

div.col-4 > i {
  color: #49c2c9;
}

div.col > i {
  color: #49c2c9;
}

span.social-text {
  font-family: "Roboto Lt";
  font-weight: 200;
  font-size: 1.3em;
}


section.filo > div.container > h1{
    font-family: 'Roboto';
    font-weight: bold;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 576px) {
  div.image {
    margin-left: 0px;
  }

  div.retro {
    background-color: #49c2c9;
  }

  div.right-text {
    height: 180px;
  }

  nav.navbar {
    background-color: #49c2c9;
  }

  .bg {
    display: none;
  }

  section.filo-sec {
    margin-top: 70px;
  }

  div.filo-sec-desc-text {
    margin-left: 0px;
  }

  div.filo-sec-desc-disc {
    margin-left: 0px;
  }

  div.filo-sec-desc > h1.filo-sec-text {
    margin-left: 0px;
  }

  div.ref-sec-title > h1.ref-sec-text {
    margin-left: 0px;
  }

    div.ilt-sec-title > h1.ilt-sec-text {
    margin-left: 0px;
  }

  div.filo-sec-nav {
    margin-left: 0px;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 576px) {
  .bg {
    bottom: 20px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .bg {
    height: 650px;
  }

  section.filo-sec {
    margin-top: 200px;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1500px) {
  .bg {
    top: 0;
    height: 750px;
    width: 890px;
  }

  div.image {
    margin-left: 165px;
  }

  section.filo-sec {
    margin-top: 200px;
  }

  section.ref-sec {
    margin-top: 200px;
  }

  section.ilt-sec {
    margin-top: 200px;
  }
}