/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

/* --- HEADER LOGO MENU --- */
#header, #header-wrap, #logo img {
    height: 70px;
    -webkit-transition: height .4s ease, opacity .3s ease;
    -o-transition: height .4s ease, opacity .3s ease;
    transition: height .4s ease, opacity .3s ease;
}

#primary-menu ul li > a { /* header ve logo header'ı 70px olarak ayarlanmıştır */
	padding: 24px 15px;
	font-weight: 500;
	letter-spacing: 1px;
}

#primary-menu ul li:hover {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(39,60,101,0.23);
    -moz-box-shadow: 0px 0px 30px 0px rgba(39,60,101,0.23);
    box-shadow: 0px 0px 30px 0px rgba(39,60,101,0.23);
}

#primary-menu ul li {
    transition: all .5s ease;
}

#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: #222;
}

/*top bar*/
#top-bar {
    border-bottom: unset;
    background-color: #222;
	height: 34px;
    line-height: 34px;
}

.top-links ul li {
    height: 34px;
	border-left: 1px solid rgba(255,255,255,0.25);
}

#top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text {
    height: 34px;
    line-height: 34px;
}

#top-social li {
    border-left: 1px solid rgba(255,255,255,0.25);
}

#top-social li a {
    color: rgba(255,255,255,0.25);
}

.top-links li > a {
    height: 34px;
    color: rgba(255,255,255,0.25);
    transition: all .5s ease;
}

.top-links li:hover > a {
	color: #ffffff;
}

.top-links li:hover {
    background-color: unset;
}

/*slider*/
.slider-caption h2 {
	color: #ffffff !important;
	padding-bottom: 20px;
}

.slider-caption p {
	color: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 20px;
}

.swiper-pagination { bottom: 20px !important; }

.swiper-pagination span {
	width: 40px;
	height: 4px;
	background: #FFF;
	display: inline-block;
	margin: 0px 1px;
	border: 0;
	border-radius: 0;
	-webkit-transform: skew(-38deg);
	-moz-transform: skew(-38deg);
	-ms-transform: skew(-38deg);
	-o-transform: skew(-38deg);
}

.swiper-pagination span.swiper-pagination-bullet-active { background-color: #09629c !important; }

/*copyright*/
#copyrights {
    background-color: #222;
    color: rgba(255,255,255,0.25);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.copyright-links a {
    color: rgba(255,255,255,0.25);
}

.copyright-links a:hover {
    color: rgba(255,255,255,0.35);
}

/*iletisim sayfası*/
.iletisim-bilgileri li{
	list-style: none;
	margin-bottom: 30px;
}

.adres-alani, .kontakt-form-alani {
	background-color: #f9f9f9;
	padding:20px;
	min-height:414px;
}
/*hakkımızda*/
.hakkimizda-aciklama{
	text-align: justify;
}

/* Runing Car
-----------------------------------------------------------------*/
.running-car {
	position: relative;
	top: 0;
	left: 0;
	width: 659px;
}

img.car,
img.wheel {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
	margin-left: -660px;
}

img.wheel {
	position: absolute;
	left: 401px;
	bottom:33px;
	z-index: 1;
}

.running-car.in-view img.car {
	-webkit-transform: translate(600px,0px) rotate(0deg);
	-moz-transform: translate(600px,0px) rotate(0deg);
	transform: translate(600px,0px) rotate(0deg);
}
.running-car.in-view img.wheel {
	-webkit-transform: translate(600px,0px) rotate(600deg);
	-moz-transform: translate(600px,0px) rotate(600deg);
	transform: translate(600px,0px) rotate(600deg);
}

.device-sm .running-car.in-view img.car {
	-webkit-transform: translate(500px,0px) rotate(0deg);
	-moz-transform: translate(500px,0px) rotate(0deg);
	transform: translate(500px,0px) rotate(0deg);
}
.device-sm .running-car.in-view img.wheel {
	-webkit-transform: translate(500px,0px) rotate(600deg);
	-moz-transform: translate(500px,0px) rotate(600deg);
	transform: translate(500px,0px) rotate(600deg);
}

.device-xs .running-car.in-view img.car {
	-webkit-transform: translate(350px,0px) rotate(0deg);
	-moz-transform: translate(350px,0px) rotate(0deg);
	transform: translate(350px,0px) rotate(0deg);
}
.device-xs .running-car.in-view img.wheel {
	-webkit-transform: translate(350px,0px) rotate(600deg);
	-moz-transform: translate(350px,0px) rotate(600deg);
	transform: translate(350px,0px) rotate(600deg);
}

@media (min-width: 992px) {
.running-car {
		position: absolute;
		top: 0;
		left: 0;
		width: 659px;
	}
}

/**/
img.alignright, div.alignright {
    float: right;
    margin: 5px 20px 5px 20px;
}