*:not(.fa) {
	font-family: 'Roboto', sans-serif;

	outline:0px !important;
}

body, html {
    overflow-x: hidden !important;
	min-height:100vh;
}

.ad {
    margin: 0px;
}
ul {padding:0px; margin:0px;}
a {text-decoration:none !important}

.top {background:url(../img/ustbg.png); height:138px; position:Relative; z-index:20;  background-position:center center; background-repeat:no-repeat}
.logo {text-align:center; padding-top:30px}

.menu {padding-top:30px;}
.top-right {padding-top:20px; text-align:center}
.top-right a {margin-right:15px}
.menu > ul > li {margin:0px; margin-right:15px;}
.menu > ul > li > a{background:#fff !important; font-weight:500; font-size:13px; color:#3f4d62; padding:0px;}
.menu > ul > li > a i {margin:0px;  color:#f50e02; -webkit-text-stroke: 0px #f50e02;}
.menu li:hover > a{color:#f50e02}
.dropdown-menu>li>a {font-weight:600;  color:#3f4d62; font-size:13px;}
.btn-odeme {background:#ebebeb; color:#404d62; font-weight:600; transition:all .5s}
.btn-odeme:hover{color:#ebebeb; background:#404d62;}
.btn-odeme:hover i{-webkit-text-stroke:1px #404d62;;}
.btn-odeme i {margin:0px;  -webkit-text-stroke:1px #ebebeb;  transition:all .5s}
.btn-bayi {background:#f50e02; color:#fff !important; font-weight:600; transition:all .5s; box-shadow:0px 0px 4px #ddd}
.btn-bayi:hover{color:#f50e02 !important; background:#fff !important; font-weight:600}
.btn-bayi:hover i{-webkit-text-stroke:1px #fff;   transition:all .5s}
.btn-bayi i {margin:0px;   -webkit-text-stroke:1px #f50e02;}
.slider {height:450px; position:relative; z-index:4; top:-60px; background:url(../img/slibg.png); background-size:100% 100%}
.ana-slide-content {padding-top:200px;position:relative;z-index:2;padding-left: 46px;}
.ana-slide-image {padding-top:60px}
.ana-slide-content h1 {color:#3f4d62; font-size:26px; position:relative; font-weight:bold}
.ana-slide-content h1:before{content:""; position:absolute; bottom:-14px; height:3px; left:0px; border-radius:3px;   width: 160px;background-color: rgb(245, 14, 2);}
.ana-slide-content h5 {color:#3f4d62; font-size:16px; margin-top:20px; line-height:1.5; position:relative; font-weight:400}
.incele {display: flex;justify-content: center;float:left;color: rgb(63, 77, 98) !important;line-height:2.7;font-weight:500;width:auto;position: absolute;top: 0;left: 39px;}
.incele img {height:40px; width:40px !important; margin-right:10px;}

.ana-slide .owl-nav {display:inline-block !important; position:Absolute; bottom:290px; left:15px;}
.ana-slide .owl-next {float:left; }
.ana-slide .owl-prev {float:left; margin-right:20px;}
.slialt {position:Relative; margin-top:40px; }
.satdiger:before {content:""; left:0px; position:Absolute; background:url(../img/slialtbg.png); height:460px; min-width:150% !important; background-size:100% 100%}
.satsol {position:relative; }
.satdiger img{margin-top:200px;position:relative;display:inline-block; z-index:5}
.satdiger {text-align:center}

.slialt:after {content:""; right:0px; top:0px; position:Absolute; background:url(../img/slikirmizi.png); height:970px; width:405px; background-size:100% 100%}

.japon  {background:#d6d6d6; padding:20px 0px; border-radius:0px 15px 15px 0px; position:relative; margin-bottom:34px;}
.japon:before {content:""; position:absolute; width:150%; right:100%; background:#d6d6d6; height:100%; top:0px;}
.japon span {color:#fff; font-size:25px; margin-left:40px;}
.kore  {background:#933745; padding:20px 0px; border-radius:0px 15px 15px 0px; position:relative; margin-bottom:34px;}
.kore:before {content:""; position:absolute; width:150%; right:100%; background:#933745; height:100%; top:0px;}
.kore span {color:#fff; font-size:25px; margin-left:40px;}
.alman  {background:#507ca8; padding:20px 0px; border-radius:0px 15px 15px 0px; position:relative; }
.alman:before {content:""; position:absolute; width:150%; right:100%; background:#507ca8; height:100%; top:0px;}
.alman span {color:#fff; font-size:25px; margin-left:40px;}

.satsoldiv {padding:25px 0px}
.satsoldiv a {position:relative;z-index:99999}
.satsoldiv img {height:80px; width:156px; object-fit:contain}
.satsoldiv span {text-align:right; font-weight:600}

.markalar{padding-top:80px;}
.mrk h3 {font-family: 'ataturk'; font-size:32px; text-align:center;}


.mrkic { position:relativE;  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: -0.977px 2.837px 24px 0px rgba(213, 213, 213, 0.59);
  padding:15px;
  padding:15px;
}
.mrkic:before{content: ""; left: -17px; width: 20px; top: 17px; height: 70%; position: Absolute; background: url(../img/solok.png); background-size: 100% 100%; } 
.mrkic:after{content: ""; right: -17px; width: 20px; top: 17px; height: 70%; position: Absolute; background: url(../img/sagok.png); background-size: 100% 100%; } 

.ana-content {margin-top:80px}
.ana-content h2 {color:#3f4d62; font-size:25px; font-weight:bold}
.mrkic  img {display:inline-block; margin:0px 4px; cursor:pointer; transition:all 1s; object-fit:contain}
.mrkic img:hover {transform:scale(1.3)}
.mrkic {text-align:center}
.akcsol li{list-style:none; padding-bottom:6px; float:left; width:46%;  border-bottom:2px solid #eae9e4; margin:10px 0px; margin-right:4%;}
.acsol {margin-right:0% !important}
.akcsol a {color:#3f4d62; font-size:20px; font-weight:600;}
.akcsol a:hover {color:#e10613}
.akcsol li:hover { border-bottom:2px solid #e10613;}
.akcsol ul {margin-top:10px}

.akcorta {text-align:center;}
.akcorta li{list-style:none; position:relative; text-align:center; float:left; width:40%;  border-bottom:2px solid #eae9e4; margin:10px 0px; margin-right:15%;}
.acortasag {margin-right:0% !important}
.akcorta li:before {content:""; position:absolute; right:-20%; width:2px; height:100%; top:0px; background:#eae9e4}
.acortasag:before {display:none}
.acortason {border-bottom:0px solid transparent !important}
.akcorta {padding-top:70px;}
.akcorta img {height:55px; margin-bottom:10px; transition:all 1s;}
.akcorta li:hover img {transform:scale(1.2);}
.akcorta b {margin:5px 0px; color:#e20816; font-size:20px;}
.akcorta span{margin:5px 0px; color:#3f4d62; font-size:16px; float:left; width:100%}

.istatik-slide .owl-dots {position: Absolute;left: 0px;display:inline-block !important;bottom:20px;text-align: center;width: 100%;z-index: 3;}
.istatik-slide .owl-dots span {width: 10px;height: 10px;margin: 0px 3px;border-radius: 100% 100%;display: inline-block;background: #dfe0e2; transition:all .2s}
.istatik-slide .owl-dot.active span {background: #8c9199; width:30px; border-radius:5px;}

.insta {margin-top:40px;}
.insta-content {text-align:center; margin-bottom:15px;     color: #888888; font-size:14px}

.otomotiv-gal  h2 {color:#3f4d62; font-size:25px; font-weight:bold; text-align:center}

.otomotiv-gal-slide .owl-dots {position: Absolute;left: 0px;display:inline-block !important;bottom:-30px;text-align: center;width: 100%;z-index: 3;}
.otomotiv-gal-slide .owl-dots span {width: 10px;height: 10px;margin: 0px 3px;border-radius: 100% 100%;display: inline-block;background: #eae9e4; transition:all .2s}
.otomotiv-gal-slide .owl-dot.active span {background: #c0c0c0; }

.bizimlecalis {background:url(../img/bizimlecalis.png); margin-top:80px; text-align:center; background-size:auto 100%; height:100px; padding-top:10px;   animation: marquee 30s infinite linear;}

.bcontent {height:60px; background:#fff; font-size:20px; padding:10px 30px; border-radius:30px; margin-top:15px; display:inline-block; color:#e41a19; line-height:2; width:auto !important}
.ebulten {background:#e41a19; padding:30px 0px; color:#fff}
.ebulten b {font-size:22px}
.ebulten p {font-size:18px}
.ebultenfo {position:relative; padding-top:10px;}
.ebultenfo input {padding:24px 15px !important; border-radius:30px; color:#3f4d62; font-size:16px}
.ebultenfo button {position:absolute; background:Transparent; border-width:0px; transition:all .5s;  top:26px; right:15px;}
.ebultenfo button i{ -webkit-text-stroke:1px #fff; font-size:16px; color:#3f4d62;}
.ebultenfo:hover button {right:10px;}
.footer {background:url(../img/alt.png); min-height:450px; padding:30px 0px; background-size:100% 100%; padding-bottom:0px}
.logoalt img {width:100%}
.logoalttitle h2 {font-size:20px; color:#e41a19; margin-top:0px}
.logoalttitle h3 {font-size:20px; color:#b7b7b7; font-weight:300; margin-top:5px;}
.altsosyal a:first-child i {margin-right:0px;}
.altsosyal i {float:right; margin:5px; font-size:20px; padding:8px 12px; border-radius:5px; color:#fff; background:#3f4d62;}
.altsosyal a:hover i{background:#e41a19;}
.logoaltilk {padding:15px 0px; border-bottom:1px solid #e2e2e2}

.altmenuu{padding:50px 0px; border-bottom:1px solid #e2e2e2}
.altmenuu h5 {font-size:20px; color:#e41a19; margin-bottom:20px;}
.altmenuu h6 {font-size:16px; font-weight:500; color:#3f4d62}

.altalt div{color:#afb3b9; padding-left:0px; padding-right:0px}
.altalt{padding:15px 0px;}
.altalt a {float:right; color:#afb3b9; margin:0px 5px; padding:0px 10px 0px 0px;}
.altalt a:last-child {border-right:2px solid #ddd; }

.altmenuu a.whatsapp-link h6 {color:#46b75e}
.top-nav-menu {position:absolute; width:100%;   background:#fff; padding:10px; min-height:100%; z-index:9;}
.top-nav-menu li {display:inline-block; float:left; margin:12px 0px; width:100%;}
.top-nav-menu a {font-size:18px; color:#5f6368;   font-weight: 500; }
.top-nav-menu a:hover{color:#1d1d1d;  }
.logo {position:Relative}
.nav-three {background:#fff; position:absolute; right:10px; top:30px; font-size:20px; margin:0px; padding:0px; display:none;}
.top-nav-menu ul {width:100%; margin:0px}

.altbg {height:280px; position:relative; margin-top:-60px; padding-top:202px}
.divider {background:#f3f3f3; padding:10px 10px 10px 0px; float:left; position:relativE; border-radius:0px 20px 20px 0px; z-index:2;}
.divider:after {content:""; position:Absolute; right:100%; width:300%; background:#f3f3f3; top:0px; height:100%; }
.altbg h2 {color:#fff; font-size:25px;}
.altbg1 {background:url(../img/kurumsalbg.png); background-size:100% 100%;}
.divider a {float:left; margin-right:10px; font-weight:300; color:#f50e02}
.divider a:after {    content:"\f054"; margin-left:10px;  font-family: FontAwesome;  -webkit-text-stroke:1px #f3f3f3;}
.divider a:last-child {color:#545150;}
.divider a:last-child:after{display:none;}
.paylas {background:#565453; padding:10px 20px 10px 30px; margin-left:-150px; transition:all 1s; float:left; position:relativE; border-radius:0px 20px 20px 0px; color:#fff;}

.detay-content {position:relative;}
.detay-menu {background-image: -moz-linear-gradient( -90deg, rgb(89,86,85) 0%, rgb(215,20,16) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(89,86,85) 0%, rgb(215,20,16) 100%); background-image: -ms-linear-gradient( -90deg, rgb(89,86,85) 0%, rgb(215,20,16) 100%);}
.detay-menu {border-radius:90px; transition:all 1s; opacity:0;  z-index:15; top:-360px; position:relative; padding:100px 30px 10px 30px;}
.detay .bizimlecalis {margin-top:0px}

.detay-menu h2 {font-size:20px; color:#fff;}
.detay-menu h2.red {font-size:18px; color:#e41a19;}
.detay-menu ul {padding-left:10px;}
.detay-menu li {float:left; list-style:none; width:100%; margin-bottom:10px}
.detay-menu a {color:#b6b6b6}
.detay-menu img {width:100%; margin:10px 0px;     transform: scale(0); transition:all 1s;}
.pver {padding-left:30px;}
.detdet p{color:#545150; font-size:16px; margin:10px 0px;}
.detdet h2{color:#e41a19; font-size:23px; margin-top:30px;}
.detdet {padding-bottom:20px}
.detdet > img{width:100%;}
.detaltmenu li {float:left; list-style:none; width:31.3%; padding:10px 30px; margin:1%; font-size:18px; color:#545150; border-right:1px solid #f4f4f1; position:relative;}
.detaltmenu li a {color:#545150; }
.detaltmenu li:hover a {color:#e41a19}
.detaltmenu li.active a {color:#e41a19}
.detaltmenu li:after {content:""; position:absolute; left:0px; bottom:-1px; width:95%; height:1px; background:#f4f4f1}
.detaltmenu img {width:57px; float:left; height:57px; margin-right:15px; object-fit:contain;}
.dacsol {border-right:0px solid transparent !important;}
.altyok:after {display:none;}

.digersayfalar li {float:left; list-style:none; width:29.8%; padding:0px; margin:1.5%;  position:relative;}
.digersayfalar span  {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#fff; font-size:23px;}
.digersayfalar img {width:100%; transition:all .5s;}
.digersayfalar li:hover img {filter: drop-shadow(0px 0px 8px #333);}

.detform .form-control{background:#f3f3f3; border-width:0px;   height:auto !important; color:#545150; padding:10px 12px !important; line-height: 1.42857143 !important;}

.btn-gg {background:#929292 !important; color:#fff; font-weight:500; padding:10px 12px !important;}
.detform {margin-bottom:15px;}

.tedarik img {width:100%; height:90px; object-fit:contain; margin-top: -40px; position: relative; z-index: 2;}
.tedarik h3 {text-align:center; font-size:24px;}
.tedarik-kutu {  border-radius: 25px; height: 136px; position:relative; float:left; width:100%; }
.tjapon h3{color:#c1201c}
.tjapon .tedarik-kutu{background:#c1201c}
.tkore h3{color:#828282}
.tkore .tedarik-kutu{background:#828282}
.talman h3{color:#35418d}
.talman .tedarik-kutu{background:#35418d}
.tedarik li{float:left; list-style:none; padding:0px 3px; border-bottom:1px dotted #a9a4a2; width:50%; margin:5px 25%; text-align:center;}
.tedarik a {color:#565453; font-weight:500; font-size:16px;}
.tedarik li:hover a {color:#c1201c}
.tedarik li:last-child {border-bottom-width:0px;}

.detay-content .mrkic{ margin:40px 0px !important;}

.detdet .nav-tabs a{background:#efefef; border-radius:10px !important; padding:40px 10px; color:#565453; font-weight:500;}
.detdet .nav-tabs li.active a {    border: 1px solid #ddd !important;}
.detdet .nav-tabs li{border: 5px solid transparent;}
.psolyok {padding-left:0px;}
.ilet iframe {width:100% !important; margin:20px 0px;}

.iletdd {position:relative;}
.iletdd span  {position: absolute; top: 50%; width:100%; left: 45%; transform: translate(-50%, -50%); color:#fff; font-size:18px; text-align:center}
.iletdd img {width:100%; transition:all .5s;}
.iletdd:hover img {filter: drop-shadow(0px 0px 8px #333);}
.iletcont i{float:left; font-size:30px; color:#e41a19; margin-right:10px; }
.iletcont b{color:#e41a19; font-size:13px; float:left; }
.iletcont span{color:#7b7b7b; font-size:13px; float:left; }
.iletcont {margin-bottom:20px;}

.wpa i{color:#379e48}
.wpa b{color:#379e48}
@media (max-width: 768px) {
.detform .form-control{ margin-bottom:15px; }	
.tedarik {margin-bottom:15px;}
.nav-three {display:inline-block}
.menu,.top-right{display:none;}
.top {height:auto !important; background:#fff; border-bottom:4px solid #ff0000}
.logo {padding:15px 0px; text-align:left}
.slider {height:auto !important; background-size:auto; background-repeat:no-repeat; top:0px;}
.ana-slide-content {padding-top:15px;}
.ana-ss {width:115% !important;}
.ana-slide .owl-nav {bottom:0px;}
.slialt:After{display:none;}
.satsoldiv {width:31%; margin:1%; height:Auto !important; padding:5px; border-radius:20px; float:left; text-align:center;}
.satsoldiv img {width:80%;}
.satdiger img {width:100%; margin-top: -15px;}
.satdiger  {position:relative; }
.satdiger:before{height:250px;     top: -140px; }
.satsoldiv span {margin:0px}
.satsoldiv:before{display:none;}
.satsol {margin-top:140px;}
.footer {background:#fff}
.mrkic:before,.mrkic:after {top:8px; height:80%;}
.bcontent {font-size:14px; height:50px; margin-top:18px}
.logoalttitle {text-align:Center; margin-top:15px;}
.altsosyal i {float:initial; display:inline-block;}
.altsosyal {text-align:center}
.altmenuu,.altmenuu * {text-align:Center}
.altmenuu h5 { margin:20px 0px;}
.altalt {text-align:center;}
.altalt a {float:initial; display:inline-block;}
.altalt a:last-child {border-right:0px solid #ddd; }
.altalt a:first-child {border-right:2px solid #ddd; }
.detay-menu {top:0px !important; margin-top:20px;}
.detay-menu {display:none} /*kaldırılabilir*/
.altbg {background-size:auto;  background-position:center center; padding-top:185px; margin-top:0px;}
.pver {padding:0px}
.divider {display:none;}
.paylas {display:none;}
.detaltmenu li  {width:100%; margin:2% 0%; border-right:0px solid transparent !important}
.digersayfalar li  {width:100%; border-right:0px solid transparent !important; margin:2% 0%;}
.detaltmenu li:after {content:""; position:absolute; left:0px; bottom:-1px; display:inline-block !important; width:95%; height:1px; background:#f4f4f1}
.iletdd  {display:none}
.mrkic img {    width: 11.4%; margin:0px;}
}

.panel-heading .accordion-toggle:after { font-family: 'Glyphicons Halflings'; content: "\e114"; float: right; color: #1d1d1d; -webkit-text-stroke: 2px white; }
.panel-heading .accordion-toggle.collapsed:after {content: "\e080";    }
@keyframes marquee {
  0% {
    background-position: 0;
  }

  100% {
    background-position: -1190px;
  }
}