.vlt-custom--8131 {
	bottom: -250px;
	left: -200px;
	max-width: 550px;
}

.vlt-custom--1451 {
	top: -25px;
	left: -30px;
	width: 256px;
	height: 208px;
}

@media only screen and (max-width: 575px) {
	.vlt-custom--1451 {
		top: -100px;
		left: -100px;
	}
    .mhmt-9{
        width: 100%;
        padding: 12px;
    }
}

.vlt-custom--1512 {
	bottom: -28vw;
	left: 50vw;
	width: 75vw;
	height: 75vw;
	background-size: cover;
}

.vlt-custom--4124 {
	top: 0;
	right: 0;
	bottom: 0;
	width: 40vw;
	height: 100%;
	background-position: top left;
	background-size: cover;
}

@media only screen and (max-width: 991px) {
	.vlt-custom--4124 {
		right: 0;
		width: 50vw;
	}
}

@media only screen and (max-width: 767px) {
	.vlt-custom--4124 {
		right: -50vw;
		width: 100vw;
	}
}

.vlt-custom--1259 {
	top: -20px;
	right: -5px;
	width: 256px;
	height: 208px;
}

.vlt-custom--2355 {
	bottom: -250px;
	left: 0;
	width: 389px;
	height: 550px;
}


.vlt-large-heading {
    font-size: 5rem;
    text-shadow: 3px 3px 20px #000000, -2px 1px 30px #000000!important;
}



.sac-text1{
	color: #ffdb58;
    font-size: 25px;
    margin-bottom: 15px;
}

.med-sac-icon{
	height: 50px;
    margin-bottom: 10px;
    margin-left: 10px;
    
	color: white	;
    padding: 2px;
    border-radius: 10px;
}

.med-sac-icon-2{
	height: 40px;
    margin-bottom: 10px;
    margin-left: 10px;
    
	color: white	;
    padding: 2px;
    border-radius: 10px;
}


.medical-box{
    height: 100px;
    width: 100px;
    position: relative;
    cursor: pointer;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    transition: .5s;
}
.medical-box:hover{
	box-shadow: none;
    transition: .5s;
}
.medical-content{
	position: absolute;
    top: -100%; left: 0;
    text-align: center;
    backdrop-filter: blur(18px);
    width: 100%;
    height: 100%;
    /* opacity: 50%; */
}

.medical-box:hover .medical-content{
	top: 0;
   opacity: 85%;
   transition: .3s;
}

.medical-img{
	border-radius: 5px;
}


.content-img{
	height: 70px;
    margin-top: 7px;
}

.turizm-font{
	color: white;
	 font-weight: 900;
	  font-size: 17px;
}


.is-light .vlt-fixed-socials {
    color: #ffdb58;
}

.vlt-offcanvas-menu__navigation .sf-menu>li.active>a, .vlt-offcanvas-menu__navigation .sf-menu>li:hover>a {
    color: #dbbc4d;
}

.slider-grsl{
	color: #dbbc4d;
}
.has-first-color {
    color: #575757;
    opacity: 0.8;
}

.vlt-dortartı{
    color: #959535;
    opacity: 0.8;
}
.vlt-timeline-item__text {
    color: #e1e1e1;
}
.mr-50{
	margin-right: 50px;
	/* background: url(assets/img/root/plus-light-pattern.png); */
}
.contact-if{
	/* background-color: #808080; */
	/* background: url(assets/img/root/plus-light-pattern.png); */
	padding: 1.5rem;
	border-radius: 5px;
}

.vlt-btn--primary {
    color: #000;
    background-color: #ffdb58;
}

.vlt-btn--primary:hover {
    color: #fff;
    background-color: #808080;
}

.med-border{
	border-radius: 10px;
}
.ımages-colors{
    background: gold;
}

@media only screen and (max-width: 767px){
	.flexyapı-1{
		display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	}
}


