.navbar-bg {background-color: #5C1280;}
.navbar-gen {position: absolute; width: 350px;	margin: 0.25em 0 0 3.5em; display: none;}

.nav-logo {position: relative; width: 50px; float:left;}
.nav-desc {position: relative; width: 300px; float:left; color:white;}
.nav-elite {font-size:1.5em;}
.hero-bg {
	background-color:#404040;
}
.hero-banner {background-image: url(img/hero-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh; 
}
.hero-cont {
	position: absolute;
	color:white;
	text-align: center;
	margin: 5% 0 0 0;
	width: 94%;
}
.hero-text2{
	    font-size: 2em;
    margin-top: 2em;
}
.hero-heading{
	margin: 20px 0 0 0;
	font-size:3em;
}

.elite-cont{display: block;}
.e-hso{
	float:left;
	width:50%;

		height: 600px;
	color:white;
	font-size:1.2em;
}
.e-hsa{
	float:left;
	width:50%;
	height: 600px;

}

.hsa-foto {

	background: white;
}

.hsa-foto img {

	height: 300px;
	width: 250px;
	padding-bottom: 1em;
}

.elite-box{
	background: #5C1280;	
	width: 100%;
}
.elite-box-text{padding:1em 0 1em 0; text-align:center;}
.elite-box-img{display:block; margin: auto; text-align: center;}
.hero-logo {
	display: block;
}
.elite-hero{
		text-decoration: underline #5C1280;		

}
.e-mp {margin:0; padding:0;}
.hero-banner p {line-height: 36px; font-size:28px; align-content: center; position:relative; text-align: center; top:0.5em;}
.covid-duyuru {
    margin: 1em 0 0 1em;
    border: 2px solid purple;
    width: 90%;
    font-size: 1.07em;
    font-weight: 600;
}
.covid-simge {line-height: 5.5em;}
.e-a2 {padding-top:4em;  text-align:center; background-color: #f6f6f6;} 
.e-a2s{padding-top:8em;}
.e-a2s > span {font-size:3em; font-weight: 100;}
.e-a3 {font-size: 1.3em; text-align: left;} 
.e-a3-d {font-size: 1.5em; text-align: center; margin-bottom: 2em;}
.e-a4  {font-size:1.7em; text-align: center; margin-top:1em;}
.e-ac {font-size:2em; text-align: center; background: #ffffff;}
.spec {
    text-align: center;
	margin: 1em 0 0 0;
}

.spec >li {
    font-size: 1.5em;
}
.spec span:nth-child(1) {
    font-size: 3em;

}
.spec span:nth-child(2) {
    border-top: solid 2px;
	font-size: 1.5em;

}
.metin{
	
    margin-top: 2em;
    margin-bottom: 1rem;
    font-size: 1.2em;
	text-align:center;
}
.metin > h1{
    font-size: 2em;
		font-weight: 100;

}

.e-bol{
	font-weight: 500;
}
.elite-style {
	display: block;
	font-family: merriweather;
	font-size: 5em;
	color: #5C1280;
	font-weight: 500;
}

.elite-style2 {
	display: block;
	font-family: merriweather;
	font-size: 2em;
	color: #5C1280;
	font-weight: 500;
}
.elite-style3 {
	display: block;
	font-family: merriweather;
	font-size: 1.7em;
	color: #5C1280;
	font-weight: 500;
}

.sss {margin-top:4em;
    }

.rezer-box {
    padding-top: 2em;
    padding-bottom: 4em;
}
.rezervasyon {font-size:2.2em; text-align: center;}
.avantajli-fiyat {font-size:2em}
.rez-text a{font-size:1.5em; color:black; text-align:center; padding-top:2em; text-decoration: none;}
.ssoci {margin-top: 2em;}
.social-wp {text-align:center; padding-top:2em;}
.social-tarif {text-align:center; padding-top:2em;}
.elite-card{
	margin-bottom: .1em;
	border:none;
}
.elite-card-header  h3{
	font-size:1.3em;
	display:inline-block
}

.elite-card-header{
	border-bottom:none;
}

.elite-btn-link {
    font-size: 1.2em;
    font-weight: 400;
    color: #5C1280;
    text-decoration: double;
    border: 0;
	background: white;}

.elite-footer {
	background-color:#2f3030;
	color:white;
}

.elite-footer a{
	color:white;
}

.copy-footer {
	text-align: center;
}
.mini-gal > div[class*='col'] {
    margin-top:20px;
}
.videol {
	width:560px;
	height:315px;
}
.ssocia {
	background-color:#f6f6f6;
	margin-top:2em;
	padding-bottom:2em;
}
.social-btn-text a{font-size:1.2em; padding-top:.2em; text-decoration: none; color:black;
	}

@media (min-width: 1200px) { 
	.hero-text{
	font-size:1.5em;
	width: 1000px;
	margin: auto;
	padding: 1em 0 0 0;
} 
}

@media (max-width: 1199.98px) { 
	.hero-text{
		font-size:1.5em;
} }

@media (min-width: 576px) { 	
	.e-a2s{
		padding-top: 0;	
	}
		.e-a3 {
		text-align: center;
	} 
	.e-a3 img {
		width: 350px;
	} 
	.sticky{
		display: none;
	}
	
}
@media (max-width: 576px) { 
	.navbar {align-items: start;margin-top: 80px}
	.navbar-h {align-items: start;}
.hero-banner5 {background-image: url(img/hero-banner3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 300px
    }
	.animation {
	background: linear-gradient(-45deg, #ee7752,  #5C1280, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 13s ease infinite;
	z-index: 3;
}

@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
	.hero-logo img{
		width: 90%;
	}
	.e-a2s{
		padding-top: 0;	
	}
	.e-a3{
		padding: 1em 0 3em 0;
				text-align: center;
	}
	.e-a3 img {
		width: 250px;
	}
	.e-a4 {
		font-size:1.3em;
	}
	.metin > h2 {
    font-size: 2em;
    font-weight: 100;
}
	.elite-footer {

	}
.e-a3-d {font-size: 1em; text-align: center; margin-bottom: 2em;}
	.hero-heading{
	margin: 0px 0 0 0;
	font-size: 2em;
}
	.sticky{
	position:fixed;
	top:0;
  z-index:100;
		text-align: center;
}
	.sticky-h{
		background: #2f3030;
		height: 40px;
				line-height: 2.2;
	}
	.sticky-c{
		background: #5C1280;
		height: 40px;
		font-size:1.2em;
						line-height: 1.7;
	}
	.sticky-w{
		background: green;
				height: 40px;
		font-size:1.2em;
						line-height: 1.7;
	}
	.sticky-circle{
		top:10px
	}

	

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

.rezervasyon {font-size: 1.7em;
	}
	
.avantajli-fiyat {font-size: 1.7em;
	}
.rez-text a {font-size: 1.2em; color:black; text-decoration: none; padding-top: 1em;
	}

	.videol { width: 100%;
}