.special-shadow{box-shadow:  0 0 40px 0 rgba(154,86,58,.08);}
.active3 {color: #b01b1d!important;}
.active2 {background: #b01b1d!important;}
.contact-item:hover {color: white!important;}


      /* Translate */
      #goog-gt-tt {display:none !important;}
      .skiptranslate {display:none !important;}
      .goog-te-banner-frame {display:none !important;}
      .goog-te-menu-value:hover {text-decoration:none !important;}
      body {top:0 !important;}
      #google_translate_element2 {display:none!important;}




<!-- /* Preloader) */ -->
.loading-gif {
    max-width: 500px;
}
.pre-loader {
    position: fixed;
    z-index: 100; /** make sure this is the highest value compared to all other divs **/
    top: 0;
    left: 0;
    background: #191f26;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}
.pre-loader.hidden {
    animation: fadeOut 1s; /** change to 1s */
    animation-fill-mode: forwards;
}
@keyframes fadeOut {
100% {
opacity: 0;
visibility: hidden;
}
}
<!-- /* Preloader) */ -->


<!-- /* Popup (arka plan) */ -->
.modall {
	  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
    display: none; /* Varsayılan olarak gizlidir */
    position: fixed; /* Yerinde kal */
    z-index: 10000; /* Üstte */
    left: 0;
    top: 0;
    width: 100%; /* Ful Genişlik */
    height: 100%; /* Ful Yükseklik */
    overflow: auto; /* Gerekirse kaydırmayı etkinleştir */
    background-color: rgb(0,0,0); /* Yedek renk */
    background-color: rgba(0,0,0,0.4); /* Siyah w / opaklık */
}

/* İçerik / Kutu */
.modal-contentt {
	  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0;
    background-color: #FDECE2;
  
    border: none!important;
    width: 25%; /* Ekran boyutuna bağlı olarak daha fazla veya daha az olabilir */
	z-index: 1001!important;
	    margin: 7% auto; /* Dikeyde daha fazla ortalama */
}

/* Kapat Düğmesi */
.close {
	 position: absolute; /* Yerinde kal */
	right: -20px!important;
	top: -20px;
    color: white;
	background: #b01b1d;;
	padding: 8px;
	padding-top: 0px;
	padding-bottom: 0px; 
    font-size: 28px;
    font-weight: bold;
	margin-bottom: 20px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
	
	
/* Birdaha Gösterme Düğmesi */
.noshow {
	 position: absolute; /* Yerinde kal */
	right: -0px!important;
	bottom: -40px;
    color: white;
	background: #b01b1d;;
	padding: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
 
    font-size: 16px;
   
	margin-bottom: 20px;
}


	
	
	/* Mobil görünümde merkezleme */
@media screen and (max-width: 600px) {
    .modal-contentt {
        width: 90%; /* Mobilde daha geniş alan kullanımı için */
        margin: 55% auto; /* Dikeyde daha fazla ortalama */
    }
	
	.close {

	padding-bottom: 0px;
 
    font-size: 18px;
   
}
	
		.noshow {

	padding-bottom: 0px;
 
    font-size: 12px;
   
}
		
}

<!-- /* Popup FINISH */ -->


<!-- /* Sticky And Pulse */ -->


/* Liste Dikey için stil tanımlamaları */
ul.mfb-component--br > li, ul.mfb-component--br ul li {
    display: block;
    float: none;
    clear: both;
}
	
	@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
}


	.pulse {
  animation: pulse 1.5s infinite ease-in-out;
}