﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans');
a,abbr,acronym,address,blockquote,body,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,legend,li,object,ol,p,pre,q,span,ul{margin:0;padding:0;border:0;list-style:none;text-decoration:none;}
li,input[type=submit],input[type=reset],input[type=button]{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
textarea,select,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;border-radius:0;}
a img{border:none;}
label{cursor:pointer;}
input[type=submit],input[type=reset],input[type=button]{cursor:pointer;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#fff;opacity:0.8;}
::-webkit-scrollbar-thumb{background-color:#a29f9f;border-radius:2px;}
::-webkit-scrollbar-button{background-color:none;}
::-webkit-scrollbar-corner{background-color:#333;}

body {background-color:#F6F6F7;font-family:'Open Sans', sans-serif; overflow-x:hidden;}
#top {background: url(../images/topbg.png) scroll no-repeat center top;width:100%;margin:auto;position:absolute;z-index:1000;top:0;height:177px;}
#sliderk {position:relative; z-index:0; left:50%; margin-left:-960px; margin-top:-62px; width:1920px; height:500px;}
#vitrin{width:100%;overflow:hidden;position:relative;padding:25px 0;background-color:#BF1E2E; margin:2px auto; -webkit-box-shadow: inset 0px 0px 50px 10px rgba(0,0,0,0.20);-moz-box-shadow: inset 0px 0px 50px 10px rgba(0,0,0,0.20);box-shadow: inset 0px 0px 50px 10px rgba(0,0,0,0.20);}
#hizmetler{overflow:hidden;width:100%;padding-top:20px;margin:auto;text-align:center;}
#icerik {overflow:hidden;width:94%;max-width:1000px;margin:auto;margin-bottom:10px;text-align:center;margin-top:200px;}
#icerik2 {overflow:hidden;width:94%;max-width:1000px;margin:auto;margin-bottom:10px;text-align:center;margin-top:50px;}
#footer {height:350px; position:relative; background:url(../images/footer.jpg) no-repeat center top;}

#top .contact{ width:1000px; height:38px; margin:auto;}
.contact span{ width:950px; height:38px; float:right; margin-right:50px; font-size:8pt; font-weight:bold; color:#FC3; text-align:right; line-height:38px;}
#top .menuk{ width:1000px; height:30px; margin:auto; margin-top:30px;}
.menuk .sol{ width:300px; height:30px; float:left;}
.menuk .sag{ width:300px; height:30px; float:left; margin-left:400px;}
.menuk .sol ul{ list-style:none; float:right; z-index:999999;}
.sol ul li { list-style:none; float:left; margin-left:25px; font-size:10pt; font-weight:bold; line-height:30px;}
.sol ul li a{ text-decoration:none; color:#333; }
.sol ul li a:hover{ color:#C36;}
.menuk .sag ul{ list-style:none; float:left;}
.sag ul li { list-style:none; float:left; margin-right:25px; font-size:10pt; font-weight:bold; line-height:30px;}
.sag ul li a{ text-decoration:none; color:#333; }
.sag ul li a:hover{ color:#C36;}
#topmobil{display:none;}
#topmobil{width:100%;height:60px;background-color:#FBFBFB;}
#topmobil .logo{width:114px;height:50px;float:left;margin-left:15px;margin-top:5px;}
.hamburger-menu{display:none;}
.hamburger-menu{width:30px;height:22px;top:19px;right:15px;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:999999;}
.hamburger-menu span{display:block;position:absolute;height:4px;width:100%;background:#182a46;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.hamburger-menu span:nth-child(1){top:0px;}
.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3){top:9px;}
.hamburger-menu span:nth-child(4){top:18px;}
.mobile-menu-active .hamburger-menu{position:fixed;}
.mobile-menu-active .hamburger-menu span:nth-child(1){top:18px;width:0%;left:50%;}
.mobile-menu-active .hamburger-menu span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);}
.mobile-menu-active .hamburger-menu span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.mobile-menu-active .hamburger-menu span:nth-child(4){top:18px;width:0%;left:50%;}
.mobile-menu * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.home-slider * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.home-slider div{font-size: 0;}
.home-slider-holder {position:relative;margin-top:125px;}
.home-slider .swiper-slide {background-position:center center;min-height:500px;overflow:hidden;}
.home-slider .swiper-pagination-bullet {width: 16px;height: 16px;background: transparent;border: 1px solid #fff;border-radius: 0;position: relative;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);opacity: 1;}
.home-slider .pagination {right: 0;left: 0;text-align: center;position: absolute;bottom:15px;z-index: 9999;}
.home-slider .pagination:before {content: '';position: absolute;height: 5px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 0;}
.home-slider .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 20px;}
.home-slider .swiper-pagination-bullet-active:before {display: none;}
.home-slider .swiper-pagination-bullet-active { -webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.home-slider .pagination:after {width: 10px;height: 10px;content: '';left: calc(-20% - 10px);position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}



#footer .social {width:180px;height:60px;margin:auto;margin-top:55px;}
.social a{width:50px;height:50px;float:left;margin:5px;}
#footer .adres { width:1000px; height:150px; margin:auto; margin-top:10px; font-size:9pt; text-align:center; vertical-align:central;}
#footer .web { width:885px; height:20px; margin:auto; margin-top:105px; font-size:9pt; font-weight:bold; text-align:right;}
#footer .web a{ text-decoration:none; color:#333;}
#footer .web a:hover{ color:#C36;}

#contact{height:300px;width:100%;max-width:1000px;text-align:left;margin:auto;}
#contact .form{height:300px;width:600px;float:right;}
.form input{width:600px;height:35px;margin-bottom:15px;background-color:#FFF;border:dashed;border-width:thin;border-color:#CCC;border-radius:4px;font-size:10pt;color:#999;padding-left:10px;font-family:'Open Sans', sans-serif;}
.form textarea{width:590px;height:100px;background-color:#FFF;border:dashed;border-width:thin;border-color:#CCC;border-radius:4px;font-size:10pt;color:#999;padding:10px;font-family:'Open Sans', sans-serif;}
.form .guvenlik{width:100px;height:35px;background-color:#FFF;border:dashed;border-width:thin;border-color:#CCC;border-radius:4px;font-size:10pt;color:#999;padding-left:10px;}
.form img{margin-left:10px;margin-bottom:-14px;}
.form .yenile{margin-left:10px;margin-bottom:-14px;font-size:10pt;color:#666;text-decoration:none;}
.form .gonder{width:70px;height:35px;margin-left:278px;margin-top:8px;background-color:#FC3;border:dashed;border-width:thin;border-color:#000;font-size:10pt;color:#000;text-decoration:none;cursor:pointer;}
.durum{height:30px;width:1000px;margin:20px auto;font-size:9pt;}
.hata, .tamam{border:1px solid #fff;border-radius:6px;color:#444;padding:10px;}
.hata{background-color:#fbe3e4;border-color:#e0011b}
.hata a{color:#d12f19}
.tamam{background-color:#e9ffdd;border-color:#72c868}
.tamam a{color:#529214}
#contact .adres2{height:228px;width:368px;float:right;margin-left:30px;border:1px dashed #ccc;background-color:#FFF;}
#contact .adres2 .firma{height:20px;width:350px;margin-top:10px;line-height:20px;float:left;text-align:center;font-size:10pt;font-weight:bold;color:#42111C;}
#contact .adres2 .adress{width:350px;float:left;margin-bottom:5px;text-align:center;font-size:10pt;color:#666;}
#contact .adres2 .tel{overflow:hidden;width:350px;float:left;text-align:center;font-size:10pt;color:#666;}
#map{position:relative;margin-top:125px;width:100%;height:350px;border-bottom:5px solid #02427A;}

#vitrin .vitrink{width:1000px;overflow:hidden;margin:auto;}
.vitrink .sol{width:250px;overflow:hidden;float:left;margin-right:40px;}
.vitrink .sag{width:710px;overflow:hidden;float:left;}
.vitrink .sag span{width:710px;overflow:hidden;vertical-align:middle;display:table-cell;font-size:12px;font-weight:bold;text-align:justify;color:#FFF;}
.vitrink h1{height:30px;font-size:20px;color:#FFF;margin-top:30px;}
.vitrink .sol span{height:20px;margin:auto;text-align:center;font-size:12px;color:#FFF;}

#hizmetler .hizmet{width:300px;height:250px;display:inline-block;margin:10px;}
.hizmet img{width:300px;height:150px;display:block;}
.hizmet h3{width:300px;height:20px;display:block;font-size:13px;color:#666;line-height:20px;}
.hizmet h4{width:300px;height:70px;display:block;margin-top:10px;font-size:12px;color:#999;font-weight:normal;}

/* Kurumsal Sayfası */
.kurumsalimg {position:relative;z-index:0;margin-top:125px;height:400px;background:url(../images/kurumsalimg.jpg) no-repeat scroll center top;}
#kurumsal{position:relative;z-index:1;width:94%;max-width:1000px;overflow:hidden;margin:auto;margin-top:50px;}
#kurumsal h1{width:100%;max-width:1000px;height:30px;line-height:30px;margin:auto;overflow:hidden;font-size:11pt;color:#666;}
#kurumsal h2{width:100%;max-width:1000px;height:30px;line-height:30px;margin:auto;margin-top:20px;font-size:11pt;color:#666;}
#kurumsal span{width:100%;max-width:1000px;margin:auto;overflow:hidden;font-size:9pt;color:#666;}

/* Foto Galeri Sayfası */
#icerik .gh1{
	width:100%;
	max-width:1000px;
	height:30px;
	line-height:30px;
	margin:auto;
	font-size:11pt;
	color:#666;
}

#icerik .gh2{
	width:100%;
	max-width:1000px;
	overflow:hidden;
	margin:auto;
	margin-bottom:20px;
	font-size:9pt;
	color:#666;
}

#icerik .galeri {
	width:320px;
	height:160px;
	display:inline;
	margin-bottom:5px;
}

.galeri img {
	width:320px;
	height:160px;
}

.galeri img:hover {
	-webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);  
    -moz-transform: scale(0.98);
    transform: scale(0.98);
}

#icerik .sagh1{
	width:1000px;
	height:30px;
	line-height:30px;
	font-size:11pt;
	color:#666;
}

.referansimg{position:relative;z-index:-1;margin-top:125px;width:100%;height:353px;background:url(../images/referanstop.jpg) no-repeat center top;background-size:cover;}
#icerik2 .referanslar{width:988px;min-height:40px;overflow:hidden;margin:5px auto;padding:5px;border:1px solid #E4E4E4;border-radius:7px;font-size:10pt;color:#333;background-color:#FFF;}
#icerik2 .referanslar:hover{background-color:#F9F9F9;}
.referanslar .isinadi{width:288px;height:40px;float:left;margin-right:30px;display:table;}
.referanslar .isveren{width:210px;height:40px;float:left;margin-right:30px;display:table;}
.referanslar .cinsi{width:300px;height:40px;float:left;margin-right:30px;display:table;}
.referanslar .hacim{width:100px;height:40px;float:left;display:table;}
.referanslar span{display:table-cell;vertical-align:middle;text-align:center;}
#icerik2 .referanslart{width:988px;height:40px;margin:5px auto;padding:5px;border-radius:7px;font-size:12px;font-weight:bold;background-color:#333;color:#FFF;}
.referanslart .isinadit{width:288px;height:40px;float:left;margin-right:30px;display:table;}
.referanslart .isverent{width:210px;height:40px;float:left;margin-right:30px;display:table;}
.referanslart .cinsit{width:300px;height:40px;float:left;margin-right:30px;display:table;}
.referanslart .hacimt{width:100px;height:40px;float:left;display:table;}
.referanslart span{display:table-cell;vertical-align:middle;text-align:center;}


/* Araç Parkı Sayfası */
.aparkimg{position:relative;z-index:-1;margin-top:125px;width:100%;height:353px;background:url(../images/aparkimg.jpg) no-repeat center top;background-size:cover;}
#icerik2 .aracparkit{width:988px;height:40px;margin:5px auto;padding:5px;border-radius:7px;font-size:12px;font-weight:bold;background-color:#333;color:#FFF;display:block;}
.aracparkit .aract {width:284px;height:40px;float:left;margin-right:30px;display:table;}
.aracparkit .markat {width:284px;height:40px;float:left;margin-right:30px;display:table;}
.aracparkit .modelt {width:100px;height:40px;float:left;margin-right:30px;display:table;}
.aracparkit .kapasitet {width:100px;height:40px;float:left;margin-right:30px;display:table;}
.aracparkit .sayit {width:100px;height:40px;float:left;display: table;}
.aracparkit span {display: table-cell;vertical-align: middle;text-align:center;}
#icerik2 .aracparki {width:988px;height:40px;display:block;margin-bottom:5px;padding:5px;border:1px solid #E4E4E4;border-radius:7px;font-size:10pt;color:#333;background-color:#FFF;}
#icerik2 .aracparki:hover {background-color:#F9F9F9;}
.aracparki .arac {width:284px;height:40px;float:left;margin-right:30px;display:table;}
.aracparki .marka {width:284px;height:40px;float:left;margin-right:30px;display:table;}
.aracparki .model {width:100px;height:40px;float:left;margin-right:30px;display:table;}
.aracparki .kapasite {width:100px;height:40px;float:left;margin-right:30px;display:table;}
.aracparki .sayi {width:100px;height:40px;float:left;display: table;}
.arac span {display:table-cell;vertical-align:middle;text-align:center;}
.marka span {display:table-cell;vertical-align:middle;text-align:center;}
.model span {display:table-cell;vertical-align:middle;text-align:center;}
.kapasite span {display:table-cell;vertical-align:middle;text-align:center;}
.sayi span {display: table-cell;vertical-align: middle;text-align:center;}


@media screen and (max-width:999px){
body{min-height:600px;right:0;margin:0;position:relative;}
#top{display:none;}
.hamburger-menu{display:block;}
#topmobil{display:block;}
.mobil-menu{display:block;background:#182a46;right:-200px;height:100%;position:fixed;width:200px;}
.mobil-menu ul{border-top:1px solid #636366;list-style:none;margin:0;padding:0;}
.mobil-menu li{border-bottom:1px solid #09162B;line-height:30px;padding-bottom:3px;padding-left:20px;padding-top:3px;color:grey;text-decoration:none;transition:all .6s;font-size:14px;font-weight:bold;}
.mobil-menu li:hover{background-color:#000;color:white;}
.mobil-menu li a{color:#fff;text-decoration:none;}
.mobil-menu li:last-child{border:none;color:#ba1e2c;}
.mobil-menu li:first-child{margin-top:60px;}
.home-slider-holder {position:relative; margin-top:0px;}
.home-slider .swiper-slide {margin-top:2px;}
.home-slider .swiper-slide{overflow: hidden;}
#vitrin .vitrink{width:94%;}
.vitrink .sol{display:none;}
.vitrink .sag{width:100%;float:none;margin:auto;}
.vitrink .sag span{width:100%; margin:auto;}
#footer .adres {width:96%;overflow:hidden;}
#footer .web {display:none;}
.kurumsalimg {position:relative;z-index:0;margin-top:0px;height:400px;background:url(../images/kurumsalimg.jpg) no-repeat scroll center top;}
#icerik {margin-top:50px;}


#contact{height:auto;width:94%;margin:auto;}
#contact .form{height:300px;width:100%;float:none;display:block;}
.form input{width:98%;padding-left:2%;display:block;}
.form textarea{width:98%;padding:0;padding-left:2%;display:block;margin-bottom:15px;}
.form .guvenlik{width:30%;display:block;float:none;display:inline;}
.form img, .form .yenile{float:none;display:inline;}
.form .gonder{float:none;display:block;margin:auto;width:100%}
.durum{width:94%;margin:10px auto;}
#contact .adres2{height:auto;overflow:hidden;width:100%;margin:auto;float:none;padding-bottom:10px;display:block; margin-bottom:30px;}
#contact .adres2 .firma{width:100%;display:block;}
#contact .adres2 .adress{width:100%;float:none;display:block;}
#contact .adres2 .tel{width:100%;display:block;}
#map{margin-top:2px;}

.referansimg{margin-top:2px;}
#icerik2 .referanslart{width:96%;padding:5px 0 5px 0;}
.referanslart .isinadit{width:20%;margin-right:0;}
.referanslart .isverent{width:30%;margin-right:0;}
.referanslart .cinsit{width:30%;margin-right:0;}
.referanslart .hacimt{width:20%;margin-right:0;}
#icerik2 .referanslar{width:96%;padding:5px 0 5px 0;}
.referanslar .isinadi{width:20%;margin-right:0;}
.referanslar .isveren{width:30%;margin-right:0;}
.referanslar .cinsi{width:30%;margin-right:0;}
.referanslar .hacim{width:20%;margin-right:0;}

.aparkimg{margin-top:2px;}
#icerik2 .aracparkit{width:98%;padding:5px 0 5px 0;}
.aracparkit .aract {width:30%;margin-right:0;}
.aracparkit .markat {width:20%;margin-right:0;}
.aracparkit .modelt {display:none;}
.aracparkit .kapasitet {width:25%;margin-right:0;}
.aracparkit .sayit {width:25%;margin-right:0;}
#icerik2 .aracparki {width:98%;padding:5px 0 5px 0; margin:auto; margin-bottom:5px;}
.aracparki .arac {width:30%;margin-right:0;}
.aracparki .marka {width:20%;margin-right:0;}
.aracparki .model {display:none;}
.aracparki .kapasite {width:25%;margin-right:0;}
.aracparki .sayi {width:25%;margin-right:0;}
}

@media screen and (max-width:600px){
#icerik2 .referanslart{width:96%;padding:5px 0 5px 0;}
.referanslart .isinadit{width:40%;margin-right:0;}
.referanslart .isverent{display:none;}
.referanslart .cinsit{width:60%;margin-right:0;}
.referanslart .hacimt{display:none;}
#icerik2 .referanslar{width:94%;padding:5px 1% 5px 1%;}
.referanslar .isinadi{width:40%;margin-right:0;}
.referanslar .isveren{display:none;}
.referanslar .cinsi{width:60%;margin-right:0;}
.referanslar .hacim{display:none;}
}