@charset "UTF-8";
/* Reset */
* {
  margin: 0;
  padding: 0;
}

/* Variables */
/*********************************/
body {
  font-family: 'Comfortaa','arial';
}

/*preload renders*/
body:after {
  display: none;
  content: url(../img/home/402render.jpg) url(../img/home/401render.jpg) url(../img/home/302render.jpg) url(../img/home/301render.jpg);
}

/* NAVBAR */
.header-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80%;
  margin: auto;
  min-height: 10vh;
  height: auto;
}

.header-wrap .header-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5vh;
  min-height: 36px;
}

.header-wrap .header-items .logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.header-wrap .header-items .logo-wrap .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-wrap .header-items .logo-wrap .logo #gulsen {
  text-decoration: none;
  color: lightgray;
  font-size: 1.5rem;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.header-wrap .header-items .logo-wrap .logo #aktas {
  text-decoration: none;
  color: black;
  font-size: 1.5rem;
  -webkit-transition: color 1s;
  transition: color 1s;
  border-right: 1px solid black;
  padding: 0 0.6rem;
  margin-right: 0.6rem;
}

.header-wrap .header-items .logo-wrap .logo:hover #gulsen {
  color: black;
}

.header-wrap .header-items .logo-wrap .logo:hover #aktas {
  color: lightgray;
}

