.HeaderTitle p{
	margin-bottom: 0;
}
.kinder-ss{
	padding: 0;
}
header .navbar .container-fluid #MenuBar{
    top: 110px;
}
.heroSlideContent{
    overflow: hidden;
}
.heroSlider{
    position: relative;
    min-height: 920px;
}
.hero img {
    position: relative;
    object-fit: cover;
}
.LinearSection .padLinear .ButtonsArea .Btn a {
    background: linear-gradient(90deg, #000000, #0b3b25);
    font-size: 20px;
    padding: 7px 2rem;
    transition: 0.3s;
}
.LinearSection .padLinear .ButtonsArea .Btn a:hover {
    background: linear-gradient(90deg, #ffffff, #ffffff);
    color: black;
    border-color: #137045;
    border: 1px solid;
}
.Kurumsal img{
        margin-right: 2rem;
}
.contactSection{
    padding: 2rem 0;
}

.contactSection .ContactLeftArea {
    position: relative;
    left: 0;
    top: 0;
    background-color: white;
    overflow: scroll;
    height: 500px;
    overflow-x: hidden;
    padding: 0rem 2rem;
}
.contactSection .ContactLeftArea .ContactFix{
    display: flex;
    margin: 15px 0;
} 
.contactSection .ContactLeftArea .ContactFix p{
 font-size: 18px;
 margin-left: .5rem;
 font-weight: 400;
 margin-bottom: 0px;
} 
.contactSection .ContactLeftArea .ContactFix a{
    text-decoration: none;
    font-size: 18px;
    margin-left: .5rem;
    font-weight: 400;
    color: black;
}
.contactSection .ContactLeftArea .Clock{
    margin-top: 1.5rem;
}
.contactSection .ContactLeftArea .ContactFix .Clock h5{
    font-weight: 600;
}
.contactSection .ContactLeftArea .Clock ul li{
    margin-top: .5rem;
}
.contactSection .ContactLeftArea .Clock ul li .Gun{
    font-weight: 500;
}

.contactSection .ContactLeftArea .Clock ul li .saat{
    margin-left: 1rem;
    font-weight: 400;
}

@media screen and (max-width:991px){
    .UstHeader .HeaderAndTitle h2{
        font-size: 25px;
        text-align: center;
    }
    .UstHeader .HeaderAndTitle h4{
        font-size: 18px;
        text-align: center;
        line-height: 1.5;
    }
    .subPageHero{
        margin-bottom: 45px;
    }
    .hakkimizdamodal .modal-dialog .modal-content {
        right: auto !important;
        left: auto !important;
        width: auto !important;
      }
      .hakkimizdamodal .modal-dialog .modal-content .modal-body .ymHakkimizdavideo {
        height: 400px !important;
        width: 100% !important;
      }
      .Middlenice .ScrollSwipe img{
        aspect-ratio: auto;
      }
      .SideLeft .sidebar{
        height: auto !important;
      }
      .SideLeft .sidebar ul li::before{
        margin-left: 0;
      }
      .SideLeft .sidebar::after{
        display: none !important;
      }
}

.navbar-brand{
    filter: drop-shadow(0 0 0.88rem white);
}


header .navbar .container-fluid #MenuBar .modal-dialog .modal-content .modal-body .navList ul li{
    padding: 0.32rem 0;
}

.Middlenice .NotHome .swiper-wrapper .swiper-slide .ScrollSwipe {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ScrollSwipe {
    position: relative;
}

.videoSec {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hakkimizdamodal .modal-dialog .modal-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 35%;
    top: 5rem;
    background-color: transparent;
    border: none;
  }
  
  body .hakkimizdamodal .modal-dialog .modal-content .modal-body .ymHakkimizdavideo {
    width: 800px;
    height: 555px;
  }
  
  .hakkimizdamodal .modal-dialog .modal-content .modal-header {
    border: none;
  }
  
  .hakkimizdamodal .modal-dialog .modal-content .modal-header .btn-close {
    background-color: white;
    opacity: 1;
  }

  .ymHakkimizdavideo video{
    width: 100% !important;
  }

  .niceAilesi {
    background-color: white;
    padding: 3rem 150px 3rem;
    position: relative;
  }

  .niceAilesiBaslik {
    margin-bottom: 40px;
  }

  .ozellikBox {
    border: 2px solid #137045;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .niceAilesi .col {
    flex: 1 0 20%;
  flex-grow: inherit;
  margin-bottom: 24px;
  }

  .heroTwo {
    background-color: #fe9a08;
    padding: 270px 0 200px;
    height: auto;
    background-size: cover;
    background-position: center top;
    margin-top: 2rem;
  }


  .hero .titleContent h1 {
    font-size: 32px;
  }
  
  .hero .titleContent h1 strong {
    font-weight: 900;
  }

  form {
    padding: 30px 30px;
    border: 3px solid #fff;
    border-radius: 30px;
    position: relative;
    margin-top: 150px;
}
form .formTitle {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -100%);
    background-color: #fff;
    border: 0;
    padding: 15px 15px;
    width: 230px;
    border-radius: 18px;
    font-size: 21px;
    color: #fea515;
    line-height: normal;
    text-align: center;
}
form input:nth-of-type(1) {
    margin-top: 20px;
}
form .submitBtn {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -5%);
    background-color: #fff;
    border: 0;
    padding: 15px 15px;
    border-radius: 18px;
    font-size: 21px;
    color: #fea515;
    width: 230px;
    line-height: normal;
    text-align: center;
}
.loading.formFaultText {
    margin: 10px 0 15px;
    color: rgb(255 0 0);
    font-weight: 600;
}
form input {
    margin-bottom: 15px;
    border-radius: 15px !important;
    padding: 15px !important;
    height: 45px;
}
form textarea {
    border-radius: 15px !important;
    padding: 15px !important;
    resize: none;
    margin-bottom: 20px;
}