.vlt-counter-up-small h6 {
    margin-left: 10px;
    text-shadow: 3px 3px 20px #000000, -2px 1px 30px #000000!important;
    width: auto;
    color: #fff;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

a:hover {
    color: #dbbc4d;
}

.has-commetion-span{
    color: red;
}

.review-dom{
    height: 75px;
    background: gold;
    padding: 10px;
    border-radius: 10px;
}

.about-icons{
    backdrop-filter: blur(19px);
    padding: 10px;
}

.vlt-services__title {
    margin-bottom: 0.9375rem;
    margin-top: 0.9375rem;
    color: #000000;
    text-align: center;
}


.vlt-testimonial-item__content p {
    font-size: 1.25rem;
    font-weight: 500;
    color: white;
    line-height: 1.5;
    letter-spacing: -.01em;
}

.vlt-testimonial-item__meta {
    margin-top: 1.875rem;
    color: #f8d657;
}

.med-blog{
    color: rgb(0, 0, 0) ;
}

.vlt-post-title {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #000000;
}

.vlt-post-meta {
    font-size: .875rem;
    font-weight: 500;
    margin-left: 10px;
    margin-bottom: 0.625rem;
    color: rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 767px){
    .home-ımg-content{
        background-image: url(assets/img/doctor.png);
         background-size: cover;
         background-position:inherit
     }
}
.home-ımg-content{
    background-image: url(assets/img/doutor-carrossel-1-2x.png);
     background-size: cover;
     background-position:center;
 }


 
 /* CSS */
 .popup-blog {
   align-items: center;
   background-color: #2e2e2e;
   border: 2px solid #111;
   border-radius: 8px;
   box-sizing: border-box;
   color: #ffffff;
   cursor: pointer;
   display: flex;
   font-family: Inter,sans-serif;
   font-size: 16px;
   height: 33px;
   justify-content: center;
   line-height: 24px;
   max-width: 100%;
   padding: 0 10px;
   position: relative;
   text-align: center;
   text-decoration: none;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
 }
 
 .popup-blog:after {
   background-color: gold;
   border-radius: 8px;
   content: "";
   display: block;
   height: 33px;
   left: 0;
   width: 100%;
   position: absolute;
   top: -2px;
   transform: translate(8px, 8px);
   transition: transform .2s ease-out;
   z-index: -1;
 }
 
 .popup-blog:hover:after {
   transform: translate(0, 0);
 }
 
 .popup-blog:active {
   background-color: #2a2a2a;
   outline: 0;
 }
 
 .popup-blog:hover {
   outline: 0;
 }
 
 @media (min-width: 768px) {
   .popup-blog {
     padding: 0 40px;
   }
 }

		/* bloggg */

        /* button{
        
         border-radius: 10px;
         margin-top: 10px;
         border-radius: 10px;
         background: white;
         opacity: 0.8;
         font-size: 17px;
         cursor: pointer;
        } */
        .popup-flex{
          margin:30px;
        }
        .popup-container {
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease-in-out;
            transform: scale(1.3);
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            border-radius: 10px;
            width: 100%;
            height: 100%;
            background-color: rgba(21, 17, 17, 0.61);
            display: flex;
            align-items: center;
        }
        .popup-content {
            backdrop-filter: blur(11px);
            background-color: #fefefe00;
            margin: auto;
            padding: 11px;
            overflow: overlay;
            border: 1px solid #888;
            width: 100%;
            color: white;
            height: 415px;
            border-radius: 8px;
        }

        
        .popup-content p{
            font-size: 17px;
            padding: 10px;
            line-height: 20px;
        }
        .popup-content span{
            color: #aaaaaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
        
        .popup-content span:hover,
        .popup-content span:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }
        
        .show{
          visibility: visible;
          opacity: 1;
          transform: scale(1);
        }
        
        .more-articles{
          margin:30px 30px 50px;
          font-size:20px;
        }
        .more-articles a{
          margin:0 10px;
          text-decoration:underline;
        }

        .vlt-progress-bar__bar span {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background-color: #ffe300;
        }


        .vlt-counter-up-small span {
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1;
            min-width: 3.125rem;
            letter-spacing: -.02em;
            color: #fad759;
        }


        .vlt-animation-about{
            background: #000000;
             padding: 15px;
             border-radius: 10px;
             color: white;
            height: 225px;
        }
        .vlt-animation-about2{
            background: #000000;
            padding: 15px;
            border-radius: 10px;
            color: white; 
            height: 225px;
        }
        .vlt-animation-about3{
            background: #000000;
            padding: 15px;
            border-radius: 10px;
            color: white;  
            height: 225px;
            overflow: overlay;
            overflow-x: hidden;
        }
        .text-about{
            color: white;
            margin-bottom: 15px;
        }

        .about-p{
            margin-top: 15px;
        }

        .vlt-slide-photo__inside {
            position: relative;
            display: inline-block;
            overflow: hidden;
            border-radius: 20px;
            box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
        }



        .ps-section__title {
            display: inline-block;
            position: relative;
            z-index: 1;
            padding: 0 20px 0 20px;
        }
        .ps-section__title:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 100px;
            width: 71%;
            height: 20px;
            z-index: -1;
            background-color: gold;
            border-radius: 10px;
        }



        /* hakkımızda içib */
        /* .ps-section__title-8 {
            display: inline-block;
            position: relative;
            z-index: 1;
            padding: 0 20px 0 20px;
        }

        .ps-section__title-8:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 20px;
            z-index: -1;
            background-color: rgb(0, 0, 0);
            border-radius: 10px;
        } */
        /*  */
        
        .vlt-progress-bar__bar {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 4px;
            background-color: rgb(255 255 255);
        }

        .about-pxt{
            margin: 0 0 0.575rem!important;
        }
     
        .vlt-fullpage-slider .vlt-section .vlt-section__ken-burn-background {
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            overflow: hidden;
            width: 100%;
            height: 100%;
            pointer-events: none;
            border-radius: 10px;
        }    


        .vlt-navbar .vlt-navbar-logo img {
            display: block;
            max-width: none;
            max-height: 55px;
        }


        .ab-text{
            color: #ffe300;
        }


        .vlt-animated-hov{
            box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
            padding: 10px;
            border-radius: 10px;
            transform: rotate(0deg);
            height: 365px;
            border: 2px solid gold;
        }

        .vlt-animated-hov:hover{
            transform: rotate(-2deg);
        }


        .med-img{
            height: 70px;
             width: 70px;
            object-fit: cover;
            box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
            padding: 5px;
                        margin-top: 0.9375rem;
            border-radius: 50%;
        }

        /* .vlt-animated-hov:hover .med-img{
            transform: translateY(-10px);
        } */

        .vlt-offcanvas-menu__locales a.active, .vlt-offcanvas-menu__locales a:hover {
            color: #dbbc4d;
        }

        /* .bg-med{
            background: gold;
        } */


        /* @media only screen and (max-width: 767px){
            .vlt-section__content{
                background: #696969;
            }
        } */



      

       

        .vlt-post-thumbnail+.vlt-post-content {
            padding-top: 1.175rem!important;
        }

       
     



        .vlt-post-thumbnail {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}