.header-wrap .header-items .logo-wrap .nav-portfolio {
  font-size: 0.9rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.header-wrap .header-items .nav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-left: 20vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-wrap .header-items .nav-wrap .nav-item {
  font-size: 0.8rem;
  text-align: center;
  width: auto;
  -webkit-transition: border-bottom 1s;
  transition: border-bottom 1s;
}

.header-wrap .header-items .nav-wrap .nav-item:hover {
  border-bottom: 1px solid black;
}

.header-wrap .header-items .nav-wrap .nav-item a {
  color: lightgray;
  text-decoration: none;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.header-wrap .header-items .nav-wrap .nav-item a:hover {
  color: black;
}

.header-wrap .nav-item-acvite {
  border-bottom: 1px solid black !important;
}

.header-wrap .nav-item-acvite a {
  color: black !important;
}

@media screen and (max-width: 768px) {
  .header-items {
    display: block !important;
  }
  .header-items .logo-wrap {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .header-items .logo-wrap #gulsen, .header-items .logo-wrap #aktas {
    font-size: 1.2rem !important;
  }
  .header-items .nav-wrap {
    margin: 3vh 0 2vh 0 !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .header-items .nav-wrap .nav-item {
    font-size: 0.7rem !important;
  }
}

/* HOME */
.projects-wrap-background {
  background: white;
}

.projects-wrap-background .projects-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
  width: 90%;
}

.projects-wrap-background .projects-wrap .arrow {
  width: 50%;
}

.projects-wrap-background .projects-wrap .carousel-control-next, .projects-wrap-background .projects-wrap .carousel-control-prev {
  opacity: 0.1;
}

.projects-wrap-background .projects-wrap .carousel-control-next:hover, .projects-wrap-background .projects-wrap .carousel-control-prev:hover {
  opacity: 0.4;
}

.projects-wrap-background .projects-wrap .project-wrap-1 {
  margin: 16vh auto;
  width: 35vw;
  min-width: 300px;
  height: 49vh;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/home/402render.jpg);
}

.projects-wrap-background .projects-wrap .project-wrap-1 a {
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  color: transparent;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.projects-wrap-background .projects-wrap .project-wrap-1 a .project-img {
  background: white;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}

.projects-wrap-background .projects-wrap .project-wrap-1 a .project-img:hover {
  background: none;
}

.projects-wrap-background .projects-wrap .project-wrap-1 a:hover {
  color: lightgray;
}

.projects-wrap-background .projects-wrap .project-wrap-2 {
  margin: 16vh auto;
  width: 35vw;
  min-width: 300px;
  height: 49vh;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/home/401render.jpg);
}

.projects-wrap-background .projects-wrap .project-wrap-2 a {
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  color: transparent;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.projects-wrap-background .projects-wrap .project-wrap-2 a .project-img {
  background: white;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}

.projects-wrap-background .projects-wrap .project-wrap-2 a .project-img:hover {
  background: none;
}

.projects-wrap-background .projects-wrap .project-wrap-2 a:hover {
  color: lightgray;
}

.projects-wrap-background .projects-wrap .project-wrap-3 {
  margin: 16vh auto;
  width: 35vw;
  min-width: 300px;
  height: 49vh;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/home/302render.jpg);
}

.projects-wrap-background .projects-wrap .project-wrap-3 a {
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  color: transparent;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.projects-wrap-background .projects-wrap .project-wrap-3 a .project-img {
  background: white;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}

.projects-wrap-background .projects-wrap .project-wrap-3 a .project-img:hover {
  background: none;
}

.projects-wrap-background .projects-wrap .project-wrap-3 a:hover {
  color: lightgray;
}

.projects-wrap-background .projects-wrap .project-wrap-4 {
  margin: 16vh auto;
  width: 35vw;
  min-width: 300px;
  height: 49vh;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/home/301render.jpg);
}

.projects-wrap-background .projects-wrap .project-wrap-4 a {
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  color: transparent;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.projects-wrap-background .projects-wrap .project-wrap-4 a .project-img {
  background: white;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}

.projects-wrap-background .projects-wrap .project-wrap-4 a .project-img:hover {
  background: none;
}

.projects-wrap-background .projects-wrap .project-wrap-4 a:hover {
  color: lightgray;
}

@media screen and (max-width: 768px) {
  .projects-wrap {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .projects-wrap .project-wrap-1, .projects-wrap .project-wrap-2, .projects-wrap .project-wrap-3, .projects-wrap .project-wrap-4 {
    background-size: contain !important;
    width: 100% !important;
    margin: 17vh 0 !important;
    height: 40vh !important;
  }
  .projects-wrap .project-wrap-1 .project-text, .projects-wrap .project-wrap-2 .project-text, .projects-wrap .project-wrap-3 .project-text, .projects-wrap .project-wrap-4 .project-text {
    position: relative !important;
    top: 36vh !important;
  }
  .projects-wrap .project-wrap-1 .project-link, .projects-wrap .project-wrap-2 .project-link, .projects-wrap .project-wrap-3 .project-link, .projects-wrap .project-wrap-4 .project-link {
    height: 40vh !important;
  }
}

/*PROJECTS*/
.m402-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: auto;
}

.m402-wrapper .m402-slider {
  margin: 6vh 0;
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.m402-wrapper .m402-slider .m402-item {
  width: 100%;
  height: auto;
}

.m402-wrapper .m402-slider .m402-item img {
  width: 100%;
  height: 100%;
}

.m402-wrapper .m402-content {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.m402-wrapper .m402-content .m402-title {
  padding: 20vh 13vh 10vh;
  font-size: calc(0.65rem + 0.4vw);
  text-align: left;
}

.m402-wrapper .m402-content .m402-text {
  padding: 0 8vh 0 13vh;
  font-size: calc(0.5rem + 0.4vw);
  text-align: right;
}

.m402-wrapper .carousel-indicators li {
  background-color: white;
  border: 1px solid darkgray;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.m402-wrapper .carousel-indicators li.active {
  background: darkgray;
}

.m402-wrapper .project-arrow {
  width: 50%;
}

.m402-wrapper .carousel-control-next, .m402-wrapper .carousel-control-prev {
  opacity: 0.5;
}

.m402-wrapper .carousel-control-next:hover, .m402-wrapper .carousel-control-prev:hover {
  opacity: 0.9;
}

@media screen and (max-width: 1038px) {
  .m402-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .m402-wrapper .m402-title {
    padding: 0 !important;
    text-align: center !important;
  }
  .m402-wrapper .m402-content {
    min-height: 26vh !important;
  }
  .m402-wrapper .m402-text {
    padding: 5vh 5vh !important;
    text-align: center !important;
  }
  .m402-wrapper .m402-text .m402-text-relative-inside {
    text-align: center !important;
  }
}

/* WORKSHOP */
.workshop-wrap-background .workshop-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: auto;
  width: 90%;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-1 {
  margin: 16vh auto;
  width: 35vw;
  min-width: 300px;
  height: 49vh;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url(../img/workshop/flaneur.jpg);
  background-size: cover;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 1s ease-in-out;
  transition: -webkit-filter 1s ease-in-out;
  transition: filter 1s ease-in-out;
  transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-1 a {
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  color: transparent;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-1 a .project-img {
  background: white;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-1 a .project-img:hover {
  background: none;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-1 a:hover {
  color: lightgray;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-1 a {
  position: relative;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-1 a .workshop-title {
  width: 100%;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 100%;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-1:hover {
  -webkit-filter: none;
          filter: none;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-2 {
  margin: 16vh auto;
  width: 35vw;
  min-width: 300px;
  height: 49vh;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url(../img/workshop/goz.jpg);
  background-size: cover;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 1s ease-in-out;
  transition: -webkit-filter 1s ease-in-out;
  transition: filter 1s ease-in-out;
  transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-2 a {
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  color: transparent;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-2 a .project-img {
  background: white;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-2 a .project-img:hover {
  background: none;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-2 a:hover {
  color: lightgray;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-2 a {
  position: relative;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-2 a .workshop-title {
  width: 100%;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 100%;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-2:hover {
  -webkit-filter: none;
          filter: none;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-3 {
  margin: 16vh auto;
  width: 35vw;
  min-width: 300px;
  height: 49vh;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-size: cover;
  background-image: url(../img/workshop/meydan.jpg);
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 1s ease-in-out;
  transition: -webkit-filter 1s ease-in-out;
  transition: filter 1s ease-in-out;
  transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-3 a {
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  color: transparent;
  -webkit-transition: color 1s;
  transition: color 1s;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-3 a .project-img {
  background: white;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -webkit-transition: background 1s ease-in-out;
  transition: background 1s ease-in-out;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-3 a .project-img:hover {
  background: none;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-3 a:hover {
  color: lightgray;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-3 a {
  position: relative;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-3 a .workshop-title {
  width: 100%;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 100%;
}

.workshop-wrap-background .workshop-wrap .workshop-wrap-3:hover {
  -webkit-filter: none;
          filter: none;
}

@media screen and (max-width: 1038px) {
  .workshop-wrap {
    width: 100% !important;
  }
  .workshop-wrap-1, .workshop-wrap-2, .workshop-wrap-3 {
    margin: 0 !important;
    min-width: 350px !important;
    height: 27vh !important;
  }
  .workshop-wrap-1 a, .workshop-wrap-2 a, .workshop-wrap-3 a {
    display: block;
    height: 100%;
  }
  .workshop-wrap-1 a .project-link, .workshop-wrap-2 a .project-link, .workshop-wrap-3 a .project-link {
    height: 100% !important;
  }
  .workshop-wrap-1 .workshop-title, .workshop-wrap-2 .workshop-title, .workshop-wrap-3 .workshop-title {
    display: none;
  }
}

/*FLANEUR*/
.flaneur-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: auto;
}

.flaneur-wrapper .flaneur-slider {
  margin: 6vh 0;
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.flaneur-wrapper .flaneur-slider .flaneur-item {
  height: 70vh;
}

.flaneur-wrapper .flaneur-slider .flaneur-item img {
  width: 100%;
  height: 70vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.flaneur-wrapper .flaneur-slider .flaneur-item-2 img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.flaneur-wrapper .flaneur-slider .flaneur-item-16 img {
  -o-object-position: top;
     object-position: top;
}

.flaneur-wrapper .carousel-indicators li {
  background-color: white;
  border: 1px solid darkgray;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.flaneur-wrapper .carousel-indicators li.active {
  background: darkgray;
}

.flaneur-wrapper .project-arrow {
  width: 50%;
}

.flaneur-wrapper .carousel-control-next, .flaneur-wrapper .carousel-control-prev {
  opacity: 0.5;
}

.flaneur-wrapper .carousel-control-next:hover, .flaneur-wrapper .carousel-control-prev:hover {
  opacity: 0.9;
}

.flaneur-wrapper .flaneur-content {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.flaneur-wrapper .flaneur-content .flaneur-title {
  padding: 20vh 13vh 10vh;
  font-size: calc(0.65rem + 0.4vw);
  text-align: left;
}

.flaneur-wrapper .flaneur-content .flaneur-text {
  padding: 0 8vh 0 13vh;
  font-size: calc(0.5rem + 0.4vw);
  text-align: right;
}

@media screen and (max-width: 1038px) {
  .flaneur-wrapper {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flaneur-wrapper .flaneur-slider {
    width: 100%;
  }
  .flaneur-wrapper .flaneur-slider .flaneur-item {
    height: 52vh;
  }
  .flaneur-wrapper .flaneur-slider .flaneur-item img {
    height: 52vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .flaneur-wrapper .flaneur-slider .flaneur-item-2 img {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .flaneur-wrapper .flaneur-slider .flaneur-item-16 img {
    -o-object-position: top;
       object-position: top;
  }
  .flaneur-wrapper .flaneur-content .flaneur-title {
    padding: 0;
    text-align: center;
  }
  .flaneur-wrapper .flaneur-content .flaneur-text {
    padding: 3vh;
    text-align: center;
  }
  .flaneur-wrapper .flaneur-content .flaneur-text .flaneur-text-relative {
    min-height: 130px;
  }
  .flaneur-wrapper .flaneur-content .flaneur-text .flaneur-text-relative .flaneur-text-relative-inside {
    text-align: center !important;
  }
}

/* GÖZ */
.goz-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: auto;
}

.goz-wrapper .goz-slider {
  margin: 6vh 0;
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.goz-wrapper .goz-slider .goz-item {
  height: 75vh;
}

.goz-wrapper .goz-slider .goz-item img {
  width: 100%;
  height: 75vh;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.goz-wrapper .carousel-indicators li {
  background-color: white;
  border: 1px solid darkgray;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.goz-wrapper .carousel-indicators li.active {
  background: darkgray;
}

.goz-wrapper .project-arrow {
  width: 50%;
}

.goz-wrapper .carousel-control-next, .goz-wrapper .carousel-control-prev {
  opacity: 0.5;
}

.goz-wrapper .carousel-control-next:hover, .goz-wrapper .carousel-control-prev:hover {
  opacity: 0.9;
}

.goz-wrapper .goz-content {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.goz-wrapper .goz-content .goz-title {
  padding: 20vh 13vh 10vh;
  font-size: calc(0.65rem + 0.4vw);
  text-align: left;
}

.goz-wrapper .goz-content .goz-text {
  padding: 0 8vh 0 13vh;
  font-size: calc(0.5rem + 0.4vw);
  text-align: right;
}

@media screen and (max-width: 1038px) {
  .goz-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .goz-wrapper .goz-slider {
    width: 100%;
  }
  .goz-wrapper .goz-slider .goz-item {
    height: 52vh;
  }
  .goz-wrapper .goz-slider .goz-item img {
    height: 52vh;
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .goz-wrapper .goz-content .goz-title {
    padding: 0;
    text-align: center;
  }
  .goz-wrapper .goz-content .goz-text {
    padding: 3vh;
    text-align: center;
  }
  .goz-wrapper .goz-content .goz-text .goz-text-relative {
    min-height: 120px;
  }
  .goz-wrapper .goz-content .goz-text .goz-text-relative .goz-text-relative-inside {
    text-align: center !important;
  }
  .goz-wrapper .carousel-indicators li {
    width: 3px;
    height: 3px;
  }
}

/* MEYDAN */
.meydan-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: auto;
}

.meydan-wrapper .meydan-slider {
  margin: 6vh 0;
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.meydan-wrapper .meydan-slider .meydan-item {
  height: 70vh;
}

.meydan-wrapper .meydan-slider .meydan-item img {
  height: 70vh;
  width: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.meydan-wrapper .carousel-indicators li {
  background-color: white;
  border: 1px solid darkgray;
  width: 6px;
  height: 6px;
  border-radius: 100%;
}

.meydan-wrapper .carousel-indicators li.active {
  background: darkgray;
}

.meydan-wrapper .project-arrow {
  width: 50%;
}

.meydan-wrapper .carousel-control-next, .meydan-wrapper .carousel-control-prev {
  opacity: 0.5;
}

.meydan-wrapper .carousel-control-next:hover, .meydan-wrapper .carousel-control-prev:hover {
  opacity: 0.9;
}

.meydan-wrapper .meydan-content {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.meydan-wrapper .meydan-content .meydan-title {
  padding: 8rem 2rem 2rem 5rem;
  font-size: calc(0.65rem + 0.4vw);
  text-align: left;
}

.meydan-wrapper .meydan-content .meydan-text {
  padding: 0 2rem 0 5rem;
  font-size: calc(0.5rem + 0.4vw);
  text-align: right;
}

@media screen and (max-width: 1038px) {
  .meydan-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .meydan-wrapper .meydan-slider {
    width: 100%;
  }
  .meydan-wrapper .meydan-slider .meydan-item {
    height: auto;
  }
  .meydan-wrapper .meydan-slider .meydan-item img {
    height: auto;
  }
  .meydan-wrapper .meydan-content .meydan-title {
    padding: 0;
    text-align: center;
  }
  .meydan-wrapper .meydan-content .meydan-text {
    padding: 3vh;
    text-align: center;
  }
  .meydan-wrapper .meydan-content .meydan-text .meydan-text-relative {
    min-height: 90px;
  }
  .meydan-wrapper .meydan-content .meydan-text .meydan-text-relative .meydan-text-relative-inside {
    text-align: center !important;
  }
  .meydan-wrapper .carousel-indicators li {
    width: 4px;
    height: 4px;
  }
}

/*ABOUT*/
.about-wrap {
  background: white;
}

.about-wrap .about-img {
  padding-top: 40px;
  height: 80vh;
  background-image: url(../img/about.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.9;
}

.about-wrap .about-text {
  width: 80%;
  margin: auto;
}

.about-wrap .about-text .about-text-content {
  margin: 15vh 0 10vh 0;
  padding: 0 60px;
  font-size: calc(0.5rem + 0.4vw);
}

@media screen and (max-width: 768px) {
  .about-img {
    margin-top: 2vh;
    height: 50vh !important;
  }
  .about-text-content {
    margin: 15vh 0 10vh 0 !important;
    padding: 0 !important;
  }
}

/*DRAW*/
.draws-wrapper {
  width: 90%;
  margin: auto;
}

.draws-wrapper .draws {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
}

.draws-wrapper .draws .draw {
  margin: 0.5rem;
  max-width: 23.5%;
  border: 1px solid darkgray;
}

.draws-wrapper .draws .draw img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .draws {
    display: block !important;
  }
  .draws .draw {
    margin: 0.5 !important;
    padding: 0.5rem !important;
    max-width: 100% !important;
  }
}

/*CV*/
.cv-items {
  width: 80%;
  margin: auto;
  /* ICONS */
  /* BACKGROUND IMAGES */
}

.cv-items .cv-items-wrap-open {
  opacity: 1 !important;
  -webkit-filter: grayscale(0%) !important;
          filter: grayscale(0%) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
  background-blend-mode: lighten !important;
}

.cv-items .cv-item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0.6;
  background-position: right;
  background-repeat: no-repeat;
  background-size: 41vw;
  background-color: rgba(255, 255, 255, 0);
  background-blend-mode: lighten;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
  color: none;
}

.cv-items .cv-item-wrap .cv-item-div1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}

.cv-items .cv-item-wrap .cv-item-div2 {
  pointer-events: none;
  overflow: hidden;
  padding: 0 0.4rem 0.4rem 0;
}

.cv-items .cv-item-wrap .cv-item-img {
  height: 14vh;
  background-size: 7vh;
  min-width: 15vh;
  background-repeat: no-repeat;
  background-position: left;
  pointer-events: none;
}

.cv-items .cv-item-wrap .cv-item-title {
  padding: 1rem 0;
  font-size: calc(0.65rem + 0.4vw);
  min-width: 140px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  pointer-events: none;
  font-weight: 600;
}

.cv-items .cv-item-wrap .cv-item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  height: 0;
  font-weight: 500;
  font-size: calc(0.5rem + 0.4vw);
  line-height: 1.8rem;
  text-align: left;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.cv-items .cv-item-wrap .cv-item-text .projeler-intext {
  font-size: 80%;
  display: block;
  color: #4e4e4e;
  max-width: 50%;
}

.cv-items .cv-item-wrap .cv-item-language {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem;
}

.cv-items .cv-item-wrap .cv-item-text-inside {
  margin-right: 5%;
}

.cv-items .cv-item-wrap .cv-items-text-open {
  opacity: 1 !important;
}

.cv-items .cv-item-wrap:hover {
  opacity: 1;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  background-color: rgba(255, 255, 255, 0.4);
  background-blend-mode: lighten;
}

.cv-items .cv-item-img-1 {
  background-image: url(../img/cv/school.png);
}

.cv-items .cv-item-img-2 {
  background-image: url(../img/cv/work.png);
}

.cv-items .cv-item-img-3 {
  background-image: url(../img/cv/skill.png);
}

.cv-items .cv-item-img-4 {
  background-image: url(../img/cv/shape.png);
}

.cv-items .cv-item-img-5 {
  background-image: url(../img/cv/plane.png);
}

.cv-items .cv-item-img-6 {
  background-image: url(../img/cv/atelier.png);
}

.cv-items .cv-item-img-7 {
  background-image: url(../img/cv/volunteer.png);
}

.cv-items .cv-item-img-8 {
  background-image: url(../img/cv/certificate.png);
}

.cv-items .cv-item-img-9 {
  background-image: url(../img/cv/bicycle.png);
}

.cv-items .cv-item-wrap-1 {
  background-image: url(../img/cv/cv1.jpeg);
  background-position-y: 17%;
}

.cv-items .cv-item-wrap-2 {
  background-image: url(../img/cv/cv2.jpeg);
  background-position-y: 50%;
}

.cv-items .cv-item-wrap-3 {
  background-image: url(../img/cv/cv3.jpeg);
  background-position-y: 20%;
}

.cv-items .cv-item-wrap-4 {
  background-image: url(../img/cv/cv4.jpeg);
  background-position-y: 45%;
}

.cv-items .cv-item-wrap-5 {
  background-image: url(../img/cv/cv5.jpeg);
  background-position-y: 45%;
}

.cv-items .cv-item-wrap-6 {
  background-image: url(../img/cv/cv6.jpeg);
  background-position-y: 38%;
}

.cv-items .cv-item-wrap-7 {
  background-image: url(../img/cv/cv7.png);
  background-position-y: 10%;
}

.cv-items .cv-item-wrap-8 {
  background-image: url(../img/cv/cv8.jpeg);
  background-position-y: 30%;
}

.cv-items .cv-item-wrap-9 {
  background-image: url(../img/cv/cv9.jpeg);
  background-position-y: 38.5%;
}

@media screen and (max-width: 768px) {
  .cv-items {
    width: 100%;
  }
  .cv-item-img {
    min-width: 13vw !important;
    background-size: 5vh !important;
    height: 9vh !important;
    margin: 0 4% !important;
  }
  .cv-item-title {
    min-width: auto !important;
  }
  .cv-item-text {
    line-height: 1.2rem !important;
    margin: 0 5% !important;
  }
  .cv-item-text .projeler-intext {
    max-width: 90% !important;
  }
  .cv-item-text2 {
    display: block !important;
  }
  .cv-item-wrap {
    background-position: cover !important;
    background-size: 100vw !important;
  }
  .cv-item-wrap-3 {
    background-position-y: 20% !important;
  }
  .cv-item-wrap-6 {
    background-position-y: 35% !important;
  }
  .cv-item-wrap-8 {
    background-position-y: 40% !important;
  }
  .cv-item-wrap-9 {
    background-position-y: 40% !important;
  }
}

/*FOOTER*/
.footer {
  padding-top: 5vh;
  padding-bottom: 5vh;
  width: 90%;
  margin: auto;
}

.footer .footer-wrap {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer .footer-wrap .footer-icon-wrap {
  margin: auto;
  width: 80%;
  padding: 0.5rem 0;
}

.footer .footer-wrap .footer-icon-wrap .footer-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 168px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer .footer-wrap .footer-icon-wrap .footer-icons a {
  color: lightgray;
}

.footer .footer-wrap .footer-icon-wrap .footer-icons .footer-icon img {
  width: 2rem;
  -webkit-transition: -webkit-box-shadow 0.5s;
  transition: -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s;
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
}

.footer .footer-wrap .footer-icon-wrap .footer-icons .footer-icon img:hover {
  -webkit-box-shadow: 2px 2px 2px darkgray;
          box-shadow: 2px 2px 2px darkgray;
}

.footer .footer-wrap .parvifolia-wrap {
  border-top: 1px solid lightgray;
}

.footer .footer-wrap .parvifolia-wrap .parvifolia-wrap-inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 80%;
  margin: auto;
}

.footer .footer-wrap .parvifolia-wrap .parvifolia-wrap-inside .parvifolia {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 12px;
  text-align: right;
}

.footer .footer-wrap .parvifolia-wrap .parvifolia-wrap-inside .parvifolia a {
  color: black;
  -webkit-transition: -webkit-box-shadow 0.5s;
  transition: -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s;
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
}

.footer .footer-wrap .parvifolia-wrap .parvifolia-wrap-inside .parvifolia a:hover {
  -webkit-box-shadow: 2px 2px 2px darkgray;
          box-shadow: 2px 2px 2px darkgray;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .footer {
    padding-bottom: 3vh !important;
  }
  .footer .footer-icons {
    width: 205px !important;
    margin: auto !important;
  }
  .footer .footer-mail-text {
    display: none !important;
  }
  .footer .parvifolia {
    margin: auto !important;
    font-size: 9px !important;
    text-align: center !important;
  }
}

/* 404 */
.cv {
  width: 90%;
  margin: auto;
}

.cv .page404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5vh auto;
}