body {
  min-height: 100vh;
  background: url(../images/arkaplan.jpg) no-repeat center 0%;
  background-size: 100% calc(100% - 48px);
  overflow-y: hidden;
}
h1 {
  font-size: 2.25rem;
}
.fixed-top {
  position: absolute !important;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-light .navbar-nav .active > .nav-link {
  color: rgba(230, 204, 133, 0.95);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(176, 139, 69, 0.95);
}
.kutu {
  height: 400px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  transition: 0.5s;
  cursor: pointer;
}
.kutu-baslik {
  color: #fff;
  letter-spacing: 1px;
}
.kutu-col {
  height: 100vh;
  display: flex;
  align-items: center;
  transition: 0.5s;
  padding: 0;
}
.kutu-col-turizm {
  padding-left: 0;
  padding-right: 0;
}
.kutu-col-elmas {
  padding-right: 0;
}
.kutu-turizm {
  background: url(../images/turizm.jpg) no-repeat center center;
  background-size: cover;
  /*clip-path: polygon(75% 9%, 100% 28%, 76% 100%, 0 30%, 0 19%);
	-webkit-clip-path: polygon(75% 9%, 100% 28%, 76% 100%, 0 30%, 0 19%);*/
}
.kutu-emlak {
  background: url(../images/emlak.jpg) no-repeat center center;
  background-size: cover;
  /*clip-path: polygon(13% 34%, 80% 15%, 100% 90%, 47% 86%);
	-webkit-clip-path: polygon(13% 34%, 80% 15%, 100% 90%, 47% 86%);
	height: 350px;*/
}
.kutu-petro-kimya {
  background: url(../images/kozmetik.jpg) no-repeat center center;
  background-size: cover;
  /*clip-path: polygon(10% 15%, 100% 0%, 96% 48%, 2% 81%);
	-webkit-clip-path: polygon(10% 15%, 100% 0%, 96% 48%, 2% 81%);
		height: 433px;*/
}
.kutu-elmas {
  background: url(../images/elmas.jpg) no-repeat center center;
  background-size: cover;
  /*clip-path: polygon(16% 38%, 100% 0, 100% 100%, 16% 69%);
	-webkit-clip-path: polygon(16% 38%, 100% 0, 100% 100%, 16% 69%);
	height: 490px;*/
}
.kutu-buyuk {
  padding: 0;
}
.kutu-kucuk-1 {
  height: 100vh !important;
  clip-path: polygon(75% 0, 100% 0, 100% 100%, 0 100%, 0 0) !important;
  -webkit-clip-path: polygon(75% 0, 100% 0, 100% 100%, 0 100%, 0 0) !important;
}
.kutu-kucuk-2,
.kutu-kucuk-3,
.kutu-kucuk-4 {
  height: 100vh !important;
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%) !important;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%) !important;
}
.kutu-kucuk-3 img {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
.kutu-kucuk-1 img,
.kutu-kucuk-2 img,
.kutu-kucuk-4 img {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
.m-170 {
  margin-top: 170px;
}
.kutu-3 h1 {
  padding-left: 20px;
}
.kutu-2 {
  padding-left: 45px;
}
.kutu-1 p,
.kutu-2 p,
.kutu-3 p,
.kutu-4 p {
  color: #fff;
}
.kutu-4,
.kutu-2 {
  text-align: right;
}
.kutu-2,
.kutu-3 {
  text-align: center;
}
.kutu-2 p,
.kutu-4 p {
  font-size: 14px;
}
.kutu-1,
.kutu-2,
.kutu-3,
.kutu-4 {
  width: 100%;
  padding: 15px;
}
.kutu-1 img,
.kutu-2 img,
.kutu-3 img,
.kutu-4 img {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  transition: 0.5s;
  width: auto;
  padding-bottom: 20px;
  max-width: 350px;
}
.show-more {
  position: relative;
  opacity: 0;
  color: #fffcca !important;
  text-decoration: none;
  transition: 0.5s;
}
.show-more-active {
  display: block !important;
  opacity: 1;
}
.kutu-2 > .show-more,
.kutu-3 > .show-more {
  text-align: center;
  display: block;
}

.kutu-4 > .show-more {
  text-align: right;
}
@media only screen and (min-width: 1400px) {
  .kutu {
    height: 600px;
  }
  /*.kutu-turizm {
		clip-path: polygon(75% 11%, 100% 31%, 79% 100%, 0 30%, 0 21%);
		-webkit-clip-path: polygon(75% 11%, 100% 31%, 79% 100%, 0 30%, 0 21%);
	}
	.kutu-emlak {
		clip-path: polygon(8% 36%, 80% 22%, 100% 91%, 46% 87%);
		-webkit-clip-path: polygon(8% 36%, 80% 22%, 100% 91%, 46% 87%);
	}
	.kutu-petro-kimya {
		clip-path: polygon(10% 17%, 100% 0%, 95% 53%, 1% 88%);
		-webkit-clip-path: polygon(10% 17%, 100% 0%, 95% 53%, 1% 88%);
		height: 650px;
	}
	.kutu-elmas {
		clip-path: polygon(20% 40%, 102% 0, 100% 100%, 21% 71%);
		-webkit-clip-path: polygon(20% 40%, 102% 0, 100% 100%, 21% 71%);
		height: 750px;
	}*/
  .kutu-1 {
    width: 100%;
    padding: 15px;
  }
  .kutu-2 {
    width: 100%;
    padding: 15px;
    text-align: center;
  }
  .kutu-2 h1 {
    font-size: 4rem;
  }
  .kutu-3 {
    width: 100%;
    padding: 15px;
  }
  .kutu-3 p {
    padding-left: 25px;
  }
  .kutu-3 h1 {
    font-size: 3.04rem;
  }
  .kutu-4 {
    width: 100%;
    padding: 15px;
  }
  .kutu-1 img,
  .kutu-2 img,
  .kutu-3 img,
  .kutu-4 img {
    width: 100%;
  }
  .kutu-1 img,
  .kutu-2 img,
  .kutu-3 img {
    height: 100px;
  }
}
@media only screen and (min-width: 968px) and (max-width: 1399px) {
  .kutu-1 {
    padding: 15px;
  }
  .kutu-2 {
    padding: 15px;
  }
  .kutu-2 h1 {
    font-size: 2.5rem;
  }
  .kutu-3 {
    padding: 15px;
    text-align: center;
  }
  .kutu-3 h1 {
    font-size: 2.15rem;
  }
  .kutu-4 {
    padding: 15px;
  }
  /*.kutu-turizm {
		clip-path: polygon(75% 10%, 100% 29%, 77% 100%, 0 30%, 0 19%);
		-webkit-clip-path: polygon(75% 10%, 100% 29%, 77% 100%, 0 30%, 0 19%);
	}
	.kutu-emlak {
		clip-path: polygon(14% 37%, 80% 16%, 100% 93%, 46% 89%);
		-webkit-clip-path: polygon(14% 37%, 80% 16%, 100% 93%, 46% 89%);
		height: 350px;
	}
	.kutu-petro-kimya {  
		clip-path: polygon(5% 16%, 100% 0%, 96% 50%, 2% 85%);
		-webkit-clip-path: polygon(5% 16%, 100% 0%, 96% 50%, 2% 85%);
		height: 433px;
	}
	.kutu-elmas {
		clip-path: polygon(17% 40%, 100% 0, 100% 100%, 21% 69%);
		-webkitclip-path: polygon(17% 40%, 100% 0, 100% 100%, 21% 69%);
		height: 490px;
	}*/
  .show-more {
    text-align: center;
  }
  .kutu-1 .show-more {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .kutu-col,
  .kutu {
    height: 50vh;
  }
  .kutu-col {
    overflow: hidden;
  }
  body {
    background-size: cover !important;
  }
  .show-more {
    text-align: center !important;
  }
  .mobil-kutu {
    overflow: hidden;
  }
  .kutu-1 a.show-more-active {
    text-align: left !important;
  }
  .kutu-4 a.show-more-active {
    text-align: right !important;
  }
}
@media only screen and (max-width: 767px) {
  body {
    background-size: cover !important;
  }
  .kutu-1,
  .kutu-3 {
    text-align: center;
  }
  .kutu-4 {
    text-align: center;
  }
  .kutu-1 img,
  .kutu-2 img,
  .kutu-3 img,
  .kutu-4 img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    width: auto;
  }
  /*.kutu-1 img {
		width: 70%!important;
	}
	.kutu-2 img {
		width: 100%!important;
	}
	.kutu-3 img {
		width: 69%!important;
	}*/
  .kutu-yazi {
    display: none;
  }
  .kutu-col,
  .kutu {
    height: 20vh;
  }
  .mobil-kutu {
    height: 100vh !important;
  }
  .mobil-kutu-yoket {
    opacity: 0;
    height: 0 !important;
  }
  .absolute-footer {
    display: none;
  }
  .m-top-8 {
    margin-top: 10vh;
  }
  .kutu-turizm {
    clip-path: polygon(82% 0, 100% 42%, 100% 100%, 0 68%, 0 30%);
    -webkit-clip-path: polygon(82% 0, 100% 42%, 100% 100%, 0 68%, 0 30%);
  }
  .kutu-emlak {
    clip-path: polygon(0 28%, 100% 0%, 100% 100%, 0 76%);
    -webkit-clip-path: polygon(0 28%, 100% 0%, 100% 100%, 0 76%);
  }
  .kutu-petro-kimya {
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  }
  .kutu-elmas {
    clip-path: polygon(0 0, 86% 18%, 100% 100%, 12% 84%);
    -webkit-clip-path: polygon(0 0, 86% 18%, 100% 100%, 12% 84%);
  }
  .show-more {
    text-align: center !important;
    display: none !important;
  }
  .show-more-active {
    display: block !important;
  }
}

.absolute-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #000;
}
.abs-footer-deniz {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  letter-spacing: 1px;
}
.createdby img {
  width: 80px;
}
.cloud-logo img {
  width: 100px;
}
.createdby img,
.cloud-logo img,
.abs-footer-deniz {
  padding: 12px 0;
}
.cloud-box {
  text-align: right;
}