/*
TASARIM : MAVÄ° KEDÄ° REKLAM AJANSI
WEB MASTER : ÖZGÜR BATIR
WEB : WWW.MAVIKEDI.COM.TR
TARÄ°H : 25.04.2017
*/



@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Khand:300,400,500,600,700');
@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 AYALAR */
html {
	min-width:960px;
	width:100%;
	height:100%;
}
body.home_bg {
	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;
}
body.detay_bg {
	min-width:960px;
	width:100%;
	min-height:100%;
	height:auto;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-weight:600;
}
.temizle {clear:both;}
.kapsayici {min-width:1000px; width:100%; position:relative; margin:auto;}
#canvas {position:absolute; width:100%; height:660px; bottom:0;}





/* ÜST MENÜ */
.ustMenuKapsayici {
	width:100%;
	height:60px;
	position:absolute;
	z-index:2;
	/*background:#152c70;*/
}
.logoBg {
	width:100%;
	height:90px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	background:url('../images/logo-bg.png') no-repeat top center;
}
.logoBg a {
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	margin-top:10px;
}


/* ÜST MENÜ SOL */
.ustMenu_Sol {
	position:absolute;
	z-index:3;
	margin-top:18px;
	text-align:right;
}
.ustMenu_Sol a {
	color:#fff;
	font-size:.85em;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-weight:600;
	letter-spacing:-0.02em;
	padding:4px 15px;
	display:inline-block;
	background:#000;
	width:100px;
	text-align:center;
	z-index:1;
	position:relative;
	margin-right:5px;
	
	-moz-transform: skew(15deg, 0deg);
	-webkit-transform: skew(15deg, 0deg);
	-o-transform: skew(15deg, 0deg);
	-ms-transform: skew(15deg, 0deg);
	transform: skew(15deg, 0deg);
	
	-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;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ustMenu_Sol a:before {
	content:'';
	padding:4px 15px;
	background:#152c70;
	width:100px;
	height:25px;
	position:absolute;
	right:5px;
	top:-5px;
	z-index:-99999;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ustMenu_Sol a:hover {color:#152c70; background:#152c70;}
.ustMenu_Sol a:hover:before {background:#fff;}
.ustMenu_Sol a span {
	position:relative;
	display:block;
	-moz-transform: skew(-15deg, 0deg) !important;
	-webkit-transform: skew(-15deg, 0deg) !important;
	-o-transform: skew(-15deg, 0deg) !important;
	-ms-transform: skew(-15deg, 0deg) !important;
	transform: skew(-15deg, 0deg) !important;
}

	


/* ÜST MENÜ SAĞ */
.ustMenu_Sag {
	position:absolute;
	z-index:3;
	right:0;
	margin-top:18px;
	text-align:right;
}
.ustMenu_Sag a {
	color:#fff;
	font-size:.85em;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-weight:600;
	letter-spacing:-0.02em;
	padding:4px 15px;
	display:inline-block;
	background:#000;
	width:100px;
	text-align:center;
	z-index:1;
	position:relative;
	margin-right:5px;
	
	-moz-transform: skew(-15deg, 0deg);
	-webkit-transform: skew(-15deg, 0deg);
	-o-transform: skew(-15deg, 0deg);
	-ms-transform: skew(-15deg, 0deg);
	transform: skew(-15deg, 0deg);
	
	-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;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ustMenu_Sag a:before {
	content:'';
	padding:4px 15px;
	background:#152c70;
	width:100px;
	height:25px;
	position:absolute;
	right:-5px;
	top:-5px;
	z-index:-99999;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ustMenu_Sag a:hover {color:#152c70; background:#152c70;}
.ustMenu_Sag a:hover:before {background:#fff;}
.ustMenu_Sag a span {
	position:relative;
	display:block;
	-moz-transform: skew(15deg, 0deg) !important;
	-webkit-transform: skew(15deg, 0deg) !important;
	-o-transform: skew(15deg, 0deg) !important;
	-ms-transform: skew(15deg, 0deg) !important;
	transform: skew(15deg, 0deg) !important;
}






/* HOME MASKE TASARIM */
.home_maske_kapsayici {
	width:100%;
	height:912px;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.home_maske {
	width:100%;
	height:762px;
	position:absolute;
	z-index:3;
	background:url('../images/home_maske.png') no-repeat top center;
}
.home_bulut {
	width:2000px;
	height:725px;
	position:absolute;
	z-index:2;
	background:url('../images/bulut.png') no-repeat top center;
}
.home_gokyuzu {
	width:100%;
	height:761px;
	position:absolute;
	z-index:1;
	overflow:hidden;
	background:url('../images/gokyuzu.jpg') no-repeat top center;
}





/* HOME AĞAÇ TASARIM */
.agac_kapsayici {
	width:100%;
	height:1050px;
	position:absolute;
	z-index:2;
	margin-top:120px;
}
.agac {
	width:1000px;
	height:1034px;
	left:0;
	right:0;
	margin:auto;
	position:absolute;
	background:url('../images/agac1.png') no-repeat top center;
}
.home_logo {
	width:483px;
	height:250px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	margin-top:1090px;
}
.firma_soil {
	width:140px;
	padding:10px;
	text-align:center;
	position:absolute;
	margin:125px 0 0 375px;
}
.firma_sehri_nuh {
	width:140px;
	padding:10px;
	text-align:center;
	position:absolute;
	margin:590px 0 0 75px;
}
.agac_firma {
	width:150px;
	padding:10px;
	text-align:center;
	color:#152c70;
	font-size:.85em;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-weight:800;
	letter-spacing:-0.02em;
	position:absolute;
	line-height:120%;
	letter-spacing:-0.02em;
	
	-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;
}
.agac_firma:hover {color:#000; text-shadow:0 0 20px #fff; text-decoration:underline;}


.firma_kardes {margin:165px 0 0 120px;}
.firma_marmara {margin:165px 0 0 415px;}
.firma_camtohum {margin:165px 0 0 720px;}




/************************************************************************/
/**************************** DETAY TASARIM *****************************/
/************************************************************************/

/* DETAY TASARIM */
.Firma_Detay {
	width:100%;
	height:1850px;
	position:relative;
}
.detay_bg footer {margin-top:0;}
.detay_bg #canvas {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	opacity:0.4;
}
.kapsayici_detay {
	max-width:1000px;
	width:auto;
	position:relative;
	margin:auto;
	z-index:2;
}
.firmaLogo {position:absolute;}
.kapat {position:fixed; font-size:3em; right:40px; top:30px; z-index:3; display:block; color:#666;}
.kapat:hover {color:#0e3178;}

/* Small Devices, Tablets */
@media only screen and (max-width : 1200px) {.kapat {position:absolute !important; top:80px !important; color:#fff !important; font-size:6.40em !important;}}



/* DETAY HEADER */
header {
	position:relative;
	overflow:hidden;
	max-width:1000px;
	width:auto;
	height:240px;
	position:relative;
	margin:auto;
	z-index:2;
}
header .header_slogan {
	position:absolute;
	color:#0e3178;
	display:block;
	text-align:center;
	width:100%;
	font-size:1.95em;
	letter-spacing:-0.05em;
	font-family:"Khand", Arial, Helvetica, sans-serif;
}
header .header_logo {position:absolute; width:340px; height:151px; margin:auto; left:0; right:0; margin-top:63px;}

.detayMetin {position:absolute; right:0; margin-top:280px; width:330px; height:auto;}
.detayMetin h1 {
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-weight:900;
	letter-spacing:-0.04em;
	font-size:2.30em;
	color:#333;
	position:relative;
}
.detayMetin h1:before {
	content:'';
	width:50px;
	height:5px;
	position:absolute;
	top:-10px;
	background:#333;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.detayMetin p {
	color:#666;
	font-family:'Raleway',Arial, Helvetica, sans-serif;
	font-weight:300;
	margin-top:10px;
	font-size:1.20em;
	line-height:150%;
	letter-spacing:-0.04em;
}


/* DETAY TELEFON / WEB 1 */
.detayContact {position:absolute; right:0; margin-top:650px; width:330px; height:auto;}
.detayContact .detayTelefon {
	font-family:"Khand", Arial, Helvetica, sans-serif;
	font-weight:900;
	letter-spacing:-0.04em;
	font-size:3.60em;
	color:#0e3178;
	position:relative;
	display:block;
}
.detayContact .detayTelefon span {font-size:.40em; position:absolute; margin-top:-10px; z-index:999; letter-spacing:-0.03em;}
.detayContact .detayTelefon:before {
	content:'';
	width:50px;
	height:5px;
	position:absolute;
	top:0px;
	background:#0e3178;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.detayContact .telefonUzun:before {top:-15px;}
.detayContact .detayWeb {
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-weight:300;
	letter-spacing:-0.04em;
	font-size:1.70em;
	color:#0e3178;
	position:relative;
	display:block;
	margin-top:-25px;
}
.detayContact .detayWeb span {font-weight:900;}
.detayContact a:hover {color:#000;}
.detayContactAlt {position:absolute; left:-50px; margin-top:1420px; width:330px; height:auto;}

/************************************************************************/
/**************************** DETAY TASARIM *****************************/
/************************************************************************/









/* FOOTER TASARIM */
footer {
	width:960px;
	left:0;
	right:0;
	margin:auto;
	height:330px;
	position:relative;
	overflow:hidden;
	margin-top:550px;
	z-index:2;
	background:url('../images/footer.png') no-repeat center /*rgba(255,0,0,.1)*/;
}
footer h2 {
	font-family:"Khand", Arial, Helvetica, sans-serif;
	color:#445a93;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	font-weight:300;
	font-size:2.40em;
	letter-spacing:-0.05em;
}
footer h2 span {font-weight:700;}
footer h2:before {
	content:'';
	position:absolute;
	width:157px;
	height:7px;
	margin-top:65px;
	background:#445a93;
}

/* FOOTER İLETİŞİM */
.footer_iletisim h3 {
	font-family:"hbold", Arial, Helvetica, sans-serif;
	color:#445a93;
	position:absolute;
	margin:120px 0 0 105px;
	font-weight:300;
	font-size:2em;
	letter-spacing:-0.03em;
}
.footer_iletisim h3:before {
	content:'';
	position:absolute;
	width:40px;
	height:5px;
	margin-top:-5px;
	background:#445a93;
	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.footer_iletisim p {
	font-family:"hregular", Arial, Helvetica, sans-serif;
	color:#999;
	width:200px;
	position:absolute;
	font-weight:300;
	font-size:1em;
	margin:170px 0 0 105px;
	letter-spacing:-0.02em;
}
.footer_iletisim p a {color:#999;}
.footer_iletisim p a:hover {text-decoration:underline; color:#445a93;}
.telefon_baslik, .telefon {margin-left:440px !important;}
.eposta_baslik, .eposta {margin-left:750px !important;}

/* FOOTER TEXT */
.footer_text {
	font-family:"hregular", Arial, Helvetica, sans-serif;
	color:#999;
	text-align:center;
	position:absolute;
	font-weight:300;
	font-size:.80em;
	width:960px;
	margin-top:275px;
	line-height:160%;
	letter-spacing:-0.02em;
}
.footer_text a {color:#999; text-decoration:underline;}
.footer_text a:hover {color:#445a93;}

#form-sonucu {
    margin-top: 10px;
}
.success {
    color: green;
    font-weight: bold;
}
.error {
    color: red;
    font-weight: bold;
}

#preloader {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.25); /* Hafif karartma, istersen azalt/çoğalt */
    backdrop-filter: blur(10px);  /* Blur efekti */
    -webkit-backdrop-filter: blur(10px); /* Safari desteği */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    opacity: 1;
    transition: opacity 0.6s ease;
}


#loadLogo {
    width: 180px;              /* İstersen 130px’e indirebilirsin */
    animation: pulse 1.4s ease-in-out infinite;
    /* Hafif parlama istersen: */
    filter: drop-shadow(0 0 12px rgba(255,255,255,0.7));
}

@keyframes pulse {
    0%   { transform: scale(1);    opacity: 0.7; }
    50%  { transform: scale(1.35); opacity: 1;   }
    100% { transform: scale(1);    opacity: 0.7; }
}