/* hakkımızda */
.respons-mob{
    top: -50px;
    right: -40px;
    width: 85px;
    transition-delay: 300ms;
}
.respons-mob-2{
    top: 40px;
    left: -30px;
    width: 80px;
    transition-delay: 600ms;
}
.respons-mob-3{
    left: 30px;
    bottom: -50px;
    width: 90px;
    transition-delay: 900ms;
}

.respons-mob-ımg4{
    right: -40px;
     bottom: -30px;
      width: 290px;
       transition-delay: 1.2s;
}
/* hakkımızda finiş */

/* dfnoynck kod */
.tab-menu { margin-bottom: 23px;display: inline-block;}
.tab-menu li {
  display: block;
  margin: 0 15px;
  position: relative;
  float: left;
}
.tab-menu li a {
  color: #666;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 10px;
  padding-bottom: 12px;
}
.tab-menu li a.active {
   /* color: #dc2117; */
   opacity: 0.7;
}
.tab-menu li a.active::before {
  background: #fefe01 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 30px;
}


@media(max-width:767px){
    .mobil-respons{
      box-shadow: 0 4px 14px -7px #767676;
      border-radius: 12px;
      padding: 5px;
    }
  }
/* dfnoynck kod */




.nav-tabs {
    border-bottom: 3px solid #30d5c8;
}

