html {scroll-behavior: smooth;}
::-webkit-scrollbar {width: 7px; height: 7px; background: #fbfbfb;}
::-webkit-scrollbar-track {-webkit-box-shadow: none;}
::-webkit-scrollbar-thumb {background: #e5e7ea; cursor: pointer;}
body {font-family: "Bahnschrift", Sans-serif; color:#878787 ; font-weight: 300; overflow-x: hidden;}
a{color: #ce0b10; text-decoration: none;transition: all 0.5s;-webkit-transition: all 0.5s;}
a:focus, a:hover{color: #3a3938;outline: none !important;}
html {scroll-behavior: smooth;}
.text-primary{color:#7f8284 ;}
.text-secondary{color: #ce0b10 !important;}
.text-dark{color:#3c3c3e!important;}
.background-primary{background-color: #ce0b10;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{letter-spacing: 0; font-weight: bold;}
h3,.h3{font-size: calc(1.1rem + .6vw) }
.p-xs{font-size:1rem;}
p{font-size:1.125rem; font-weight:300; color:#7f8284 ; line-height: 1.7rem ;}
.p-md {font-size: 1.375rem;}
.p-lg {font-size: 1.5rem;}
.p-xl {font-size: 1.75rem;}
.line-height-1{line-height: 1;}
.radius-10{border-radius: 10px;}
.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url(../../images/preloader.gif) center no-repeat #fff;}


/* HEADER */
header ul li{list-style: none; display: inline-block;}
header ul li a, header .bagis-yap a{ padding-right: 25px; font-size: 18px; font-weight: 500;}
header .bagis-yap a{color: #ffffff; padding-left: 75px; padding-right: 35px; position: relative; z-index: 9;}
.bagis-yap img{left:0px; top:-38px; z-index: 8;}
header .dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
header .dropdown-item.active, header .dropdown-item:active{background-color:#f8f9fa ;}
header .dropdown-item:hover, header .dropdown-item:focus{color: #ce0b10;}
header .dropdown-toggle::after{display: none;}
header .dropdown-menu{border:0px; box-shadow: rgba(33, 33, 52, 0.2) 0px 1px 4px;}

/* MOBİL MENÜ */
.mobil-menu svg {fill:#3a3938;}
.mobil-menu svg:hover{fill:#000000}
.mobil-menu span{color: #333333; font-size:16px; font-weight: 500;padding-left: 3px;}
.mobil-button{background: rgb(206,11,16)!important ;background: linear-gradient(117deg, rgba(206,11,16,1) 25%, rgba(153,5,9,1) 100%)!important ;;}
#menu ul li a, #menu ul li span{font-size:16px; font-weight:400;}
#menu ul li a:hover, #menu ul li a:focus{text-indent:2px;background: rgb(206,11,16);background: linear-gradient(117deg, rgba(206,11,16,1) 25%, rgba(153,5,9,1) 100%);}
#menu ul li i{margin-right:5px;font-size: 18px;line-height: 20px;}
#menu .multilevel:before{opacity: 0.7;}
#menu.mm-spn.mm-spn--navbar{font-size: 18px; font-weight: 600!important;}
.bi-x-square-fill svg{display:none; position:fixed; right:220px; top:15px; cursor:pointer;z-index:99999; color:#000000; font-size:20px;}
.mm-ocd-opened .bi-x-square-fill svg{display:inline-block;animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-left {
	0% {-webkit-transform: translateX(0);transform: translateX(0);}
	100% {-webkit-transform: translateX(-100px);transform: translateX(-100px);}
}

/* FOOTER */
.footer-top .bottom-left{background-color:#ce0b10; height: 50px; border-radius: 10px 10px 0px 0px; width: 300px;}
.footer-top .bottom-right{background-color: #ffffff; height: 50px; border-radius: 0px 0px 0px 10px; width: 100%;}
.footer-bottom{background-color:#ce0b10; padding:60px 60px; border-radius: 0px 10px 10px 0px;line-height: 1;}
.footer-bottom ul li{list-style: none; display: inline-flex; margin-right: 15px;line-height: 40px;}
.footer-bottom p{line-height: 1.5rem;}
.footer-bottom a{color: #ffffff; text-decoration: none;}
.footer-bottom a:hover, .footer-bottom a:focus, .footer-bottom a:visited{color: #ffffff; text-decoration: underline;}
.footer-bottom .footer-adres{max-width: 430px; margin: 0px auto;}
.footer-bottom .order-lg-1, .footer-bottom .order-lg-2, .footer-bottom .order-lg-3, .footer-bottom .order-lg-4{padding-left: 45px; padding-right: 45px; border-right:1px rgba(255,255,255,0.7)  solid;}
.footer-bottom .order-lg-4{border-right: 0px;}
.footer-bottom .order-lg-1 p{line-height: 40px;}

/* ANA SAYFA */
.home-slogan .home-text h2{max-width: 350px; font-size: 2.1rem;}
.home-slogan .home-title{top:120px; left: 40px; position:absolute; width: auto;}
.home-slogan .home-paragraf{top:230px; left: 0px; position:absolute;}
.home-slide-img img{object-fit: cover; aspect-ratio: 900 / 665;}

.bagis-btn{background-color: #76787B; border: 0px; padding: 2rem;color:#C7C8CA;}
.secim-tablo{background-color: #76787B; padding: 2rem;}
.bagis-secenek-tablo{height: 142px;}
.bagis-secenek-tablo .bagis-tablo-ic .line {position: absolute;	bottom: 12px; width: 100%; height: 1px; background-color: #C7C8CA;}
.bagis-secenek-tablo .bagis-tablo-ic .dot-line{height: 35px; width: 1px; border-left:1px #ffffff dashed;}

.icon-handshake{z-index: 99;}
.icon-handshake svg{width: 32px;}
.cls-1, .cls-2 {fill: none;}
.cls-3 {clip-path: url(#clippath-1);}
.cls-4 {clip-path: url(#clippath-2);}
.cls-5 {fill: #c7c8ca;}
.cls-6 {fill: #76787B;}
.cls-7 {clip-path: url(#clippath);}
.cls-2 {stroke: #c7c8ca;stroke-miterlimit: 10;stroke-width: .3px;}
.radio-div.active .cls-6{fill: #d2232a;}
.radio-div.active h4{font-weight: bold!important;}
.radio-div {flex: 0 0 auto; width: 33.33333333%;cursor: pointer;}


/* HAKKIMIZDA */
.sayfa-title .red-line{height: 1px; bottom: 8px; background-color:#ce0b10 ; width: calc(100% - 24px); }

/* KURUMSAL */
.kurumsal-hiza{padding-top: 100px; padding-bottom: 100px;}

/* NEREDE VARIZ */
.nerede-variz ul li{list-style: none; font-size: 1.3rem;}

/* İLETİŞİM */
.iletisim-adres{max-width: 250px;}
.iletisim-map iframe{max-width: 900px;}



@media (max-width: 1400px) {
.footer-bottom .order-lg-1, .footer-bottom .order-lg-2, .footer-bottom .order-lg-3, .footer-bottom .order-lg-4{padding-left: 15px; padding-right: 15px;}
    
}

@media (max-width: 1200px) {
.bagis-yap img{width: 180px;left: -10px;top: -28px;}
header .bagis-yap a{padding-left: 25px; padding-right: 55px;}
.mobil-menu{margin-right: 30px;}
.home-slogan .home-title{top:100px;}
.home-slogan .home-paragraf{top:210px;}
    
}

@media (max-width: 992px) {
.footer-bottom{padding: 60px 30px; }
.footer-bottom .row{max-width: 450px;}
.footer-bottom .footer-adres{margin: 0px 0px 0px 0px; }
.footer-bottom .order-2, .footer-bottom .order-3, .footer-bottom .order-4{margin-top: 30px;}
.footer-bottom .order-lg-2{border-left:1px rgba(255,255,255,0.7) solid}
.footer-bottom .order-lg-2 img{width: 40px;}
.footer-bottom .order-lg-1, .footer-bottom .order-lg-2, .footer-bottom .order-lg-3, .footer-bottom .order-lg-4{border-right: 0px;}
.footer-bottom .footer-adres{max-width: 100%;}
.home-slogan .home-title{left: 70px; top: 70px;}
.home-slogan .home-paragraf{left: 30px;top:170px;}
.home-slogan .home-text h2{max-width: 100%; font-size: 1.375rem; font-weight: 300; color: #878787!important;}
.secim-tablo, .bagis-btn{padding: 1rem;}
.bagis-btn{height: 316px;}
    
}

@media (max-width: 768px) {
.p-md {font-size: 1.125rem;}
.footer-bottom{padding: 60px 15px;}
.footer-bottom .footer-adres{max-width: 100%; padding-bottom: 15px;}
.footer-top .bottom-left{width: 150px;}
.home-slogan .home-text{position:unset;}
.iletisim-adres{max-width: unset;}
.bagis-btn{height: auto;}
    
}

@media (max-width: 576px) {
.mobil-menu{margin-right: 15px;}
.logo img{width: 75px;}
.mobil-menu svg{width: 25px; height: 16px;}
.kurumsal-hiza{padding-top: 50px; padding-bottom: 50px;}
.nerede-variz ul li{font-size: 1rem;}
    
}