@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Niconne&display=swap');

html{height:100%;}

body	{height:100%;
		font-family:"Inter", sans-serif;
		font-size:1vw;
		line-height:24px;
		font-weight:400;
		color:#212112;
		background-image:url('../images/bg.jpg');
		background-position:center;
		background-repeat:repeat;
		background-size:7%;
		background-color:#f3e4b3;
		overflow-x:hidden;
		transition:all 200ms linear;}
		
::selection	{color:#fff;
			background-color:#8167a9;}

::-moz-selection	{color:#fff;
					background-color:#8167a9;}
					
.home-wrapper	{width:100%; 
				height:100%;}
				
@media only screen and (max-width:767px){
	.home-wrapper	{width:100%; 
					height:auto;}
}

.bannerFooter	{width:100%;
				position:absolute;
				bottom:-25px;}
				
.carousel-inner img {/*object-fit: cover;
  					object-position: center;
				  	overflow: hidden;
				  	height:100vh;*/
				  	width:100%;
					height:100vh;
					max-height:100vh;}	
					
@media only screen and (max-width:767px){
	.carousel-inner img {width:100%;
						height:100%;
						max-height:100%;}	
}
	
/* #Navigation */

.start-header	{transform:translateY(0);
				-webkit-transition :all 0.3s ease-out;
				transition :all 0.3s ease-out;}
				
.start-header.scroll-on	{/*box-shadow:0 5px 10px 0 rgba(138, 155, 165, 0.15);*/
						/*padding:10px 0;*/
						-webkit-transition :all 0.3s ease-out;
						transition :all 0.3s ease-out;
						background:url(../images/home-footer-bg.png) no-repeat;
						background-size:100%;}
	
.start-header.scroll-on .navbar-brand img	{height:50px;
											-webkit-transition :all 0.3s ease-out;
											transition :all 0.3s ease-out;}
											
.navigation-wrap	{position:fixed;
					width:100%;
					top:0;
					left:0;
					z-index:1000;
					-webkit-transition :all 0.3s ease-out;
					transition :all 0.3s ease-out;
					text-transform:uppercase;}
	
.navbar{padding:0 !important;}

.navbar a{color:#f3e4b3 !important}

.navbar-light .navbar-toggler-icon {background:none !important;}

.navbar-brand img	{height:100px;
					width:auto;
					display:block;
					-webkit-transition :all 0.3s ease-out;
					transition :all 0.3s ease-out;}
					
.navbar-toggler	{float:right;
				border:none;
				padding-right:0;}
	
.navbar-toggler:active, .navbar-toggler:focus {outline:none;}

.navbar-light .navbar-toggler-icon	{width:24px;
									height:17px;
									background-image:none;
									position:relative;
									border-bottom:2px solid #f3e4b3;
									transition:all 300ms linear;}
									
.navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before	{width:24px;
																					position:absolute;
																					height:2px;
																					background-color:#f3e4b3;
																					top:0;
																					left:0;
																					content:'';
																					z-index:2;
																					transition:all 300ms linear;}
																					
.navbar-light .navbar-toggler-icon:after	{top:8px;}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform:rotate(45deg);}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform:translateY(8px) rotate(-45deg);}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color:transparent;}

.nav-link	{color:#FFFFFF !important;
			font-weight:500;
			transition:all 200ms linear;}
			