.contactBox {
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    padding: 15px;
    color: #fff;
    height: 175px;
    position: relative;
    z-index: 5;
    border-radius: 10px;
  }
  
  .contactBox a {
    text-decoration: none;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   color: white;
  }
  
  .niceContainer {
    margin-bottom: 100px;
  }
  
  .cbContent {
    font-size: 14px;
  }
  
  .contactBox a .text {
    width: 100%;
  
    text-align: center;
  }
  
  .contactBox a .cbTitle {
    font-weight: 600;
  }
  
  .contactBox.box1 {
    background: #f96e85;
    transition: .2s;
  }
  
  
  .contactBox.box2 {
    background: #41439b;
    transition: .2s;
  }
  
  .contactBox.box3 {
    background: #4ed2e7;
    transition: .2s;
  }
  
  
  .contactBox.box4 {
    background: #fe9a08;
    transition: .2s;
  }
  
  .contactBox.box1:hover {
    background: rgb(159, 221, 96);
    border: 2px solid #f96e85;
    transition: .2s;
  }
  
  .contactBox.box1:hover svg {
   color:#f96e85;
   font-weight: 600;
  }
  
  .contactBox.box1:hover .text {
    color:#f96e85;
    font-weight: 600;
   }
  
  .contactBox.box2:hover {
    background: rgb(159, 221, 96);
    border: 2px solid #41439b;
    transition: .2s;
  }
  
  .contactBox.box2:hover svg {
    color:#41439b;
    font-weight: 600;
   }
   
   .contactBox.box2:hover .text {
     color:#41439b;
     font-weight: 600;
    }
  
  .contactBox.box3:hover {
    background: rgb(159, 221, 96);
    border: 2px solid #268fa0;
    transition: .2s;
  }
  
  .contactBox.box3:hover svg {
    color:#268fa0;
    font-weight: 600;
   }
   
   .contactBox.box3:hover .text {
     color:#268fa0;
     font-weight: 600;
    }
    
  
  .contactBox.box4:hover {
    background: rgb(159, 221, 96);
    border: 2px solid #fe9a08;
    transition: .2s;
  }
  
  .contactBox.box4:hover svg {
    color:#fe9a08;
    font-weight: 600;
   }
   
   .contactBox.box4:hover .text {
     color:#fe9a08;
     font-weight: 600;
    }
  
  .contactBox svg {
    width: 40px;
    height: 40px;
  }

  @media screen and (max-width: 1400px) {
    .niceAilesi .col {
    flex: 1 0 25%;
  flex-grow: inherit;
  margin-bottom: 24px;
  }
  .heroTwo {
    background-color: #fe9a08;
    padding: 125px 0 200px;
    height: auto;
 
}
  }

  @media screen and (max-width:991px) {
    body p {
      font-size: 18px !important;
      line-height: 1.7 !important;
    }
    body h2 {
      font-size: 22px !important;
      line-height: 1.5 !important;
    }
    body h3 {
      font-size: 20px !important;
      line-height: 1.5 !important;
    }

    .LonArea{
      margin: 0;
    }
    .hero .videoBg{
      height: 120vh;
    }
    .stratejikSeo{
      margin: 1rem 0;
    }
    .hero .SlideAltiText{
      position: absolute;
      top: 0;
    }
    header .navbar .container-fluid #MenuBar .modal-dialog .modal-content .modal-body .navList ul li .link{
      font-size: 18px;
    }
    header .navbar .container-fluid #MenuBar .modal-dialog .modal-content .modal-body .navList ul li .activeLink{
      font-size: 20px;
    }
    header .navbar .container-fluid #MenuBar .modal-dialog .modal-content .modal-body .navList ul li{
      padding: 0.2rem 0;
    }
    header .navbar .container-fluid #MenuBar .modal-dialog .modal-content .modal-body .navList{
      padding: 0rem 0;
    }
    header .navbar .container-fluid #MenuBar{
      top: 65px;
    }
    .navbar-brand{
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      position: relative;
      top: 0.2rem;
    }
    .navbar-brand img{
      width: 60%;
    }
    .heroTwo {
        padding: 125px 0;
        height: auto;
    }
    .niceAilesi{
        padding: 35px 0px 35px;
    }
    footer .TextFooter{
      padding: 1rem 0;
    }
    footer .bef{
      flex-direction: column-reverse;
      margin-top: 0rem;
    }
    footer .bef .justify-content-end{
      justify-content: start !important;
    }
    footer::after{
      display: none;
    }
    footer .copyright{
      text-align: start;
    }
    footer .listMenu{
      justify-content: start;
    }

  }

  @media screen and (max-width: 720px) {
    .niceAilesi .col {
    flex: 1 0 33.3%;
  flex-grow: inherit;
  margin-bottom: 24px;
  }
  .niceAilesi {
    padding: 0px 15px;
  }
  .heroTwo {
    padding: 150px 10px;
    height: auto;
  }
  .heroTwo {
    background-image: url('https://nicekindergarten.com/landing/img/hero-mobile-image.jpg') !important;
  }
  }  

  @media screen and (max-width: 500px) {
    .niceContainer {
        margin-bottom: 30px;
      }
    .contactBox {
        height: 150px;
      }
    .niceAilesi .col {
    flex: 1 0 50%;
  flex-grow: inherit;
  margin-bottom: 24px;
  }
  
  .niceAilesi .ozellikBox {
  font-size: 13px;
  height: 100px;
  }
  .heroTwo {
    height: auto;
  }

  .heroTwo {
    padding: 60px 10px;
  }
  }

  @media screen and (max-width: 450px) {

    .niceAilesi .col {
        flex: 0 0 100%;
        margin-bottom: 24px;
      }
      .ozellikBox {
        height: auto;
      }
      .titleContent h2 {
        padding: 0;
    }

      .heroTwo {
        padding: 35px 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(https://nicekindergarten.com/landing/img/hero-mobile-image2.png)!important;
    }
  }


  #ymVideo{
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.videoBg{
  position: relative;
}
.layertwo{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #272727;
  z-index: 9;
  opacity: .5;
  top: 0;
}

/* header .navbar .container-fluid #MenuBar .modal-dialog .modal-content .modal-body{
  overflow-y: scroll !important;
} */
.flexym{
  flex-direction: column;
    align-items: start;
    display: flex;

}
.flexym h3{
  background: linear-gradient(90deg, rgb(254, 161, 8) 0%, rgb(255, 176, 25) 52%, rgb(255, 213, 69) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
}
.flexym ul {
  padding: 0;
}
.flexym ul li{
  list-style: none;  
  margin: 0.5rem 0;
}
.flexym ul li a{
  text-decoration: none;
  color: #000000;
  font-weight: 400;
  font-size: 17px;
  text-align: justify;
  font-family: "Jost", sans-serif;
  transition: .2s all;
}

.flexym ul li a:hover{
  color: #fe9a08;
  font-weight: 600;
}


.Slogan h3{
  background: linear-gradient(90deg, rgb(254, 161, 8) 0%, rgb(255, 176, 25) 52%, rgb(255, 213, 69) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 22px;
}
.Slogan .Corparate h6{
  font-size: 20px;
}
.Slogan .IconAndText{
  margin: .5rem 0;
}
.Slogan .IconAndText span{
  font-size: 17px;
}


#nuotron {
  -webkit-filter: drop-shadow(0px 3px 6px #63abc1);
  filter: drop-shadow(0px 3px 6px #63abc1);
  width: 51px;
  height: 51px;
  padding: 7px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  transition: 0.5s;
  }
  
  #nuotron img {
  padding: 0;
  }
  
  .stratejikSeo {
  display: flex;
  align-items: center;
  filter: drop-shadow(0px 3px 6px #63abc1);
  padding: 10px;
  border: 1px solid transparent;
  width: max-content;
  padding: 10px !important;
  padding-bottom: 0 !important;
  border: 1px solid transparent;
  margin-right: 0;
  text-decoration: none !important;
  position: relative;
  }
  
  .stratejikSeo img {
  width: 55px;
  height: auto;
  }
  
  #text {
      opacity: 0;
      margin-left: 1rem;
      color: black;
  }
  
  .stratejikSeo:hover #nuotron {
  background: transparent;
  border-radius: 0;
  }
  
  .stratejikSeo:hover {
  filter: drop-shadow(0px 3px 6px #1b78bc);
  
  filter: unset;
  border: 1px solid #15a2f7;
  width: max-content;
  padding: 10px;
  }
  
  .stratejikSeo:hover #text {
  opacity: 1;
  filter: drop-shadow(0px 3px 6px #1b78bc);
  }
  
  #nuotron,
  #nuotron *,
  #nuotron *:before {
  display: block;
  flex-shrink: 0;
  }
  
  #nuotron .ellipse,
  #nuotron .dot {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  }
  
  #nuotron .ellipse {
  border: 18px solid #f35635;
  border-radius: 50%;
  }
  
  #nuotron .dot {
  -webkit-animation: dotRotate 4.8s linear infinite;
  animation: dotRotate 4.8s linear infinite;
  }
  
  #nuotron .dot:before {
  content: "";
  top: -42px;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-radius: 50%;
  background-color: #f35635;
  -webkit-animation: dotEffect 1.2s ease-in-out infinite;
  animation: dotEffect 1.2s ease-in-out infinite;
  }

  .wp-iletisim{
    display: none;
  }
  .Addto-Cart{
    margin-top: 3rem;
  }
  .Addto-Cart form{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10%;
  }