@charset "utf-8";

/*	TYPOGRAPHIES
================================================================================================================================== */
@import url('fonts.css');
@import url('font.awesome.min.css');



/*	MAIN ELEMENTS
================================================================================================================================== */
html{ position: relative; }
html, body{ min-height: 100%; }
body{ color: #000; font-family: "Avenirnext"; font-size: 14px; }
h1, h2, h3, h4, h5, h6{ font-family: "Avenirnext"; font-style: italic; font-weight: 600; }
h2{ font-size: 30px; }
h3{ font-size: 22px; }
h4{ font-size: 19px; }
h5{ font-size: 16px; }
a{ color: #133b88; }
	a:hover, a:focus{ text-decoration: none; }
p{ margin-bottom: 20px; }



/*	GENERAL STYLES
================================================================================================================================== */
.select-wrapper{ position: relative; height: 34px; border: 1px solid; }
.select-wrapper:after{ content: "\f0d7"; position: absolute; top: 0px; right: 0px; width: 32px; height: 100%; padding-top: 7px; font-family: "FontAwesome"; text-align: center; pointer-events: none; }
.select-wrapper select{ width: 99.9%; height: 32px; line-height: 20px; background-color: transparent; border: none; box-shadow: none !important; cursor: pointer; }
.select-wrapper option{ padding: 3px 6px; background-color: #fff; color: #333; }

.image-box{ position: relative; display: block; width: 100%; min-height: 40px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.image-box-thumb:hover:before{ content: " "; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(51,51,51,.4); }
.image-box-thumb:hover:after{ content: "\f00e"; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; color: #fff; font-family: "FontAwesome"; font-size: 30px; }
.image-box-zoom{ height: 100px; overflow: hidden; }
.image-box-zoom img{ width: 100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.image-box-zoom:hover img{ -webkit-transform: scale(1.08); transform: scale(1.08); }

.color-1{ color: #fff; }
.color-2{ color: #036; }
.color-3{ color: #133b88; }
.color-4{ color: #0085b6; }

.font-cambria{ font-family: "Cambria"; }



/*	HEADER
================================================================================================================================== */
.section-mask{ position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 5; background-image: url("../images/bgMask.png"); background-position: top center; background-repeat: no-repeat; pointer-events: none; }


.section-slider{}
.section-slider-2{ position: absolute; top: 0px; left: 0px; right: 0px; z-index: 6; }


.section-pre-header{ position: absolute; top: 0; left: 0; right: 0; z-index: 7; height: 58px; }
	.section-pre-header:before{ content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 50%; z-index: -1; background-color: rgba(255,255,255,.75); }
	.section-pre-header:after{ content: ""; position: absolute; top: 0px; right: 50%; bottom: 0px; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 29px 11px; border-color: transparent rgba(255,255,255,.75) rgba(255,255,255,.75) transparent; }
	.section-pre-header .container{ }

	.pre-header-left{ line-height: 22px; padding-top: 18px; padding-left: 50px; color: #fff; font-size: 12px; }

		.langs{ float: right; }
		.langs a{ display: inline-block; padding: 0 7px; color: #fff; }
		.langs a.active{ color: #123988; background-color: #fff; }

	.pre-header-right{}


.section-header{ position: absolute; top: 58px; left: 0; right: 0; z-index: 9; height: 86px; }
	.section-header:after{ content: ""; position: absolute; top: 0; left: 50%; right: 0; z-index: -1; height: 86px; background-color: #f8f6f6; }
	.section-header .container{ padding-bottom: 14px; background-image: url("../images/bgShadow.png"); background-position: 0px 86px; background-repeat: no-repeat; }
	.section-header .container-inner{ position: relative; height: 86px; margin-left: 46px; padding-right: 46px; background-color: #f8f6f6; }
		.section-header .container-inner:before{ content: ""; position: absolute; top: 0px; bottom: 0px; left: -46px; width: 0; height: 0; border-style: solid; border-width: 43px 23px; border-color: transparent #f8f6f6 #f8f6f6 transparent; }

	.section-header .container-menu{ position: absolute; top: 0px; right: 15px; height: 86px; }


.section-banner{ height: 370px; background-position: right center; background-size: cover; }
.section-banner-description{ color: #fff; background-color: #133b88; }
	.section-banner-description .content{ padding: 20px 10px; }
	.section-banner-description h2{ margin: 0 0 10px; }
	.section-banner-description p{ line-height: 1.15; margin: 0; font-size: 14px; }


/*	PAGE-CLASSES
================================================================================================================================== */
/* Genel section wrapper stilleri */
.section{ position: relative; z-index: 8; min-height: 400px; padding: 20px 0 30px; }
	.section .container{ }

	.skew-bow{ position: relative; display: inline-block; height: 30px; line-height: 30px; margin-left: 8px; padding: 0 25px; color: #fff !important; background-color: #133b88; }
	.skew-bow:after{ content: ""; position: absolute; top: 0px; right: 100%; bottom: 0px; width: 0; height: 0; border-style: solid; border-width: 15px 4px; border-color: transparent #133b88 #133b88 transparent; }

	.quoted{ font-size: 24px; display: inline-block; }
	.quoted:before{ content: url("../images/iconQuote.png"); float: left; width: 100%; text-align: left; }
	.quoted:after{ content: url("../images/iconQuote2.png"); float: right; width: 100%; text-align: right; }


/* home */
.section-anasayfa{}

	.image-box-home{ height: 160px; }
	.image-box .skew-bow{ position: absolute; right: 0px; bottom: 0px; }
    .image-box-content{ position: relative; height: 150px; border: 1px solid #0e55a7; }

	.info-box-home{ max-height: 66px; margin: 30px 0 100px; color: #133b88; border: 1px solid #133b88; }
		.info-box-home .title{ position: relative; top: -12px; display: inline-block; line-height: 24px; padding: 0 10px; background-color: #fff; font-size: 24px; font-weight: 500; font-style: italic; }
		.info-box-home img{ display: inline-block; padding: 10px 10px 5px; background-color: #fff; }
		.info-box-home span{ display: block; line-height: 1.1; font-size: 30px; font-weight: bold; }
		.info-box-home span + span{ font-size: 24px; font-weight: normal; }

/* icerik */
.section-icerik{}

	.tabs{ display: table; width: 100%; margin-bottom: 20px; }
	.tabs a{ position: relative; display: table-cell; height: 46px; vertical-align: middle; color: #133b88; border: 1px solid #133b88; font-size: 16px; font-weight: 600; vertical-align: middle; text-align: center; }
		.tabs a + a{ border-left: none; }
		.tabs a:hover, .tabs a.active{ position: relative; color: #fff; background-color: #133b88; }
		.tabs a.active:before{ content: ""; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -7px; border: 7px solid; border-color: #133b88 transparent transparent; }

	.image-box-gallery{ height: 290px; border: 1px solid #133b88; }


/* iletisim */
.section-iletisim{ }
	.section-iletisim .contact{ line-height: 24px; }

	.google-map{ height: 370px; }
	.gm-style-cc, .gm-style a img{ display: none; }


/* ik */
.section-insan-kaynaklari{ }

	.select-wrapper-form{ border: 1px solid #ccc; border-radius: 3px; background-color: #fff; }
	.select-wrapper-form:after{ background-color: #fff; color: #333; }
	.select-wrapper-form select{ color: #333; }



/*	FOOTER
================================================================================================================================== */
.section-footer{ position: relative; z-index: 10; font-size: 13px; font-weight: 500; }
	.section-footer:before{ content: ""; position: absolute; top: 0; left: 0; right: 50%; z-index: -1; height: 86px; background-color: #f8f6f6; }
	.section-footer .container{ background-image: url("../images/bgShadow2.png"); background-position: 100% 86px; background-repeat: no-repeat; }
	.section-footer .container-inner{ position: relative; height: 86px; margin-right: 46px; padding-top: 15px; background-color: #f8f6f6; }
	.section-footer .container-inner:before{ content: ""; position: absolute; top: 0px; bottom: 0px; right: -46px; width: 0; height: 0; border-style: solid; border-width: 43px 23px; border-color: transparent transparent #f8f6f6 #f8f6f6; }

	.section-footer a{ color: #000; }

	.egegen{ position: relative; display: inline-block; width: 50px; height: 20px; overflow: hidden; }
		.egegen:before, .egegen:after{ position: absolute; left: 0px; right: 0px; height: 100%; -webkit-transition: .1s; transition: .1s; }
		.egegen:before{ content: url("../images/logoEgegen.png"); top: 0%; }
		.egegen:after{ content: url("../images/logoEgegenHover.png"); top: 100%; }
		.egegen:hover:before{ top: -100%; }
		.egegen:hover:after{ top: 0%; }



/*  MEDIA QUERIES (ENABLE WHEN RESPONSIVE)
================================================================================================================================== */
/* Mobile */
@media (max-width: 767px) {
	/* header */
	.section-pre-header:before{ display: none; }

	/* home */
	.info-box-home{ max-height: none; margin: 30px 0 20px; padding: 0 10px 15px; color: #133b88; border: 1px solid #133b88; }
		.info-box-home img{ padding: 10px 0 5px; }
		.info-box-home span{ font-size: 22px; }
		.info-box-home span + span{ font-size: 16px; }

	/* içerik */
	.tabs{ position: relative; display: block; height: 46px; padding-top: 46px; overflow: hidden; }
		.tabs.expanded{ height: auto; }
	.tabs a{ display: block; width: 100%; line-height: 46px; padding: 0 10px; text-align: left; }
		.tabs a.active{ position: absolute; top: 0px; }
		.tabs a.active:before{ display: none; }
		.tabs a.active:after{ content: "\f107"; float: right; font-family: "FontAwesome"; font-size: 18px; }
		.tabs a + a{ border-left: 1px solid #133b88; border-top: none; }

	.image-box-gallery{ height: 200px; }

	/* footer */
	.section-footer .container-inner{ padding-top: 9px; }

}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
	/* header */
	.section-pre-header:before{ content: ""; position: absolute; top: auto; right: 0px; bottom: 10px; left: 0; z-index: 0; height: 40px; background-color: #fff; }

	.section-banner, .section-banner-description .content{ width: 748px; margin: 0 auto; }
}

/* Tablet & Mobile */
@media (max-width: 991px) {
	/* header */
	.section-mask{ display: none; }

	.section-pre-header{ position: relative; height: auto; background-color: #133b88; }
		.section-pre-header:after{ display: none; }

		.pre-header-left{ padding: 10px 0; }
		.pre-header-right{ position: relative; margin-bottom: 10px; background-color: #fff; }

	.section-header{ position: relative; top: auto; height: auto; background-color: #133b88; }
		.section-header:after{ z-index: 0; }
		.section-header .container{ position: relative; z-index: 1; padding-bottom: 0; }
		.section-header .container-inner{ text-align: center; }
		.section-header .container-menu{ position: static; height: auto; margin-top: 10px; }

	.slider-wrapper{ position: relative; }
	.section-banner{ height: 250px; }

	/* contact */
	.google-map{ height: 250px; }
}

/* Desktop */
@media (min-width: 992px) {
	/* icerik */
	.section-banner-description{ position: absolute; top: 0px; left: 0px; right: 50%; z-index: 6; height: 370px; padding-top: 170px; margin-right: 130px; }
		.section-banner-description:after{ content: ""; position: absolute; top: 0px; left: 100%; bottom: 0px; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 185px 65px; border-color: #133b88 transparent transparent #133b88; }
		.section-banner-description .content{ float: right; width: 340px; padding: 0px; }

}

/* Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
}


/*  AJAX MESSAGES
================================================================================================================================== */
.loading{ position: fixed; top: 0px; left: 0px; z-index: 9999999; width: 100%; min-height: 100% !important; background-image: url('../images/bgLoadingOverlay.png'); }
.loading .loading-image{ position: fixed; top: 49%; top: 50%; left: 50%; z-index: 9999999; width: 70px; height: 69px; margin:  -35px 0 0 -35px; padding: 5px 0 0 7px; background-color: #fff; }



/*	MODERNIZR FIXES (CROSS-BROWSER)
================================================================================================================================== */
.lt-ie9 .container{ } /* ie less than 9 */
.chrome .container{ } /* chrome tarayıcı */



/*  TEXT SELECTION COLOR
================================================================================================================================== */
::selection{ background: #0085b6; color: #fff; }
::-moz-selection{ background: #0085b6; color: #fff; }
::-webkit-selection{ background: #0085b6; color: #fff; }
::-ms-selection{ background: #0085b6; color: #fff; }
::-o-selection{ background: #0085b6; color: #fff; }