@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {background:#f9f9f9; font-family:'Poppins',arial; font-weight:400;}
html {margin:0px;padding:0px;}

#navbarSupportedContent {float:right;}
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }
	.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(0, 0, 0);
}
a {text-decoration:none;}
.navbar-light .navbar-nav .nav-link {
     color: rgba(0, 0, 0, 1); 
}
.navbar .nav-item {font-size:18px;  margin:0px 4px;}
.navbar .mr10 {margin-right:75px;}
.navbar .btn-danger a {color:#fff;}
.owl-nav {display:none;}	
img.menu {max-height:50px;}
.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, .album, .ftgr{
  padding: 14px 12px;
}
.fa-arrow-alt-circle-up{
  color: rgb(107, 104, 104);
}  
.fa-arrow-alt-circle-up:hover{
  color: #4D96FF;
}

.m200 {object-fit:cover;height:180px;max-height:180px;border-radius:7px;}
.img-fluid {border-radius:7px;}

.hizmetler > .photo {object-fit:cover;height:230px;max-height:230px;}
.card-body {
    flex: 1 1 auto;
    padding: 0rem 0rem;
}
.card-body .card-text a {font-size:16px;color:#fff;font-weight:500;}
.card-body .card-text{width:100%; left:0px;background:rgb(0,0,0,0.5);color:#fff;padding:4px;position:absolute;bottom:1px; min-height:25px;}
footer .container{
	background:transparent;
}
footer{
  background: #313438!important;
  color: #fff!important;
}

.text-muted{
  color: #eee!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;
}
.btnStil:hover{
  background:#4D96FF;
  color: #fff;
}
.sliderTextH1{
  font-size: 80px;
  font-weight: bold;
  color: #fff;
}
.sliderTextp{
  font-size: 20px;
  color: #fff;
}

@media (max-width: 800px)  {
.m200 {
    object-fit: cover;
    height: 220px;
    max-height: 220px;
    border-radius: 7px;
    width: 100%;
}
}

@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:5px;padding-bottom:5px}
@media (max-width: 575px){
	.testimonial-padding{padding-top:5px;padding-bottom:5px}
}
.testimonial-bg{background:#f9fafc}
.container {border-radius:8px; background:#fff;padding-top:7px;padding-bottom:8px;}
.testimonial-area{background:#fff;position:relative;overflow:hidden; border:1px solid #ddd;padding:17px;}
.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 p{color:#9ea2b1;font-weight:500;line-height:1.5;padding:0 3px;margin-bottom:8px;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:#333}
.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;}.h1-testimonial-active button i{font-size:13px;position:relative;top:-3px}
.t-bg{
	color:#333;
}
.text-left {text-align:left;}
.carousel-indicators button {height:25px!important;background-color: #4d96ff!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-size: 35px;
  color: #171b32;
}
.card-body h3.hStilSm a{
  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-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 {
 
}


.float{
	position:fixed;
	width:40px;
	height:40px;
	bottom:74px;
	right:8px;
	background-color:#0da000;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:25px;
	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;
}

.float2:hover{
  color:#25d366;
	background-color:#FFF;
}

.float2{
	position:fixed;
	width:40px;
	height:40px;
	bottom:25px;
	right:8px;
	background-color:#0071a5;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:25px;
	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;
}
.float2 .fa-phone{
	font-size:16px;
}


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

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);
}