/*omerkilinc.com.tr*/

h1 {
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 24px; font-style: normal;
	font-variant: normal; font-weight: 700; line-height: 26.4px; } h3 { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.3px; } p { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } blockquote { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }
	h2{}
	h3{}
	h4{}
	h5{}
	h6{}
	body{
		background-image: url('../resimler/zeminler/ana.jpg');
		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color:white;
		z-index: 0;
	}

	.ust{
		width: 100%;
		height: 100px;
		position: relative;
		display: inline-block;
	}


	.logo{
		width: 200px;
		height: auto;
		position: relative;
		padding: 20px;
		float: left;
		/* top:15px; */
		left:10px;
	}

	.logo>img{
		width: 100%;
		height: auto;

	}

	.firmalogo{
		width: 200px;
		height: auto;
		position: relative;
		padding: 20px;
		float: right;
		right: 0px;
		top:-10px
	}

	.firmalogo>img{
		width: 100%;
		height: auto;
		margin-top:-375px;

	}

	.SiparisKesme{

		height: 135px;
		background: #2d6287;
		border-radius: 10px;
		position: relative;
		padding: 10px;
		margin:20px


	}

	.SiparisCnc{

		height: 135px;
		background: #3e9aa5;
		border-radius: 10px;
		position: relative;
		padding: 10px;
		margin:20px


	}

	.SiparisKaplama{

		height: 135px;
		background: #225e63;
		border-radius: 10px;
		position: relative;
		padding: 10px;
		margin:20px;



	}

	.SiparisTorna{

		height: 135px;
		background: #01a38c;
		border-radius: 10px;
		position: relative;
		padding: 10px;
		margin:20px


	}


	.FirmaLogo{
		width: 200px;
		height: 115px;
		background: white;
		border-radius: 10px;
		text-align: center;
		display: inline-block;
		position: relative;
		float: left;

	}

	.FirmaLogo>img{
		width: 100%;
		height: auto;
		display: inline-block;
		padding: 10px;
		margin-top: 10px;
	}

	.IkonBeden{


		padding-right: 30px;
		padding-left: 10px;
		position: relative;
		float: left;
		margin-left: 20px;
		margin-top:30px; 
		border-right:1px solid white;

	}

	.IkonBedenSaat{

		margin-top:40px;
		position: absolute;
		display: inline-block;
		text-align: center;
		left: 0px;
		right: 0px;
	}

	.Baslik{
		margin-left:50px;
		margin-top:0px;


	}



	.Baslik>h6{
		font-size:12px;
		color:yellow;
	
		margin-top:-10px
	}

	.Baslik>h6{
		font-size:14px;
        color:white;

	}


	#Yukleme{
		background-color: rgb(192, 192, 192);
		width:500px;
		border-radius: 15px;
		float:right;
		position:relative;
		margin-top:20px;


	}

	.YuklemeSuresi {
		background-color:yellow;
		color: rgb(0, 0, 0);
		padding: 1%;
		text-align: right;
		font-size: 20px;
		border-radius: 15px;
	}


	.ParcaAdi {
		width:250px;
		padding:5px;
		background:#ff5722d4;
		float:right;
		margin-top:-25px;
		display:inline-block;



	}


  .SureKaldiRed {
		width:220px;
		padding:5px;
		background:#ff2222d4;
		float:right;
		margin-top:-25px;
		margin-left:57px;
	}

	.SureKaldiYellow {
		width:220px;
		padding:5px;
		background:#fff34fd4;
		float:right;
		margin-top:-25px;
		margin-left:57px;
	}
	.SureKaldiGreen {
		width:220px;
		padding:5px;
		background:#4afd53d4;
		float:right;
		margin-top:-25px;
		margin-left:57px;
	} 

	.KarsilamaFirmaLogo{

		width: 250px;
		height: auto;
		left: 100px;
		position: absolute;
		margin-top: 50px;
		padding: 10px;
		z-index: 2;

	}


	.KarsilamaZemin{

		position: fixed;
		width: 100%;

	}

	#Saat>p{
		color:white ;
		z-index:2;
		font-size:80px;
		position:absolute;
		left:200px;
		bottom:220px;
		font-weight:800;
		text-align: center;


		text-shadow: 4px 4px #0e7a78;

        font-weight:700 !important;
	}


	#Tarih{
		color:white ;
		z-index:2;
		font-size:30px;
		position:absolute;
		left:260px;
		bottom:150px;
		text-align: center;
	}

	.Ortala{
		margin:0px auto;
		text-align: center;
		left: 0px;
		right: 0px;
	}

	.AnlikMakine{

		height: 150px;
		background: #2d6287;
		border-radius: 10px;
		position: relative;
		padding: 10px;
		margin:20px


	}

	.FirmaLogo{
		width:250px;
		height: 115px;
		background: white;
		border-radius: 10px;
		text-align: center;
		display: inline-block;
		position: relative;
		float: left;



	}

	.FirmaLogo>img{
		width: 250px;
		height:125px;
		object-fit: cover;
		padding: 30px;
		margin:0px auto;
	}

	.AnlikMakineBaslik{
		margin-left:5px;
		margin-top:5px;


	}

	.AnlikMakineBaslik>h7{
		font-size:12px;
		color:yellow;
		font-weight:bold;
	}

	.AnlikMakineBaslik>h6{
		font-size:18px;
		text-align: center;
		color: orange;

	}

	.BakimYapildi {
		width: 307px;
		padding:5px;
		background: #8bc34ad6;
		float:right;
		margin-top:-25px;
		display:inline-block;
	}

	.BakimYaklasti {
		width: 307px;
		padding:5px;
		background: #ff5722c9;
		float:right;
		margin-top:-25px;
		display:inline-block;
	}

	.SagBilgiler{
		color:white;
		position:absolute;
		right:10px;
		margin-top:50px;
		font-size:14px;
		float: right;
		text-align: right;

	}

    .SagBilgiler>h6 { height:15px; font-weight:900 }

	.Hosgeldiniz{
		position: fixed;
		z-index: 2;
		width:500px;
		height:auto;
		float:right;
		bottom:80px;
		right:50px;


	}

	.Hosgeldiniz span{
		font-size:160px;
		font-weight:900;
		right:100px;
		position:absolute;
		bottom:200px;
		text-shadow: 4px 4px #0e7a78;
		animation: animasyon 10s ease-out infinite;
		animation-fill-mode: backwards;
		transform: translateY(-100px);
		opacity: 0;
        color:white;
        font-weight:700 !important;
	}

	.Hosgeldiniz span:nth-child(2){
		animation-delay: 3s;
	}
	.Hosgeldiniz span:nth-child(3){
		animation-delay: 6s;
	}

	@keyframes animasyon{
		0% {
			transform:translateY(-100px); opacity:0}
			5% { transform:translateY(-0px) ; opacity:1}
			30% { transform:translateY(-0px) ; opacity:1}
			40% { transform:translateY(100px) ; opacity:0}
			100% { transform:translateY(100px) ; opacity:0}
		}

		.Hosgeldiniz>img{

			left:151px;
			position:absolute;
			bottom:50px;
			background:#ffffffb3;
			padding:35px;
			border-radius:10px;
			width:250px;
		}

		.alt{
			width: 150px;
			height: 150px;
			margin:0px auto;
			left: 0px;
			right: 0px;
			position: fixed;
		}

		.alt>img{
			width: 150px;
			margin:0px auto;
			left: 0px;
			right: 0px;
			bottom: 20px;
			position: fixed;
		}

		.PersonelPerformans{

			width:55%;
			height:100px;
			padding:10px 15px;
			margin:10px auto;
			position:relative;
			border:1px solid #d4d4d4;
			border-radius:10px;
			background:#f3f3f3


		}

		.PersonelPerformans>h2{

			position:absolute;
			float:left;
			left:105px;
			margin-top:25px;
			color:#96937e;
			font-weight:600;
			font-size:20px;
		}

		.PersonelBaslik{

			color:#d29e14;
			margin:0px auto;
			lef:0px;
			right:0px;
			top:20px;
			padding:20px;
			text-align:center;
			font-size:35px;
			font-weight:900;
		}


		.Duyuru{
			width: 100%;
			height: 1080px;
			z-index: 0;
			position: fixed;

		}

		.DuyuruResim>img{
			position:fixed;
			width:100%;
			height:100%;
		}


		.DuyuruLogo{
			width:250px;
			height:120px;
			z-index:2;
			position:absolute;
			padding:20px;
			display:inline-block;
			border-radius:10px;
			margin:20px;
		}


		.DuyuruLogo>img{
			width:210px;
			z-index:2;
			position:absolute;
			padding:20px;
			display:inline-block;
			margin:-15px auto;
			background:#ffffff9c;
			border-radius:10px;
		}

		.Gecis{
			width:100%;
			height:100%;
			position:fixed;
			z-index:5;
			margin-top:-70px;
			animation: gecis 3s ease-in ;
			animation-fill-mode: backwards;

			opacity: 0;
		}

		@keyframes gecis{
			0% {  transform:translateY(-100px); opacity:1}
			100% { transform:translateY(-100px) ; opacity:0}

		}

		.Gecis>h2{

			color:#927d63;
			z-index:2;
			margin:0px auto;
			left:0px;
			right: 0px;
			top:400px;
			bottom: 0px;
			text-align:center;
			font-weight:bold;
			position:absolute;
			font-size:105px;

		}

		#AnaSaat>p{
			/* margin:10px auto; */
			text-align:center;
			/* left:0px;
			right:0px; */
			color:#607D8B;
			position:absolute;
			font-size:35px;
			font-weight:bold

		}

		.PanelBeden{
			width: 910px;
			height: auto;
			background: #0096882e;
			position: relative;
			padding: 30px;
			border-radius: 10px;
			margin-right:20px;
			margin-left:20px;
			float:left;

		}

		.PersonelAvatar{
			object-fit: cover;
		}


		#AnaSaat>h3{
			color:#927d63;
			/* top:55px; */
			text-align:center;
			  margin:0px auto;  
			font-size:35px;
			/* margin-right:195px !important; */
			position:relative;
			font-weight: bold;
		}
        .AnlikMakineLogo{

			height: 115px;
			background: white;
			border-radius: 10px;
			text-align: center;
			display: inline-block;
			position: relative;
			float: left;
            border-radius: 100px;

		}

		.AnlikMakineLogo>img{

			height: 115px;
			display: inline-block;
			padding: 10px;
			margin-top: 10px;
			object-fit: cover;
            border-radius: 100px;

		}

		.teslim{
			position:absolute;
			float:right;
			right:350px
		}

		hr {
			margin-top: $hr-margin-y;
			margin-bottom: $hr-margin-y;
			border: 0;
			border-top: $hr-border-width solid $hr-border-color;
		  }