.nav-link.active {
    color: #ffffff!important;
    background-color: #494949!important;
    border-color: #30d5c8 #30d5c8 #30d5c8!important;
}






/* YWNİ BAŞLANGIÇLARA */

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

.sayac{
    display: flex;
    justify-content: center;
}

.homes-img img{
    width: fit-content !important;
}

.vlt-navbar-contacts{
    position: absolute;
    right: 8%;
}

.vlt-counter-up-small {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0.9375rem 1.875rem 0.9375rem 1.25rem;
    border-radius: 8px;
    background-color: rgba(255,255,255,.1);
    -webkit-box-shadow: inset 0 -2px 0 0 rgb(255 255 255 / 10%);
    box-shadow: inset 0 -2px 0 0 rgb(255 255 255);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}



  .container .card{
    position: relative;
    width: 360px;
    height: 430px;
    background: #0d0d0d;
    border-radius: 10px;
    overflow: visible;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }


  .product-card{
    margin: 0;
    width: 370px;
    padding: 10px;
    padding: 10px;
    height:437px;
    bottom: -3px;
    position: absolute;
    right: -5px;
    background: linear-gradient(60deg ,gold, rgb(7, 7, 7), rgb(209, 209, 59),rgb(255, 255, 255),rgb(237, 237, 237));
    background-size: 300% 300%;
    animation: animeBG 3s ease infinite;
    animation-direction: alternate;
    border-radius: 10px;
  }

  @keyframes animeBG{
    0% {background-position: 0%}
    100% {background-position: 100%}
}
  
.container .card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #201f1f;
    clip-path: circle(120px at 80% 20%);
    transition: 0.5s ease-in-out;
    border-top-right-radius: 19px;
    background: url(../img/dişli-photo1.jpg) no-repeat;
    filter: invert(0.4);
    opacity: 0.6;
    background-position: center;
    background-size: cover;
    padding: 5px;
}
  
  /* .container .card:hover:before{
    clip-path: circle(300px at 80% -20%);
    border-top-left-radius: 19px;
  } */
  
  .container .card:after {
    content: 'ALKA';
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 1.9em;
    font-weight: 800;
    color: rgb(255 255 0 / 57%);
}


  .container .card .imgBx{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
    width: 100%;
    height: 220px;
    transition: 0.2s;
  }
  
  .container .card:hover .imgBx{
    top: 41%;
    /* transform: translateY(0%);  */
  }


  
  .container .card .imgBx img{
    position: absolute;
    top: -30%;
    border: 2px solid rgb(206, 175, 0);
    border-radius: 50%;
    left: 22%;
    height: 215px;
    width: 215px;
    object-fit: cover;
  }
  
  .container .card .contentBx .color span:nth-child(2){
    background: #9bdc28;
  }
  
  .container .card .contentBx .color span:nth-child(3){
    background: #03a9f4;
  }
  
  .container .card .contentBx .color span:nth-child(4){
    background: #e91e63;
  }
  
  .container .card .contentBx{
    position: absolute;
    bottom: 60px;
    width: 100%;
    height: 100px;
    text-align: center;
    transition: 1s;
    z-index: 10;
  }
  
  .container .card .contentBx h2{
    font-size: 25px;
    color: white;
  }
 
  .container .card .contentBx h6{
    font-size: 15px;
    color: rgb(188 168 124);
    text-align: left;
    padding-left: 10px;
  }
  
  .container .card .contentBx a i{
    display: flex; align-items: center; padding-left: 36px;
  }

  .marka{
  align-items: center !important;
  justify-content: center;
  padding: 10px;
  
  
    
  }
  
   .brands{
    width: auto;
    margin: auto
   }
  .marka .col-md-3 img{
     width: 240px !important;
     object-fit: cover;
     height: 70px !important;
     filter: invert(48%) sepia(13%) saturate(100%) hue-rotate(130deg) brightness(95%) contrast(80%);
  }


  .has-white-color {
    color: rgb(255, 255, 255)!important;
}



