/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  muron Section
5.  Service Section
6.  Car Section
7.  Feature Section
8.  Latest Blog Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/
import 'animate.min.css';
/* This only changes this particular animation duration */
.animate__animated.animate__bounce {
	--animate-duration: 2s;
}

/* This changes all the animations globally */
:root {
	/*--animate-duration: 800ms;
	--animate-delay: 0.9s;*/
}


html,
body {
	height: 100%;
	font-family: "Lato", sans-serif;
	-webkit-font-smoothing: antialiased;
}

.container-fluid {
	width: 100% !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Lato", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	font-family: "Lato", sans-serif;
	color: #727171;
	font-weight: 400;
	line-height: 25px;
	margin: 0 0 15px 0;
}

img {
	/*max-width: 80%;*/
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.mobile__nav{
	display:none;
}
	.mobile__nav.off {
		display: none;
	}

.section-title {
	margin-bottom: 75px;
	text-align: center;
}

.section-title span {
	font-size: 15px;
	color: #db2d2e;
	font-weight: 700;
}

.section-title h2 {
	color: #353535;
	font-size: 40px;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 16px;
}

.section-title P {
	margin-bottom: 0;
	font-size: 17px;
	color: #727171;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 15px;
	padding: 12px 24px;
	color: #ffffff;
	font-weight: 700;
	background: #db2d2e;
	border-radius: 2px;
}

.site-btn {
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	display: inline-block;
	padding: 15px 35px 12px 38px;
	background: #db2d2e;
	border: none;
	border-radius: 2px;
}


.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #ffffff;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 470px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #ededed;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/

.header__top {
	background: #323232;
}

.header__top__widget {
	padding: 12px 0 14px;
}

.header__top__widget li {
	font-size: 15px;
	color: #ffffff;
	display: inline-block;
	margin-right: 35px;
	list-style: none;
}

.header__top__widget li:last-child {
	margin-right: 0;
}

.header__top__widget li i {
	font-size: 18px;
	color: #8d8d8d;
	margin-right: 6px;
}

.header__top__right {
	text-align: right;
}

.header__top__phone {
	display: inline-block;
	margin-right: 20px;
	padding: 14px 0 12px;
}

.header__top__phone i {
	color: #8d8d8d;
	margin-right: 6px;
	font-size: 15px;
}

.header__top__phone span {
	font-size: 15px;
	color: #ffffff;
}

.header__top__social {
	display: inline-block;
	padding: 14px 0 12px;
}

.header__top__social a {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	margin-right: 16px;
}

.header__top__social a:last-child {
	margin-right: 0;
}

.header__nav {
	text-align: right;
	padding: 32px 0 33px;
	position: fixed!important;
	top: 0;
	left: 0;
	/*width: 100%;*/
/*	background: rgba(255, 255, 255, 0.8);
	background: rgba(0, 0, 0, 0.9);*/
	background: orange;
	z-index: 1000;
	transition: transform 0.5s ease-in-out; /* Animasyon efekti */
	height:120px;
}

	/* Animasyon: Sayfa kaydırıldıkça header kaybolacak */
	.header__nav.hide {
		transform: translateY(-100%); /* Header yukarı kayacak ve kaybolacak */
	}

	/* Animasyon: Kaydırıldığında header tekrar çıkacak */
	.header__nav.show {
		transform: translateY(0); /* Header normal pozisyonuna gelecek */
		background: rgba(0, 0, 0, 0.5);
		background: orange;
		/*margin-top:-40px;*/
		height: 120px;
	}

.header__logo {
	max-width:20%!important;
}

.header__logo img {
	margin-top: -26px;
	/*background: white;*/
	margin-left: 20px;
	background-size: cover;
	background-repeat: no-repeat;

}

.header__logo a {
	display: inline-block;
}

.header__menu {
	display: inline-block;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 80px;
	position: relative;
}

.header__menu ul li:hover {
	transition:all, 0.5s;
}

.header__menu ul li.active a:after {
	width: 100%;
	opacity: 1;
}

.header__menu ul li:hover a:after {
	width: 100%;
	opacity: 1;
}

.header__menu ul li:hover .dropdown {
	top: 32px;
	opacity: 1;
	visibility: visible;	
	box-shadow: 1px 1px 10px black;
}

.header__menu ul li:hover .dropdown-left {
	top: 32px;
	opacity: 1;
	visibility: visible;	
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 48px!important;
	width: 300px;
	background: rgba(249, 105, 14,1);
	background: white;
	text-align: left;
	padding: 2px 0;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

	.header__menu ul li .dropdown-left {
		position: absolute;
		left: -130px;
		top: 48px !important;
		width: 200px;
		background:white;
		text-align: right;
		padding: 2px 0;
		z-index: 9;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
	}

.header__menu ul li .dropdown li {
	display: block;
	margin-right: 0;
	transition:all, 0.5s;
}

.header__menu ul li .dropdown li:hover {
	color:black;
	display: block;
	margin-left: 10px;
	transition:all, 0.5s;
}

.header__menu ul li .dropdown li:hover::before {
    content: "▶";
    position: absolute;
	margin-top:8px;
    left: -12px; /* Okun sol tarafta görünmesini sağlar */
    color: white; /* Beyaz renk */
    color: #5e4c42; /* Beyaz renk */
    font-size: 20px; /* Okun boyutunu ayarlayabilirsin */
    transition: all 0.5s; /* Geçiş efekti ekler */
}

.header__menu ul li .dropdown-left li:hover {
	color:black;
	display: block;
	margin-right: 10px;
	transition:all, 0.5s;
}

.header__menu ul li .dropdown-left li:hover::before {
    content: "◀";
    position: absolute;
	margin-top:8px;
    right: -12px; /* Okun sol tarafta görünmesini sağlar */
    color: #5e4c42; /* Beyaz renk */
    font-size: 20px; /* Okun boyutunu ayarlayabilirsin */
    transition: all 0.5s; /* Geçiş efekti ekler */
}


.header__menu ul li .dropdown-left li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a {
	font-size: 24px;
	color: #ffffff;
	color: #837872;
	color:black;
	font-weight: 100;
	padding: 8px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown-left li a {
	font-size: 24px;
	color: black;
	font-weight: 100;
	padding: 8px 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li .dropdown-left li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 24px;
	color: #353535;
	color: #837872;
	color: black;
	font-weight: 100;
	display: block;
	padding: 5px 0;
	text-transform: uppercase;
	position: relative;
	font-family: "Teko", serif;
	/*font-family: "Cabin", serif;*/
	letter-spacing:1px;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0%;
	background: rgba(249, 105, 14,1);
	background: black;
	content: "";
	opacity: 0;
	-webkit-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.header__nav__widget {
	display: inline-block;

}

.header__nav__widget .header__nav__widget__btn {
	display: inline-block;
}

.header__nav__widget .header__nav__widget__btn a {
	font-size: 15px;
	color: #353535;
	margin-right: 20px;
	display: inline-block;
}

.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  muron
-----------------------*/

.muron {
	padding: 140px 0;
}

.muron__text {
	padding-top: 110px;
	position: relative;
	margin: auto;
	width: 800px;
	display: table;
	background: rgba(255, 255, 255,0.4);
	border-radius: 5px;
	box-shadow:3px 1px 2px black;
	transition: all ease-in 0.3s;
}

.muron__text:hover {
	padding-top: 110px;
	position: relative;
	margin: auto;
	width: 800px;
	display: table;
	background: rgba(255, 255, 255,0.4);
	border-radius: 5px;
	box-shadow: 1px 10px 10px black;
	transform:scale(1.01);
	transition: all ease-in 0.6s;
}

.muron__text .primary-btn {
	margin-right: 16px;
}

.muron__text .primary-btn img {
	position: relative;
	top: -2px;
}

.muron__text .primary-btn.more-btn {
	background: transparent;
	border: 1px solid #ffffff;
}

.muron__text__title {
	margin-bottom: 28px;
}

.muron__text__title span {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 1px 4px 2px rgb(195 204 204 / 91%);
}

	.muron__text__title h2 {
		font-size: 40px;
		color: black;
		color: #f71e1e;
		font-weight: 700;
		/*margin-top: 10px;*/
		text-shadow: 1px 4px 2px rgb(195 204 204 / 91%);
	}

.muron__text__price {
	position: relative;
	/*padding-left: 140px;*/
	margin-bottom: 55px;
}

.muron__text__price .car-model {
	font-size: 13px;
	color: #323232;
	font-weight: 700;
	display: inline-block;
	padding: 6px 14px;
	background: #ffffff;
	border-radius: 2px;
	position: absolute;
	top: 0;
}

.muron__text__price h2 {
	font-size: 32px;
	color: #fff4f4;
	color: black;
	font-weight: 700;
	line-height: 45px;
	text-shadow: 1px 4px 2px rgb(195 204 204 / 91%);
}

.muron__text__price h2 span {
	font-size: 40px;
}



.service-item-squad{

}

.kurumsal h2 {
	font-family: "Teko", serif;
	font-weight: 200;
	font-size: 80px;
	color: #837872 !important;
	color: #73645c !important;
	color: black !important;
	letter-spacing: 10px;
	animation: letterSpacingAnim 1s ease-in-out forwards;
	text-decoration: underline;
}

.bumassection {
	/*background: #f7f7f7;*/
	position: relative;
	height: 530px;
	padding-bottom: 85px;
	z-index: 2;
	transition: transform 0.5s ease-in-out;
}

.bumassection.in-view {
	transform: scale(1.1); /* %10 büyütme */
	transition: transform 0.5s ease-in-out;
}

.bumassection::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Hafif siyah katman */
    backdrop-filter: blur(5px); /* Bulanıklık efekti */
    z-index: 1;
}

.bumassection .row {
	position: relative;
	z-index: 1;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	position:relative;
	padding-top: 60px;
	padding-bottom: 30px;
	background:black;
}

.footer::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: url('../img/bumas/footer.png') no-repeat center center;
	background-size:cover;
	opacity:0.12;
}

.footer-content {
	position: relative;
	width: 100%;
	min-height: 300px;
}

.footer-section {
	flex: 1;
	margin: 20px;
	animation: slideIn 1s ease-in-out;
	float: left;
}

	.footer-section h3 {
		border-bottom: 2px solid #fff;
		padding-bottom: 10px;
		margin-bottom: 15px;
		color: orange;
		font-family: "Teko";
	}

	.footer-section p {
		border-bottom: 2px solid #fff;
		padding-bottom: 10px;
		margin-bottom: 15px;
		color:white;
	}
	.footer-section a {
		
		padding-left: 5px;
	}




.social-media a {
	margin: 0 10px;
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
	transition: color 0.3s;
}

	.social-media a:hover {
		color: #1da1f2;
	}

.map-container {
	width: 100%;
	height: 200px;
	margin-top: 20px;
}

.newsletter input[type="email"] {
	padding: 10px;
	width: calc(100% - 22px);
	margin-bottom: 10px;
	border: none;
	border-radius: 5px;
}

.newsletter button {
	padding: 10px 20px;
	background-color: #555;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s;
}

	.newsletter button:hover {
		background-color: #777;
	}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes slideIn {
	from {
		transform: translateY(20px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

/*---------------------
  About
-----------------------*/

.about {
	padding-bottom: 70px;
}

.section-title.about-title h2 {
	line-height: 55px;
}

.section-title.about-title p {
	font-size: 17px;
	line-height: 30px;
	color: #6A6B7C;
}

.about__feature {
	padding-bottom: 60px;
}

.about__feature__item {
	text-align: center;
	margin-bottom: 30px;
	padding: 0 20px;
}

.about__feature__item h5 {
	font-size: 20px;
	color: #353535;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 15px;
}

.about__feature__item p {
	margin-bottom: 0;
}

.about__pic {
	margin-bottom: 50px;
}

.about__pic img {
	min-width: 100%;
	border-radius: 10px;
}

.about__item {
	margin-bottom: 30px;
}

.about__item h5 {
	font-size: 20px;
	color: #353535;
	font-weight: 700;
	margin-bottom: 15px;
}

.about__item p {
	margin-bottom: 0;
}

/*---------------------
  About
-----------------------*/

/*---------------------
  Services
-----------------------*/

.services__item {
	padding-bottom: 60px;
}

.services__item {
	text-align: center;
	padding: 36px 35px 40px;
	border: 1px solid #ebebeb;
	border-radius: 2px;
	-webkit-transition: all, 0.4s;
	-o-transition: all, 0.4s;
	transition: all, 0.4s;
	margin-bottom: 40px;
}

.services__item:hover {
	-webkit-box-shadow: 0px 6px 50px rgba(50, 15, 15, 0.05);
	box-shadow: 0px 6px 50px rgba(50, 15, 15, 0.05);
	border: 1px solid transparent;
}

.services__item:hover a {
	background: #db2d2e;
	border-color: #db2d2e;
	color: #ffffff;
}

.services__item h5 {
	font-size: 20px;
	color: #323232;
	font-weight: 700;
	margin-bottom: 12px;
	margin-top: 20px;
}

.services__item p {
	margin-bottom: 20px;
	color: #8d8d8d;
}

.services__item a {
	font-size: 15px;
	color: #db2d2e;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #ebebeb;
	display: inline-block;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

/*
  Contact
          */

.contact__text {
	margin-bottom: 30px;
}

.contact__text .section-title {
	text-align: left;
	margin-bottom: 36px;
}

.contact__text ul li {
	font-size: 15px;
	color: #353535;
	line-height: 36px;
	list-style: none;
}

.contact__text ul li span {
	color: #727171;
	width: 85px;
	display: inline-block;
}

.contact__form form input {
	width: 100%;
	height: 46px;
	font-size: 15px;
	color: #727171;
	border-radius: 2px;
	padding-left: 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #727171;
}

.contact__form form input::-moz-placeholder {
	color: #727171;
}

.contact__form form input:-ms-input-placeholder {
	color: #727171;
}

.contact__form form input::-ms-input-placeholder {
	color: #727171;
}

.contact__form form input::placeholder {
	color: #727171;
}

.contact__form form textarea {
	width: 100%;
	height: 100px;
	font-size: 15px;
	color: #727171;
	border-radius: 2px;
	padding-left: 20px;
	padding-top: 12px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 34px;
	resize: none;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #727171;
}

.contact__form form textarea::-moz-placeholder {
	color: #727171;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #727171;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #727171;
}

.contact__form form textarea::placeholder {
	color: #727171;
}

/*   
  Contact Address
            */

.contact-address {
	padding-bottom: 70px;
}

.contact__address__text {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 100px;
}

.contact__address__item {
	margin-bottom: 30px;
}

.contact__address__item h4 {
	color: #353535;
	font-weight: 700;
	margin-bottom: 18px;
}

.contact__address__item p {
	line-height: 32px;
	margin-bottom: 5px;
}

.contact__address__item span {
	display: block;
	font-size: 18px;
	color: #353535;
	font-weight: 700;
}

/*  Responsive   */

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 32px;
	}
	.bumassection {
		height: auto;
	}
	.bumassection__video {
		height: 100%;
	}
	.car__filter form .filter-price .price-input {
		position: relative;
		left: 0;
		top: 0;
		margin-top: 20px;
	}
	.car__details__tab .nav-tabs .nav-item {
		margin-right: 8px;
	}
	.testimonial__slider.owl-carousel .owl-nav button {
		left: -10px;
	}
	.testimonial__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mobile__nav {
		display: block;
		background: orange;
		height: 100px;
		width: 100%;
		position: fixed;
		margin-top: -100px;
		z-index: 999;
		left:0;
	}
	.mobile__nav.off{
		display:none;
	}
	.header__logo-m img {
		width: 25%;
		margin-top: 5px;
		background-size: cover;
		background-repeat: no-repeat;
		margin-left: 10px;
	}
	.muron__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.feature__text {
		margin-bottom: 500px;
	}
	.feature__item {
		float: none;
	}
	.bumassection {
		height: auto;
		padding-bottom: 0;
	}
	.bumassection__video {
		height: 100%;
		width: 100%;
		position: relative;
	}
	.bumassection__text {
		margin-bottom: 40px;
	}
	.car__sidebar {
		margin-bottom: 40px;
	}
	.car__details__tab .nav-tabs .nav-item {
		margin-right: 8px;
	}
	.blog__sidebar {
		padding-top: 45px;
	}
	.testimonial__slider.owl-carousel .owl-nav button {
		left: -10px;
	}
	.testimonial__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
	.header__top {
		display: none;
	}
	.header__nav {
		display: none;
	}
	.header .container {
		position: relative;
	}
	.canvas__open {
		display: block;
		font-size: 48px;
		color: #837872;
		height: 40px;
		width: 50px;
		line-height: 35px;
		text-align: center;
		border: none !important;
		border-radius: 2px;
		cursor: pointer;
		position: relative;
		right: 15px;
		top: 15px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		height: 100px;
		background: #fbca63;
		padding: 50px 30px 30px;
		display: block;
		z-index: 9999;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #353535;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #353535;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #353535;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__widget {
		margin-bottom: 30px;
	}
	.offcanvas__widget a {
		font-size: 15px;
		color: #353535;
		margin-right: 20px;
		display: inline-block;
	}
	.offcanvas__widget .primary-btn {
		color: #ffffff;
	}
	.offcanvas__widget__add {
		margin-bottom: 20px;
	}
	.offcanvas__widget__add li {
		font-size: 15px;
		color: #353535;
		margin-right: 35px;
		list-style: none;
		line-height: 30px;
	}
	.offcanvas__widget__add li:last-child {
		margin-right: 0;
	}
	.offcanvas__widget__add li i {
		font-size: 18px;
		color: #353535;
		margin-right: 6px;
	}
	.offcanvas__social a {
		display: inline-block;
		font-size: 15px;
		color: #353535;
		margin-right: 16px;
	}
	.offcanvas__social a:last-child {
		margin-right: 0;
	}
	.offcanvas__phone__num {
		margin-bottom: 20px;
	}
	.offcanvas__phone__num i {
		color: #353535;
		margin-right: 6px;
		font-size: 15px;
	}
	.offcanvas__phone__num span {
		font-size: 15px;
		color: #353535;
	}
	.blog-details-muron {
		padding-bottom: 150px;
	}
	.blog-details {
		margin-top: -100px;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.mobile__nav {
		position: fixed;
		display: block;
		background: orange;
		height: 100px;
		width: 100%;
		margin-top: -100px;
		z-index: 1002;
		left: 0;
	}
	.mobile__nav.off{
		display:none;
	}
	.header__logo-m img {
		width: 200px;
		margin-top: 10px;
		margin-left: 10px;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.muron__text {
		padding-top: 0;
		margin-bottom: 40px;
	}
	.bumassection {
		height: auto;
		padding-bottom: 0;
	}
	.bumassection__video {
		height: 100%;
		width: 100%;
		position: relative;
	}
	.bumassection__text {
		margin-bottom: 40px;
	}
	.footer__contact__option .option__item {
		margin-bottom: 12px;
	}
	.car__sidebar {
		margin-bottom: 40px;
	}
	.blog__sidebar {
		padding-top: 45px;
	}
	.feature:after {
		left: 0%;
		top: 27%;
		width: 100%;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
	.feature__text {
		margin-bottom: 500px;
	}
	.feature__item {
		float: none;
	}
	.footer__contact__option {
		text-align: left;
	}
	.footer__contact__title {
		margin-bottom: 20px;
	}
	.car__filter__option .car__filter__option__item.car__filter__option__item--right {
		text-align: left;
		padding-top: 20px;
	}
	.blog__details__share__item {
		width: calc(50% - 34px);
	}
	.blog__details__comment__form form .input-list {
		margin-right: 0;
		overflow: hidden;
	}
	.blog__details__comment__form form .input-list-item {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.call__text {
		margin-bottom: 40px;
	}
	.testimonial__slider.owl-carousel .owl-nav {
		display: none;
	}
	.blog-details-muron {
		padding-bottom: 150px;
	}
	.blog-details {
		margin-top: -100px;
	}
	.header__top {
		display: none;
	}
	.header__nav {
		display: none;
	}
	.offcanvas-menu-wrapper {
		display: block;
	}
	.header .container {
		position: relative;
	}
	.canvas__open {
		display: block;
		font-size: 48px;
		color: #837872;
		height: 35px;
		width: 35px;
		line-height: 35px;
		text-align: center;
		border: none;
		border-radius: 2px;
		cursor: pointer;
		position: absolute;
		right: 25px;
		top: 15px;
	}
	.offcanvas-menu-overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.7);
		content: "";
		z-index: 98;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		visibility: hidden;
	}
	.offcanvas-menu-overlay.active {
		visibility: visible;
	}
	.offcanvas-menu-wrapper {
		position: fixed;
		left: -300px;
		width: 300px;
		height: 100%;
		background: #ffffff;
		padding: 50px 30px 30px;
		display: block;
		z-index: 99;
		overflow-y: auto;
		-webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s;
		opacity: 0;
	}
	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu {
		display: none;
	}
	.slicknav_btn {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 7px 0;
		margin: 0;
		color: #353535;
		font-weight: 600;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: transparent;
		color: #353535;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #353535;
	}
	.slicknav_nav {
		display: block !important;
	}
	.offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__widget {
		margin-bottom: 30px;
	}
	.offcanvas__widget a {
		font-size: 15px;
		color: #353535;
		margin-right: 20px;
		display: inline-block;
	}
	.offcanvas__widget .primary-btn {
		color: #ffffff;
	}
	.offcanvas__widget__add {
		margin-bottom: 20px;
	}
	.offcanvas__widget__add li {
		font-size: 15px;
		color: #353535;
		margin-right: 35px;
		list-style: none;
		line-height: 30px;
	}
	.offcanvas__widget__add li:last-child {
		margin-right: 0;
	}
	.offcanvas__widget__add li i {
		font-size: 18px;
		color: #353535;
		margin-right: 6px;
	}
	.offcanvas__social a {
		display: inline-block;
		font-size: 15px;
		color: #353535;
		margin-right: 16px;
	}
	.offcanvas__social a:last-child {
		margin-right: 0;
	}
	.offcanvas__phone__num {
		margin-bottom: 20px;
	}
	.offcanvas__phone__num i {
		color: #353535;
		margin-right: 6px;
		font-size: 15px;
	}
	.offcanvas__phone__num span {
		font-size: 15px;
		color: #353535;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.close-btn {
		position: absolute;
		top: 20px!important;
		top: -5px;
		right: 20px;
		cursor: pointer;
		border-radius: 50%;
		margin: auto;
		border: none;
		background: none!important;
		font-size: 56px!important;
		font-weight: 300;
		color: #333;
		line-height: 0007;
		transition: all ease-in-out .5s;
	}
	.offcanvas-menu {
		list-style: none;
		padding: 0;
		margin-top: -40px;
		font-size: 24px;
	}
	.section-title h2,
	.breadcrumb__text h2 {
		font-size: 34px;
	}
	.muron__text__title h2 {
		font-size: 38px;
	}
	
	.feature__text {
		margin-bottom: 40px;
	}
	.feature:after {
		display: none;
	}
	.feature__text__btn .primary-btn {
		margin-bottom: 10px;
	}
	.blog__details__comment__item.reply__comment {
		margin-left: 0;
	}
	.muron__text .primary-btn {
		margin-bottom: 10px;
	}
	.filter__controls li {
		margin-right: 15px;
	}
	
	.section-title.about-title h2 {
		line-height: normal;
	}
	.search-model-form input {
		font-size: 24px;
		width: 100%;
	}
}

.banner {
	position: relative;
	padding-top: 180px;
	padding-bottom: 30px;
	background: black;
}

	.banner::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url('/img/bumas/kurumsalbanner.png') no-repeat center center;
		background-size: cover;
		opacity: 0.3;
	}

.banner-content {
	position: relative;
	width: 100%;
	min-height: 100px;
	font-family: "Teko",serif;
	color: white;
	font-weight: 200;
	text-align: center;
	letter-spacing: 0px;
	font-size: 60px;
	animation: letterSpacingAnim 1s ease-in-out forwards;
}

@keyframes letterSpacingAnim {
	from {
		letter-spacing: 0px;
	}

	to {
		letter-spacing:5px;
	}
}


.content{
	margin-top:40px!important;
	width:100%;
	min-height:300px;
	height:auto;
	font-size:24px;
	color:black;
	margin:auto;
}

.content h1{
	margin-top:20px;
	padding:10px 50px;
	/*padding-left:50px;*/
	color:red;
	font-weight:700;
	font-family:"Teko",serif;
	font-family: "Cabin", serif;
	font-size:26px;
	text-align:left;
}


.content h2{
	color:red;
	font-family: "Cabin", serif;
	font-size:40px;
	font-weight:400;
	text-align:left;
}

.content p{
	color:black;
	/*font-family:"Teko",serif;*/
	font-family:"Cabin", serif;
	font-size:16px;
	font-weight:100;
	text-align:left;
	margin-left:50px;
	line-height:42px;
}

.content a:hover{
	color:black;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.content {
	padding: 20px;
	text-align: center;
	opacity: 0;
	animation: slideIn 1.5s ease-in-out .2s forwards;
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.contact-info {
	margin-top: 20px;
	font-size: 20px;
	margin-bottom:60px;
	padding-left:50px;
}

	.contact-info i {
		margin-right: 10px;
		color:red;
	}

.contact-info span {
	font-size: 16px;
}

.kvkk p {
	padding: 10px 50px;
	color: black;
	font-weight: 300;
	font-family: "Teko",serif;
	font-size: 22px;
	text-align: left;
}

.kvkk i{
	color:darkorange;
	font-size:30px;
	padding-right:20px;
}

.kvkk-content{
	background:url('/files/kvkk_content.png') no-repeat center center;
	background-size:cover;
}

.cookie-banner {
	position: fixed;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: #222;
	color: #fff;
	padding: 15px;
	text-align: center;
	border-radius: 5px;
	z-index: 1000;
}

	.cookie-banner a, .cookie-banner button {
		margin: 5px;
	}

.cookie-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1001;
}

.cookie-popup-content {
	background: white;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	width: 400px;
	margin: 20% auto;
}

.cookie-popup-content h3 {
	font-weight:500;
}

.cookie-popup button {
	margin-top: 10px;
}

/* Mobil Menü Butonu */
.canvas__open {
	display: none;
	font-size: 48px;
	cursor: pointer;
	position: fixed;
	top: 30px;
	right: 25px;
	z-index: 1000;
	transition:all ease-in 0.2s;
}

.offcanvas-menu {
	list-style: none;
	padding: 0;
	margin-top: -20px;
	font-size: 24px;
	transition: all ease-in 0.2s;
}

/* Offcanvas Menü */
.offcanvas-menu-wrapper {
	position: fixed;
	top: 0;
	right: -100%;
	width: 280px;
	height: 100%;
	background: #333;
	background: orange;
	color: white;
	z-index: 999;
	transition: right 0.3s ease-in-out;
	padding-top: 60px;
	overflow: hidden; /* Arka planda kaymayı engelle */
	box-sizing: border-box; /* Padding/border'ı genişliğe dahil et */
	transition: all ease-in-out .5s;
}

.offcanvas-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

	.offcanvas-menu ul li {
		padding: 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

		.offcanvas-menu ul li a {
			color: white;
			text-decoration: none;
			display: block;
		}

/* Offcanvas Menü Aç/Kapat */
.offcanvas-menu-wrapper.active {
	right: 0;
	width:100%;
	transition: all ease-in-out .5s;
}

/* Kapatma Butonu */
.close-btn {
	position: absolute;
	top: 90px;
	top: 15px!important;
	right: 20px;
	cursor: pointer;
	border-radius:50%;
	margin: auto;
	border: none;
	background: none!important;
	font-size: 56px;
	font-weight: 300;
	color: #333;
	line-height:0007;
	transition: all ease-in-out .5s;
}

.close-btn:hover{
	/*border-radius:50%;*/
	background:#333!important;
	transition:all ease-in-out .5s;
	color:white;
	/*line-height:0.6;*/
}

/* Varsayılan olarak dropdown'ları gizle */

.mobile-menu{
	margin-top:90px;
}
.header__menu ul .dropdown {
	display: block;
	position: absolute;
	background: white;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 10px;
	list-style: none;
	z-index: 100;
}

.mobile-menu ul .dropdown-m {
	display: none;
	position: absolute;
	background: white;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 10px;
	list-style: none;
	z-index: 100;
	transition:all ease-in-out 0.3s;
	/*overflow:scroll;*/
}

.mobile-menu ul .dropdown-m {
	position: static;
	box-shadow: none;
	background: transparent;
	transition: all ease-in-out 0.3s;
}

/* Açılan dropdown'lar */
.header__menu ul li.show > .dropdown-m,
.mobile-menu ul li.show > .dropdown-m {
	transition: all ease-in-out 0.3s;
	display: block;
}

/* Dropdown ok işareti */
.dropdown-toggle {
	cursor: pointer;
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
	transition: all ease-in-out 0.3s;
}



/* Mobil Görünüme Geçiş */
@media screen and (max-width: 992px) {
	.muron__text {
		padding-top: 110px;
		position: relative;
		margin: auto;
		width: 100%;
		display: table;
		background: rgba(0, 0, 0,0.2);
		border-radius: 5px;
	}
	.kurumsal h2 {
		font-family: "Teko", serif;
		font-weight: 200;
		font-size: 50px;
		letter-spacing: 10px;
		animation: letterSpacingAnim 1s ease-in-out forwards;
	}

	.header__menu {
		display: none;
	}

	.canvas__open {
		display: block;
	}
	.activ{
		display:none;
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-100%);
	}
}

.canvas__open.fadeOutLeft {
	animation: fadeOutLeft 0.5s forwards; /* Animasyonu 0.5 saniyede uygula */
	z-index: 9999999999;
}

.footer-copyright-wrapper {
	background-color: rgba(0,0,0,0.5);
	z-index: 999999999999999!important;

}

.footer-copyright-text{
	line-height:20px;
	font-size:12px;
	margin:auto;
}

.footer-copyright-link {
	color: white;
	border-right: 1px solid white;
	padding: 5px 10px;
}

.container-fluid {
/*	padding-right: 0;
	padding-left: 0;*/
	margin-right: auto;
	margin-left: auto
}

.bumas-tanitim .image{
	margin-top:20px;
	width:100%;
}

.bumas-tanitim::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	transition: opacity 0.3s;
}

.bumas-tanitim:hover::before {
	background: rgba(0, 0, 0, 0);
	transition: opacity 0.3s;
	box-shadow: 1px 1px 1px white;
	transform: scale(1.01);
	transition: all ease-in 0.3s;
	cursor: pointer;
}
.service-item-squad h5 {
/*	text-align: center;
	transition: all 0.3s ease-in-out;*/
	color: white !important;
	text-shadow:1px 1px 1px white;
}


.service-item-squad::before h5{
	text-align: center;
	transition: all 0.3s ease-in-out;
	color:orange!important;
}

.service-item-squad:hover h5 {
	/*bottom: 20px;*/
	font-size: 36px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
	background: rgba(0,0,0,0.5);
	background: rgba(255, 165, 0, 0.5);
	padding: 10px;
	border-radius: 5px;
}

.contact-info{

}
.contact-info>p{
	float:left;
	left:-50px;
	color:black;
}

.contact-info i{
	float:left;
	left:0;
	margin-top:5px;
}
#colorInfo {
	display: none;
	position: fixed;
	top: 10px;
	left: 10px;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	font-size: 16px;
	border-radius: 5px;
	z-index: 1000;
	transition: opacity 0.3s ease;
}

#scrollToTopBtn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	background-color: #333;
	color: white;
	font-size: 20px;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0; /* İlk başta buton görünmez */
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index:99999999999999999999999999999999999999999;
}

	#scrollToTopBtn.light {
		background-color: #fff;
		color: #000;
		z-index: 99999999999999999999999999999999999999999;
	}

	#scrollToTopBtn.dark {
		background-color: #000;
		color: #fff;
		z-index: 99999999999999999999999999999999999999999;
	}