body, html {
    height: 100%;
    font-family: 'Montserrat', sans-serif;
  }

.bg {
    /* The image used */
    background-image: url("../img/h2.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg2 {
  /* The image used */
  background-image: url("../img/back8.jpg");

  /* Full height */
height: 100px;
  width: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg3 {
  /* The image used */
  background-image: url("../img/back6.jpg");

  /* Full height */
height: 100px;
  width: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.lia1{
  color:white; 
}

.lia2{
  color:black; 
}



ul#ultop li:hover{
  box-shadow: 0px 1px black;
  transition: box-shadow 0.5s ease-in-out;
}

ul#ultop li a:hover{
  color: rgb(71, 71, 71);
}

.aa{
  box-shadow: 0px 1px #f2f2f2;
}
ul#ultop2 li a{
  color: #f2f2f2;
  text-shadow: 1px 1px black;
  }

ul#ultop2 li:hover{
    box-shadow: 0px 1px rgb(255, 255, 255);
    transition: box-shadow 0.5s ease-in-out;
}

ul#ultop2 li a:hover{
    color: #f2f2f2;
}

#baslik1{
  margin-top: 80px;
  font-size: 32px;
    color: white;
    text-shadow: 3px 3px 20px black;
    font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
}

#baslik2{
  font-size: 15px;
  color: white;
  text-shadow: 3px 3px 20px black;
  font-family: 'Montserrat', sans-serif;
  font-weight: bolder;
  background-color: rgba(200,200,200,0.1);
  line-height: 200%;
}

#baslik3{
  font-size: 18px;
  color: white;
  text-shadow: 3px 3px 20px black;
  font-family: 'Montserrat', sans-serif;
  font-weight: bolder;
  background-color: rgba(200,200,200,0.1);
  line-height: 200%;
}

#baslik11{
  margin-top: 80px;
  font-size: 35px;
    color: white;
    text-shadow: 3px 3px 20px black;
    font-family: 'Montserrat', sans-serif;
    font-weight: bolder;
}

#baslik22{
  font-size: 14px;
  color: white;
  text-shadow: 3px 3px 20px black;
  font-family: 'Montserrat', sans-serif;
  font-weight: 750;
  background-color: rgba(200,200,200,0.1);
  line-height: 200%;
  letter-spacing: 1px;
}

.baslik3{
  box-shadow: 0px 1px #0e3e67;
  height: 75px;
}

.baslik3b{
  box-shadow: 0px 1px white;
  height: 75px;
}

.baslik4{
  font-weight: 600;
  font-size: x-large;
}

.button1{
  width: 150px;
  height: 45px;
  border: 2px solid #0e3e67;
  background-color: rgba(255,255,255,0);
  border-radius: 25px;
  font-size: 20px;
  color: #0e3e67;
}
.button1:hover{
  background-color: #0e3e67;
  color: white;
}

.footerback1{
background-image:  url("../img/back1.png");
background-size:cover;
background-repeat: no-repeat;
background-position: center;
}

.fform{
  grid-area: form;
  margin: auto;
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  /* background-color: rgba(0,0,0,0.2); */
  color: #f2f2f2;
}
.fform-control{
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
  position: relative;
  color: white;
}
.fform-control input, .fform-control textarea{
  padding: 5px;
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid white;
  color: #f2f2f2;;
}
.fform-control input[type="submit"]{
  border:1px #f2f2f2 solid;
  width: 100%;
  color:#f2f2f2;
  font-size: large;
  margin-left: 4px;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.fform-control input[type="submit"]:hover{
  color: #0e3e67;
  background-color: #f2f2f2;
}

/* iletisim sayfası */
.ffform{
  grid-area: form;
  margin: auto;
  margin-top: 10px;
  font-family: 'Montserrat', sans-serif;
  /* background-color: rgba(0,0,0,0.2); */
  color: black
}
.ffform-control{
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
  position: relative;
  color: black;
}
.ffform-control input, .ffform-control textarea{
  padding: 5px;
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid black;
  color: black;;
}
.ffform-control input[type="submit"]{
  border:1px black solid;
  width: 100%;
  color:black;
  font-size: large;
  margin-left: 4px;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.ffform-control input[type="submit"]:hover{
  color: white;
  background-color:#0e3e67;
}


.fson2 img{
  filter: grayscale(0.8);
  height: 50px;
}

.fson3{
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: justify;
  vertical-align: middle;
  display: grid;

}


.pp1{
  position: relative;
  overflow:hidden;
  z-index: 0;
  border: 1px solid gray;
}

.pp1 figure img{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
  filter: grayscale(0%);
  z-index: 4;
}

.pp1 figure:hover img{

transform: scale(1.3);
  filter: grayscale(0%);
  z-index: 4;
}
.pp1 figure:hover .pp3{
  z-index: 1;
  opacity: 0.7;
  height: 20%;
  transition: height 0.4s;
  transition-timing-function: ease-in-out;
  bottom: 0;

}
.pp3{

  background-color: rgb(53, 53, 53) ;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pp3 h2{
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  color: black;
  background-color: #dfdfdf;
  opacity: 1 !important;
  width: 100%;
  font-size: 23px;
  text-shadow: 0.5px 0.5px  white;
}

.ikon{
  opacity: 0.3;
}

.ikon:hover{
  opacity: 0.8;
  transform: scale(1.2);
  transition: all ease-in-out 0.3s;
}


.pro1{
  height: 100%;
  opacity: 0.5;
  z-index: 3;
  top: 0;
}

.pro1:hover{
  height: 25%;
  bottom: 0;
  z-index: 1;
  transition: height 0.4s;
  transition-timing-function: ease-in-out;
}

.harita{
  height: 500px;
}

.headerr{
  box-shadow: 0px 1px #0e3e67;
}

#img1{
  z-index: 1;
}

#full1{
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index: 5;
  position: fixed;
  left: 0px;
  top: 0px;
}

#full2{
  margin:auto;
  display: flex;
  justify-content: center; /*yatay ortalama*/
  width: 80%;
  height: 100vh;/*ekran yüksekliği kadar uzat*/
  align-items: center;/*bulunduğu alan içinde dikey ortalama*/
  text-align: center;
}

#full2 img{
  max-height: 800px;
}

.close {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}

.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}

.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}

/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}

.mySlides{
text-align: center;
justify-content: center;
display: flex;
}

.mySlides img{
  cursor: pointer;
}