﻿@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:700px}.lpContent{position:relative}a.logo{width:auto;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:29px}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(../images/lp/downArrow.png) right 0 no-repeat;margin-bottom:50px}a.memberLogin{font-weight:700;font-size:17px;color:#333b4c;padding-right:45px;background:url(../images/lp/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(../images/lp/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(../images/lp/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}.linkCol1{width:100%;display:block;height:33.3333%;padding-bottom:20px}.linkCol1 a{background:#007bc5}.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:#e5ac00}.linkCol3{padding:10px 0 10px 15px}.linkCol3 a{background:#0c99c2}.linkCol4{padding:20px 15px 0 0}.linkCol4 a{background:#1bb383}.linkCol5{padding:20px 0 0 15px}.linkCol5 a{background:#526a77}.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(../images/lp/rightArrow2.png) -25px center no-repeat}.subLinks a:hover{color:#007bc5;background:url(../images/lp/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(../images/lp/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:#007bc5}.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;-webkit-box-shadow:-10px 0 30px 0 rgba(0,0,0,.3);-moz-box-shadow:-10px 0 30px 0 rgba(0,0,0,.3);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:#ffcb4f}#tupgazMenu .overlaySubLinks a:first-child{color:#007bc5}#otogazMenu .overlaySubLinks a:first-child{color:#1bb383}.showmobile{display:none}.hidemobile,a.menuCloser{display:block}a.menuCloser{position:absolute;background:url(../images/lp/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:120%}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}}
.subLinks a.aygazMarin { font-size:14px; padding-left:55px; background:url(../images/yeniUrun.png) no-repeat 216px center; background-size:auto 100%;}
.subLinks a.aygazTekne { font-size:14px; padding-left:55px; background:url(../images/yeniUrun.png) no-repeat 290px center; background-size:auto 100%;}
.subLinks a.aygazMini { font-size:14px; padding-left:55px; background:url(../images/yeniUrun.png) no-repeat 270px center; background-size:auto 100%;}
.subLinks a.aygazKaravan { font-size:14px; padding-left:55px; background:url(../images/yeniUrun.png) no-repeat 240px center; background-size:auto 100%;}
.subLinks a.aygazMaksi { font-size:14px; padding-left:55px; background:url(../images/yeniUrun.png) no-repeat 212px center; background-size:auto 100%;}
.atesbocegi {position:absolute; bottom:0; right:150px;}
.showmobile .atesbocegi {position:relative; bottom:auto; right:auto;}
.showmobile .atesbocegi img {display:block; width:42%; margin:0 auto; padding-top:4px;}



.linkCol1, .linkCol6 {clear:both; height:25%;}
.linkCol2, .linkCol3, .linkCol4, .linkCol5 {height:25%;}
.txtLinks a span {margin-top:15%;}
.txtLinks .linkCol6 a span {margin-top:9.5%}
.txtLinks .linkCol1 a span {margin-top:6.5%}

.linkCol1 {padding:20px 0 0;}
.linkCol6 {background:transparent url("../images/lp/online_satis_bg.jpg") no-repeat right center; background-size: cover;}

a.tev{position: absolute; bottom:0; right:120px;}
a.tev img{display: block; height: 65px;}

a.tevMobile{float: right;}
a.tevMobile img{display: block; height: 65px;}


@media screen and (max-width:1024px){
	.txtLinks a span {margin-top:0!important; line-height:52px;}	
	.linkCol2, .linkCol3, .linkCol4, .linkCol5 {width:50%; float:left;}
	
	.linkCol1,
	.linkCol6 {width:100%;}
	.linkCol5,
	.linkCol3 {padding-right:0;}
	.linkCol4 {margin-left:0;}
	
	.col:hover {z-index:5;}
	.colContent:hover .subLinks {background:#fff; font-size:14px;}
	
	.subLinks a {font-size:14px;}
	.subLinks a.aygazKaravan,
	.subLinks a.aygazTekne,
	.subLinks a.aygazMaksi {padding-left:35px;}
	
}

@media screen and (max-width:768px){
	.col.colMobil {height:180px;}
	.txtLinks div {height:65px;}
	.txtLinks .linkCol6 a span,
	.txtLinks div a span {margin-top: 0; display: inline-block;}
}


