@charset "utf-8";
@import url('/vendor/gfonts/fonts.css');



/*
font-family: 'Raleway', sans-serif;
font-family: 'Khand', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Rajdhani', sans-serif;
font-family: 'Dosis', sans-serif;
font-family: 'Poiret One', cursive;
*/


@font-face {
	font-family: 'hbold';
	src: url('../fonts/hurme/hurmegeometricsans2-bold-webfont.eot');
	src: url('../fonts/hurme/hurmegeometricsans2-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/hurme/hurmegeometricsans2-bold-webfont.woff2') format('woff2'),
		 url('../fonts/hurme/hurmegeometricsans2-bold-webfont.woff') format('woff'),
		 url('../fonts/hurme/hurmegeometricsans2-bold-webfont.ttf') format('truetype'),
		 url('../fonts/hurme/hurmegeometricsans2-bold-webfont.svg#hurme_geometric_sans_2bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hregular';
	src: url('../fonts/hurme/hurmegeometricsans2-regular-webfont.eot');
	src: url('../fonts/hurme/hurmegeometricsans2-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/hurme/hurmegeometricsans2-regular-webfont.woff2') format('woff2'),
		 url('../fonts/hurme/hurmegeometricsans2-regular-webfont.woff') format('woff'),
		 url('../fonts/hurme/hurmegeometricsans2-regular-webfont.ttf') format('truetype'),
		 url('../fonts/hurme/hurmegeometricsans2-regular-webfont.svg#hurme_geometric_sans_2regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hlight';
	src: url('../fonts/hurme/hurmegeometricsans2-light-webfont.eot');
	src: url('../fonts/hurme/hurmegeometricsans2-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/hurme/hurmegeometricsans2-light-webfont.woff2') format('woff2'),
		 url('../fonts/hurme/hurmegeometricsans2-light-webfont.woff') format('woff'),
		 url('../fonts/hurme/hurmegeometricsans2-light-webfont.ttf') format('truetype'),
		 url('../fonts/hurme/hurmegeometricsans2-light-webfont.svg#hurme_geometric_sans_2light') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* =============================================================== */
/* ======================== GENEL AYARLAR ======================== */
/* =============================================================== */
html {
	min-width:960px;
	width:100%;
	height:100%;
}
body {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	background:url('../images/home-bg.jpg') no-repeat top center;
	font-weight:600;
}
.temizle {clear:both;}
.bg_sabit {background-attachment:fixed !important; background-position:center -1020px !important;}
.kapsayici {width:960px; position:relative; left:0; right:0; margin:auto;}
::-moz-selection { /* Code for Firefox */ background: #00468a; color:#fff;}
::selection {background: #00468a; color:#fff;}





/* =============================================================== */
/* ======================= HEADER TASARIM ======================== */
/* =============================================================== */
.header {width:100%; height:248px; position:relative; z-index:10;}
.logo {width:453px; height:118px; position:absolute; margin:9px 0 0 132px; z-index:2;}
.logo_isik {
	position:absolute;
	width:453px;
	height:118px;
	display:block;
	margin:11px 0 0 134px;
	opacity:0;
	background:url('../images/bi-tesisat-logo-isikli.png') no-repeat center;
}


/* KURBAĞACIK */
.kurbagacik {
	position:absolute;
	width:150px;
	height:170px;
	display:block;
	margin:93px 0 0 -102px;
	background:url('../images/kurbagacik.png') no-repeat center;
	
	-webkit-animation:kurbagacik 2s linear infinite;
    -moz-animation:kurbagacik 2s linear infinite;
    animation:kurbagacik 2s linear infinite;
}
@keyframes kurbagacik {
	25% {transform: rotate(5deg);}
	50% {transform: rotate(0deg);}
	75% {transform: rotate(-15deg);}
	100% {transform: rotate(0deg);}
}
@-moz-keyframes kurbagacik {
	25% {-moz-transform: rotate(5deg);}
	50% {-moz-transform: rotate(0deg);}
	75% {-moz-transform: rotate(-15deg);}
	100% {-moz-transform: rotate(0deg);}
}
@-webkit-keyframes kurbagacik {
	25% {-webkit-transform: rotate(5deg);}
	50% {-webkit-transform: rotate(0deg);}
	75% {-webkit-transform: rotate(-15deg);}
	100% {-webkit-transform: rotate(0deg);}
}


/* DAMLALAR */
.damla1 {
	position:absolute;
	width:11px;
	height:18px;
	display:block;
	margin:221px 0 0 -14px;
	background:url('../images/damla-1.png') no-repeat center;
	
	-webkit-animation:damla1 2s linear infinite;
    -moz-animation:damla1 2s linear infinite;
    animation:damla1 2s linear infinite;
}
@keyframes damla1 {100% {margin-top:250px; opacity:0;}}
@-moz-keyframes damla1 {100% {margin-top:250px; opacity:0;}}
@-webkit-keyframes damla1 {100% {margin-top:250px; opacity:0;}}

.damla2 {
	position:absolute;
	width:6px;
	height:11px;
	display:block;
	margin:235px 0 0 -23px;
	background:url('../images/damla-2.png') no-repeat center;
	
	-webkit-animation:damla2 1s linear infinite;
    -moz-animation:damla2 1s linear infinite;
    animation:damla2 1s linear infinite;
}
@keyframes damla2 {100% {margin-top:260px; opacity:0;}}
@-moz-keyframes damla2 {100% {margin-top:260px; opacity:0;}}
@-webkit-keyframes damla2 {100% {margin-top:260px; opacity:0;}}

.damla3 {
	position:absolute;
	width:8px;
	height:16px;
	display:block;
	margin:250px 0 0 -20px;
	background:url('../images/damla-3.png') no-repeat center;
	
	-webkit-animation:damla3 3s linear infinite;
    -moz-animation:damla3 3s linear infinite;
    animation:damla3 3s linear infinite;
}
@keyframes damla3 {100% {margin-top:280px; opacity:0;}}
@-moz-keyframes damla3 {100% {margin-top:280px; opacity:0;}}
@-webkit-keyframes damla3 {100% {margin-top:280px; opacity:0;}}


.header_whatsapp {
	width:349px;
	height:110px;
	position:absolute;
	right:0;
	top:0;
	background:url('../images/header-whatsapp.png') no-repeat center;
	color:#0d9f16;
}
.header_whatsapp a {
	color:#0d9f16;
	font-family:"Poppins", sans serif;
	letter-spacing:-0.04em;
	line-height:120%;
	margin:10px 0 0 140px;
	position:absolute;
}
.header_whatsapp a:hover {color:#F00;}
.header_whatsapp a span {display:block; font-weight:300; font-size:.88em; letter-spacing:-0.02em;}











/* =============================================================== */
/* ========================= MÜNÜ TASARIM ======================== */
/* =============================================================== */


/* MENÜ DALGA */
.menux {
	border-radius: 5px;
	position: absolute;
	left: 8px;
	top: 174px;
	width: 941px;
	height: 75px;
	z-index: 53;
	overflow:hidden;
	z-index:2;
}
.menu_dalga {
	position: absolute;
	left: 0px;
	top: 0;
	width: 1070px;
	height: 140px;
	background:url('../images/menu-dalga.png') no-repeat center -40px;
	
	-webkit-animation:menudalga 4s linear infinite;
    -moz-animation:menudalga 4s linear infinite;
    animation:menudalga 4s linear infinite;
}
@keyframes menudalga {
	50% {background:url('../images/menu-dalga.png') no-repeat -20px -40px;}
	100% {background:url('../images/menu-dalga.png') no-repeat 0 -40px;}
}
@-moz-keyframes menudalga {
	50% {background:url('../images/menu-dalga.png') no-repeat -20px -40px;}
	100% {background:url('../images/menu-dalga.png') no-repeat 0 -40px;}
}
@-webkit-keyframes menudalga {
	50% {background:url('../images/menu-dalga.png') no-repeat -20px -40px;}
	100% {background:url('../images/menu-dalga.png') no-repeat 0 -40px;}
}


/* MENÜ TASARIM */
.menu {
	border-radius: 5px;
	position: absolute;
	left: 15px;
	top: 174px;
	width: 941px;
	height: 75px;
	z-index: 53;
}
.menu > ul > li {
	list-style:none;
	float:left;
	background:url('../images/menu-ayrac.png') no-repeat bottom right;
	position:relative;
	margin-right:5px;
	padding-right:10px;
	margin-top:15px
}
.menu > ul > li:last-child {background:none;}
.menu > ul > li > a {
	font-family:"Dosis", Arial, Helvetica, sans-serif;
	color:#043978;
	padding:20px 14px;
	display:block;
	font-size:.95em;
	font-weight:800;
	text-transform:uppercase;
	position:relative;
	letter-spacing:-0.02em;
	text-shadow:0 1px 0 rgba(255,255,255,.2);
}
.menu > ul > li:hover > a, .menu > ul > li.active > a {color:#fff; text-shadow:0 0 30px #fff;}
.menu > ul > li > a > i {position:absolute !important; font-size:1.10em !important; margin-left:-22px;}
.alt_menulu {padding-right:4px;}
.alt_menulu:before {
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	right:10px;
	top:22px;
	color:#043978;
	text-shadow:0 1px 0 rgba(255,255,255,.2);
}


/* ALT MENÜ TASARIM */
.menu > ul li ul {
	display:none;
	/*background:#9d3731;*/
	padding:5px;
	width:240px;
	height:auto;
	position:absolute;
	
	background-image: -moz-linear-gradient( 90deg, rgb(60,131,207) 0%, rgb(126,196,216) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(60,131,207) 0%, rgb(126,196,216) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(60,131,207) 0%, rgb(126,196,216) 100%);

	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.menu > ul li ul:after {
	position:absolute;
	content:'';
	width:250px;
	height:80px;
	bottom:-30px;
	left:0;
	z-index:-1;
	background:#3c83cf;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-transform: skewY(-7deg);
	-webkit-transform: skewY(-7deg);
	-o-transform: skewY(-7deg);
	-ms-transform: skewY(-7deg);
	transform: skewY(-7deg);
}
.menu ul li:hover > ul {display:block;}
.menu > ul > li > ul li a {
	color:#fff;
	font-size:.80em;
	padding:9px;
	padding-left:20px;
	display:block;
	letter-spacing:-0.02em;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.menu > ul > li > ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	margin-left:-10px;
	margin-top:2px;
}
.menu > ul > li > ul li:hover > a,
.menu > ul > li > ul li a.active {
	background:#fff;
	color:#3c83cf;
	margin-left:-20px;
}


/* ALT ALT MENÜ */
.menu ul li ul li ul {
	margin-left:235px;
	margin-top:-46px;
	border-top:solid 7px #00407c;
	background:#fff;
	z-index:2;
}
.menu ul li ul li ul li a {color:#00407c;}
.menu ul li ul li ul li a:hover {color:#fff; background:#00407c;}
.menu ul li ul li ul:after {background:#fff; z-index:-1;}



/* LAVALAMP MENÜ */
.lavalamp-object {background:url('../images/lavalamp-logo-icon.png') no-repeat center 45px;}
/*
.lavalamp-object:before {
	content:'';
	position:absolute;
	width:100%;
	height:4px;
	background:#fff;
}
*/







/* =============================================================== */
/* ======================= HOME HİZMETLER ======================== */
/* =============================================================== */
.home_hizmetler {
	width:100%;
	min-width:960px;
	height:540px;
	position:relative;
	background:url('../images/hizmetler-bg.jpg') no-repeat top center;
}
.home_hizmetler > .kapsayici > div {
	width:320px;
	height:462px;
	position:relative;
	float:left;
}
.home_hizmetler > .kapsayici > div:nth-child(1):hover {background:url('../images/hizmetler-hover.jpg') no-repeat left center;}
.home_hizmetler > .kapsayici > div:nth-child(2):hover {background:url('../images/hizmetler-hover.jpg') no-repeat -320px center;}
.home_hizmetler > .kapsayici > div:nth-child(3):hover {background:url('../images/hizmetler-hover.jpg') no-repeat -640px center;}
.home_hizmetler > .kapsayici > div > a {
	background:#ccc;
	color:#fff;
	padding:8px 15px;
	text-align:center;
	width: 110px;
	position:relative;
	left:0;
	right:0;
	margin:auto;
	display:block;
	font-size:.75em;
	font-weight:400;
	font-family:"Poppins", sans serif;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.home_hizmetler > .kapsayici > div:hover > a {background:#009bb9;}


/* HİZMETLER TEXT */
.home_hizmetler > .kapsayici > div h1,
.home_hizmetler > .kapsayici > div h2,
.home_hizmetler > .kapsayici > div h3 {
	width:100%;
	height:360px;
	text-align:center;
	position:relative;
}
.home_hizmetler > .kapsayici > div h1 a,
.home_hizmetler > .kapsayici > div h2 a,
.home_hizmetler > .kapsayici > div h3 a {
	width:140px;
	height:90px;
	line-height:90px;
	display:table;
	color:#fff;
	left:0;
	right:0;
	margin:auto;
	margin-top:30px;
	position:relative;
	text-align:center;
	font-family:"Poppins", sans serif;
	font-size:1.20em;
	font-weight:600;
	letter-spacing:-0.02em;
    word-wrap:break-word;
}
.home_hizmetler > .kapsayici > div h1 a span,
.home_hizmetler > .kapsayici > div h2 a span,
.home_hizmetler > .kapsayici > div h3 a span {
	height:90px;
	position:relative;
	display: table-cell;
	vertical-align: middle;
	line-height: 100%;
}
.home_hizmetler > .kapsayici > div h1 a:hover,
.home_hizmetler > .kapsayici > div h2 a:hover,
.home_hizmetler > .kapsayici > div h3 a:hover {
	text-shadow:0 0 30px #fff;
}
.home_hizmetler > .kapsayici > div p {
	padding:15px;
	display:block;
	color:#666;
	font-family:"Poppins", sans serif;
	font-weight:400;
	font-size:.75em;
	text-align:justify;
	line-height:150%;
}
.home_hizmetler > .kapsayici > div:hover p {color:#009bb9;}









/* =============================================================== */
/* ========================= HOME MAKALELER ====================== */
/* =============================================================== */
.home_makaleler {width:100%; height:1100px; position:relative; margin-top:220px; background:url('../images/dalga.jpg') no-repeat center 270px;}
.makale_adam {
	background: url("../images/makale-adam.png") no-repeat center;
	position: absolute;
	width: 177px;
	height: 180px;
	margin-top:-180px;
	display:block;
	z-index:3;
}
.tum_makaleler {
	background:#00adee;
	color:#fff;
	padding:10px;
	height:30px;
	margin-top:-50px;
	right:70px;
	position:absolute;
	font-weight:300;
	font-size:.90em;
	font-family:"Poppins", sans serif;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.tum_makaleler span {font-weight:600;}
.tum_makaleler:hover {height:40px; margin-top:-60px;}
.makale_resim {
	background:#00468a;
	-webkit-box-shadow: 0 0 40px 15px rgba(0,0,0,.4);
	box-shadow: 0 0 40px 15px rgba(0,0,0,.4);
	width: 800px;
	height: 400px;
	position:relative;
	overflow:hidden;
	outline:solid 5px #fff;
}
.makale_slider article:after {
	content:'';
	width: 800px;
	height: 400px;
	position:absolute;
	outline:solid 3px #00adee;
	z-index:-2;
	left:-20px;
	top:-20px;
	
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* MAKALE TEXT */
.makale_text {
	width:260px;
	height:310px;
	position:absolute;
	top:25px;
	right:-120px;
	padding:20px;
	background:#009bb9 url('../images/home-makale-bg.jpg') no-repeat center;
	-webkit-box-shadow: 0 0 40px 15px rgba(0,0,0,.4);
	box-shadow: 0 0 40px 15px rgba(0,0,0,.4);
}
.makale_text h4 {
	text-align:center; 
	color:#fff;
	font-family:"Poppins", sans serif;
	font-weight:700;
	letter-spacing:-0.03em;
	font-size:1.40em;
	line-height:120%;
	padding-bottom:30px;
	margin-bottom:10px;
	background:url('../images/home-makele-baslik-line.png') no-repeat center bottom;
}
.makale_text p {
	color:#013669;
	text-align:center;
	line-height:150%;
	font-size:.80em;
	font-weight:600;
	font-family:"Poppins", sans serif;
}
.makale_text a {
	width:150px;
	height:35px;
	position:relative;
	display:block;
	color:#fff;
	text-align:center;
	line-height:35px;
	font-family:"Poppins", sans serif;
	font-weight:500;
	font-size:.75em;
	letter-spacing:-0.02em;
	left:0;
	right:0;
	margin:auto;
	margin-top:20px;
	background:url('../images/home-makele-btn.png') no-repeat center top;
}
.makale_text a:hover {background:url('../images/home-makele-btn.png') no-repeat center bottom;}









/* =============================================================== */
/* ============================ HOME FORM ======================== */
/* =============================================================== */

#home_form {position:relative; width:600px; left:0; right:0; margin:auto; margin-top:50px;}
#home_form > div {width:250px; float:left; margin-right:50px; margin-bottom:10px;}
#home_form label {
	color:#fff;
	display:block;
	font-family:"Poppins", sans serif;
	font-size:.85em;
	letter-spacing:normal;
	font-weight:500;
	margin-bottom:5px;
}
#home_form label i {font-size:.70em; color:#F00; top:-2px; padding:0 3px; position:relative;}
#home_form input[type="text"], #home_form input[type="email"], #home_form textarea {
	background:#fbfbfb;
	border:none;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	color:#a07206;
	font-family:"Poppins", sans serif;
	font-weight:400;
	letter-spacing:normal;
	padding:15px;
	border-left:solid 5px #a07206;
	width:100%;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#home_form input[type="text"]:hover, #home_form input[type="email"]:hover, #home_form textarea:hover,
#home_form input[type="text"]:focus, #home_form input[type="email"]:focus, #home_form textarea:focus {
	-webkit-box-shadow: 0 10px 30px 0 rgba(191,132,12,1);
	box-shadow: 0 10px 30px 0 rgba(191,132,12,1);
}
#home_form textarea {height:100px;}
#home_form input[type="submit"] {
	background-color:#096;
	border:none;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	color:#fff;
	padding:12px 20px;
	float:left;
	margin-right:10px;
	cursor:pointer;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#home_form input[type="submit"]:hover,#home_form input[type="submit"]:active {background:#027d54;}
#home_form button[type="reset"] {
	background:rgba(160,114,6,.2);
	border:none;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	color:#fff;
	padding:12px 20px;
	float:left;
	cursor:pointer;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#home_form button[type="reset"]:hover, #home_form button[type="reset"]:active {background:rgba(160,114,6,1);}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #ebb841;}
::-moz-placeholder { /* Firefox 19+ */color: #ebb841;}
:-ms-input-placeholder { /* IE 10+ */color: #ebb841;}
:-moz-placeholder { /* Firefox 18- */color: #ebb841;}









/* =============================================================== */
/* ==================== BANNER VE BREADCRUMB ===================== */
/* =============================================================== */
.banner_bg {
	width:100%;
	height:480px;
	position:relative;
	margin:20px 0 0 0;
	background:url('../images/banner-bg.png') no-repeat center;
}
.banner {
	position:absolute;
	width:100%;
	margin-top:100px;
	height:380px;
	background:#00468a;
	overflow:hidden;
	
	-webkit-box-shadow: 0 0 60px 5px rgba(0,0,0,.8);
	box-shadow: 0 0 60px 5px rgba(0,0,0,.8);
}
.breadCrumb {position:absolute; margin-top:60px;}
.breadCrumb li {list-style:none; float:left;}
.breadCrumb li a {color:#fff; margin:4px 30px 4px 0; display:block; font-weight:500; font-size:.80em; position:relative;}
.breadCrumb li a:hover {text-decoration:underline;}
.breadCrumb li a:before {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	
	right:-20px;
	position:absolute;
	text-decoration:none !important;
}
.breadCrumb li:last-child a:before {display:none;}









/* =============================================================== */
/* ======================== SAYFA TASARIM ======================== */
/* =============================================================== */
.sayfa_kapsayici {position:relative; margin-top:-50px; margin-bottom:30px;}
.kuvet {
	position:absolute;
	width:100%;
	height:498px;
	top:900px;
	z-index:-1;
	background:url('../images/kuvet.png') no-repeat 67vw center;
}
.sayfa_bg {
	width:930px;
	min-height:700px;
	height:auto;
	left:0;
	right:0;
	margin:auto;
	background:#ebf8fc;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sayfa_bg:after {
	content:'';
	width:691px;
	height:661px;
	position:absolute;
	background:url('../images/sayfa_menu_ayrac.png') no-repeat center;
	top:0;
	z-index:0;
	right:29px;
}
.sayfa_golge {
	position:relative;
	width:100%;
	height:61px;
	background:url('../images/sayfa_golge.png') no-repeat center;
}
.sayfa_alt {
	width:950px;
	height:82px;
	position:relative;
	left:-10px;
	z-index:1;
	margin-top:-10px;
	background:url('../images/sayfa-alt.png') no-repeat center;
}
.sayfa_alt:after {
	content:'';
	position:absolute;
	width:283px;
	height:324px;
	left:-283px;
	top:-282px;
	background:url('../images/sayfa-alt-lavabo.png') no-repeat center;
}
.detay_hizmet {margin-bottom:40px;}






/* =============================================================== */
/* =========================== SOL BLOK ========================== */
/* =============================================================== */
.sol_blok {
	position:relative;
	width:260px;
	min-height:700px;
	height:auto;
	float:left;
	z-index:1;
}
.sol-menu-boru {
	position:relative;
	width:100%;
	height:185px;
	right:0;
	top:-19px;
	background:url('../images/sol-menu-boru.png') no-repeat right center;
}

/* YAN MENÜ */
.yan_menu {position:relative; background:#0090c3; left:-15px;}
.yan_menu:after {
	content:'';
	position:absolute;
	width:250px;
	height:27px;
	display:block;
	bottom:-27px;
	background:url('../images/menu_golge.png') no-repeat center;
}
.yan_menu li {
	list-style:none;
	float:none;
	border-top:solid 1px rgba(255,255,255,.2);
	border-bottom:solid 1px #0485b3;
}
.yan_menu li:first-child {border-top:none;}
.yan_menu li:last-child {border-bottom:none;}
.yan_menu li a {
	color:#fff;
	position:relative;
	padding:10px;
	padding-left:30px;
	display:block;
	font-weight:400;
	font-size:.85em;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.yan_menu li a:after {
	content:'';
	position:absolute;
	width:15px;
	height:1px;
	background:rgba(255,255,255,.4);
	left:7px;
	top:15px;
}
.yan_menu li a:hover,.yan_menu li a.active {background:#0545ad; margin-right:-15px;}
.yan_menu li a:hover:before, .yan_menu li a.active:before {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	
	right:15px;
	position:absolute;
}

.yan_menu_call {
	width:243px;
	height:418px;
	position:relative;
	left:-15px;
	margin-top:50px;
	background:url('../images/yan_menu_call.png') no-repeat center;
}
.yan_menu_call a {
	position:absolute;
	color:#0090c3;
	text-align:center;
	font-family:"Poppins", sans serif;
	letter-spacing:-0.03em;
	line-height:130%;
	font-size:1.20em;
	margin:35px 0 0 30px;
}
.yan_menu_call a:hover {color:#f37188;}
.yan_menu_call a span {display:block; font-weight:300; font-size:.90em;}








/* =============================================================== */
/* ========================== ORTA BLOK ========================== */
/* =============================================================== */
.orta_blok {
	position:relative;
	width:610px;
	padding:30px;
	min-height:640px;
	height:auto;
	float:right;
	z-index:1;
}
.orta_blok h1, .orta_blok h2, .orta_blok h3, .orta_blok h4, .orta_blok h5, .orta_blok h6 {
	color:#0090c3;
	font-family:"Poppins", sans serif;
	font-size:1.20em;
	letter-spacing:-0.03em;
	margin:0 0 10px 0;
	position:relative;
}
.orta_blok .text p {
	color:#003a4e;
	text-align:justify;
	margin-bottom:20px;
	line-height:180%;
	font-weight:400;
	font-size:.90em;
}
.orta_blok .text iframe {min-width:100%;}
.orta_blok .text a {color:#F33; font-weight:700;}
.orta_blok .text a:hover {text-decoration:underline;}
.orta_blok .text ul {
	margin-bottom:20px;
	margin-left:30px;
	padding-left:10px;
	border-left:solid 4px #0090c3;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.orta_blok .text ul li {
	color:#003a4e;
	text-align:justify;
	line-height:180%;
	font-weight:400;
	font-size:.90em;
	padding:7px;
	padding-left:20px;
	position:relative;
	border-bottom:dashed 1px rgba(0,58,78,.2);
}
.orta_blok .text ul li:before {
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	
	color:#0090c3;
	font-size:.80em;
	top:8px;
	left:0px;
	position:absolute;
}
.orta_blok .text ul li:last-child {border:none;}
.orta_blok .text img {
	position:relative;
	margin:20px 0;
	max-width:100%;
	outline:solid 5px #fff;

	-webkit-box-shadow: 0 0 30px 5px rgba(2,102,137,.4);
	box-shadow: 0 0 30px 5px rgba(2,102,137,.4);
}
.orta_blok .text img:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	-webkit-box-shadow: 0 20px 70px 5px rgba(2,102,137,.6);
	box-shadow: 0 20px 70px 5px rgba(2,102,137,.6);
}

/* ETİKETLER */
.etiketler a {
	color:#0090c3;
	position:relative;
	display:inline-block;
	padding:4px 9px;
	margin: 0.3em 0.3em 0.3em 0;
	border: 1px dashed rgba(0,144,195,.3);
	font-size:.80em;
	font-weight:400;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.etiketler a:hover {color:#fff; background:#0090c3; border: 1px dashed #0090c3;}


/* SAYFA GALERİ */
.galeri li {
	list-style:none;
	float:left;
	width:196px;
	height:auto;
	position:relative;
	padding:0;
	margin:0 10px 10px 0;
	z-index:1;
	
	overflow:hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.galeri li:nth-child(3n+0) {margin-right:0;}
.galeri li:hover {
	z-index:2;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	
	-webkit-box-shadow: 0 0 60px 5px rgba(0,0,0,.6);
	box-shadow: 0 0 60px 5px rgba(0,0,0,.6);
}
.galeri li a {position:relative; display:block;}
.galeri li a img {
	max-width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}








/* =============================================================== */
/* ======================= LİSTELE ORTA BLOK ===================== */
/* =============================================================== */
.listele_sayfa_bg {
	width:930px;
	min-height:700px;
	height:auto;
	left:0;
	right:0;
	margin:auto;
	margin-top:-365px;
	background:#ebf8fc;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.listele_orta_blok {
	position:relative;
	width:870px;
	padding:30px;
	min-height:640px;
	height:auto;
	float:right;
	z-index:1;
}
.listele_orta_blok h1, .listele_orta_blok h2, .listele_orta_blok h3, .listele_orta_blok h4, .listele_orta_blok h5, .listele_orta_blok h6 {
	color:#0090c3;
	font-family:"Poppins", sans serif;
	font-size:1.20em;
	letter-spacing:-0.03em;
	margin:0 0 10px 0;
	position:relative;
}
.listele_orta_blok h1 {margin-bottom:50px;}

.listele_sayfa {width:283px; margin-right:10px; margin-bottom:20px; position:relative; float:left;}
.listele_sayfa:nth-child(3n+1) {margin-right:0;}
.listele_sayfa a {text-align:center; color:#0090c3; display:block; position:relative;}
.listele_sayfa a span {padding:10px; display:block; padding-right:12px;}
.listele_sayfa a:hover span {text-decoration:underline; color:#F00;}
.listele_sayfa a:hover img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.listele_sayfa img {
	max-width:98%;
	position:relative;
	padding:1%;
	
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}
.listele_sayfa div {
	position:relative;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	
	border:dashed 1px #0090c3;
	
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}
.listele_sayfa div:after {
	content:'';
	position:absolute;
	background:url('../images/baloncuk.png');
	display:block;
	z-index:9999;
	width:100%;
	height:500px;
	top:0;
	opacity:0;
}
.listele_sayfa:hover div:after {
	opacity:1;
	-webkit-animation:listele_baloncuk 5s linear infinite;
    -moz-animation:listele_baloncuk 5s linear infinite;
    animation:listele_baloncuk 5s linear infinite;
}
@keyframes listele_baloncuk {100% {top:-500px; opacity:1;}}
@-moz-keyframes listele_baloncuk {100% {top:-500px; opacity:1;}}
@-webkit-keyframes listele_baloncuk {100% {top:-500px; opacity:1;}}








/* =============================================================== */
/* ======================== LİSTELE TASARIM ====================== */
/* =============================================================== */
.listele_manuel {margin-top:20px; width:100%; min-height:160px; height:auto; margin-right:40px; background:url('../images/footer-menu-ayrac.png') no-repeat right top;}
.listele_manuel li {list-style:none; float:none; border-bottom: dashed 1px rgba(0,58,78,.2);}
.listele_manuel li a {
	color:#999;
	font-family:"hlight", Arial, Helvetica, sans-serif;
	padding:5px;
	font-size:.90em;
	display:block;
	letter-spacing:0.03em;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.listele_manuel li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	color:#009bb9;
	margin:6px 0 0 -15px;
	opacity:0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.listele_manuel li a:hover {text-decoration:underline; padding-left:7px; color:#009bb9;}	
.listele_manuel li:hover:before {opacity:1; margin-left:-5px;}	










/* =============================================================== */
/* ======================= İLETİŞİM TASARIM ====================== */
/* =============================================================== */
.iletisim_sayfa_kapsayici {position:relative; margin-top:-365px; margin-bottom:30px;}
.iletisim_telefon_buyuk {
	position:absolute;
	width:100%;
	height:600px;
	top:750px;
	z-index:-1;
	background:url('../images/telefon-buyuk.png') no-repeat 70vw bottom, url('../images/kuvet.png') no-repeat 8vw top;
}
.iletisim_sayfa_bg {
	width:930px;
	min-height:700px;
	height:auto;
	left:0;
	right:0;
	margin:auto;
	background:#ebf8fc;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sayfa_golge {
	position:relative;
	width:100%;
	height:61px;
	background:url('../images/sayfa_golge.png') no-repeat center;
}
.iletisim_sayfa_alt {
	width:950px;
	height:82px;
	position:relative;
	left:-10px;
	z-index:1;
	margin-top:-10px;
	background:url('../images/sayfa-alt.png') no-repeat center;
}
.telefon_mail {
	position:absolute;
	width:216px;
	height:365px;
	margin-left:-127px;
	margin-top:90px;
	z-index:2;
	background:url('../images/telefon-mail.png') no-repeat center;
}



/* İLETİŞİM TEXT */
.iletisim_text {
	position:relative;
	width:100%;
	height:300px;
	border-bottom:solid 10px #0a82aa;
	background:url('../images/iletisim-text-bg.jpg') no-repeat center;
}
.iletisim_resim {
	position:absolute;
	width:300px;
	height:400px;
	overflow:hidden;
	z-index:2;
	left:30px;
	margin-top:-50px;
	background:#fff;
	
	-webkit-box-shadow: 0 0 40px 5px rgba(0,0,0,.8);
	box-shadow: 0 0 40px 5px rgba(0,0,0,.8);
}
.iletisim_bilgileri {
	position:absolute;
	margin:45px 0 0 430px;
	width:350px;
	color:#fff;
	font-family:"Poppins", sans serif;
	font-weight:300;
	font-size:.90em;
	line-height:180%;
}
.iletisim_bilgileri span {font-weight:600; width:70px; display:inline-block;}
.iletisim_bilgileri > div {margin-bottom:20px;}
.iletisim_bilgileri a {color:#fff;}
.iletisim_bilgileri a:hover {text-decoration:underline;}
.iletisim_bilgileri > div:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	
	position:absolute;
	color:#065a76;
	text-shadow:0 1px 0 rgba(255,255,255,.3);
	font-size:2em;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	left:-70px;
	border:dashed 1px rgba(255,255,255,.4);
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.iletisim_bilgileri > div:nth-child(1):before {content: "\f041";}
.iletisim_bilgileri > div:nth-child(2):before {content: "\f095";}
.iletisim_bilgileri > div:nth-child(3):before {content: "\f0e0";}



/* GOOGLE MAPS */
.google_map {
	position:relative;
	width:465px;
	height:600px;
	float:left;
	overflow:hidden;
}



/* İLETİŞİM FORM */
.iletisim_formu {
	position:relative;
	width:465px;
	height:600px;
	float:right;
	background:url('../images/iletisim-form-bg.jpg') no-repeat center;
}
.iletisim_kadin {
	position:relative;
	width:539px;
	height:291px;
	margin-left:-100px;
	margin-top:-80px;
	background:url('../images/iletisim-kadin.png') no-repeat center;
}
.iletisim_kadin span {
	position:absolute;
	width:370px;
	text-align:right;
	font-size:.80em;
	color:#fff;
	margin:112px 0 0 50px;
	font-family:"Poppins", sans serif;
	font-weight:400;
}

#iletisim_form {position:relative; width:400px; left:0; right:0; margin:auto;}
#iletisim_form > div {margin-bottom:10px;}
#iletisim_form input[type="text"], #iletisim_form input[type="email"], #iletisim_form textarea {
	background:#fbfbfb;
	border:none;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	color:#a07206;
	font-family:"Poppins", sans serif;
	font-weight:400;
	letter-spacing:normal;
	padding:3% 4%;
	width:92%;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#iletisim_form input[type="text"]:hover, #iletisim_form input[type="email"]:hover, #iletisim_form textarea:hover,
#iletisim_form input[type="text"]:focus, #iletisim_form input[type="email"]:focus, #iletisim_form textarea:focus {
	-webkit-box-shadow: 0 10px 40px 0 rgba(35,107,13,1);
	box-shadow: 0 10px 40px 0 rgba(35,107,13,1);
}
#iletisim_form textarea {height:125px;}
#iletisim_form input[type="submit"] {
	background-color:#236b0d;
	border:none;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	color:#fff;
	padding:12px 20px;
	float:left;
	margin-right:10px;
	cursor:pointer;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#iletisim_form input[type="submit"]:hover,#iletisim_form input[type="submit"]:active {background:rgba(31,79,14,1);}
#iletisim_form button[type="reset"] {
	background:rgba(31,79,14,.4);
	border:none;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	color:#fff;
	padding:12px 20px;
	float:left;
	cursor:pointer;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#iletisim_form button[type="reset"]:hover, #iletisim_form button[type="reset"]:active {background:rgba(31,79,14,1);}










/* =============================================================== */
/* ======================= FOOTER TASARIM ======================== */
/* =============================================================== */
footer {
	width:100%;
	height:466px;
	position:relative;
	background:url('../images/footer.jpg') no-repeat center bottom, url('../images/footer-top.png') no-repeat center top;
}
footer .kapsayici {padding-top:28px;}
.footer_whatsapp {
	width:393px;
	height:81px;
	padding-top:15px;
	display:block;
	left:0;
	right:0;
	position:relative;
	margin:auto;
	margin-bottom:30px;
	color:#fff;
	font-family:"Dosis", sans serif;
	font-weight:700;
	font-size:1.60em;
	padding-left:180px;
}
.footer_whatsapp span {
	display:block;
	line-height:120%;
	letter-spacing:-0.03em;
	font-size:.60em;
	font-weight:300;
	font-family:"Poppins", sans serif;
}
.footer_whatsapp:hover {text-shadow:0 0 30px #fff;}
.footer_whatsapp:after {
	content:'';
	position:absolute;
	width:72px;
	height:65px;
	background:url('../images/whatsapp-hand.png') no-repeat center;
	margin:-35px 0 0 20px;
	
	-webkit-animation:whatspp_hand 2s linear infinite;
    -moz-animation:whatspp_hand 2s linear infinite;
    animation:whatspp_hand 2s linear infinite;
}
@keyframes whatspp_hand {
	25% {transform: rotate(5deg);}
	50% {transform: rotate(0deg);}
	75% {transform: rotate(-15deg);}
	100% {transform: rotate(0deg);}
}
@-moz-keyframes whatspp_hand {
	25% {-moz-transform: rotate(5deg);}
	50% {-moz-transform: rotate(0deg);}
	75% {-moz-transform: rotate(-15deg);}
	100% {-moz-transform: rotate(0deg);}
}
@-webkit-keyframes whatspp_hand {
	25% {-webkit-transform: rotate(5deg);}
	50% {-webkit-transform: rotate(0deg);}
	75% {-webkit-transform: rotate(-15deg);}
	100% {-webkit-transform: rotate(0deg);}
}



/* GO TOP */
.goTop {
	width:120px;
	height:117px;
	position:absolute;
	background:url('../images/yukari.png') no-repeat center;
	right:0;
	top:27px;
	display:block;
}
.goTop:hover {background:url('../images/yukari-hover.png') no-repeat center;}



/* FOOTER MENÜ */
.footerMenu {position:relative; float:left;}
.footerMenu h3 {
	position:relative;
	color:#009bb9;
	font-family:"Poppins", Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:1.40em;
	letter-spacing:-0.05em;
}
.footerMenu h3:before {
	content:'';
	position:absolute;
	bottom:-5px;
	width:45px;
	left:0;
	height:3px;
	background:#009bb9;
}
.footerMenu ul {margin-top:20px; width:150px; min-height:160px; height:auto; margin-right:40px; background:url('../images/footer-menu-ayrac.png') no-repeat right top;}
.footerMenu ul li {list-style:none; float:none;}
.footerMenu ul li a {
	color:#999;
	font-family:"hlight", Arial, Helvetica, sans-serif;
	padding:3px 0;
	letter-spacing:-0.01em;
	font-size:.85em;
	display:block;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.footerMenu ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position:absolute;
	color:#009bb9;
	margin:6px 0 0 -15px;
	opacity:0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.footerMenu ul li a:hover {text-decoration:underline; padding-left:7px; color:#009bb9;}	
.footerMenu ul li:hover:before {opacity:1; margin-left:-5px;}	


/* FOOTER CONTACT */
.footer_iletisim ul {width:290px; background:none;}
.footer_iletisim ul li {
	list-style:none;
	float:none;
	color:#999;
	font-family:"hlight", Arial, Helvetica, sans-serif;
	padding:3px 0;
	letter-spacing:0.02em;
	font-size:.85em;
	display:block;
	padding-left:13px;
	line-height:150%;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.footer_iletisim ul li a {font-size:1.10em; letter-spacing:normal;}
.footer_iletisim ul li:before {content:''; display:none;}
.footer_iletisim ul li i {
	font-size:1.25em;
	margin-top:1px;
	position:absolute;
	left:-10px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


/* FOOTER SOSYAL */
.footerSosyal {position:relative; float:left;}
.footerSosyal ul {margin-top:30px; width:200px; min-height:160px; height:auto; margin-right:40px; background:url('../images/footer-menu-ayrac.png') no-repeat right top;}
.footerSosyal h3 {
	position:relative;
	color:#009bb9;
	font-family:"Poppins", Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:1.40em;
	letter-spacing:-0.05em;
}
.footerSosyal h3:before {
	content:'';
	position:absolute;
	bottom:-5px;
	width:45px;
	left:0;
	height:3px;
	background:#009bb9;
}
.sosal_text {position:relative; color:#ccc; font-size:.75em; font-weight:300; margin-top:15px; clear:both; line-height:150%;}
.footerSosyal ul li {list-style:none; float:left;}
.footerSosyal ul li a {
	width:35px;
	height:35px;
	line-height:35px;
	position:relative;
	display:block;
	color:#fff;
	text-align:center;
	margin-right:5px;
	-webkit-mask-image: url('../images/sosyal-bg.svg');
    mask-image: url('../images/sosyal-bg.svg');
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.footerSosyal ul li a:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.footerSosyal ul li a i {width:35px; height:35px; line-height:35px; display:block;}
.footer_facebook {background-color:#4267b2;}
.footer_instagram {background-color:#9773d3;}
.footer_twitter {background-color:#72d0ee;}
.footer_linkedin {background-color:#30a8e6;}
.footer_youtube {background-color:#ed676b;}

.footer_facebook:hover {background-color:#f5f5f5; color:#4267b2;}
.footer_instagram:hover {background-color:#f5f5f5; color:#9773d3;}
.footer_twitter:hover {background-color:#f5f5f5; color:#72d0ee;}
.footer_linkedin:hover {background-color:#f5f5f5; color:#30a8e6;}
.footer_youtube:hover {background-color:#f5f5f5; color:#ed676b;}


/* FOOTER RESERVED */
.reserved {
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	font-weight:400;
	line-height:160%;
	width:100%;
	position:absolute;
	top:395px;
	text-align:center;
}



/* =============================================================== */
/* ====================== FOOTER BALONCUK ======================== */
/* =============================================================== */
.footer_baloncuk1 {
	position:absolute;
	width:10px;
	height:10px;
	display:block;
	opacity:0;
	margin:290px 0 0 0px;
	background:url('../images/footer-baloncuk-1.png') no-repeat center;
	
	-webkit-animation:footer_baloncuk1 2s linear infinite;
    -moz-animation:footer_baloncuk1 2s linear infinite;
    animation:footer_baloncuk1 2s linear infinite;
}
@keyframes footer_baloncuk1 {50% {margin-top:270px; opacity:1;} 100% {margin-top:250px; opacity:0;}}
@-moz-keyframes footer_baloncuk1 {50% {margin-top:270px; opacity:1;} 100% {margin-top:250px; opacity:0;}}
@-webkit-keyframes footer_baloncuk1 {50% {margin-top:270px; opacity:1;} 100% {margin-top:250px; opacity:0;}}


.footer_baloncuk2 {
	position:absolute;
	width:14px;
	height:13px;
	display:block;
	opacity:0;
	margin:300px 0 0 -35px;
	background:url('../images/footer-baloncuk-2.png') no-repeat center;
	
	-webkit-animation:footer_baloncuk2 3s linear infinite;
    -moz-animation:footer_baloncuk2 3s linear infinite;
    animation:footer_baloncuk2 3s linear infinite;
}
@keyframes footer_baloncuk2 {50% {margin-top:270px; opacity:1;} 100% {margin-top:250px; opacity:0;}}
@-moz-keyframes footer_baloncuk2 {50% {margin-top:270px; opacity:1;} 100% {margin-top:250px; opacity:0;}}
@-webkit-keyframes footer_baloncuk2 {50% {margin-top:270px; opacity:1;} 100% {margin-top:250px; opacity:0;}}


.footer_baloncuk3 {
	position:absolute;
	width:18px;
	height:19px;
	display:block;
	opacity:0;
	margin:280px 0 0 -60px;
	background:url('../images/footer-baloncuk-3.png') no-repeat center;
	
	-webkit-animation:footer_baloncuk3 4s linear infinite;
    -moz-animation:footer_baloncuk3 4s linear infinite;
    animation:footer_baloncuk3 4s linear infinite;
}
@keyframes footer_baloncuk3 {50% {margin-top:240px; opacity:1;} 100% {margin-top:200px; opacity:0;}}
@-moz-keyframes footer_baloncuk3 {50% {margin-top:240px; opacity:1;} 100% {margin-top:200px; opacity:0;}}
@-webkit-keyframes footer_baloncuk3 {50% {margin-top:240px; opacity:1;} 100% {margin-top:200px; opacity:0;}}


.footer_baloncuk4 {
	position:absolute;
	width:10px;
	height:10px;
	display:block;
	opacity:0;
	margin:220px 0 0 -10px;
	background:url('../images/footer-baloncuk-4.png') no-repeat center;
	
	-webkit-animation:footer_baloncuk4 3s linear infinite;
    -moz-animation:footer_baloncuk4 3s linear infinite;
    animation:footer_baloncuk4 3s linear infinite;
}
@keyframes footer_baloncuk4 {50% {margin-top:200px; opacity:1;} 100% {margin-top:180px; opacity:0;}}
@-moz-keyframes footer_baloncuk4 {50% {margin-top:200px; opacity:1} 100% {margin-top:180px; opacity:0;}}
@-webkit-keyframes footer_baloncuk4 {50% {margin-top:200px; opacity:1;} 100% {margin-top:180px; opacity:0;}}



.footer_baloncuk5 {
	position:absolute;
	width:13px;
	height:13px;
	display:block;
	opacity:0;
	margin:200px 0 0 -30px;
	background:url('../images/footer-baloncuk-5.png') no-repeat center;
	
	-webkit-animation:footer_baloncuk5 3s linear infinite;
    -moz-animation:footer_baloncuk5 3s linear infinite;
    animation:footer_baloncuk5 3s linear infinite;
}
@keyframes footer_baloncuk5 {50% {margin-top:170px; opacity:1;} 100% {margin-top:140px; opacity:0;}}
@-moz-keyframes footer_baloncuk5 {50% {margin-top:170px; opacity:1;} 100% {margin-top:140px; opacity:0;}}
@-webkit-keyframes footer_baloncuk5 {50% {margin-top:170px; opacity:1;} 100% {margin-top:140px; opacity:0;}}



.footer_baloncuk6 {
	position:absolute;
	width:18px;
	height:19px;
	display:block;
	opacity:0;
	margin:180px 0 0 -45px;
	background:url('../images/footer-baloncuk-3.png') no-repeat center;
	
	-webkit-animation:footer_baloncuk6 3s linear infinite;
    -moz-animation:footer_baloncuk6 3s linear infinite;
    animation:footer_baloncuk6 3s linear infinite;
}
@keyframes footer_baloncuk6 {50% {margin-top:160px; opacity:1;} 100% {margin-top:140px; opacity:0;}}
@-moz-keyframes footer_baloncuk6 {50% {margin-top:160px; opacity:1;} 100% {margin-top:140px; opacity:0;}}
@-webkit-keyframes footer_baloncuk6 {50% {margin-top:160px; opacity:1;} 100% {margin-top:140px; opacity:0;}}






/* YORUMLAR */
.yorumListele {padding:20px 0; border-bottom:dashed 1px #ccc;}
.avatar {
	float: left;
    display: block;
    width: 70px;
    height: 70px;
    position: relative;
    margin-right: 10px;
    overflow: hidden;
	margin-top:-10px;

}
.Yorum_AdSoyad {color:#0545ad; font-family: 'Poppins', sans-serif;}
.Yorum_Tarih {color:#666; font-weight:300; font-size:.80em; font-family: 'Poppins', sans-serif;}
.Yorum_Metni {margin-top:20px; clear:both;}
.Yorum_Metni p {font-weight:400; font-size:.85em; line-height:170%; text-align:justify;}








/* BILDIRIMLER */
.message {
	padding:15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	font-size:.80em !important;
	font-weight:normal !important;
}
.message.info {
    border: 1px solid #cadcea;
    background: #e1f2fc;
    color: #225b86 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.error {
    border: 1px solid #eeb7ba;
    background: #fae2e2;
    color: #be4741 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.success {
    border: 1px solid #b8c97b;
    background: #e5edc4;
    color: #3f7227 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.warning {
    border: 1px solid #e5dbaa;
    background: #ffffc0;
    color: #6d7829 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}