﻿
a
{
	text-decoration: none;
}

img
{
	border-style: none;
	border-width: 0;
}

.rrRelativeWrapper
{
	border-width: 0 !important;
}

.rrClipRegion 
{
	border-width: 0 !important;
}

.scrollup
{
	width: 51px;
	height: 51px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	display: none;
	/*text-indent: -9999px;*/
	background: linear-gradient(135deg,#1b2938,#31363c);
	/*background-color: #000;*/
	z-index: 20000;

	border-radius: 14px;

	color: #fff;

	box-shadow: 0 14px 30px rgba(0,0,0,.28);

	overflow: hidden;

	transition: transform .28s ease, background .28s ease, box-shadow .28s ease, color .28s ease;
}

.scrollup:before

{

	content: "";

	position: absolute;

	left: 50%;

	top: 53%;

	width: 12px;

	height: 12px;

	border-left: 4px solid currentColor;

	border-top: 4px solid currentColor;

	transform: translate(-50%,-35%) rotate(45deg);

}

.scrollup:hover,

.scrollup:focus

{

	background: linear-gradient(135deg,#8fc7f5,#6d8cff);

	color: #07182c;

	transform: translateY(-5px);

	box-shadow: 0 20px 42px rgba(109,140,255,.38);

}

/*.scrollup:hover
{
	background: url('../images/scrollup.webp') no-repeat;
}*/

.nav-up
{
	top: -100px !important;
}

.nav-down
{
	top: 0 !important;
}

.floatingheader
{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2500; /* daha fazla da olabilir */
	-moz-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	-webkit-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
	/* Aşağıdaki öğeler de sitenin kendi stillerinde yer almalı */
	/*max-width: 1680px;
	height: 121px;
	background-color: #1c1c1c;*/


	/* YUKARIYA BANNER GELDİĞİNDE*/
	/* top: 89px; antalya 100*/
}


/*@media screen and (max-width: 1250px)
{
	.floatingheader {
		top: 80px;
	}
}
@media screen and (max-width: 1118px)
{
	.floatingheader {
		top: 70px;
	}
}
@media screen and (max-width: 980px)
{
	.floatingheader {
		top: 60px;
	}
}
@media screen and (max-width: 840px)
{
	.floatingheader {
		top: 50px;
	}
}*/

/*@media screen and (max-width: 770px)
{
	.floatingheader {
		top: 60px;
	}
}

@media screen and (max-width: 350px)
{
	.floatingheader {
		top: 50px;
	}
}*/

/*Bunlara ikon da ekleyelim. _mediumicon, _largeicon gibi alternatifleri de olabilir.*/

.warningpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #ffe58a;
	color: #000000;
}

.quotepanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: Silver;
	color: #000000;
}

.infopanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #FFC0CB;
	color: #000000;
}

.questionpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid White;
	background-color: Black;
	color: White;
}

.answerpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: White;
	color: Black;
}

.linkpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #6495ED;
	color: #000000;
}

.downloadpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #98FB98;
	color: #000000;
}

.passwordpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #FFF0F5;
	color: #000000;
}

.errorpanel
{
	padding: 10px;
	margin: 10px 0 10px 0;
	border: 1px solid Black;
	background-color: #FF0000;
	color: #ffffff;
}
