@import url('https://fonts.googleapis.com/css2?family=Poppins:ital@1&display=swap');

h1 {
	font-family: 'Poppins', sans-serif;

}



/* header */

/* header */

/* lastik animasyon */
.bg img {
	animation: mymove 5s linear infinite;
}
/* lastik animasyon */

@keyframes mymove{
	100%{
		transform: rotate(360deg);
	}

}

.nav-item{
    margin: auto;
    padding: auto;
    padding-right: 1vw;
	font-size: 24px;
	
}

.carousel-inner {
    height: 710px;
}

.carousel-item {
    height: 710px;
}

.navbar-brand {
	display: flex;
	justify-content: space-around;
}

.navbar {
	display: flex;
	justify-content: space-around;
}

.oto {
	margin-top: 100px;
}


/* car animation */




.oto-yazi {
	position: relative;
}

.one {
	text-align: center;
	color: red;
}


.container-x {
	display: grid;
	justify-content: space-evenly;
	align-items: center;
	margin: auto;
	padding: auto;
	width: 100%;
	background-color: #ececec;
	margin-top: 10px;
	margin-bottom: 10px;
  }

  .container-x img {
	transition: transform 0.3s ease-in-out;
  }

  .container-x p {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	font-size: 25px;
	color: 101010;
	
  }

  .container-x img:hover {
	opacity: 0.7;
  }

  .container-x img:hover + p {
	opacity: 1;
  }


  /* Lastik slayt */

  h3 {
	text-align: center;
  }

  .urun-grubu {
	color: #ececec;
	background-color: #101010;
	width: 350px;
	height: 70px;
	margin-top: 4px;
  }

  .urun {
	display: flex;
	align-items: center;
	justify-content: center;
	
  }

  #controls {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
	
  }

  .urun-grubu:hover {
	border: 3px solid red;
	transform: scale(1);
	color: red;
  }

  .urun-p {
	font-size: 20px;
	text-align: center;
  }

  .tns-outer {
	margin-left: 5cm;
	margin-right: 5cm;
	margin-bottom: -50px;
  }

.tns-inner {
	background-color: #101010;
}

  .slide-p {
	color: white;
	font-size: 50px;
	backdrop-filter: blur(70px);
  }

 
  .model {
	align-items: center;
	justify-content: center;
	color: #101010;
	font-family: 'Poppins', sans-serif;
  }

  #slider {
	height: 550px;
	display: flex;
	justify-content: center;
	align-items: center;
  }

.container-y {
	width: auto;
	margin: auto;
}

.sub-container {
	width: 85%;
	margin: auto;
}

.controller {
	display: flex;
	justify-content: space-between;
}

.model {
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: auto;
}

#controls i {
	color: white;
	font-size: 1rem;
}

.previous, .next {
	padding: 2px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	border-radius: 50%;
	outline: none;
	transition: 0.7s ease-in-out;
	border: 3px solid white;
	background-color: #101010;
	box-shadow: 0 0 5px #bbb;
}

.previous:hover, .next:hover {
	border: 3px solid red;
}

.slide-img {
	width: 100%;
	height: 275px;
	border: 1px solid white;
	background-position: center;
	background-size: cover;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.5s;
}

.slide-img:hover {
	box-shadow: 5px 5px 5px red;
}

.slide-img a {
	text-decoration: none;
	transform: scale(0);
	transition: 0.8s;
	font-size: 1.5rem;
	opacity: 0;
}

.my-slider {
	height: 450px;
	background-color: white;
}

.slide-img:hover {
	opacity: 0.8;
	transform: scale(1);
}


/* img */

.img-1{
	background-image: url(images/lastikler/1-SuvMaster\ A-S.png);
	width: 350px;
	height: 350px;
}

.img-2 {
	background-image: url(images/lastikler/2-VanMaster\ A-S\ plus.png);
	width: 350px;
	height: 350px;
}

.img-3 {
	background-image: url(images/lastikler/3-SNOWMASTER\ 2.png);
	width: 350px;
	height: 350px;
}

