body{margin:0; padding:0; font-size:16px; color:#111; font-family: 'Quicksand', sans-serif;}
input, textarea, select{color:#000; font: 16px 'Quicksand', sans-serif;}
*{outline:none}
h1{margin:0; padding:0; font-size: 18px}
h2{margin:0; padding:0; font-size: 16px}
h3{margin:0; padding:0; font-size: 15px}
h4{margin:0; padding:0; font-size: 14px}
a{color:#5a5752; text-decoration:none; border:solid 0px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
a:hover{color:#D22728; text-decoration:none}
.P0{padding:0}
.M0{margin:0}
ul{margin:0}
iframe{display:block}
code{padding:0; background-color:transparent;margin:0; border-radius:0; color:#000; font-family: 'Quicksand', sans-serif; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
ul{padding:0}
.clearfix{font-size:0; padding:0; margin:0; line-height:0}

.navbar-default{background-color:transparent; height:150px}
.navbar{margin-bottom:0}
.nav > li a:hover{background-color:transparent}
.sy-caption-wrap{display:none; visibility:hidden}


#Ust{background-color:#FFF;-webkit-box-shadow: 0px 7px 7px 0px rgba(133,133,133,0.5);-moz-box-shadow: 0px 7px 7px 0px rgba(133,133,133,0.5);box-shadow: 0px 7px 7px 0px rgba(133,133,133,0.5);}
#Ust #SagUst{margin-top:35px; width:45%; float:right}
#Ust #SagUst a{display:block; text-align:center; color:#FFF; background-color:#EC2125; padding:10px 15px; float:right; width:32%}
#Ust #SagUst a+a{background-color:#9C1B1F; margin-right:3%}
#Ust #SagUst a:hover{background-color:#000}
#Ust #UstIletisim{margin-top:20px; text-align:right}
#Ust #UstIletisim i{color:#D22728; margin-right:5px}
#Ust #UstIletisim i+i{margin-left:25px; }

#Ust #Menu{ margin-top:15px; background-color:#FFF}
#Menu i{display:block; float:left; margin: 10px 10px 20px 0; font-style:normal; font-size:16px}
.navbar-brand{height:auto}
.nav .UstMenuSec a{ color:#EC2125}
.nav .UstMenuSec a span{ width:90%; background-color:#D22728}
.nav a:hover span{width:90%; background-color:#D22728}
.nav .UstTelefon{margin:10px }
.nav .UstTelefon i{color:#D22728; margin-right:10px; font-style:normal}
#UstTalep a{float:right; background-color:#D22728; color:#FFF; padding:5px 15px; border-radius:5px; margin-left:5px}
#UstTalep a:hover{background-color:#000}

.navbar-nav{margin-top:30px}

.nav > li > a{padding:0 20px 10px 20px; display:block; color:#000; font-size:16px; border-left:solid 1px #E4E4E4}
.nav a span{width:30px; background-color:#E4E4E4; display:block; margin-bottom:10px; margin-left:-20px; height:3px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}

@keyframes Uyari { 0% {color:#000}  50% {color:#D22728}  100% {color:#000}}

.Logo{ padding:0; margin-top:15px}
.Logo h1{text-indent:-9999px; height:0}
.Logo h2{text-indent:-9999px; height:0}

#Banner{ position:relative; text-align:center;  -webkit-box-shadow: 0px 10px 10px 0px rgba(133,133,133,0.5);-moz-box-shadow: 0px 10px 10px 0px rgba(133,133,133,0.5);box-shadow: 0px 10px 10px 0px rgba(133,133,133,0.5);}
#Banner img{max-width:100%; display:block; margin:0 auto}
#Banner .sy-pager{display:none; visibility:hidden}
#Banner .BannerAciklama{position:absolute; top:40%; width:700px; font-weight:lighter; text-align:left; right:10%; background-color:#FFF}
#Banner .BannerAciklama b{display:block; font-size:30px; font-weight:lighter; width:40%; float:left; background-color:#D22728; padding:35px 25px; color:#FFF; height:150px}
#Banner .BannerAciklama i{display:block; font-size:20px;  font-style:normal; width:60%; padding:25px 45px 0 45px; color:#000; float:left; height:150px}
#Banner .BannerAciklama span{display:block;margin-top:15px; text-align:right; font-size:18px}

#Hakkimizda img{margin:1% auto 3% auto; display:block}

#Hizmet{margin:3% 0 1% 0}
#Hizmet .Hizmet{ margin:15px 0; border:solid 1px #DDD; padding:15px; text-align:center; height:250px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;background: rgb(210,39,40);
background: linear-gradient(180deg, rgba(210,39,40,1) 0%, rgba(78,23,21,1) 100%); color:#FFF}
#Hizmet .Hizmet b{font-size:20px; display:block; margin-bottom:10px; font-weight:bold}
#Hizmet .Hizmet:hover{background-color:#D22728; color:#FFF}

#UygulamaOzellikleri{background:url(/Images/Site/UygulamaOzellikleriBG.jpg) no-repeat center; padding:20px 0}
#UygulamaOzellikleri b{font-size:30px; margin-bottom:15px; font-weight:normal; display:block; text-align:center;}
#UygulamaOzellikleri strong{background-color:#FFF; text-align:center; margin-bottom:15px; display:block; font-weight:normal; font-size:18px; padding:15px 0}


#NedenTercihEtmeliyim{margin-top:10%}
#NedenTercihEtmeliyim b{display:block; font-size:24px; margin-bottom:25px; font-weight:normal}

#NedenTercihEtmeliyim .panel-heading{padding:0; font-size:16px}
#NedenTercihEtmeliyim .panel-heading a{display:block; padding:20px 15px; position:relative; font-size:18px}
#NedenTercihEtmeliyim .panel-heading a:hover{background-color:#EC2125; color:#FFF}
#NedenTercihEtmeliyim .panel-heading span{display:block; position:absolute; right:25px; top:15px; font-weight:bold;}
#NedenTercihEtmeliyim .active-faq a{background-color:#EC2125; color:#FFF; text-decoration:none}
#NedenTercihEtmeliyim .active-faq a:hover{background-color:#EC2125;}
#NedenTercihEtmeliyim .panel-heading i{display:none}
#NedenTercihEtmeliyim .active-faq i{display:block; position:absolute; right:25px; top:15px; font-weight:bold;}
#NedenTercihEtmeliyim .active-faq span{display:none}


#AnasayfaHakkimizda{margin-top:10%; background-color:#F2F2F2; padding:20px}
#AnasayfaHakkimizda b{display:block; font-size:24px; margin:15px 0; font-weight:normal}
#AnasayfaHakkimizda a{display:block; margin-top:5px}

#BannerIcSayfa{ position:relative;}
#BannerIcSayfa img{width:100%; display:block}

#IcSayfaHizliMenu{font-size:16px; color:#AAA; margin:10px 0}
#IcSayfaHizliMenu a{color:#AAA; font-size:18px}
#IcSayfaHizliMenu a:hover{color:#EC2125}
#IcSayfaHizliMenu span{color:#AAA; margin: 0 10px; font-size:14px}
#IcSayfaHizliMenu b{color:#4b4b4b; font-size:18px; font-weight:normal}


.GaleriBaslik{ font-family: 'Francois One', sans-serif; color:#D22728; font-size:40px; text-align:center}
#Galeri a{display:block; text-align:center; margin-bottom:20px}
.Galeri{margin:30px 0; position:relative; text-align:center}
.Galeri img{ margin:0 auto; display:block; border-radius:10px }
.Galeri{cursor:pointer; margin:12px 0 0 0}
.Galeri .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .3s ease; background:rgba(201, 23, 38, 0.80); border-radius:10px}
.Galeri:hover .overlay {opacity: 1;}
.Galeri .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:90%}
.Galeri .text span{display:block; margin:10px 0; font-weight:normal; text-align:center}
.Galeri i{display:block; font-style:normal; margin-top:10px}

#IcSayfa{line-height:26px; margin-bottom:4%}
#IcSayfa h1{font-size:20px; color:#262C57; font-weight:normal;  margin:20px 0 30px 0; background:url(/Images/Site/Elmas.png) no-repeat left center; padding-left:40px}

#IcSayfa #UygulamaOzellikleri{background:none; padding:20px 0}
#IcSayfa #UygulamaOzellikleri b{font-size:30px; margin-bottom:25px; font-weight:normal; display:block; text-align:center;}
#IcSayfa #UygulamaOzellikleri strong{background-color:#FFF; text-align:center; margin-bottom:15px; display:block; font-weight:normal; font-size:18px; padding:15px 0; border:solid 1px #EBEBEB}

#IcSayfa #Yorum{background:none; padding:20px 0}
#IcSayfa #Yorum b{font-size:30px; margin-bottom:25px; font-weight:normal; display:block; text-align:center;}
#IcSayfa #Yorum strong{display:block; font-weight:normal; font-size:18px; padding:15px 0; font-weight:bold}
#IcSayfa #Yorum .col-sm-12{margin-bottom:15px; padding-bottom:15px; border:solid 1px #E4E4E4; text-align:left}

#IcSayfa #IletisimBilgileri{padding:40px; font-size:16px; border-radius:10px; margin-top:20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(112,112,112,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(112,112,112,0.75);box-shadow: 0px 0px 10px 0px rgba(112,112,112,0.75);}
#IcSayfa #IletisimBilgileri .Satir{margin-bottom:23px}
#IcSayfa #IletisimBilgileri span{color:#EC2125; font-size:20px; margin-right:15px; float:left; margin-top:5px;}
#IcSayfa #IletisimBilgileri code{font-size:18px;}
#IcSayfa #IletisimBilgileri b{display:block; font-weight:normal; font-size:24px; color:#EC2125}
#IcSayfa #IletisimBilgileri a:hover code{color:#EC2125}
#IcSayfa #IletisimBilgileri .Adres{margin-bottom:10px}

.IletisimFormu {margin:30px 0}
.IletisimFormu input[type=text]{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px; font-size:14px; padding:7px; height:45px}
.IletisimFormu textarea{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px; height:100px; font-size:14px; padding:7px; }
.IletisimFormu input[type=submit]{border:solid 0; padding:10px 20px; margin-top:10px; background-color:#EC2125; float:right; color:#FFF; width:auto; border-radius:10px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;font-size:16px; }
.IletisimFormu input[type=submit]:hover{background-color:#4b4b4b; }
.IletisimFormu .Sonuc{color:#F00; font-size:20px; margin-top:10px}
#IcSayfa #IletisimKMetin{text-align:center; padding:20px 0; font-size:18px; margin-bottom:30px}
#IcSayfa .Kroki{margin-top:20px}


#IcSayfa #IletisimKMetin{text-align:center; padding:20px 0; font-size:18px; margin-bottom:30px}
#IcSayfa .Kroki{margin-top:20px}

#AltIletisim{background-color:#D22728; color:#FFF; padding:15px 0; margin-top:2%}
#AltIletisim span{margin-right:10px}

footer{color:#212121; padding:30px 0 15px 0; font-size:14px; background:url(/Images/Site/AltBG.jpg) no-repeat center}
footer img{display:block; margin-bottom:15px; max-width:20%}
footer b{display:block; font-size:20px; margin-bottom:10px; margin-top:15px; margin-left:15%; border-bottom:solid 1px #C59F59}
footer .Sol{margin-left:0}
footer a{color:#212121; }
footer a:hover{text-decoration:underline;}
footer ul{margin:0; padding:0; list-style:none; margin-left:15%}
footer ul li{float:left; width:50%; margin-bottom:5px}
footer .Satir{margin-bottom:10px;}
footer .Copyright{margin-top:10px; padding-top:10px; color:#999999; border-top:solid 1px #d8d8d8; }


#SosyalMedya{margin:5px 0; ; text-align:right}
#SosyalMedya i{display:block; float:right; margin: 10px 10px 0 0; font-style:normal; font-size:16px}
.Twitter{background:url(../Images/Site/T.png) no-repeat; width:30px; height:30px;text-indent:-9999px;margin:5px; display:block; float:right; opacity:0.7}
.Facebook{background:url(../Images/Site/F.png) no-repeat; width:30px; height:30px;text-indent:-9999px; margin:5px; display:block; float:right; opacity:0.7}
.Instagram{background:url(../Images/Site/I.png) no-repeat; width:30px; height:30px;  text-indent:-9999px;margin:5px; display:block; float:right; opacity:0.7}
.Linkedin{background:url(../Images/Site/L.png) no-repeat; width:30px; height:30px;  text-indent:-9999px;margin:5px; display:block; float:right; opacity:0.7}

.Facebook:hover{opacity:1}
.Linkedin:hover{opacity:1}
.Instagram:hover{opacity:1}
.Linkedin:hover{opacity:1}

.MobilAlt{line-height:30px}

.BekleyinizBG {background-color: #000;filter: alpha(opacity=90);opacity: 0.8; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999}
.Bekleyiniz { background-color: #FFFFFF; border:solid 3px #DDC4FC; border-radius:20px;  padding: 80px; color:#000; font-size:30px; z-index:9999; position:fixed; text-align:center;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.Bekleyiniz img{display:block; margin:0 auto 20px auto}


.Onay{color:#44c652; text-align:center; font-size:30px;padding:5% 0}




.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media(min-width:300px) {
    .col-sm-5ths {
        width: 50%;
        float: left;
    }
}
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 33%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-sm-5ths {
        width: 33%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}