* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
text-decoration: none !important;
}

.burakokan {
  padding: 10px;
  border-top: 1px solid #0000001b ;
  text-align: center;
  font-size: 15px;
}

.burakokan a {
  color: #000000;
}

.burakokan a:hover {
  color: #E43D11;
}

html,
body {
    font-family: "Raleway", sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    color: rgb(0, 0, 0) !important;
    overflow-x: hidden !important;
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 111;
}

.headerbar {
    font-family: "Open Sans", sans-serif !important;
    color: rgb(0, 0, 0) !important;
    padding: 10px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.adres {
  text-shadow: #000000 0px 0px 27px;
  color: white;
}

.icon i {
  margin-top: 5px; 
  font-size: 37px; 
  color: #ffffff;
  text-shadow: #000000 0px 0px 27px;
}

.icon2 i {
  margin-top: 5px; 
  font-size: 37px; 
  color: #000000;
}

.logo img{
  height: auto;
  width: 120px;
}

#header, #navbar {
  transition: background-color 0.8s
}

#headerdnone {
  transition: display 0.8s;
}

.serit {
  position: absolute;
  left: 0;
  right: 0;
  height: 3px; 
  background: linear-gradient(to right, #ffffff00, #450c49, #ffffff00); 
  z-index: 1;
}

.logo2 img{
  height: auto;
  width: 90px;
}

.merak {
  margin-top: 10px;
  line-height: 1;
  opacity: 0.7;
  font-size: 14px;
  font-family: "PT Serif", sans-serif !important;
  color: #ffffff;
  text-shadow: #000000 0px 0px 27px;
}

.telefon {
  font-size: 17px;
  font-family: "PT Serif", sans-serif !important;
  color: #ffffff;
  text-shadow: #000000 0px 0px 27px;
}

.telefon:hover {
  color: #E43D11;
  text-shadow: #00f2ff 0px 0px 27px;
}

.merak2 {
  margin-top: 10px;
  line-height: 1;
  opacity: 0.7;
  font-size: 14px;
  font-family: "PT Serif", sans-serif !important;
  color: #000000;
}

.telefon2 {
  font-size: 17px;
  font-family: "PT Serif", sans-serif !important;
  color: #000000;
}

.telefon2:hover {
  color: #E43D11;
  text-shadow: #000000 0px 0px 27px;
}

.nopadding {
  padding: 0 !important;
}

.padding10 {
  padding: 10px !important;
}

.navbar {
  justify-content: space-between !important;
  align-items: center !important;
}

.navbar-nav {
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

nav ul li {
  padding: 10px;
}

.textshadowa {
  text-shadow: #000000 0px 0px 10px !important;
}

nav ul li a {
  font-size: 17px;
  font-family: "Open Sans", sans-serif !important;
  color: #ffffff;
  display: inline-block;
  position: relative;
  overflow: hidden; 
  text-decoration: none; 
  font-weight: 500;
  font-size: 20px;
}

nav ul li a:hover {
  color: #E43D11 !important;
}

nav ul li a::after {
  content: ''; 
  position: absolute;
  bottom: 0; 
  left: 0;
  width: 0; 
  height: 2px; 
  background-color: #E43D11; 
  transition: width 0.5s ease; 
}

nav ul li a:hover::after {
  width: 100%; 
}

.aktif {
  color: #E43D11 !important;
}

.aktif::after {
  width: 100%; 
}

.altserit {
 border-bottom: 1px solid rgb(92, 89, 89);
}

.carousel-item {
  height: 100vh;
  width: auto;
}

.carouseltext {
  text-shadow: #000000 0px 0px 27px !important;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
}

.bgcicek {
  background-image: url(../images/bg.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hizmetlerkart {
  display: flex;
  justify-content: center;
  gap: 30px;
  align-items: stretch; 
  padding: 60px 0px 0px 0px;
}

.box {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1; 
  border: solid 1px gray;
  transition: all 0.5s ease-in-out;
}

.box img {
  width: 100%;
  height: 100%;
}

.resimboxbf {
  width: 100%;
  height: 50%;
}

.textler {
  height: 50%;
  color: #AF9453;  
  text-align: center;
  padding: 30px;
  flex-grow: 1; 
}

.textler p {
  color: #4F5264;
  margin: 0 !important;
}

.box1:hover {
  transform: scale(1.1);
}

.box2:hover {
  transform: scale(1.1);
}

.box3:hover {
  transform: scale(1.1);
}

.tumhizmetler {
  text-align: center;
  padding: 10px;
  border: black 1px dashed;
  color: black;
  font-family: "PT Serif", sans-serif !important;
  font-size: 18px;
}

.tumhizmetler:hover {
  color: #E43D11;
  border: black 1px solid;
}

.bgyaprak {
  background-image: url(https://demo2.wpopal.com/grenda2/wp-content/uploads/2022/08/h1_bg-1.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.nedenbiz {
  padding-top: 48px;
  padding-bottom: 48px;
}

.nedenbiz h1 {
  color: #AF9453;  
  font-family: "Kanit", sans-serif !important;
  font-weight: 400;
  padding-bottom: 30px;
  margin-bottom: 0 !important;
}

.nedenbiz h2 {
  color: #AF9453;  
  font-family: "Kanit", sans-serif !important;
  font-weight: 500;
  font-size: 20px;
}

.nbbox {
  display: flex;
  justify-content: center;
  height: auto;
  gap: 30px;
}

.nbbox p {
  margin: 0 !important;
  color:  #777777;
}

.svgbox svg{
  margin-top: 5px;
  width: 70px;
  height: auto;
  color: black;
  display: block;
}

.gridnb {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

.imkanimg {
  width: 50%;
  height: auto;
  margin: auto 0;
}


.imkanimg img {
  width: 100%;
  height: auto;
  border-radius: 18px 0px 0px 18px;
}

.pad48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.imkanlar {
  gap: 50px;
  display: flex;
  border: 2px dotted gray;
  border-radius: 20px;
}

.imkanlar p {
  color:  #777777;
}

.imkanlar h1 {
  color: #AF9453;  
}

.imkanlar i {
  color: #AF9453;  
  border: #000000 solid 1px;
  border-radius: 20px;
  padding: 2px;
}

.imkanlist {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #313234;
}

.gridimkan {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
}

.galeri {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  padding-top: 48px;
  padding-bottom: 48px;
}

.galeri a {
  height: 300px;
}

.galeri img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

.footer-distributed{
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding-top: 55px;
  padding-bottom: 35px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

.footer-distributed .footer-left{
	width: 40%;
}

.footer-distributed h3{
	color:  #000000;
	font: normal 36px 'Open Sans', cursive;
	margin: 0;
}

.footer-distributed h3 span{
	color:  lightseagreen;
}

.footer-distributed .footer-links{
	color:  #000000;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
  font-weight:400;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #222;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-center{
	width: 33%;
}

.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #000000;
  font-weight:400;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  rgb(0, 0, 0);
	text-decoration: none;;
}

.footer-distributed .footer-links a:before {
  content: "|";
  font-weight:300;
  font-size: 20px;
  left: 0;
  color: #000000;
  display: inline-block;
  padding-right: 5px;
}

.footer-distributed .footer-links .link-1:before {
  content: none;
}

.footer-distributed .footer-right{
	width: 26%;
}

.footer-distributed .footer-company-about {
  line-height: 20px;
  color: #92999f;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
}

.footer-distributed .footer-company-about span {
  display: block;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}

.footer-distributed .footer-icons {
  margin-top: 25px;
}

.footer-distributed .footer-icons a {
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-color: #33383b;
  border-radius: 20px;
  font-size: 25px;
  color: #ffffff;
  text-align: center;
  line-height: 35px;
  margin-right: 3px;
  margin-bottom: 5px;
  padding: 5px 8px
}

@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}

.footer-right h1 {
  font-size: 30px;
  margin-bottom: 20px;
}

.footerbg {
  background-color: #cccccc46;
}

.formbutton {
  border-radius: 20px;
  border: 1px solid black;
  padding: 10px 40px;
  transition: all 0.5s ease;
}

.formbutton:hover {
  transform: scale(1.1);
  transition: all 0.5s ease;
  color: #fd0000;
  border: 1px solid #fd0000;
}

.galeribg {
  background-image: url(https://fleur.qodeinteractive.com/wp-content/uploads/2016/05/h1-img-2.jpg?id=7049) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.iletisimbox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  gap: 30px;
}       

.iletisimbox h1{
  text-align: center;
}

.svgbox svg path {
  fill: #b5a9a2;
}

.kurumsalbn {
  background-image: url(https://i.dugun.com/gallery/102059/preview_eslina-wedding_IJPW97CR.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 60vh;
  position: relative;
}

.kurumsalbn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.381);
}

.kurumsalbn h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-align: center;
  font-size: 35px;
}

.kurumsalfoto img {
  width: 100%;
}

.kurumsalicerik {
  padding-top: 48px;
  display: flex;
  gap: 25px;
  align-items: center;
}

.kurumsalfoto {
  width: 50%;
}

.kurumsaltexts {
  width: 50%;
}

.icerik2 {
  padding-top: 20px;
  padding-bottom: 48px;
}

.ozellikler {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 48px;
}

.kurumsalbg h2 {
  color: #AF9453;
}

.textbox {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.ozellikler h3 {
  text-transform: capitalize;
  font-size: 20px;
  white-space: nowrap;
  color: #AF9453;
}

.ozellikler p {
  margin-bottom: 0 !important;
  color: #000000;

}

.ozelbox {
  padding: 20px;
  border: #C0BBB7 solid 1px;
  border-radius: 20px;
}

.ozelbaslik {
  padding-top: 48px;
}

.kurumsalbg {
  background-image: url(../images/kurumsal.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.icerik2 p, .kurumsaltexts p {
  color: #777777;
  margin-bottom: 0 !important;
}

.bilgireztext h1 {
  color: #AF9453;
  text-transform: capitalize;
  font-family: "PT Serif", sans-serif !important;
  padding-top: 10px;
}

.bilgireztext img {
  width: 55%;
  height: auto;
}

.bilgirezlink a {
  color: #ffae00;
  font-size: 35px;
  font-family: "PT Serif", sans-serif !important;
}

.bilgirezlink a:hover {
  color: #fd0000;
}

.wpicon {
  position: fixed;
  bottom: 1%;
  left: 1%;
  z-index: 199999999999;
}

.wpicon img {
  width: 200px;
}

.hizmetlerbg {
  background-image: url(/assets/images/hizmetlerbg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 48px;
  padding-bottom: 48px;
}

.hizmetlerbn {
  background-image: url(https://i.dugun.com/gallery/102059/preview_eslina-wedding_MEpawW2I.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 60vh;
  position: relative;
}

.hizmetlerbn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.381);
}

.hizmetlerbn h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-align: center;
  font-size: 35px;
}

.ortakmenu {
  padding-bottom: 20px;
}

.ortakmenu h1 {
  font-size: 30px;
  color: #AF9453;
}

.ortakmenu h2 {
  margin-top: 10px;
  color: #AF9453;
  font-size: 20px;
}

.ortakmenuicerik {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 5px;
}

.menubox {
  border-radius: 20px;
  border: 2px solid #aaaaaa84;
  padding: 10px;
}

.hizmetlerimg {
  height: 50%;
}

.hizmetlerimg img {
  height: 100%;
  width: 100%;
  border-radius: 20px;
}

.hizmetbox {
  border-radius: 20px;
  border: 2px solid #aaaaaa84;
  padding: 10px;
  height: 100%
}

.textboyut {
  min-height: 170px;
}

.textboyut2 {
  min-height: 146px;
}

.hizmetlercontent {
  padding-top: 10px;
}

.hizmetlercontent h1 {
  font-size: 25px;
  color: #AF9453;
  font-family: "Alegreya", sans-serif !important;
}

.hizmetlercontent h2 {
  color: #AF9453;
  font-family: "Alegreya", sans-serif !important;
  font-size: 20px;
}

.hizmetlercontent p {
  color: #777777 !important;
  margin-bottom: 0 !important;
}

.menuler {
  display: none;
}

.menuler p {
  font-family: "PT Serif", sans-serif !important;
}

.texti {
  width: calc(100% - 50px);
}

.texti p {
margin-bottom: 0rem !important;
}

.dbox2 p span {
  font-weight: 600;
  color: #000000;
}

.dbox2 {
  width: 100%;
  color: rgba(0, 0, 0, 0.8);
  font-family: "Open Sans", sans-serif !important;
}

.dbox2:not(:last-child) {
  margin-bottom: 5px;
}

.icon22 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
}

.adresbox {
  padding: 20px 20px 15px 20px;
  background-color: #F1F1F1;
  border-radius: 40px;
  width: 100%;
  margin-top: 56px;
}

.haritagoogle {
  padding-top: 48px;
  padding-bottom: 20px;
}

.iletisimpadding {
  padding-top: 48px;
  padding-bottom: 32px;
}

.iletisimbg {
  background-image: url(/assets/images/iletisimbg.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.tumhizmetlerbtn {
  padding-top: 48px;
  padding-bottom: 48px;
}

.mobilemenuflex  {
  display: none !important;
}

@media screen and (max-width: 1068px) {
  .headerbar {
    display: none !important;
  }

  .navbar {
    display: none !important;
  }
  
  .hizmetbox {
    height: unset !important;
  }

  .carousel-item {
    height: 35vh;
    width: 100%;
  }

  .carousel-item img {
    height: 100%;
  }

  .carouseltext {
    text-shadow: #000000 0px 0px 27px !important;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 13px;
  }

  .hizmetlerkart {
    display: block;
    padding-top: 24px;
  }

  .box1:hover {
    transform: scale(1);
    margin-right: 0px;
  }
  
  .box2:hover {
    transform: scale(1) !important;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  .box3:hover {
    transform: scale(1);
    margin-left: 0px;
  }

  .tumhizmetlerbtn {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .gridnb {
    grid-template-columns: repeat(1,1fr);
  }

  .nedenbiz {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .nedenbiz h1 {
    padding-bottom: 15px;
  }

  .pad48 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .imkanlar {
    display: block !important;
  }

  .imkanimg {
    width: 100%;
  }

  .imkanimg img {
    width: 100%;
    height: auto;
    border-radius: 18px 18px 0px 0px;
  }

  .imkanlist {
    height: 48px;
    font-size: 13px;
  }

  .gridimkan {
    gap: 3px;
  }

  .nbbox {
    justify-content: unset;
  }

  .imkantext {
    padding: 10px;
  }

  .galeri {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-center div {
    text-align: start !important;
  }

  .wpicon img{
    width: 165px;
  }

  header {
    padding: 10px;
  }

  .box2, .box3 {
    margin-top: 10px;
  }

  .mobilemenuflex {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
  }

  .mobillogo img {
    width: 70px;
  }

  .mobillogo2 img {
    width: 120px;
  }

  .instamobillogo img {
    width: 40px;
  }

  .galeri a:last-child {
    display: none;
  }
  
  .galeri a {
    height: 150px;
  }

  .ozelbaslik {
    padding-top: 24px;
    padding-left: 12px;
  }

  .ozellikler {
    display: block;
    padding-bottom: 24px;
    padding-top: 10px;
  }

  .kurumsalicerik {
    display: block;
    padding-top: 24px;
  }

  .kurumsaltexts {
    width: 100%;
    padding: 10px;
    padding-bottom: 0px !important;
  }

  .kurumsalfoto {
    width: 100%;
  }

  .kurumsaltexts p, .icerik2 p {
    margin-bottom: 10px !important;
  }

  .ozelbox {
    margin-top: 10px;
  }

  .krmsl2 {
    padding-top: 0 !important;
  }

  .icerik2 {
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-top: 10px;
    padding-bottom: 14px;
  }

  .kurumsalbn {
    height: 35vh;
  }

  .kurumsalbn h1  {
    font-size: 20px;
  }

  .hizmetlerbn {
    height: 35vh;
  }

  .hizmetlerbn h1 {
    font-size: 20px;
  }

  .hizmetlerbg {
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #F1EDEA;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-attachment: unset;
  }

  .bgcicek {
    background-color: #F1EDEA;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-attachment: unset;
  }

  .kurumsalbg {
    background-image: url(../images/kurumsal.jpg);
    background-color: #F1EDEA;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-attachment: unset;
}

  .iletisimbg {
    background-image: url(/assets/images/iletisimbg.jpg);
    background-color: #F1EDEA;
    background-image: none;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-attachment: unset;
  }

  .ortakmenu {
    padding-bottom: 16px;
  }

  .mobilpadhizmets1 {
    padding-top: 14px !important;
    padding-bottom: 0 !important;
  }

  .mobilpadhizmets {
    padding: 0 !important;
  }

  .mobilpadhizmets .col-md-4, .mobilpadhizmets1 .col-md-4 {
    margin-top: 10px;
  }

  .adresbox {
    margin-top: 25px;
  }

  .ad2 {
    animation-duration: 1s !important;
  }
  
  .ad3 {
    animation-duration: 2s !important;
  }
  
  .ad4 {
    animation-duration: 3s !important;
  }

}

.pad-t4 {
  padding-top: 1.5rem;
}

.pad-t3 {
  padding-top: 1rem;
}

.pad-y3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pad-b3 {
  padding-bottom: 1rem;
}

/* ANİMASYONLAR */ 

.ad2 {
  animation-duration: 2s;
}

.ad3 {
  animation-duration: 3s;
}

.ad4 {
  animation-duration: 4s;
}

.adinf {
  animation-duration: 2s;
  animation-iteration-count: infinite;
}