.img-4 {
	background-image: url(images/lastikler/4-SNOWMASTER\ 2\ SPORT.png);
	width: 350px;
	height: 350px;
}

.img-5 {
	background-image: url(images/lastikler/5-VELOXSPORT\ PT741.png);
	width: 350px;
	height: 350px;
}

.img-6 {
	background-image: url(images/lastikler/6-FULLPOWER\ PT835.png);
	width: 350px;
	height: 350px;
}

.img-7{
	background-image: url(images/lastikler/7-EXPLERO\ H-T\ PT431.png);
	width: 350px;
	height: 350px;
}

.img-8 {
	background-image: url(images/lastikler/8-EXPLERO\ A-T\ PT421.png);
	width: 350px;
	height: 350px;
}

.img-9 {
	background-image: url(images/lastikler/9-FULLPOWER\ PT825\ Plus.png);
	width: 350px;
	height: 350px;
}

.img-10 {
	background-image: url(images/lastikler/10-PROGREEN\ PT525.png);
	width: 350px;
	height: 350px;
}

.img-11 {
	background-image: url(images/lastikler/11-EXPLERO\ A-S\ PT411.png);
	width: 350px;
	height: 350px;
}

.img-12 {
	background-image: url(images/lastikler/12-IMPERIUM\ PT515.png);
	width: 350px;
	height: 350px;
}

.img-13{
	background-image: url(images/lastikler/13-EXPLERO\ WINTER\ W671.png);
	width: 350px;
	height: 350px;
}

.img-14 {
	background-image: url(images/lastikler/14-ELEGANT\ PT311.png);
	width: 350px;
	height: 350px;
}

.img-15 {
	background-image: url(images/lastikler/15-FULLGRIP\ PT945.png);
	width: 350px;
	height: 350px;
}

.img-16 {
	background-image: url(images/lastikler/16-Multi\ Action\ PT565.png);
	width: 350px;
	height: 350px;
}

.img-17 {
	background-image: url(images/lastikler/17-EXPLERO\ ICE\ W681.png);
	width: 350px;
	height: 350px;
}

.img-18 {
	background-image: url(images/lastikler/18-FULLGRIP\ PT935.png);
	width: 350px;
	height: 350px;
}

.img-19{
	background-image: url(images/lastikler/19-FULLGRIP\ PT925.png);
	width: 350px;
	height: 350px;
}

.img-20 {
	background-image: url(images/lastikler/20-SNOWMASTER\ W651.png);
	width: 350px;
	height: 350px;
}

.img-21 {
	background-image: url(images/lastikler/21-GLACIER\ W661.png);
	width: 350px;
	height: 350px;
}

/* MEDIA */
@media(max-width:1600px){
	.container-y{
		width: 100%;
	}
}

/* map */

.map-p {
	text-align: center;
	margin-top: 40px;
	font-size: 40px;
}

iframe {
    filter: grayscale(50%);
	margin-bottom: -75px;
}

/* footer */

.footer-lastik {
	font-size: 24px;
}

footer {
	background: #101010;
	padding: 86px 0;
	margin-top: 2cm;
}
.single-content {
	text-align: center;
	padding: 115px 0;
}
.single-box p {
	color: #fff;
	line-height: 1.9;
}
.single-box h3 {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
.single-box .card-area i {
	color: #ffffff;
	font-size: 20px;
	margin-right: 10px;
}
.single-box ul {
	list-style: none;
	padding: 0;
}
.single-box ul li a {
	text-decoration: none;
	color: #fff;
	line-height: 2.5;
	font-weight: 100;
}
.single-box h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}
#basic-addon2 {
	background: #fe1e4f;
	color: #fff;
}
.socials i {
	font-size: 18px;
	margin-right: 15px;
}

.social {
	background-color: #101010;
	color: white;
}
@media (max-width: 767px) {
	.single-box {
		margin-bottom: 50px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.single-box {
		margin-bottom: 50px;
	}
}