/* Add here all your CSS customizations */


html:not(.sticky-header-active) #header.header-semi-transparent-light .header-body {
	background-color: rgba(255, 255, 255, 0.4) !important;
}

.slider-container .tp-caption-overlay-opacity {
	background: rgba(255, 254, 254, 0.4);
	padding: 10px;
}



	#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
    color: #feb101;
  }


.google-map {
  margin: 0px 0 0px !important;
}

body {
	background-color: #FFF;
	color: #777;
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	line-height: 26px;
	margin: 0;
}

/* Letter spacing*/
/* Lead */
.lead {
	letter-spacing: 0em;
	font-size: 19.2px;
	font-size: 1.2rem;
}
 
 /* Headings */
h1, h2, h3, h4, h5, h6 {
	color: #212529;
	font-weight: 200;
	letter-spacing: -.02em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

/* menü başlıkları*/
#header .header-nav-main nav > ul > li > a {
	font-size: 13px;
}

/* popup */
#popup {
    display:none;
    position:absolute;
    margin:0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 50px 2px #000;
}

@media screen and (max-width: 1200px) {
	#popup {
		display:none;
		position:absolute;
		margin:0 auto;
		top: 30%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0px 0px 50px 2px #000;
	}
  }
@media screen and (max-width: 992px) {
	#popup {
		display:none;
		position:absolute;
		margin:0 auto;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0px 0px 50px 2px #000;
	}
  }
  
  @media screen and (max-width: 600px) {
	#popup {
		
		display:none;
		position:absolute;
		margin:0 auto;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0px 0px 50px 2px #000;
	}
  }
@media screen and (max-width: 600px){
	.popup-img {
		height: 250px;
				width: 250px;
		  }
}