
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }
.featurette{
  padding: 50px 0px;
}
.fa-arrow-alt-circle-up{
  color: rgb(107, 104, 104);
}  
.fa-arrow-alt-circle-up:hover{
  color: #4D96FF;
}
footer.footerBackground{
  background: #313438!important;
  color: #fff!important;
}
.buton button.btnStil{
  background:#171b32;
  color: #fff;

}
header{
 
background: rgb(23,27,50);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
a.headerText{
  color: #fff;
}
a.headerText:hover{
  background:##4d96ff;
  color:#4d96ff;
}
.btnStil{
  background:#171b32;
  color: #fff;
  height: 60px!important;
  font-family: 'Rubik Wet Paint', cursive;
}
.btnStil:hover{
  background:#4D96FF;
  color: #fff;
}
.sliderTextH1{
  font-size: 80px;
  font-weight: bold;
  font-family: 'Overpass';
  color: #fff;
}
.sliderTextp{
  font-family: cursive;
  font-size: 20px;
  color: #4D96FF ;
}

@media only screen and (min-width: 576px) and (max-width: 768px)
{.sliderTextH1{font-size: 60px}.sliderTextp{font-size: 18px}}
@media only screen and (min-width: 0px) and (max-width: 575px)
{.sliderTextH1{font-size: 55px}.sliderTextp{font-size: 16px}}

.yorumSlayt{
  border-left: 300px solid #FF6B6B;
  border-right: 300px solid #FF6B6B;
}
.testimonial-bg{background:#f9fafc}
.testimonial-padding{padding-top:157px;padding-bottom:157px}
@media only screen and (min-width: 1200px) and (max-width: 1600px)
{.testimonial-padding{padding-top:157px;padding-bottom:157px}}
@media only screen and (min-width: 992px) and (max-width: 1200px)
{.testimonial-padding{padding-top:120px;padding-bottom:120px}}
@media only screen and (min-width: 768px) and (max-width: 991px)
{.testimonial-padding{padding-top:100px;padding-bottom:100px}}
@media only screen and (min-width: 576px) and (max-width: 767px)
{.testimonial-padding{padding-top:80px;padding-bottom:60px}}
@media (max-width: 575px)
{.testimonial-padding{padding-top:80px;padding-bottom:60px}}
.testimonial-bg{background:#f9fafc}

.testimonial-area{position:relative;overflow:hidden}
.testimonial-area::after{position:absolute;content:"";background-image:url(../images/galeri/arrow_testimonial.png);left:0;right:0;bottom:0;height:28px;background-repeat:no-repeat;background-size:cover;margin-left:0px;animation:slide1 1s ease-in-out infinite}@keyframes slide1{0%,100%{transform:translate(0, 0)}50%{transform:translate(5px, 0);-webkit-transform:translate(5px, 0);-moz-transform:translate(5px, 0);-ms-transform:translate(5px, 0);-o-transform:translate(5px, 0)}}
.testimonial-area .testimonial-caption .testimonial-top-cap svg{margin-bottom:17px}
.testimonial-area .testimonial-caption .testimonial-top-cap p{color:#9ea2b1;font-weight:500;line-height:1.5;padding:0 3px;margin-bottom:50px;font-size:16px}
@media only screen and (min-width: 768px) and (max-width: 991px)
{.testimonial-area .testimonial-caption .testimonial-top-cap p{margin-bottom:30px}}
@media (max-width: 575px)
{.testimonial-area .testimonial-caption .testimonial-top-cap p{margin-bottom:30px}}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text{padding-left:20px;border-left:2px solid #4787e6}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text span{color:#fff}
.testimonial-area .testimonial-caption .testimonial-founder .founder-text p{color:#37383b;font-weight:500;line-height:1.5;margin-bottom:5px}
.h1-testimonial-active button.slick-arrow{position:absolute;right:0;border:0;padding:0;z-index:2;height:30px;width:30px;line-height:30px;border-radius:50%;cursor:pointer;font-size:20px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;color:#37383b;background:none;margin:0 auto;bottom:0;border:1px solid #616373}
.h1-testimonial-active button.slick-next{right:-40px;color:#fff;border:1px solid #fff}.h1-testimonial-active button i{font-size:13px;position:relative;top:-3px}
.t-bg{background:rgb(23, 27, 50);!important;}

.clipPath{
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
 }
 .clipPathHizmet{
  border-radius: 15px;

 }
 .hizmetOpacity:hover{
  opacity: 0.8!important;
 }
.hStil{
  font-family: 'Rubik Dirt', cursive;
  font-size: 35px;
  color: #171b32;
}
.card-body h3.hStilSm a{
  font-family: 'Rubik Burned', cursive;
  font-size: 24px;
  letter-spacing: 5px!important;
  font-weight: 700;
  color: black!important;
  text-decoration: none!important;
}
.card-body h3.hStilSm a:hover{
  color: #4D96FF!important;
  cursor: pointer;
  text-decoration: none;
}

@media (max-width: 575px) {
  .card-body h3.hStilSm a {
    font-size: 18px;
}
}



.pStil{
  font-family: 'Overpass', sans-serif;
  font-size: 16px;
  letter-spacing: 1px!important;
  font-weight: 200;
}

.imgHover:hover{
  opacity: 0.9!important;

}
.imgHover img{
  cursor: pointer;
}
.aboutText{
 background-image: url(../images/about/about-ust.png);
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 padding: 50px 0px;

}
.iletisimKutu{
  padding: 80px 0px;
  text-align: center;
  box-shadow: #4d96ff 0px 5px 15px;
  margin: 50px 0px;
}
.iletisimKutu a.iletisimMail{
  text-decoration: none;
  color:rgb(49, 45, 45);
  cursor: pointer;
  font-weight: bolder;
  font-size: 16px;
}
.iletisimTel{
  text-decoration: none;
  color:rgb(49, 45, 45);
  cursor: pointer;
  font-weight: bolder;
  font-size: 16px;
}
.iletisimTel:hover{
  color:#616373;
}
.cardStil:hover{
background: #4D96FF!important;
color: #fff!important;
}
.photo {
 
  width: 100%;
  overflow: hidden
}
.photo:hover {
  opacity: 0.8;
}
.photo img {
  width: 100%;
  height: 300;
  transition: all 2s ease-in-out;
}
.photo:hover img {
  transform: scale(2, 2);
  cursor: pointer;
}
.bgImg{
  background-image: url(..//images/background/bg1.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.photoHover img:hover{
  opacity: 0.8!important;
  
}

::-webkit-scrollbar {
  width: 8px;
  border-radius: 10px!important;
}
::-webkit-scrollbar-thumb {
  background: #4D96FF!important;
}
::-webkit-scrollbar-track {
  background: #2c2d34;
}


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#313860;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  z-index:100;
}
.float:hover{
  color:#25d366;
	background-color:#FFF;
}

.my-float{
	margin-top:16px;
}

p.float-end a i{
  color: #0d6efd!important;
}
p.float-end a i:hover{
  color: #fff!important;
}


.footer-info-right .footer-social li{
  display:inline-block!important;

}
.footer-info-right .footer-social li a{
  color:#fff!important;
  font-size:20px!important;
  margin-right:50px!important;
  margin-left: -25px!important;
}
.footer-info-right .footer-social li a:hover{
  color: #FF6B6B!important;
}

.footer-info-right .footer-social a i {
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
}










