@charset "utf-8";

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



/*	MAIN ELEMENTS
================================================================================================================================== */
body{ min-height: 100%; color: #503a3c; font-family: "Klavikach"; font-size: 16px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: "Klavikach"; }
h4{ font-size: 20px; }
h5{ font-size: 18px; }
a, a:focus{ color: #503a3c; text-decoration: none; }
	a:hover{ color: #9b141c; text-decoration: none; }
	a.reverse, a.reverse:focus{ color: #9b141c; }
	a.reverse:hover{ color: #503a3c; text-decoration: none; }
	a.bordered{ padding: 5px 25px; border: 1px solid #9b141c; }
	a.bordered:hover{ border: 1px solid #503a3c; }
p{ margin-bottom: 15px; }



/*	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: 28px; 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:after{ content: "\f00e"; position: absolute; top: 50%; left: 50%; line-height: 30px; margin: -15px 0 0 -15px; opacity: .5; color: #000; font-family: "FontAwesome"; font-size: 30px; }



/*	HEADER 
================================================================================================================================== */
.section-header{ height: 200px; padding: 10px 0 0; border-top: 5px solid #075e27; }
	.section-header .container{}

	.links{ margin-top: -5px; font-size: 16px; }
	.links a{ line-height: 20px; color: #075e27; }
	.links a + a{ position: relative; margin-left: 11px; }
		.links a + a:before{ content: ""; position: absolute; top: 0px; left: -6px; width: 1px; height: 19px; background-color: #075e27; }

	.header{ height: 150px; }
.section-menu{ margin-bottom: 40px; }
	.section-menu .container{ }

	
.section-slider{ }
	.section-slider .container{ height: 260px; }


.section-banner{ }
	.section-banner .container{ height: 265px; }

	.image-box-banner{ height: 233px; }


/*	PAGE-CLASSES
================================================================================================================================== */
/* Genel section wrapper stilleri */
.section{ }
    .section .container{ }

	.main-title{ position: relative; display: block; line-height: 1; margin: 10px 0; padding-left: 25px; color: #9b141c; font-size: 20px; font-weight: 500; }
	.main-title:before{ content: ""; position: absolute; top: 7px; left: 0px; width: 15px; height: 10px; background-color: #9b141c }
	.main-title-border{ margin-bottom: 30px; padding-bottom: 7px; border-bottom: 1px solid #e7e7e7; }


/* home */
.section-anasayfa{ }

	.home-box{ display: block; }
	.image-home-box-list{ height: 150px; }
	.image-box-list{ height: 200px; }


/* icerik */
.section-icerik{ padding-bottom: 20px; }

	.image-box-news{ height: 160px; }
	.image-box-document{ height: 190px; border: 1px solid #075e27; }
	.image-box-product{ height: 200px; }

	.news-box{ display: block; min-height: 160px; margin-bottom: 15px; overflow: hidden; }

	.thumb-box{ display: block; font-size: 18px; word-break: break-all; }
		.thumb{ display: block; padding-bottom: 14px; }

	.product-box{ display: block; min-height: 160px; margin-bottom: 15px; overflow: hidden; text-align: center; font-size: 18px; }

	#pdf-wrapper{ width: 100%; min-height: 410px; height: auto; }


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

	.google-map{ height: 210px; border: 1px solid #b9c2c2; }
	.gm-style-cc, .gm-style a img{ display: none; }

	.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{ }
	.section-footer .container{ }

	.border-top{ padding-top: 15px; padding-bottom: 30px; color: #072704; border-top: 1px solid #e7e7e7; }



/*  MEDIA QUERIES (ENABLE WHEN RESPONSIVE)
================================================================================================================================== */
/* Mobile */
@media (max-width: 767px) {
	/* header */
    .section-slider .container{ background-image: none; height: 110px; }
	.section-banner .container{ height: 113px; }
    .image-box-banner{ height: 100px; }

	/* icerik */
	.news-box{ min-height: 200px; line-height: 1.1; }
	.thumb-box{ text-align: center; }
	.image-box-document{ height: 130px; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
	/* header */
    .header{ height: 135px; }
	.section-slider .container{ height: 212px; background-size: 100% auto; }
	.section-banner .container{ height: 205px; background-size: 100% auto; }
	.thumb-box{ font-size: 15px; }
	.thumb{ padding-bottom: 11px; background-size: 100% auto; }

	/* icerik */
	.news-box{ min-height: 120px; }

}

/* Tablet & Mobile */
@media (max-width: 991px) {
	/* header */
	.links{ margin-top: 0; font-size: 20px; }
	.section-menu{ margin-bottom: 20px; }
}

/* Desktop */
@media (min-width: 992px) {
}

/* 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: #075e27; color: #fff; }
::-moz-selection{ background: #075e27; color: #fff; }
::-webkit-selection{ background: #075e27; color: #fff; }
::-ms-selection{ background: #075e27; color: #fff; }
::-o-selection{ background: #075e27; color: #fff; }