@charset "utf-8";
@import url(reset.css);
@import url(fonts.css);

body { background-color: #FFF; }
.clear { clear:both; }
i { background: url(../images/icon.png) ; display: block; }
img{ max-width: 100%;}
.ortala { width: 960px; margin: 0 auto;}

/* HEADER FOOTER */
.logo  { width: 214px; height: 41px; display: block; float: left;  margin: 25px 0px 25px 0px;}
.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
nav {  height: 85px; float: right;}
nav ul {  height: 85px; }
nav li { display: inline; float: left; margin: 0 0 0 30px; line-height: 85px; position: relative; z-index: 2;}
nav a { color:#405059; display: inline-block;   }
nav li a {display: block; font-weight: normal; color: #1e4281; font-size: 18px; font-family: "FordAntennaLight";  padding: 0 0px; }
nav li:last-child a { border-right: 0; }
nav li:hover { }
nav li.active{}
nav li.active a {}
#pull { display: none; }
.footer { width: 100%; background-color: #1e4281; height: 200px;}
.log { float: left; margin-top: 40px;}
.foot_bilgi { width: 450px; margin:0px auto; padding-top: 30px;}
.foot_bilgi img { display: block; margin-bottom: 15px;}
.foot_bilgi p { font-weight: normal; color: #fff; font-size: 12px; line-height: 17px;  font-family: "FordAntennaLight";  }
.foot_bilgi p a { font-weight: normal; color: #fff;   font-family: "FordAntennaLight";  }
.foot_bilgi ul {}
.foot_bilgi ul li { float: left; overflow: hidden; margin: 10px 10px 0 0;}
.foot_bilgi ul li a { display: block;}
.foot_bilgi ul li a i { width: 28px; height: 27px;  }
.foot_bilgi ul li a i.face { background-position: 0 -49px;  }
.foot_bilgi ul li a i.twit { background-position: -30px -49px; }
.foot_bilgi ul li a i.ins { background-position: -60px -49px;}
/* HEADER FOOTER */

.mavi { width: 100%; background-color: #1c2f5c; min-height: 80px;}
.mavi img { float: right; margin: 25px 0 0 20px;}
.mavi p { float: right; margin-top: 32px;  font-weight: normal; color: #fff; font-size: 12px; font-family: "FordAntennaLight";}
.mavi ul { float: left;}
.mavi ul li { float: left; margin: 32px 10px 0 0 ;}
.mavi ul li a { display: block; font-weight: normal; color: #fff; font-size: 14px; font-family: "FordAntennaLight"; }
.harita { width: 100%; height: 360px;}
.harita a { display:block; width: 100%; height: 360px;  }

.marka { padding: 30px 0px; }
.marka h1 {  font-weight: normal; color: #1e4281; font-size: 28px; font-family: "FordAntennaLight"; text-align: center; padding: 20px 0px; }
.marka ul {}
.marka ul li { float: left;  margin: 10px 1%; }
.marka ul li a { display: block;}
.marka ul li a img { display: block; margin:  0 auto;  width: 100%;}




.yaz {  font-weight: normal; color: #727273; font-size: 14px; line-height: 25px; font-family: "FordAntennaLight"; text-align: center;}
.yaz p {  font-weight: normal; color: #727273; font-size: 14px; line-height: 25px; font-family: "FordAntennaLight"; text-align: center; }
.sli { display: block; position: absolute; z-index: 7; top: 0;  width: 960px; left: 50%; margin-left: -480px; margin-top: 15%; font-weight: normal; color: #fff; font-size: 92px; font-family: "FordAntennaExtraLight";}
.sli em { display: block;  font-size: 42px;}



.success { font-weight: normal; color: #214b91; font-size: 17px; font-family: "FordAntennaExtraLight"; }



.banner { width: 100%;  height: 365px; }
.banner h1 {  font-weight: normal; color: #fff; font-size: 70px; line-height: 365px; font-family: "FordAntennaExtraLight";}

.solmenu { background-color: #214b91;  width: 230px;  float: left; margin-top: -40px; padding-bottom: 30px;}
.solmenu h1 { height: 50px; width: 100%; background-color: #1e4381;  line-height: 50px; font-family: "FordAntennaExtraLight";  color: #fff; font-size: 23px; padding-bottom: 20px; }
.solmenu h1 i { width: 28px; height: 27px; background-position: -97px -49px;  float: left; margin: 11px 10px 0px;}
.solmenu ul { padding: 0px 0px;}
.solmenu ul li {  }
.solmenu ul li a {text-transform: capitalize; display: block; color: #fff; font-weight: normal; font-size: 17px;   font-family: "FordAntennaExtraLight";  border-bottom: 1px solid #1f4382; height: 49px; line-height: 49px; margin: 0 20px; background: url(../images/ok.jpg) no-repeat center right;  }

.icerik { width: 640px; float: right;  min-height: 400px; padding: 30px 0px;}
.baslik { color: #040506;   font-weight: normal;  font-size: 33px;   font-family: "FordAntennaLight"; padding-bottom: 15px; }
.yazi { color: #545862; font-weight: normal; font-size: 13px; line-height: 20px;  font-family: "FordAntennaLight"; }
.yazi p { padding: 10px 0px ;  color: #545862; font-weight: normal; font-size: 13px; line-height: 20px;  font-family: "FordAntennaLight"; } 


.duyurular { width: 100%; }
.duyurular li { width: 100%; margin-top: 20px; clear: both; overflow: hidden; }
.duyurular li img { float: left; width: 210px;  height: 120px;}
.duyurular li span { float: right; display: block; width: 410px; font-weight: normal; color: #000; font-size: 17px; line-height: 17px; font-family: "FordAntennaExtraLight"; }
.duyurular li span em { display: block; font-weight: normal; color: #000; font-size: 12px; line-height: 20px; font-family: "FordAntennaExtraLight"; padding: 5px 0px; }
.duyurular li span a { display: block; background-color: #224c91;  padding: 0 10px ; width: 180px;  height: 42px; line-height: 42px; font-weight: normal; color: #fff; font-size: 15px;  font-family: "FordAntennaExtraLight";   }
.duyurular li span a i { width: 22px; height: 22px; float: right; margin: 10px 0 0; background-position: -139px -49px;   }


.bilgi  { width: 40%; padding: 30px 5%; float: left;}
.bilgi h1 { font-weight: normal; color: #214b91; font-size: 17px;  font-family: "FordAntennaBold";}
.bilgi ul li { clear: both; overflow: hidden; margin: 10px 0 0 0; }
.bilgi ul li span { display: block; clear: both; }
.bilgi ul li span i { float: left; width: 31px; height: 30px; margin-right: 5px;  }
.bilgi ul li span i.adr { background-position: -190px 0;}
.bilgi ul li span i.tel { background-position: -225px 0;}
.bilgi ul li span i.pos { background-position: -260px 0;}
.bilgi ul li span em { display: block; float: left; line-height: 29px; font-weight: normal; color: #214b91; font-size: 13px;  font-family: "FordAntennaBold"; }
.bilgi ul li span strong { clear: both; padding-top: 10px;  display: block; font-weight: normal; color: #9d9797; font-size: 13px;  font-family: "FordAntennaExtraLight"; line-height: 17px; }
.bilgi ul li span strong a { font-weight: normal; color: #9d9797;   font-family: "FordAntennaExtraLight";}

.form { float: right; width: 50%;  padding: 30px 0px; }
.in { float: left; display: block; margin: 10px 2%; padding: 10px 2%; width: 40%;  border: 1px solid #8a8eb4;  height: 20px; line-height: 20px; }
.txt { float: left; display: block; margin: 10px 2%; padding: 10px 2%; border: 1px solid #8a8eb4;   line-height: 20px; max-width: 88%; min-width: 88%; max-height: 100px; min-height: 100px; }
.gon { background-color: #1e4281; border: none; width: 150px; height: 40px; line-height: 40px; font-weight: normal; color: #fff; font-size: 15px;  ont-family: "FordAntennaBold"; float: right; margin: 0px 5%; cursor: pointer; }

.markalar { width: 100%;  padding: 20px 0px;  }
.markalar li { float: left; width: 30%; margin: 0px 1.5%; padding-bottom: 30px;  margin-top: 30px; }
.markalar li img { display: block; border: 1px solid #ddd;}
.markalar li span { display: block; font-weight: normal; color: #020202; font-size: 22px;  font-family: "FordAntennaLight"; padding-top: 10px;   }
.markalar li span em { display: block; font-weight: normal; color: #64666b; font-size: 12px;  font-family: "FordAntennaLight"; padding-top: 5px; line-height: 18px; height: 54px; overflow: hidden; hite-space: nowrap; text-overflow: ellipsis;  }
.markalar li span a { display: block;  width: 170px; padding: 15px 10px; height: 22px;  background-color: #224c91; margin: 10px 0 0 ; font-weight: normal; color: #fff; font-size: 14px;  font-family: "FordAntennaLight"; line-height: 22px;  }
.markalar li span a i { display: block; float: right; width: 22px; height: 22px; background-position: -139px -49px;   }


.referanslar { width: 100%;}
.referanslar li { float: left; width: 20%;  height: 100px; margin: 25px 0 ;   }
.referanslar li span { display: block; border-left: 1px solid #f3f4f5; border-right: 1px solid #f3f4f5; }
.referanslar li span img { display: block; margin: 0 auto;   filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%);   }
.referanslar li:hover span img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); }
.referanslar li a { display: block; }
.siz { border-color:  #224c91 !important; background-color: #224c91; height: 100px;  }
.siz a i { display: block; width: 45px; height: 45px; margin: 10px auto; background-position: -180px -49px; }
.siz a span { font-weight: normal; color: #fff; font-size: 14px;  font-family: "FordAntennaLight"; text-align: center; display: block;}




#katalog { background: url(../images/katalog_bg.jpg)  ; width: 100%; overflow: hidden; margin-top: 30px;}
#katalog li { float: left;   height: 205px; width: 21%; margin: 0 2%;}
#katalog li img { display: block; margin: 0 auto; border: 1px solid #ddd;}

.harici { background-color: #224c91;  height: 80px; position: fixed; z-index: 2; width: 100%;}
.h_logo { padding: 20px 0px 0px; display: block; float: left;}
.h_geri { display: block; float: right;  width: 200px; height: 40px; background-color: #fff; margin: 20px 0px 0px; }
.h_geri i { float: left; width: 24px; height: 25px; background-position: -236px -46px; margin: 7px;}
.h_geri span { float: left; font-weight: normal; color: #274087; font-size: 14px;  font-family: "FordAntennaLight"; text-align: center; line-height: 40px;} 


.iframe { }
.iframe iframe { width: 100%; height: 100%; position: absolute; bottom: 0; top: 0; padding-top: 80px;  }
#mob { display: none;}

.success { font-weight: normal; color: #274087; font-size: 13px;  font-family: "FordAntennaLight"; line-height: 25px; }


@media only screen and (max-width : 1024px) {
.ortala { width: 100%;}    
.logo {  margin: 10px auto 10px; float: none; }
.menu { float: right;}  
#pull { display: block; width: 43px; height: 37px; position:absolute; z-index: 5; right: 0 ; top: 0; cursor: pointer; margin: 10px 20px 0 0; }
#pull:after { content:"";  display: inline-block; position: absolute;   }
#pull i { display: block; width: 43px; height: 37px; background-position: -139px 0px; }
nav {  height: auto; float:none; width: 100%;  clear: both; position: absolute; left: 0; margin-top: 0px; z-index: 9; background-color: #1f4381;}
nav ul { width: 100%; display: none; height: auto;   margin: 0px auto 0px;}
nav li { display: block; float: none; width: 100%;  margin:0px 0px 0px 0px; height: 64px;   }
nav li.active, nav li:hover {}
nav li a{ color:#fff; padding: 0px; 	 }
nav a { text-align: center; width: 100%; text-indent:13px; line-height: 64px; }    
nav li:hover { background-color: #1c2f5c; margin-top: 0px; padding-top: 0px; }
nav li.active{ background-color: #1c2f5c; margin-top: 0px; padding-top: 0px;   }
.foot_bilgi {  margin:0px 0;  float: right; }
.mavi ul { padding-left: 10px;}
.mavi img {padding-right: 10px;}

    
.solmenu { width: 100%;  float: none; margin-top: 0px;  }
.icerik { width: 94%; padding: 30px 3% 0 3%; float: none;  min-height: 0px; }
.duyurular li img {  }
.duyurular li span { float: left;  width: 60%; padding: 10px 0 0 10px;}
.referanslar { width: 96%; padding: 0 2% 0 2%;}
.referanslar li { width: 25%;    }

#katalog {  background:  transparent;}
    
.sli { margin-top: 10%;  width: 750px; left: 50%; margin-left: -375px; font-size: 50px;   }
.sli em { display: block;  font-size: 32px;}
    
    
}

@media only screen and (max-width : 768px) {
nav li {  height: 54px;  }
nav a {  line-height: 54px; }      
.footer {height: auto; padding-bottom: 20px;}
.log  { float: none; margin: 0 auto; width: 160px; height: 90px; display: block; }    
.foot_bilgi { float: none; padding-left: 10px; margin: 0 auto;}
 .mavi ul { display: none; }
.mavi img {padding-right: 0px; float: none; margin: 0 auto; display: block; padding-top: 15px; }
.mavi p { float: none; text-align: center; padding: 10px 0; margin-top: 0px;}

    
.banner { height: 200px; }
.banner h1 { font-size: 40px; line-height: 200px; padding-left: 10px;}    
.duyurular li img { float: none;  margin: 0 auto; display: block; }
.duyurular li span {  float: none; width: 90%; padding: 10px 5%; text-align: center;}
.duyurular li span a { margin: 0 auto;}
    
.bilgi  { width: 80%; padding: 15px 10%; float: none;}
.form { float: none; width: 90%;  padding: 15px 5%; }
.markalar li { float: left; width: 40%; margin: 10px 5%; }
 .referanslar li { width: 33%;    }
    #katalog  li { width: 30%; margin: 0 1.5%;}
    
.sli { margin-top: 10%;   width: 420px; left: 50%; margin-left: -210px; font-size: 40px;   }
.sli em {   font-size: 22px;}
    
}

 
@media only screen and (max-width : 479px) {   
nav li {  height: 44px;  }
nav a {  line-height: 44px; }  
.logo {  margin-right: 0;  margin-left: 10px;}
.foot_bilgi { width: 280px;}
.in { float: none; display: block; margin: 10px 2%; padding: 10px 2%; width: 88%;  border: 1px solid #8a8eb4;  height: 20px; line-height: 20px; }
.markalar li { float: left; width: 80%; margin: 10px 10% 0 10%; }
.referanslar li { width: 50%;    }
#katalog  li { width: 45%; margin: 0 2.5%;}
.sli {  width: 300px; left: 50%; margin-left: -150px;  font-size: 30px;   }
.sli em {  font-size: 15px;}

    
.harici {   height: 60px; }
.h_logo { padding: 20px 0px 0px; display: block; float: left;} 
.h_logo img { width: 120px; height: auto}
.h_geri {  width: 150px; height: 30px;  margin: 20px 0px 0px; margin: 15px 0 0 0 ; }
.h_geri i {  margin:3px 7px;}
.h_geri span {font-size: 11px;   line-height: 30px;} 
}