@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html{scroll-behavior:smooth;}
body{font-family:'Roboto', sans-serif;}
.container{max-width:100%;}
@media (min-width: 1200px){.container{max-width:1320px;}}
@keyframes slideShow{ 0% {transform:scale(1);} 50% {transform:scale(1.1);} 100% {transform:scale(1);} }

.header{width:100%;height:auto;display:block;position:relative;float:left;padding:25px 0;}
.header .navbar{padding:0;}
.header .logo{width:auto;height:auto;display:block;position:relative;float:left;}
.header .logo a{width:224px;height:90px;display:block;position:relative;float:left;background-image:url(logo.png);background-position:center;background-size:cover;background-repeat:no-repeat;text-decoration:none;}
.header .menu{width:auto;height:auto;display:block;position:relative;float:left;}
.header .menu ul{width:auto;height:auto;display:block;position:relative;float:left;margin:0;padding:0;list-style:none;}
.header .menu ul li{width:auto;height:auto;display:block;position:relative;float:left;margin-right:30px;}
.header .menu ul li:last-child{margin-right:0;}
.header .menu ul li a{width:auto;height:auto;display:block;position:relative;float:left;text-decoration:none;color:#212529;font-size:18px;font-weight:500;transition:0.3s;}
.header .menu ul li a:hover{color:#c0953f;}
.header .button{width:auto;height:auto;display:block;position:relative;float:left;}
.header .button a{width:auto;height:auto;display:block;position:relative;float:left;padding:12px 22px 12px 52px;background-color:#c0953f;color:#ffffff;text-decoration:none;font-weight:500;border-radius:50px;transition:0.3s;}
.header .button a svg{width:24px;height:24px;display:block;position:absolute;left:18px;top:50%;margin-top:-12px;fill:#ffffff;}
.header .button a:hover{background-color:#212529;}
.header .mobile-button{width:auto;height:auto;display:none;position:relative;float:left;outline:none;padding:0;background-color:transparent;border:1px solid transparent;border-radius:.25rem;}
.header .mobile-button:focus{outline:none;}
.header .mobile-button .menu-icon{width:30px;height:19px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;}
.header .mobile-button .menu-icon span{width:100%;height:3px;display:block;position:absolute;background-color:#c0953f;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.35s ease-in-out;}
.header .mobile-button .menu-icon span:nth-child(1){top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.header .mobile-button .menu-icon span:nth-child(2), .menu-icon span:nth-child(3){top:8px;}
.header .mobile-button .menu-icon span:nth-child(4){top:16px;border-top-left-radius:0;border-top-right-radius:0;}
.header .mobile-button .menu-icon.open span:nth-child(1){top:8px;width:0%;left:50%;}
.header .mobile-button .menu-icon.open span:nth-child(2){transform:rotate(45deg);}
.header .mobile-button .menu-icon.open span:nth-child(3){transform:rotate(-45deg);}
.header .mobile-button .menu-icon.open span:nth-child(4){top:8px;width:0%;left:50%;}

.slider{width:100%;height:auto;display:block;position:relative;float:left;background-color:#000000;}
.slider .item{width:100%;height:600px;display:flex;position:relative;float:left;align-items:center;overflow:hidden;}
.slider .item::before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-color:#231f20;opacity:0.7;z-index:1;}
.slider .item .image{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-position:center;background-size:cover;z-index:0;animation:slideShow 10s linear infinite 0s;}
.slider .item .container{z-index:2;}
.slider .item .content{width:100%;height:auto;display:block;position:relative;float:left;max-width:800px;}
.slider .item .content .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;color:#ffffff;font-size:44px;font-weight:800;letter-spacing:-0.9px;}
.slider .item .content .description{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:25px;color:#ffffff;font-size:20px;}
.slider .item .content .description a{color:#ffffff;}
.slider .item .content .buttons{width:100%;height:auto;display:block;position:relative;float:left;}
.slider .item .content .buttons a{width:auto;height:auto;display:block;position:relative;float:left;margin-right:15px;padding:12px 22px 12px 52px;background-color:#c0953f;color:#ffffff;text-decoration:none;font-weight:500;border-radius:50px;transition:0.3s;}
.slider .item .content .buttons a:last-child{background-color:#2382b6;margin-right:0;}
.slider .item .content .buttons a svg{width:24px;height:24px;display:block;position:absolute;left:18px;top:50%;margin-top:-12px;fill:#ffffff;}
.slider .item .content .buttons a:hover{background-color:#212529;}
.slider.owl-carousel .owl-nav{display:block;}
.slider.owl-carousel .owl-nav button.owl-next, .slider.owl-carousel .owl-nav button.owl-prev{width:25px;height:50px;display:block;position:absolute;top:50%;margin-top:-25px;border:none;outline:none;transition:0.3s;}
.slider.owl-carousel .owl-nav button.owl-next{right:20px;}
.slider.owl-carousel .owl-nav button.owl-prev{left:20px;}
.slider.owl-carousel .owl-nav button.owl-next svg, .slider.owl-carousel .owl-nav button.owl-prev svg{width:25px;height:50px;fill:#ffffff;}
.slider.owl-carousel .owl-nav button.owl-next:hover, .slider.owl-carousel .owl-nav button.owl-prev:hover{opacity:0.65;}
.slider.owl-carousel .owl-dots{width:auto;height:auto;display:flex;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);justify-content:center;align-items:center;flex-wrap:wrap;}
.slider.owl-carousel button.owl-dot{width:30px;height:30px;display:block;position:relative;float:left;margin:0 5px;background-color:transparent;border:2px solid transparent;border-color:transparent;outline:none;border-radius:100%;transform:scale(0.8);transition:0.3s;}
.slider.owl-carousel button.owl-dot::before{content:"";width:8px;height:8px;display:block;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;background-color:#ffffff;border-radius:100%;}
.slider.owl-carousel button.owl-dot.active{border-color:#ffffff;transform:scale(1);}

.about{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;}
.about .content{width:100%;height:auto;display:block;position:relative;float:left;}
.about .content .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;text-align:center;font-size:38px;font-weight:700;}
.about .content .description{width:100%;height:auto;display:block;position:relative;float:left;font-size:18px;}

.brands{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;background-color:#f8f9fa;}
.brands .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;text-align:center;font-size:38px;font-weight:700;}
.brands .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:30px;background-color:#ffffff;border:1px solid #ced4da;border-radius:10px;overflow:hidden;transition:0.3s;}
.brands .item .image{width:100%;height:auto;display:block;position:relative;float:left;padding-top:50%;}
.brands .item .image span{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background-position:center;background-size:cover;background-repeat:no-repeat;}
.brands .item .txt{width:100%;height:auto;display:block;position:relative;float:left;padding:20px;text-align:center;background-color:#ffffff;color:#212529;font-size:18px;font-weight:700;border-top:1px solid #ced4da;transition:0.3s;}
.brands .item:hover{border-color:#c0953f;box-shadow:0 0 20px 5px rgba(192,149,63,0.15);}
.brands .item:hover .txt{color:#c0953f;border-color:#c0953f;box-shadow:0 -5px 10px 2px rgba(192,149,63,0.15);}

.contact{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;}
.contact .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;text-align:center;font-size:38px;font-weight:700;}
.contact .item{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;padding:35px 15px;background-color:#f9f2e5;border-radius:10px;}
.contact .item .icon{width:100%;height:auto;display:flex;position:relative;float:left;margin-bottom:15px;justify-content:center;}
.contact .item .icon svg{width:70px;height:70px;fill:#c0953f;}
.contact .item .txt{width:100%;height:auto;display:flex;position:relative;float:left;flex-direction:column;justify-content:center;align-items:center;}
.contact .item .txt a{width:auto;height:auto;display:block;position:relative;float:left;text-decoration:none;color:#212529;font-weight:500;font-size:18px;text-align:center;transition:0.3s;}
.contact .item .txt a:hover{color:#c0953f;}

.social{width:100%;height:auto;display:block;position:relative;float:left;padding:15px 0 50px 0;}
.social .title{width:100%;height:auto;display:block;position:relative;float:left;margin-bottom:15px;text-align:center;font-size:35px;font-weight:700;}
.social .box{width:100%;height:auto;display:flex;position:relative;float:left;justify-content:center;align-items:center;flex-wrap:wrap;}
.social .box a{width:auto;height:auto;display:block;position:relative;float:left;margin-right:25px;text-decoration:none;}
.social .box a:last-child{margin-right:0;}
.social .box a svg{width:34px;height:34px;transition:0.3s;}
.social .box a:hover svg{opacity:0.65;}

.map{width:100%;height:auto;display:block;position:relative;float:left;}
.map iframe{width:100%;height:450px;display:block;position:relative;float:left;}

.footer{width:100%;height:auto;display:block;position:relative;float:left;padding:30px 0;background-color:#0c0e12;}
.footer .content{width:100%;height:auto;display:block;position:relative;float:left;opacity:0.85;}
.footer .content .text{width:100%;height:auto;display:block;position:relative;float:left;padding-right:50px;color:#ffffff;font-size:15px;}
.footer .content .ka{width:40px;height:30px;display:block;position:absolute;right:0;top:50%;margin-top:-15px;background-image:url(ka.net.tr.svg);}

button.scroll-top{position:fixed;bottom:30px;right:30px;display:none;border:none;outline:none;background-color:#c0953f;border-radius:50%;padding:12px;z-index:999;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transition:background-color 0.3s;}
button.scroll-top:hover{background-color:#212529;}
button.scroll-top svg{fill:#ffffff;}

@media (max-width: 1440px) {
	.slider.owl-carousel .owl-nav button.owl-next, .slider.owl-carousel .owl-nav button.owl-prev{width:20px;height:40px;top:auto;bottom:20px;margin-top:0;}
	.slider.owl-carousel .owl-nav button.owl-next svg, .slider.owl-carousel .owl-nav button.owl-prev svg{width:20px;height:40px;}
	.slider.owl-carousel .owl-dots{bottom:25px;}
}
@media (max-width: 991px) {
	.header{padding:15px 0;}
	.header .logo a{width:149px;height:60px;}
	.header .mobile-button{display:block;}
	.header .menu{width:100%;display:none;position:absolute;top:73px;left:0;z-index:20;}
	.header .menu.show{display:block;}
	.header .menu.collapsing{display:block;height:0;overflow:hidden;transition:height .35s ease;}
	.header .menu ul{width:100%;background-color:#c0953f;overflow:hidden;border:2px solid #ffffff;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);}
	.header .menu ul li{width:100%;margin-right:0;border-bottom:2px solid #ffffff;}
	.header .menu ul li:last-child{border-bottom:none;}
	.header .menu ul li a{width:100%;padding:10px 15px;color:#ffffff;font-size:16px;}
	.header .menu ul li a:hover{background-color:#212529;color:#ffffff;}
	.header .button{display:none;}
	
	.slider .item{height:500px;padding-bottom:55px;}
	.slider .item .content .title{margin-bottom:8px;font-size:35px;}
	.slider .item .content .description{margin-bottom:18px;font-size:18px;}
	.slider .item .content .buttons a{font-size:15px;}
	
	.about{padding:15px 0;}
	.about .content .title{margin-bottom:10px;font-size:30px;text-align:left;}
	.about .content .description{font-size:17px;}
	
	.brands{padding:15px 0;}
	.brands .title{margin-bottom:10px;font-size:30px;}
	.brands .item{margin-bottom:15px;}
	.brands .item .txt{font-size:17px;}
	
	.contact{padding:15px 0;}
	.contact .title{margin-bottom:10px;font-size:30px;}
	
	.social{padding:5px 0 35px 0;}
	.social .title{margin-bottom:10px;font-size:30px;}
	.social .box a svg{width:30px;height:30px;}
}
@media (max-width: 767px) {
	.slider.owl-carousel .owl-nav button.owl-next{right:15px;bottom:15px;}
	.slider.owl-carousel .owl-nav button.owl-prev{left:15px;bottom:15px;}
	.slider.owl-carousel .owl-dots{bottom:20px;}
	
	button.scroll-top{right:10px;bottom:10px;}
}