@charset "utf-8";
*,::before,:after,a,a img{text-decoration:none;outline:0}
.colContent:hover .lpLink a span::after,.subLinks{opacity:0}
.bildirimUygulama{width:100%;height:0;position:absolute;left:0;background:0 0;z-index:99999;display:none;transition:.9s;-webkit-transition:.9s;-webkit-animation-name:example;-webkit-animation-duration:.9s;-webkit-animation-delay:0s;animation-name:example;animation-duration:.9s;animation-delay:0s}
.closeNotif,a.lang,a.logo,a.memberLogin{display:block}
.bildirimContent{width:650px;height:125px;background:#fff;margin:0 auto;position:relative;-webkit-box-shadow:-1px 2px 25px -6px rgba(0,0,0,.75);-moz-box-shadow:-1px 2px 25px -6px rgba(0,0,0,.75);box-shadow:-1px 2px 25px -6px rgba(0,0,0,.75)}
*,::before,:after,body{margin:0;padding:0}
.openApp,.openApp>p,form{position:absolute}
.closeNotif{height:125px;width:125px;background:#e8ecef;float:left;padding-top:43px;text-align:center}
.closeNotif>img{height:35px;width:35px;cursor:pointer}
body,form,html{height:100%}
.appLogo>img,.openApp>img{width:175px}
.appLogo{float:left;padding:17px 25px}
.openApp{right:20px;top:42px}
.openApp>p,body,form,html{width:100%}
.openApp>p{top:12px;left:0;text-align:center;color:#fff;font-weight:700;font-size:15px}
@-webkit-keyframes example{0%{top:-140px}100%{top:0}}
@keyframes example{0%{top:-140px}100%{top:0}}
.iletisimHatti.hidemobile{cursor:default!important}
a{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
a,a img{border:none}
.clr{clear:both;height:0}
.lpContent,.lpWrapper{width:100%;height:100%}
::-webkit-input-placeholder{color:#979a9b}
:-moz-placeholder{color:#979a9b}
::-moz-placeholder{color:#979a9b}
:-ms-input-placeholder{color:#979a9b}
a.lang,a.lang span{color:#263238}
::selection{background:#e4cfa7}
::-moz-selection{background:#e4cfa7}
body,input,option,select,textarea{font-family:Ubuntu,sans-serif}
*,::before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;list-style-type:none}
.lpWrapper{padding:80px;overflow:hidden;min-height:110%}
.lpContent{position:relative}
a.logo{width:320px;height:auto;position:absolute;left:0;top:0}
a.logo img{width:100%;height:auto}
a.iletisimHatti,a.koclogo-land{width:70px;position:absolute;bottom:0;height:auto}
a.iletisimHatti{right:-57px}
a.koclogo-land{left:0}
a.iletisimHatti img{width:100%;height:auto}
.colContent,.colInner,.lpLink{height:100%;width:100%}
.links{float:right;margin-right:30px}
a.lang{font-weight:500;font-size:11px;padding-right:20px;background:url(../ikonlar//downArrow.png) right 0 no-repeat;margin-bottom:50px}
a.memberLogin{font-weight:700;font-size:17px;color:#333b4c;padding-right:45px;background:url(../ikonlar//memberIcon.png) right center no-repeat}
.lpLink a,.txtLinks a{font-weight:500;color:#fff}
.menus{width:100%;padding-top:200px}
.col{width:25%;float:left;padding-bottom:20%;position:relative}
.colInner{position:absolute;top:0;left:0;padding-right:30px}
.colContent{position:relative}
.lpLink{display:table;z-index:99}
.lpLink a{display:table-cell;width:100%;vertical-align:middle;font-size:36px;padding-left:40px;z-index:99}
.lpLink a span{display:block;position:relative}
.lpLink a span::after{display:block;width:20px;height:14px;position:relative;content:"";background:url(../ikonlar//triLine.png) no-repeat;margin-top:15px}
.imgContainer img,.mobileLink,.overlayMenu,.subLinks{position:absolute}
.colContent .imgContainer{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:1}
.colContent:hover .imgContainer{height:50%;top:-25%}
.imgContainer img{display:block;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}
.txtLinks a{font-size:20px;padding-left:30px;display:block;width:100%;height:100%}
.txtLinks a span{display:inline-block;margin-top:24%;background:url(../ikonlar//rightArrow.png) right center no-repeat;padding-right:20px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.txtLinks a:hover span{padding-right:30px}

/* Sosyal medya linkleri */
.linkCol1{width:100%;display:block;height:33.3333%;padding-bottom:20px}
.linkCol1 a{background:none}
.txtLinks .linkCol1 a span{display:inline-block;margin-top:12%}

.linkCol2,.linkCol3,.linkCol4,.linkCol5{width:50%;display:block;height:33.3333%;float:left}
.linkCol2{padding:10px 15px 10px 0}
.linkCol2 a{background:none}
.linkCol3{padding:10px 0 10px 15px}
.linkCol3 a{background:none}
.linkCol4{padding:20px 15px 0 0}
.linkCol4 a{background:none}
.linkCol5{padding:20px 0 0 15px}
.linkCol5 a{background:none}

.subLinks{width:100%;top:50%;padding:50px 0;display:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.subLinks a{font-weight:400;color:#333b4c;display:block;padding:10px 0 10px 40px;background:url(../ikonlar//rightArrow2.png) -25px center no-repeat}
.subLinks a:hover{color:#FF0000;background:url(../ikonlar//rightArrow2.png) 15px center no-repeat}
.colContent:hover .subLinks{opacity:1;display:block;top:25%}

.mobileLink{width:50%;height:70px;padding:0 5px;display:none;margin-top:140px}
.mobileLink a span{background:url(../ikonlar//rightArrow.png) right center no-repeat;padding-right:20px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.mobileLink a:hover span{padding-right:30px}
.mobileLink a{font-size:20px;font-weight:500;color:#fff;padding-left:15px;display:block;width:100%;height:60px;background:none}
.mobileLink a span{display:inline-block;margin-top:0;line-height:60px;font-size:13px}

.overlayMenu{width:100%;height:100%;top:58px;left:100%;background:rgba(255,255,255,.8);z-index:999;display:none}
.overlayMenuItem{display:none;width:80%;float:right;height:100%;background:#fff;box-shadow:-10px 0 30px 0 rgba(0,0,0,.3);max-width:400px}
.overlayMenuItem img{display:block;width:100%;height:auto;margin-bottom:15px}
.overlaySubLinks{padding-left:20px;position:relative}
.overlaySubLinks a{font-size:12px;display:block;padding:8px 0;font-weight:500;color:#333b4c}
.overlaySubLinks a:first-child{padding-bottom:10px;font-size:28px;width:80%}
#kurumsalMenu .overlaySubLinks a:first-child{color:#97493B}
#tupgazMenu .overlaySubLinks a:first-child{color:#61311B}
#otogazMenu .overlaySubLinks a:first-child{color:#6BA3C4}
.showmobile{display:none}
.hidemobile,a.menuCloser{display:block}
a.menuCloser{position:absolute;background:url(../ikonlar//close-menu.png) center no-repeat;width:30px;height:30px;right:20px;top:20px;z-index:222}
.koclogo-land img{width:110px}

@media screen and (max-width:1560px){
  .koclogo-land img{width:100px}
  .menus{padding-top:150px}
  .subLinks{padding:25px 0}
  .txtLinks a{padding-left:20px}
  .txtLinks .linkCol1 a span{margin-top:10%}
}

@media screen and (max-width:1366px){
  a.koclogo-land{left:7px}
  a.iletisimHatti{right:7px}
  .koclogo-land img{width:90px}
  .subLinks{padding:50px 0}
}

@media screen and (max-width:1680px){
  .lpWrapper{padding:40px}
  .txtLinks a{font-size:14px;padding-left:15px}
  .txtLinks .linkCol1 a span{margin-top:10%}
  .colInner{padding:0 7px}
  .linkCol1{padding-bottom:10px}
  .lpLink a{padding-left:20px}
  .linkCol2{padding:5px 7px 7px 0;float:left}
  .linkCol3{padding:5px 0 7px 7px;float:left}
  .linkCol4{padding:10px 7px 0 0;float:left}
  .linkCol5{padding:10px 0 0 7px;float:left}
}

@media screen and (max-width:1024px){
  .bildirimUygulama{display:block}
  .col{width:33%;padding-bottom:27%}
  .col.col4{width:100%}
  .col.colMobil{width:100%;margin-top:15px}
  .menus{padding-top:100px}
  .linkCol1,.linkCol2,.linkCol3,.linkCol4,.linkCol5{width:33.33333%;float:left;padding:15px 15px 0 0;height:80px}
  .txtLinks .linkCol1 a span{margin-top:0}
  .txtLinks a span{margin-top:0;line-height:65px}
  .subLinks{padding:25px 0}
  .subLinks a{padding:5px 0 5px 20px}
  .linkCol4{margin-left:33.333%}
}

@media screen and (max-width:768px){
  .mobileKrLogo{width:90px!important;float:left;margin-top:16px;margin-left:6px}
  .mobileKrİletisim{width:73px!important;float:right;margin-right:6px}
  a.iletisimHatti{width:100%;position:initial;margin-top:37px}
  .showmobile{display:block}
  .hidemobile,.linkCol1{display:none}
  a.lang{margin-bottom:0}
  .lpWrapper{padding:10px;position:relative;overflow:hidden}
  a.logo{width:120px}
  .col{width:50%;padding:0 5px;height:100px;margin-bottom:10px}
  .col2{height:200px}
  .col1{height:130px}
  .col3{width:100%}
  .imgContainer img{width:140%}
  .menus{padding-top:50px}
  .lpLink a{font-size:20px}
  .col.colMobil{margin-top:0}
  .linkCol2,.linkCol4{width:50%;float:left;padding:5px 5px 5px 0;height:70px}
  .linkCol3,.linkCol5{width:50%;float:left;padding:5px 0 5px 5px;height:70px}
  .linkCol4{margin-left:0}
  .colInner{padding:0 5px}
  .mobileLink{display:block}
  .colContent:hover .imgContainer{height:100%;top:0}
  .colContent:hover .subLinks{opacity:1;display:none;top:25%}
  .colContent:hover .lpLink a span::after{opacity:1}
  .overlayMenu{display:block}
  .iletisimHatti{margin-top:36px}
}

@media screen and (max-width:640px){
  .bildirimContent{width:100%;height:90px}
  .closeNotif{height:90px;padding-top:28px;width:46px}
  .appLogo{padding:14px 25px}
  .appLogo>img{width:118px}
  .openApp>p{top:10px}
  .openApp>img{width:145px}
  .openApp{top:29px}
}

@media screen and (max-width:560px){
  .lpWrapper{height:100%}
  a.menuCloser{width:15px;height:15px;top:15px}
}

@media screen and (max-width:370px){
  .imgContainer img{width:166%}
  .lpLink a{font-size:16px}
  .mobileLink a span,.txtLinks a{font-size:10px}
  .landingOtogazPic>img{width:100%}
}

@media screen and (max-width:321px){
  a.iletisimHatti{margin-top:38px}
}