@font-face {font-family:"Mukta";
src:url("../fonts/Mukta___Limousines_Boldd41d.html?") format("eot"),
url("../fonts/Mukta___Limousines_Bold.html") format("woff"),
url("../fonts/Mukta___Limousines_Bold.ttf") format("truetype"),
url("../fonts/Mukta___Limousines_Bold.svg#Mukta&Limousines-Bold") format("svg");font-weight:bold;}
/*
@font-face {font-family:"Mukta";
src:url("../fonts/Mukta_Limousines.ttf") format("truetype");font-weight:bold;}
*/
/*-- ================BASIC STYLE ====================== --*/
	html, body{
		-webkit-font-smoothing:antialiased;
	    -moz-osx-font-smoothing:grayscale;
		margin:0px;
		padding:0px;
		width:100%;
		height:100%;
		overflow:hidden;
		font-family: Mukta , sans-serif;
		font-weight:700;
	}

/*-- ================HOME ======================= --*/

	.home-container{
		height:100%;
	}

	.home{
		position:absolute;
		display:inline-block;
		padding:50px 0px 0px 0px;
		text-align:center;
		left:0px;
		width:100%;
		height:auto;
		-webkit-transition: -webkit-transform 1s ease, top 1s ease;
	  	-moz-transition: -moz-transform 1s ease, top 1s ease;
	  	-o-transition: -o-transform 1s ease, top 1s ease;
	  	transition: transform 1s ease, top 1s ease;
	}

	.centering-y{
		top:50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.bg-container{
		position:fixed;
		display:block;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:1;
	}

	#home-wrapper h1{
		font-family: 'Mukta', sans-serif;
		font-weight:700;
		color:black;
		font-size:70px;
		letter-spacing:10px;
		margin:0px;
		padding:0px;
	}

	footer p{
		text-align:center;
		color:black;
	}

/*-- ================PARTİCLES ==================== --*/
	
	#particles-js{
	  	width: 100%;
	  	height: 90%;
	  	position: absolute;
	  	z-index: 10;
	}

/*-- ================ANIMATION SETUP ==================== --*/
	header, .home h1, footer,{
		opacity:0;
	}

	.home h1{
		-webkit-animation-delay: 0.5s;
		animation-delay:0.5s;
	}

/*-- ================HOME WRAPPER =================== --*/

	#home-wrapper{
		position:absolute;
		display:inline-block;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:3;
		-webkit-backface-visibility:hidden;
	}

	#home-wrapper > .container{
		height:100%;
	}

/*-- ================PRELOADER ==================== --*/
	#preloader{
		position:fixed;
		width:100%;
		height:100%;
		background:white;
		z-index:7;
	}

	#preloader .loader {
		position:relative;
		top:50%;
		margin:-25px auto 0px auto;
		font-size: 5px;
		border-top: 5px solid rgba(0, 0, 0, 0.1);
		border-right: 5px solid rgba(0, 0, 0, 0.1);
		border-bottom: 5px solid rgba(0, 0, 0, 0.1);
		border-left: 5px solid #484848;
		-webkit-animation: loaderAnim 1.1s infinite linear;
		animation: loaderAnim 1.1s infinite linear;
	}

	#preloader .loader,
	#preloader .loader:after {
		border-radius: 50%;
		width: 50px;
		height: 50px;
	}

/*-- ================HEADER & FOOTER ======================= --*/
	header, footer{
		margin:0px;
		padding:0px;
		display:block;
		width:100%;
		height:100px;
	}


	.baslik {
		font-family: "Mukta & Limousines";
		font-size: 43px;
		font-weight: bold;
		color: black;
		letter-spacing: 10px;
	}


	footer{
		position:absolute;
		left:0px;
		bottom:0px;
		display:inline-block;
		height:70px;
		overflow:hidden;
	}

	footer p{
		width:100%;
	}

	footer i{
		text-align: center;
	}

/*-- ================SOCIAL MEDIA ================= --*/

	footer .footer_content a{
		color: #000; 
		text-decoration: none;
		font-size: 15px;
	}
	
	footer .footer_content a:focus{
		outline: none;
	}

	footer .footer_content a b{
	    color: black;
	    font-weight: 700;
	    font-size: 16px;
	}

	footer .footer_content a b:hover{
		color: #fff;
	    text-decoration:none; 
	    cursor:pointer;  
	    transition: 0.2s all ease-in;
	}


	footer .social-media,i{
		text-align: center;
		color:black;
	}

	footer .social-media a:nth-child(2),a:nth-child(3),a:nth-child(4){
		padding-left: 10px; 
	}

	footer .social-media i:hover{
		text-decoration: none;
		transition: 0.2s all ease-in;
		color: white;
		cursor: pointer;
	}	

/*-- ================MEDIA ONLY SCREEN ================= --*/

	@media only screen and (max-width: 991px) {
		h1 {
			font-size: 65px;
		}
	}
	@media only screen and (max-width: 767px) {
		h1 {
			font-size: 55px;
		}
	}
	@media only screen and (max-width: 577px) {
		h1 {
			font-size: 40px;
		}
		.baslik {
			font-size: 20px;
		}
	}
	@media only screen and (max-width: 447px) {
		h1 {
			font-size: 28px;
		}
	}
	@media only screen and (max-width: 344px) {
		h1 {
			font-size: 24px;
		}
	}

/*-- ================RESPONSIVE STYLE ===================== --*/

/*-- ================SMARTPHONE ===================== --*/
	@media all and (max-width: 767px){
	html,body{
		min-height:100%;
		height:auto;
		overflow-y:auto;
		overflow-x:hidden;
	}
	header .logo{
		text-align:center;
		line-height:60px;
	}
	.home{
		position:relative;
		float:left;
		margin-top:30px;
		padding:0px;
		top:0px;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	h1{
		font-size:48px;
	}

	footer{
		position:relative;
		float:left;
		margin-top:50px;
		padding-bottom:10px;
		height:auto;
	}
	footer .social-media{
		position:relative;
		float:none;
		height:auto;
		text-align:center;
		width: 100%;
		display:inline-block;
	}
	footer .social-media a{
		margin-left: 15px;
		line-height:30px;
	}
	#particles-js{
	  	width: 100%;
	  	height: 75%;
	  	position: absolute;
	  	z-index: 10;
	}
	#home-wrapper{
		min-height:100%;
		height:auto;
		overflow:hidden;
	}
	}/*-- ====================== IPHONE 6 AND 6 PLUS ===================== --*/
	@media all and (min-height: 667px) and (max-height: 736px) and (max-width: 767px){
	#home-wrapper{
		height:100%;
	}
	.home{
		position:absolute;
		display:inline-block;
		margin:0px;
		padding:0px;
		top:50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	footer{
		position:absolute;
		display:inline-block;
		bottom:0px;
		height:auto;
	}
}