@charset "utf-8";

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



/*	MAIN ELEMENTS
================================================================================================================================== */
*{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
html, body{ font-size: 18px; }
	body{ min-height: 100%; color: #454545; background-image: url("../images/bgBody.png"); background-position: bottom; background-repeat: repeat-x; font-family: "PTSans"; }

h1, h2, h3, h4, h5, h6{ padding: 0; clear: both; font-weight: normal; }
	h1{ margin: 30px 0; font-size: 40px; }
	h2{ margin: 15px 0; font-size: 22px; }
	h3{ margin: 15px 0; font-size: 20px; }
	h4{ margin: 10px 0; font-size: 18px; }
	h5{ margin: 10px 0; font-size: 16px; }

a{ color: inherit; transition: 150ms; }
	a:hover, a:focus{ color: #E01B23; text-decoration: none; }

p{ margin-bottom: 20px; }

ul.list-custom{ margin-bottom: 30px; }
	ul.list-custom li{ padding: 0 0 5px 23px; }
	ul.list-custom li:before{ content: "\f00c"; float: left; margin: 2px 0 0 -23px; font-family: "FontAwesome"; }



/*	GENERAL STYLES
================================================================================================================================== */
.select-wrapper{ position: relative; height: 34px; }
	.select-wrapper:after{ content: "\f107"; position: absolute; top: 0px; right: 0px; width: 30px; height: 100%; padding-top: 7px; font-family: "FontAwesome"; text-align: center; pointer-events: none; }
	.select-wrapper select{ width: 99.9%; height: 100%; padding: 6px 12px; background-color: transparent; border: none; box-shadow: none !important; cursor: pointer; }
	.select-wrapper option{ padding: 6px; background-color: #fff; color: inherit; }
		.select-wrapper.select-wrapper-disabled, .select-wrapper.select-wrapper-disabled:after{ background-color: #eee; }

.box-image{ position: relative; display: block; width: 100%; min-height: 100px; overflow: hidden; }
	.box-image img{ position: absolute !important; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; z-index: 0 !important; min-width: 100%; min-height: 100%; margin: auto; transition: 200ms; }
	.box-image:hover img{ transform: scale(1.1); }
	.box-image-icon{}
		.box-image-icon:hover:before{ content: " "; position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; background-color: rgba(51,51,51,.4); }
		.box-image-icon:hover:after{ content: "\f00e"; position: absolute; top: 50%; left: 50%; z-index: 2; line-height: 1; margin: -15px 0 0 -15px; color: #fff; font-family: "FontAwesome"; font-size: 30px; }

.color-1{ color: #f04150; }
.color-2{ color: #000000; }

.social-share-facebook{ color: #4267B2; }
.social-share-twitter{ color: #1DA1F2; }

.link-phone-number{ cursor: default; }

.accordion-wrapper{}

.accordion{ margin-bottom: 10px; border: 1px solid #aaa; }
	.accordion-toggle{ position: relative; display: block; height: 40px; color: #fff; background-color: #aaa; font-size: 18px; font-weight: bold; }
	.accordion-toggle:hover, .accordion-toggle:focus{ color: #fff; background-color: #aaa; }
	.accordion-toggle span{ display: table-cell; width: 1%; height: 40px; line-height: 1.05; padding: 0 30px 0 10px; vertical-align: middle; }
	.accordion-toggle i{ position: absolute; top: 7px; right: 10px; line-height: 26px; font-size: 26px; }
	.accordion-content{ height: 0px; overflow: hidden; }
	.accordion-content-inner{ padding: 10px; }

.accordion.expanded{}
	.accordion.expanded .accordion-toggle{ color: #000; background-color: transparent; }
	.accordion.expanded .accordion-content{ height: auto; }
	.accordion.expanded .accordion-toggle i{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }


/*	HEADER 
================================================================================================================================== */
.section-header{}
	.section-header .container{ position: relative; }

	.header{ position: absolute; top: 0; left: auto; z-index: 9; width: 342px; max-width: 100%; height: 245px; padding: 60px 30px 0; background-color: #fff; }
		.header .menu{ float: right; margin: 0; font-size: 14px; }
			.header .menu a{ transition: 200ms; }
			.header .menu a:hover{ color: #e01c23; }

.section-menu{ background-color: #333; }
	.section-menu .container{}


.section-slider{ background-color: #bbb; }
	.section-slider .container{}



/*	PAGE-CLASSES
================================================================================================================================== */
/* Genel section wrapper stilleri */
.section{ margin-bottom: 70px; }
	.section .container{ }

/* home */
.section-home{ }

	.portfolio{ position: relative; }
		.portfolio .detail{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; line-height: 22px; opacity: 0; overflow: hidden; padding: 31px; color: #454545; background-color: rgba(255,255,255,.95); border: 1px solid #f1f1f1; transition: 300ms; }
			.portfolio:hover .detail{ opacity: 1; }
			.portfolio .detail:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0px solid #fff; pointer-events: none; }
			.portfolio .detail .icon{ display: inline-block; width: 14px; height: 14px; line-height: 14px; color: #fff; background-color: #f04150; border-radius: 50%; font-size: 12px; font-weight: bold; text-align: center; }


/* icerik */
.section-content{ }

	.btn-close{ float: right; width: 38px; height: 38px; line-height: 1; padding-top: 12px; opacity: 1 !important; color: #fff !important; background-color: #f04150; border-radius: 50%; text-align: center !important; font-size: 13px; }


/* iletisim */
.section-contact{ }

	.captcha-wrapper{ position: absolute; top: 1px; right: 5px; bottom: 1px; }

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


/* 404 */
.section-404{ text-align: center; }
    .section-404 h2{ margin-top: 40px; margin-bottom: 20px; }
    .section-404 p{ margin-bottom: 20px; }
    .section-404 img{ margin-bottom: 80px; }



/*	FOOTER
================================================================================================================================== */
.section-footer{ color: #b8b2b8; font-size: 13px; }
	.section-footer .container{}

	.copyright{ margin-top: 110px; }

	.social{ display: inline-block; margin-top: 105px; }
	.social a{ float: left; width: 38px; height: 38px; line-height: 1; margin-left: 2px; padding-top: 12px; color: #fff !important; background-color: #dccfd6; border-radius: 50%; text-align: center !important; transition: 150ms; }
		.social a:hover{ background-color: #f04150; }


	.egegen{ position: relative; display: inline-block; width: 75px; height: 30px; overflow: hidden; }
		.egegen .before, .egegen .after{ position: absolute; left: 0px; right: 0px; height: 100%; -webkit-transition: .1s; transition: .1s; display: block; }
		.egegen .before{  top: 0%; }
		.egegen .after{ top: 100%; }
		.egegen:hover .before{ top: -100%; }
		.egegen:hover .after{ top: 0%; }

		.egegen .after svg{ width: 100%; height: 100%; } /* egegen logosu boyutları */
		.egegen .egegen-logo path{ fill: #fff !important; } /* egegen logosu rengi */

		.egegen .before svg{ width: 100%; height: 100%; } /* oscar logosu boyutları */
		.egegen .oscar-logo path{ fill: #fff !important; } /* oscar logosu rengi */

.back-to-top{ position: fixed; bottom: 5px; right: 5px; z-index: 999; display: inline-block; width: 38px; height: 38px; line-height: 34px; opacity: 0; color: #fff !important; background-color: #f04150; border-radius: 50%; text-align: center; font-size: 28px; pointer-events: none; transition: 150ms; }
	.back-to-top.active{ opacity: .6; pointer-events: inherit; }
	.back-to-top.active:hover{ opacity: 1; }



/*  MEDIA QUERIES (ENABLE WHEN RESPONSIVE)
================================================================================================================================== */
/* XLG Desktop */
.flex-viewport{    top: -69px;}
@media (min-width: 1440px) {
}

/* LG Desktop */
@media (min-width: 1200px) and (max-width: 1439px) {
}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) {
}
.hidden-xs{display:block}
.hidden-md{display:none;}

/* Tablet and Lower */
@media (max-width: 991px) {
	.flex-viewport{    top: 0px;}
	.hidden-xs{display:none;}
	.hidden-md{display:block;}

.mobile-container {
	max-width: 480px;
    margin: auto;
    background-color: #cc202a;
    color: white;
    /* border-radius: 10px; */
    z-index: 99999;
    position: relative;
}

.topnav {
background: transparent;  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

	.logo img{  margin-left: 0px!important;}
	.owl-next{    float: unset!important;
    position: unset!important;
    right: 0;
    top: unset!important;
}
.owl-prev{
	    float: unset!important;
    position: unset!important;
    left: 0;
    top: unset!important;

}
	.mobmar{margin-top: 210px;}
	.parag{   padding: 0px!important;
    text-align: left;
    font-size: 17px;}
	.section-header{ margin: 0; }
	.header{ position: static; width: auto; height: auto; padding: 20px;left: 0!important }

	.section-footer{ padding-bottom: 50px; }
	.copyright{ margin-top: 22px; }
	.social{ margin-top: 20px; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
}

/* All Mobile */
@media (max-width: 767px) {
	.portfolio .detail {
    position: absolute;
    top: 0;    font-size: 14px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    line-height: 14px;
    opacity: 0;
    overflow: hidden;
    padding: 10px;
    color: #454545;
    background-color: rgba(255,255,255,.95);
    border: 1px solid #f1f1f1;
    transition: 300ms;
}
	.google-map{ height: 230px; }
}

/* XS Mobile */
@media (min-width: 540px) and (max-width: 767px) {
}

/* XXS Mobile */
@media (max-width: 539px) {
}

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



/*  PLACEHOLDER COLOR
================================================================================================================================== */
::-webkit-input-placeholder { color: #aaa !important; opacity: 1; }
::-moz-placeholder { color: #aaa !important; opacity: 1; }
:-ms-input-placeholder { color: #aaa !important; opacity: 1; }
input:-moz-placeholder { color: #aaa !important; opacity: 1; }

:disabled::-webkit-input-placeholder { opacity: 0.5; }
:disabled::-moz-placeholder { opacity: 0.5; }
:disabled:-ms-input-placeholder { opacity: 0.5; }
:disabled:-moz-placeholder { opacity: 0.5; }