.nav-item:hover .nav-link {color:#f3e4b3 !important;}

.nav-item.active .nav-link{color:#fff !important;}

.nav-link	{position:relative;
			padding:5px 0 !important;
			display:inline-block;}

.nav-item:after	{position:absolute;
				bottom:-5px;
				left:0;
				width:100%;
				height:2px;
				content:'';
				background-color:#f3e4b3;
				opacity:0;
				transition:all 200ms linear;}
				
.nav-item:hover:after 	{bottom:0;
						opacity:1;}
						
.nav-item.active:hover:after{opacity:0;}

.nav-item	{position:relative;
    		transition:all 200ms linear;}
			
/* #Primary style */

.nav-item .dropdown-menu	{transform:translate3d(0, 10px, 0);
							visibility:hidden;
							opacity:0;
							max-height:0;
							display:block;
							padding:0;
							margin:0;
							transition:all 200ms linear;}

.nav-item.show .dropdown-menu	{opacity:1;
								visibility:visible;
								max-height:999px;
								transform:translate3d(0, 0px, 0);}
	
.dropdown-menu	{padding:10px!important;
				margin:0;
				font-size:1vw;
				letter-spacing:1px;
				color:#fff !important;
				background-color:#fcfaff;
				border:none;
				border-radius:3px;
				box-shadow:0 5px 10px 0 rgba(138, 155, 165, 0.15);
				transition:all 200ms linear;
				background-color:#757a2f !important;
				border:0px;}
				
.dropdown-toggle::after {display:none;}

.dropdown-item	{padding:3px 15px;
				color:#212121;
				border-radius:2px;
				transition:all 200ms linear;}
				
.dropdown-item:hover, .dropdown-item:focus 	{color:#757a2f !important;
											background-color:#f3e4b3 !important;}
											
											

/* #Media */

@media (max-width:991px) { 
	/*h1{font-size:38px;}*/
	.navigation-wrap	{position:inherit; background-color:#757a2f;}
	.navbar-collapse{background-color:#757a2f;}
	.navbar-brand img {height:75px;}
	
	.start-header.scroll-on	{position:fixed; background:#757a2f !important;}
	
	.navbar-light .navbar-toggler {border:0px;}
	
	.nav-item:after {display:none;}
	
	.dropdown-menu {border:0px;}
		
	.nav-item::before 	{position:absolute;
						display:block;
						top:15px;
						left:0;
						width:11px;
						height:0px;
						content:"";
						border:none;
						background-color:#f3e4b3 ;
						vertical-align:0;}
						
	.dropdown-toggle::after	{position:absolute;
							display:block;
							top:12px;
							left:-23px;
							width:1px;
							height:11px;
							content:"";
							border:none;
							background-color:inherit;
							vertical-align:0;
							transition:all 200ms linear;}
		
	.dropdown-toggle[aria-expanded="true"]::after	{transform:rotate(90deg);
													opacity:0;}
													
	.dropdown-menu 	{padding:0 !important;
					background-color:transparent;
					box-shadow:none;
					transition:all 200ms linear;}

	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu	{margin-top:10px !important;
															margin-bottom:20px !important;}
	
}

.the-best-memories	{font-family: "Niconne", cursive; 
					font-style:normal; }
					
.the-best-memories h2	{text-transform:none; 
						color:#757a2f; 
						font-size:60px/*5vw*/; }
						
.the-best-memories p {font-size:16px; font-family:"Inter", sans-serif; color:#757a2f;}

@media only screen and (max-width:767px){
	.the-best-memories h2	{text-transform:none; 
						color:#757a2f; 
						font-size:42px/*5vw*/; 
						line-height:42px;}
}

.sec3-title	{font-family: "Niconne", cursive; 
			font-style:normal; 
			font-size:60px/*5vw*/;
			color:#757a2f; } 

.sec3-para	{font-family:"Inter", sans-serif;  
			font-size:16px/*1vw*/; 
			margin-bottom:8%;}

.section-4-bg	{/*background:url(../images/section-4-bg.jpg) no-repeat center; 
				background-size:100%;*/ 
				text-align:center; } 
				
.section-4-bg h2	{font-family: "Niconne", cursive; 
					font-style:normal; 
					font-size:54px/*4.5vw*/; 
					color:#757a2f; 
					margin-bottom:0px; line-height:1;}

.section-4-bg .big-font {font-size:76px/*7vw*/;}

@media only screen and (max-width:767px){
	.section-4-bg h2	{font-family: "Niconne", cursive; 
					font-style:normal; 
					font-size:42px; 
					color:#757a2f; 
					margin-bottom:0px; line-height:1;}

	.section-4-bg .big-font {font-size:56px;}
}

.gallery	{/*padding:3.5em;*/
			position:relative;
			overflow:hidden;
			/*min-height:37em;*/}

@media screen and (max-width:1199px) {
	.gallery {min-height:20em;}
}

@media screen and (max-width:980px) {
	.gallery 	{padding:2em;
				min-height:20em;}

	.gallery header h2 {margin-bottom:1em;}
}

@media screen and (max-width:480px) {
	.gallery {padding:1em;}
}

.gallery header {display:-ms-flexbox;
				-ms-flex-pack:justify;
				display:-moz-flex;
				display:-webkit-flex;
				display:-ms-flex;
				display:flex;
				-moz-flex-wrap:wrap;
				-webkit-flex-wrap:wrap;
				-ms-flex-wrap:wrap;
				flex-wrap:wrap;
				-moz-justify-content:space-between;
				-webkit-justify-content:space-between;
				-ms-justify-content:space-between;
				justify-content:space-between;}

.gallery header.special	{-moz-justify-content:center;
						-webkit-justify-content:center;
						-ms-justify-content:center;
						justify-content:center;}

@media screen and (max-width:736px) {
	.gallery header {display:block;}
}

@media screen and (max-width:480px) {
	.gallery header h2 {margin-bottom:.5em;}
}

.gallery footer	{text-align:center;
				margin-top:4em;}

.gallery .content	{display:-ms-flexbox;
					display:-moz-flex;
					display:-webkit-flex;
					display:-ms-flex;
					display:flex;
					-moz-flex-wrap:wrap;
					-webkit-flex-wrap:wrap;
					-ms-flex-wrap:wrap;
					flex-wrap:wrap;
					-moz-justify-content:-moz-flex-start;
					-webkit-justify-content:-webkit-flex-start;
					-ms-justify-content:-ms-flex-start;
					justify-content:flex-start;}

.gallery .content .media	{-moz-animation:gallery 0.75s ease-out 0.4s forwards;
							-webkit-animation:gallery 0.75s ease-out 0.4s forwards;
							-ms-animation:gallery 0.75s ease-out 0.4s forwards;
							animation:gallery 0.75s ease-out 0.4s forwards;
							margin-bottom:0;
							overflow:hidden;
							/*opacity:0;*/
							position:relative;
							width:25%;
							margin-top:0;}

.gallery .content .media a {display:block;}

.gallery .content .media img	{-moz-transition:-moz-transform 0.2s ease-in-out;
								-webkit-transition:-webkit-transform 0.2s ease-in-out;
								-ms-transition:-ms-transform 0.2s ease-in-out;
								transition:transform 0.2s ease-in-out;
								max-width:100%;
								height:auto;
								vertical-align:middle;}

.gallery .content .media:hover img	{-moz-transform:scale(1.075);
									-webkit-transform:scale(1.075);
									-ms-transform:scale(1.075);
									transform:scale(1.075);}

@media screen and (max-width:736px) {
	.gallery .content .media {width:50%;}
}

@media screen and (max-width:480px) {
	.gallery .content .media {width:100%;}
}
/* Gallery  close */


.section-5-bg h2	{font-family: "Niconne", cursive; 
					font-style:normal; 
					font-size:32px/*3vw*/; 
					color:#757a2f; }

.section-5-bg .big-font{font-size:76px/*7vw*/;}

.section-5-bg p	{font-family:"Inter", sans-serif; 
				font-size:16px/*1vw*/;}
				
.section-5-bg h3{color:#757a2f;}
.section-5-bg a{color:#757a2f;}				

.section-5-bg-mb	{margin-bottom:10%;}

.section-5-footer-bg	{position:absolute; 
						bottom:0; 
						z-index:-1;}
						
.section-border	{border-right:3px dotted #757a25 !important; 
				border-bottom:none !important;}	

@media only screen and (max-width:768px){
	.section-border	{border-right:none !important; 
					border-bottom:3px dotted #757a25 !important;}		
}

.form-control	{display:block;
				width:100%;
				height:calc(1.5em + .75rem + 2px);
				padding:.375rem .75rem;
				font-size:1vw;
				font-weight:400;
				line-height:1.5;
				color:#495057;
				background-color:transparent !important;
				background-clip:padding-box;
				border:1px solid #757a25 !important;
				border-radius:0;
				transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out;}				

.sumbitButton 	{background:url(../images/submit-btn.PNG) no-repeat; 
				background-size:100%; 
				color:#fff !important; 
				border:none !important; 
				width:110px; 
				height:45px;}

footer p {color:#757a25;}	

.address_img	{background:url(../images/address.png) no-repeat;
				width:268px;
				height:150px;}
				
.address-wrap	{background:url(../images/address.png) no-repeat; 
				width:268px; 
				height:150px;}

.addressBox	{font-size:16px/*1vw*/; 
			color:#ffffff; 
			padding:30px 25px;}

.addressBox p	{font-size:16px/*1vw*/; 
				color:#ffffff;}
				
.footer-menu	{position:relative;}				
				
.footer-img {background:#757a25;}

.footer-bottom {position:absolute; bottom:-15px;}

/*SOCİAL İCONS*/

ul.social-network	{list-style:none;
					display:inline;
					margin-left:0 !important;
					padding:0;}

ul.social-network li 	{display:inline;
						margin:0 5px;}


.social-network a.icoFacebook:hover {background-color:#1877F2;}

.social-network a.icoTwitter:hover {background-color:#1DA1F2;}

.social-network a.icoInstagram:hover {background-color:#ee2a7b;}

.social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoInstagram:hover i {color:#fff;}

.social-network a.socialIcon:hover, .socialHoverClass {color:#44BCDD;}

.social-circle li a {display:inline-block; 
					position:relative;
					margin:0 auto 0 auto;
					-moz-border-radius:50%;
					-webkit-border-radius:50%;
					border-radius:50%;
					text-align:center;
					width:30px;
					height:30px;
					font-size:16px/*1vw*/;}

.social-circle li i {margin:0;
					line-height:30px;
					text-align:center;}

.social-circle li a:hover i, .triggeredHover	{-moz-transform:rotate(360deg);
												-webkit-transform:rotate(360deg);
												-ms--transform:rotate(360deg);
												transform:rotate(360deg);
												-webkit-transition:all 0.2s;
												-moz-transition:all 0.2s;
												-o-transition:all 0.2s;
												-ms-transition:all 0.2s;
												transition:all 0.2s;}

.social-circle i	{color:#595959;  
					-webkit-transition:all 0.8s;
					-moz-transition:all 0.8s;
					-o-transition:all 0.8s;
					-ms-transition:all 0.8s;
					transition:all 0.8s;}

.social-network a 	{background-color:transparent; 
					border:1px solid #757a25;}

.social-network a:hover {background-color:transparent; 
						border:1px solid #fff;}		

/* xxxxxxxxxx  Slide animation    xxxxxxxxxxxx */

.slideanim {visibility:hidden;}

.slide	{animation-name:slide;
		-webkit-animation-name:slide;
		animation-duration:1s;
		-webkit-animation-duration:1s;
		visibility:visible;}

@keyframes slide {
	0% 	{opacity:0;
		transform:translateY(70%);}
		 
	100% 	{opacity:1;
			transform:translateY(0%);}
}

@-webkit-keyframes slide {
	0%	{opacity:0;
		-webkit-transform:translateY(70%);}
		 
	100% 	{opacity:1;
			-webkit-transform:translateY(0%);}
}

@media only screen and (max-width:768px){
	.slideanim {visibility:visible;}
}

#client-testimonial-carousel {min-height: 250px;}

.carousel-item .fa-quote-left	{float:left; 
								position:relative; 
								top:0;}

.carousel-item .fa-quote-right	{float:right; 
								position:relative; 
								top:0;}

.carousel-indicators li {width: 10px !important;
						height: 10px !important;
						background-color:#757a25 !important;
						border-radius: 100% !important;}
						
.blockquote-footer	{color:#000 !important;}

.blockquote-footer:before{display:none;}	
						
.blockquote p	{font-size:16px;
				line-height:24px;}

.inner-banner	{position:relative;}

.inner-banner-capation	{position:absolute; 
						bottom:3%; 
						text-align:center; 
						left:0; 
						right:0;}

.inner-banner-capation h1	{color:#f3e4b3; 
							font-size:70px; 
							text-shadow: 2px 2px 5px black;} 

#eapps-instagram-feed-1 .eapps-instagram-feed-header {background: rgb(17 17 17 / 0%) !important;}

.beautiful-btn	{padding: 10px 30px;
				font-size: 18px;
				color: white;
				background-image: linear-gradient(135deg, #cfd47e 0%, #757a25 100%);
				border: none;
				border-radius: 50px;
				cursor: pointer;
				outline: none;				
				box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);				
				transition: all 0.3s ease-out;
				position: relative;
				overflow: hidden;}

.beautiful-btn:hover	{background-image: linear-gradient(135deg, #757a25 0%, #cfd47e 100%);
						transform: translateY(-3px) scale(1.05);
						box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);}

.beautiful-btn:active 	{transform: translateY(1px) scale(0.98);
						box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}