@media only screen and (max-width: 767px){
    .blog-box {
        height: 320px;
        margin-bottom: 30px;
    }
    .blog-box:hover {
        transform: rotate(0deg);
    }
    .popup-content {
        background-color: #000000;
        margin: auto;
        padding: 10px;
        border: 1px solid #888;
        width: 99%;
        height: 435px;
        border-radius: 10px;
    }
    .vlt-post-title {
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 1.4;
        color: #000000;
        padding: 7px;
    }
    .vlt-post-meta {
        font-size: 1.2rem;
        font-weight: 800;
        margin-left: 10px;
        margin-bottom: 0rem;
        color: rgb(119 119 119 / 80%);
    }
}


@media only screen and (max-width: 851px){
    .blog-box{
        height: 430px;
    }
}

@media only screen and (max-width: 452px){
    .blog-box{
        height: 380px;
    }
}
@media only screen and (max-width: 391px){
    .blog-box{
        height: 326px;
    }
}


@media only screen and (max-width: 391px){
    .hair-transplant{
        height: 70px;
        margin-top: 10px;
        position: absolute;
        top: -45px;
        right: 30px;
        border-radius: 10px;
    }
    .vlt-animated-hov {
        height: 320px;
    }
    /* sayfa 2 */
    
}

.turizm-ımages{
    display: flex;
    justify-content: center;
}

/* media responsive */
@media only screen and (max-width: 992px){
    .respons-mob{
        top: -50px!important;
        right: 140px!important;
        width: 80px!important;
        transition-delay: 300ms;
    } 

    .product-card{display: none;}

    

    .product-row{
        flex-direction: column;
        transform: translate(109px, 21px);
    }

    .product-row .card{
        margin-top: 20px;
    }

    
    
}


@media only screen and (max-width: 767px){
    .respons-mob{
        top: -65px!important;
        right: 135px!important;
        width: 80px!important;
        transition-delay: 300ms;
    }  
    .respons-mob-2{
        top: 70px!important;
        left: -13px!important;
        width: 75px!important;
        transition-delay: 600ms;
    }
    .respons-mob-3{
        left: 135px!important;
        bottom: -65px!important;
        width: 90px!important;
        transition-delay: 900ms;
    }

    .product-row{
        flex-direction: column;
        transform: translate(0px, 0px);
    }
}
/* media responsive */



  @media(max-width:568px){
    .container .card {
        width: 318px;
    }
    .mhmt-9{
        width: 100% !important;
        padding: 10px !important;
    }
    #items{
        margin: auto;
    }
    .container .card .contentBx h2 {
        font-size: 25px;
        color: white;
    }
    .container .card .contentBx a i {
    display: flex;
    align-items: center;
    padding-left: 21px;
}

.container .card .imgBx img{
    left: 18%;
}


.vlt-large-heading {
    font-size: 3.95rem;
    text-shadow: 3px 3px 20px #000000, -2px 1px 30px #000000!important;
    text-align: center;
}
.vlt-animated-block .lefttoh4{
    font-size: 29px;
    text-align: left;
}
.vlt-counter-up-small {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0.9375rem 1.875rem 0.9375rem 1.25rem;
border-radius: 8px;
background-color: rgba(255,255,255,.1);
-webkit-box-shadow: inset 0 -2px 0 0 rgb(255 255 255 / 10%);
box-shadow: inset 0 -2px 0 0 rgb(255 255 255);
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 160px;
}
.vlt-navbar .vlt-navbar-inner--left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: 10px;
}
.vlt-animation-about {
    background: #000000;
    padding: 15px;
    border-radius: 10px;
    color: white;
    height: 280px;
}

.vlt-animation-about2 {
    background: #000000;
    padding: 15px;
    border-radius: 10px;
    color: white;
    height: 280px;
}

.vlt-animation-about3 {
    background: #000000;
    padding: 15px;
    border-radius: 10px;
    color: white;
    height: 280px;
    /* overflow: overlay; */
}

.brands {
    width: auto;
    margin: auto;
    text-align: center;
}
.ps-section__title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    z-index: -1;
    background-color: gold;
    border-radius: 10px;
}

  }






/*  ALT KATEGORİ ÜRÜNLERİ */

.breadcrumbs li {
    display: inline-block;
    font-size: 16px;
}
.breadc-box li:before {
    content: "/";
    font-family: FontAwesome;
    color: #fff;
    margin: 0 8px;
}

.our-pro{
    padding-left: 200px;
    padding-top: 130px;
}
.our-pro .page-title{
    font-size: 50px;
    color: white;
}
.our-pro  .breadcrumbs{
    padding-left: 0;
}
/*.gallery*/
.gallery{
	width: 100%;
	display: block;
	min-height: 100vh;

}
.gallery .gallery-filter{
	width: 100%;
    padding-left: 10px;
    list-style: none;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 60px;
    border-bottom: 2px solid #cccccc;
}


.gallery .gallery-filter .filter-item.active{
    color: white;
    border-color: #ffffff;
    background: #000000;
}
.gallery .gallery-item{
	width: calc(100% / 4);
	padding: 15px;

}
.gallery .gallery-item-inner img{
	width: 290px;
    height: 210px;
    object-fit: cover;
 border-radius: 10px;
 border: 2px solid white;
  box-shadow: 0px 2px 7px #545558;
}
.gallery .gallery-item.show{
	animation: fadeIn 0.5s ease;
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.gallery .gallery-item.hide{
	display: none;
}


.page-header{
    background-image: url(../img/arka-page.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 55vh;
    border-radius: 10px;
}

.page-header-1{
    background-image: url(../img/min-arka-4.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 55vh;
    border-radius: 10px;
}

.page-header-2{
    background-image: url(../img/root/header-3.jpg);
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 55vh;
    border-radius: 10px;
}

@media only screen and (max-width: 767px){
    .page-header{
        height: 37vh;
    }   
    .our-pro {
        padding-left: 20px;
        padding-top: 50px;
    }
    .our-pro .page-title {
        font-size: 30px;
        color: white;
    }
}


@media(max-width: 491px){
	.gallery .gallery-item{
		width: 50%;
	}
}
@media(max-width: 467px){
    .gallery .gallery-item{
		width: 100%;
	}
	.gallery .gallery-filter .filter-item{
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 568px){
    .vlt-animated-block h4{
        text-align: center;
    font-size: 22px;
    /* padding-bottom: 20px; */
    }
    .vlt-animated-block{
        flex-wrap: wrap
    }
    .vlt-dortartı {
        margin: auto;
        font-size: 60px;
    }
    .gallery .gallery-filter{
        display: grid;
        margin-bottom: 0;
    }
    .abb-media{ 
        width: 170px;
        padding-left: 35px;
    }
    .blog-yazı{
        max-height: 250px;
   width: 100%!important;
    object-fit: unset;
    }
    .page-header-1 {
        background-image: url(../img/min-arka-4.png);
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 40vh;
        border-radius: 10px;
    }
    .page-header-2 {
        background-image: url(../img/root/header-3.jpg);
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 40vh;
        border-radius: 10px;
    }
    .vlt-project-showcase .vlt-project-showcase__items .vlt-project-showcase__item__title {
        font-size: 1.4rem;
        line-height: 1.15;
        letter-spacing: -.02em;
        color: #fff;
    }
}



.vlt-testimonial-slider-controls .next:hover, .vlt-testimonial-slider-controls .prev:hover, .vlt-timeline-slider-controls .next:hover, .vlt-timeline-slider-controls .prev:hover {
    color: #ebca54;
}



.btn-grad {
    margin: 5px;
    background-image: linear-gradient(to right, #1F1C2C 0%, #928DAB 51%, #1F1C2C 100%);
    padding: 7px 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
     display: inline-block!important;
    text-align: center;
    text-transform: uppercase;
    transition: .5s;
    background-size: 200% auto;
    color: #fff;
    border-radius: 10px;
    display: block;
    cursor: pointer;
}


.btn-grad:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
}

.bg-page{
    margin-top: 120px;
}

.vlt-new-content{
    height: 100vh;
    overflow: hidden;
    touch-action: none;
    
}

.gallery-item-inner:hover img{
    transform: scale(1.02);
    transition: .2s;
    cursor: pointer;
}



.bg-pages{
    background: #000;
    border-radius: 10px;
}

.animate-kps{
    margin: 0;
    width: 100%;
    height:100%;
    background: linear-gradient(60deg,rgb(27, 27, 27), rgb(185, 185, 185), rgb(209, 209, 59),black,white);
    background-size: 500% 500%;
    animation: animeBG 5s ease infinite;
    animation-direction: alternate;
    padding: 3px 3px;
   border-radius: 10px;
}



@keyframes animeBG{
    0% {background-position: 0%}
    100% {background-position: 100%}
}



.slideshow-container {
    width: 500px;
    position: relative;
    margin: auto;
    height:90vh;
    
  }
  
  /* Caption text */
  .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }
  
  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }
  
  /* The dots/bullets/indicators */
  .dot {
    height: 1px;
    width: 1px;
    margin: 0 2px;
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }
  
 
  
  /* Fading animation */
  .fade {
    animation-name: fade;
    animation-duration: 1.5s;
  }
  
  @keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
    .text {font-size: 11px}
  }


.mhmt-9{
    padding: 0px;
    width: 29%;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    border-radius: 20px;
}

.abb-media{ 
    padding-left: 35px;
}








/* tooltips starts */
.mytooltip {
    display: inline;
    position: relative;
    z-index: 999
    }
    .mytooltip .tooltip-item {
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding: 0 10px
    }
    .mytooltip .tooltip-content {
    position: absolute;
    z-index: 9999;
    width: 290px;
    left: 50%;
    margin: 0 0 20px -180px;
    bottom: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    -webkit-box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2);
    /* background: #2b2b2b; */
    opacity: 0;
    cursor: default;
    pointer-events: none
    }
    .mytooltip .tooltip-content::after {
    content: '';
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #2a3035 transparent transparent;
    border-width: 10px;
    margin-left: -10px
    }
    .mytooltip .tooltip-content img {
    position: relative;
    height: 100px;
    display: block;
    margin: auto;
    object-fit: cover;
    margin-right: 1em;
    width: 75%;
    border-radius: 10px;
    border: 1px solid white;
    }
    .mytooltip .tooltip-item::after {
    content: '';
    position: absolute;
    width: 360px;
    height: 20px;
    bottom: 100%;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
    }
    .mytooltip:hover .tooltip-item::after {
    pointer-events: auto
    }
    .mytooltip:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg)
    }
    .mytooltip:hover .tooltip-content2 {
    opacity: 1;
    font-size: 18px
    }



    .blog-yazı{
        max-height: 250px;
    width: 304px;
    object-fit: unset;
    }


    .vlt-navbar--solid .vlt-navbar-inner {
        padding-top: 0.875rem;
        padding-bottom: 0.575rem;
    }