body {
    background: #E5E5E5;
    padding:  0;
    color: #686b70;
    font-size: 15px;
    font-family: 'Quicksand', sans-serif;
    line-height: 1.80857;
    margin: 0;
	position: relative;
}
*{ outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.clear, .t {
    clear: both;
}
img {
    border: 0px;
}

a {
    text-decoration: none;
    outline: 0;
}
.trans,
.trans a,
.trans li,
.trans div,
.trans strong,
.trans span,
.trans button,
.trans h1,
.trans h2,
.trans h3,
.trans h4,
.trans i,
.trans p,
.trans a:after,
.trans img,
.trans input {
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
}
hr {
    border: 0;
    height: 1px;
    background: #ececec;
}


.site {
    max-width: 1350px;
    margin: 0 auto;
    position: relative;
}



.ust-takip{  position:fixed; width:100%;z-index:999; top:0;}
.ust-ayri{  position:relative; z-index:999; }

.ust-serit{ background:#eee; color:#555; height:45px; display:none; }
.ust-serit .serit-sol{ display:block; float:left; font:13px Arial,Helvetica,sans-serif; padding:7px 0; line-height:28px; }
.ust-serit .serit-sol i{ margin-right:3px; color:rgba(0,0,0,.5)}
.ust-serit .serit-sol span{ display:inline-block; }
.ust-serit .serit-sol #mail{ margin-left:10px; padding-left:10px; border-left:1px solid rgba(255,255,255,.4); }
.ust-serit .serit-sag{ display:block; float:right; }
.ust-serit .serit-sag .sosyal{ float:left; display:block; padding:15px 0; line-height:15px; margin-right:20px;  }
.ust-serit .serit-sag .sosyal a{ color:#222; display:inline-block; padding:0 10px; font-size:13px; }
.ust-serit .serit-sag .arama{ float:right; display:block; background:#ddd; color:#222; padding:4px 10px; }
.ust-serit .serit-sag .arama input{ padding:10px; border:0; background:none; color:#222; }
.ust-serit .serit-sag .arama input:placeholder, .ust-serit .serit-sag .arama input:-webkit-input-placeholder{ color:#222; }
.ust-serit .serit-sag .arama button{ color:rgba(0,0,0,.51); border:0; background:none; }

.header{padding:0px;background: #8a8a8a;position:relative;z-index:9999}

.header.shadow{ box-shadow: 0 1px 1px rgba(0,0,0,.2); }
.header .logo{ width:323px; display:block; float:left; margin-top:10px; }
.header .logo img{  max-width:100%; }
.header .menu{ float:right; display:block; padding:0px; position:relative; z-index:9999; }
.header .menu ul{ padding:0; margin:0; list-style:none; display:inline-block; position:relative; }
.header .menu ul li { display:inline-block; position:relative;}
.header .menu ul li a{display:block;font:600 13px/2 Quicksand,arial,sans-serif;text-transform:uppercase;padding:30px 13px;color: #ffffff;letter-spacing:-.2px}
.header .menu ul li ul li a i{ float:right;}
.header .menu ul li:hover,.header .menu ul li.aktif{border-bottom-color:#5b1522;color:#1A4D78;}
.header .menu ul li:hover a,.header .menu ul li.aktif a{color: #000000;}
.header .menu ul li.aktif a{ font-weight:800; color:#FF6A1A;}
.header .menu ul li:hover > ul{ display:block; }
.header .menu ul li ul{ position:absolute; width:240px; display:none; }
.header .menu ul li ul li ul { margin-left:240px; margin-top:-35px; padding-left:0px;}
.header .menu ul li ul li {background: #525252;display:block;border-bottom: 1px solid #737373;}
.header .menu ul li ul li:hover{background: #e0ce00;}
.header .menu ul li ul li a{ color:#fff !important; padding:10px 13px; }
.header .menu #teklif-iste{ background:#1A4D78; display:inline-block; position:relative; right:0; bottom:0; margin-top:0px; color:#fff; padding:10px 35px;  margin-left:10px; font:600 13px Quicksand,arial,sans-serif; line-height:62px; width:auto; vertical-align:middle; }
.header .menu #arama-yap{ background:#7F2234; display:inline-block; position:relative; right:0; bottom:0; margin-top:-1px; color:#fff; padding:12px 30px; margin-left:-4px; font:600 13px Quicksand,arial,sans-serif; line-height:62px; width:auto; vertical-align:middle; }
.header .menu #arama-yap.aktif{background:#525A56; color:#fff }




.manset{ position:relative; z-index:99; }
.swiper-container {width: 100%;height: 800px;overflow:hidden;}
.swiper-slide {background-position: center;background-size: cover; }
.swiper-slide:before{ background:rgba(0,0,0,.3); content:''; left:0; top:0; width:100%; height:100%; position:absolute; z-index:10}
.swiper-slide .caption{  }
.banner-text{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0;right: 0;max-width: 1170px; margin:0 auto; margin-top:-40px; width: 100%;z-index: 999; text-align:left; }
.basliks  { box-shadow: 2px 2px 6px rgb(3, 3, 3);-webkit-box-shadow: 2px 2px 6px rgb(3, 3, 3);-moz-box-shadow: 2px 2px 6px rgb(3, 3, 3);  text-transform: uppercase;color: #2c3740 !important;font-size: 13px;font-family:'Avenir Next LT Pro Demi',arial,sans-serif; background: #ffffff;display: block;width: 162px;text-align: center;padding: 8px 0; padding-bottom:8.6px; position: relative;margin-bottom: 10px;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.basliks:after {border-left: 8px solid #ffffff;border-right: 8px solid transparent;border-top: 20px solid transparent;border-bottom: 20px solid #ffffff;content: "";position: absolute;right: -16px;top: 0;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
.banner-text h3 {font-weight: 900;letter-spacing: -0.9px;white-space: normal;color: #fff; text-shadow: rgb(3, 3, 3) 2px 2px 6px; padding:0;margin:0;font:800 37px Quicksand,'Avenir Next LT Pro Bold', sans-serif; line-height:1.2;margin-bottom:20px; text-transform:uppercase;}
.banner-text h3 span{ font-weight:400; display: block; }
.banner-text p {font-weight: 900;letter-spacing: -0.2px;white-space: normal;color: #fff; padding:0;margin:0;font:400 14px Quicksand,Arial,Helvetica, sans-serif; line-height:1.5;margin-bottom:20px;}
.banner-text a {font-weight: 900;white-space: normal;color: #fff; margin:0;font:600 13px  Quicksand,Arial,Helvetica, sans-serif;margin-bottom: 10px;line-height:1.2;text-transform: uppercase;padding:10px 20px;background:#7F2234;display:inline-block;}
.banner-text a:last-child{ background:#494D50;}
.banner-text a:hover{ background:#fff; color:#222; }
.caption {width: 476px;position:relative;}
.product-image{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); text-align:right; right: 0;max-width: 1170px; margin-top:50px; width:500px; z-index: 999; }
.product-image img{ max-width:100%; height:auto; }



.firmamiz{ background:#fff; padding-bottom:15px; }
.firmamizForm{ width:610px; height:205px; margin-right:60px;  background:#fff; position:relative; margin-top:-90px; z-index:100; -webkit-box-shadow: 0px 0px 36px -5px rgba(0,0,0,0.41); float:left;
-moz-box-shadow: 0px 0px 36px -5px rgba(0,0,0,0.41);box-shadow: 0px 0px 36px -5px rgba(0,0,0,0.41);}

.firmamiz h2{  padding-top:40px; display:block; color:#212121; font:24px Quicksand,Arial,Helvetica,sans-serif }
.firmamiz h2 strong{ font-weight: 800; }
.firmamiz #firmamizGorsel{ padding:20px 0px; display:inline-block; width:400px; vertical-align: top; margin-top: -100px}
.firmamiz #firmamizGorsel img{ max-width:100%; }
.firmamiz #firmamizIcerik{ display:inline-block; width:750px; padding:0 20px; color:#212121; vertical-align: top}
.firmamiz #firmamizIcerik a{ display:inline-block; padding:10px 5px; font:600 13px/1.5 Quicksand,Arial,sans-serif; text-transform:uppercase; text-indent:10px; background:#686B70; color:#fff; padding-right:50px; }
.firmamiz #firmamizIcerik a:hover{ background:#555; }


.timosan-callform{ background:#fff; position:relative; padding:1px 0px;  border-bottom:1px solid #efefef;  }
.timosan-callform .timosan-callform-img{ background-size:auto 100%; background-repeat:no-repeat; height:100%; width:100%; position:absolute; left:0; top:0; right:0; bottom:0; }
.timosan-callform .timosan-callform-text{ padding:15px 30px; position:relative;}
.timosan-callform .timosan-callform-text .callform-left-text{ width:49%; position:relative; display:inline-block; vertical-align:middle; padding-right:40px; border-right:1px solid #cecece; }
.timosan-callform .timosan-callform-text .callform-right-form{ width:49%; position:relative; display:inline-block; vertical-align:middle; padding-left:40px; }
.timosan-callform .timosan-callform-text .callform-right-form label{ display:block; padding:5px 0; font:600 13px Quicksand,Arial,Sans-serif; text-transform:uppercase; }
.timosan-callform .timosan-callform-text .callform-right-form .callIn input{ background:#efefef; border:1px solid #dedede; border-radius:4px; width:100%; margin:5px 0px; padding:10px;}
.timosan-callform .timosan-callform-text .callform-right-form .callIn button{ background:#494D50; color:#fff; border-radius:4px; padding:10px 15px; font:600 13px Quicksand,Arial,Sans-serif; display:inline-block; border:1px solid transparent; cursor:pointer; margin-top:5px;}
.timosan-callform .timosan-callform-text .callform-right-form .callIn button:hover{ border-color:#00826D; background:#fff; color:#00826D; }
.timosan-callform .timosan-callform-text h3{ font:700 24px Quicksand,Arial,sans-serif; text-transform:uppercase; margin-top:0;}
.timosan-callform .timosan-callform-text h3 span{ font-weight:300; }
.timosan-callform .timosan-callform-text p{ font:400 14px/1.5 Quicksand,Arial,sans-serif; color:#333}
.timosan-callform .timosan-callform-text a{ font:600 13px/1.9 Quicksand,Arial,sans-serif; color:#00826D; border:2px solid #00826D; border-radius:4px; display:inline-block; padding:10px 15px; text-transform:uppercase;}
.timosan-callform .timosan-callform-text a:hover{ background:#00826D; color:#fff; }

.urunlerimiz{ background:#F4F4F4; }
.urunlerimiz .urunlerimiz-baslik-sol{ display: block; float: left; }
.urunlerimiz .urunlerimiz-baslik-sol .baslik{ padding:30px 0px; }
.urunlerimiz .urunlerimiz-baslik-sol .baslik h2{ padding:0; padding-bottom:5px; margin:0; font:600 21px/1.5 Quicksand,Arial,Helvetica,Sans-serif; color:#222; text-transform: uppercase;  }
.urunlerimiz .urunlerimiz-baslik-sol .baslik h2 span{ font-weight:400; }
.urunlerimiz .urunlerimiz-baslik-sol .baslik p{ font:12px Arial,Helvetica,Sans-serif; padding:0; margin:0px; }
.urunlerimiz .urunlerimiz-baslik-sag{ display: block; float: right; padding:40px 0px; }
.urunlerimiz .urunlerimiz-baslik-sag a{ display:inline-block; text-align:center; background:#494949; color:#fff; padding:12px 30px; border-radius: 4px; font:600 13px/1.5 Quicksand,Arial,Helvetica,Sans-serif; }


.hizmetlerimizBolum{}
.hizmetlerimizBolum .hizmetlerimizBolumIc{
    overflow: hidden;
}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul{ padding:0; margin:0; list-style:none; }
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li{display:block;position:relative;width:33.33%;cursor:pointer;float:left;max-height:316px;overflow: hidden;}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li:after{ content:''; position: absolute; display: block; background:rgba(0,0,0,.6); left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:98 }
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li .projeGorsel{display:block;height: 300px;}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li .projeGorsel img{width:100%;height: 100%;}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li:hover .projeBilgi{  transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms;    -o-transition: all 400ms; opacity:1; background:rgba(0,0,0,.2);}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li .projeBilgi{  position:absolute;width: 100%; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); text-align:center; z-index:99}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li .projeBilgi .projeBilgiIc{ display: block;margin: 0 auto;max-width: 100%;margin: auto;position: absolute; width: 100%;color:#fff;}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li .projeBilgi .projeBilgiIc strong{ font:bold 24px Quicksand,Arial,Helvetica,sans-serif; display:block;}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li .projeBilgi .projeBilgiIc p{ padding:5px 0px; margin:0; font:normal 13px Raleway,Arial,sans-serif;}
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li .projeBilgi .projeBilgiIc a{ display:none; border-radius:4px; background:#00816D; font:600 13px Raleway,Arial,sans-serif; color:#fff; margin-top:10px; text-transform:uppercase; }
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li .projeBilgi .projeBilgiIc a:hover{ background:#555; }
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li:hover:after{ background:rgba(0,0,0,.3); }
.hizmetlerimizBolum .hizmetlerimizBolumIc ul li:hover  .projeBilgi .projeBilgiIc a{ display:inline-block; padding:10px 20px; margin-bottom:10px; }

.iletisimBar{background: #FEEA00;color: #414141;position:relative;overflow:hidden;padding:25px 0px;}
.iletisimBar strong{ text-transform:uppercase; font:600 14px/22px Quicksand,Arial,Helvetica, sans-serif; }
.iletisimBar p{font:500 13px/22px  Quicksand,Arial,Helvetica, sans-serif;padding:5px 0px;margin:0;color: #000;}
.iletisimBar  a{ position:absolute; right:0; top:6px; border:1px solid transparent; background:#222; padding:10px 30px; font:500 15px/22px Quicksand,Arial,Helvetica, sans-serif; color:#fff; }
.iletisimBar  a:hover{border-color: #fff;background: #b4b4b4;color: #000;}

.parca-gorsel{position:relative;overflow:hidden;min-height:400px;background:#1A4D78; }
.parca-resim{width:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;bottom:2rem}
.parca-resim-ic{position:absolute;top:0;bottom:auto;width:100%;padding-left:0;padding-right:0;overflow:hidden; margin-left:-3px}
.parca-resim-ic img{/*! float:right; */ width:100%;}
.parca-yazi{position:absolute;width:22em;max-width:100%;right:0; top:0;bottom:0;pointer-events:none;left: 0; margin-left:5em; background: #F6F6F6;text-align: left; }
.parca-yazi .parca-icerik{bottom:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;padding:0 2rem;/*! left:50%; */pointer-events:all}
.parca-yazi .parca-icerik h2{font:400 25px Quicksand,Arial,Helvetica,sans-serif;letter-spacing:-.3px;color:#262525;padding:0; margin:0;text-transform:uppercase;}
.parca-yazi .parca-icerik h2 strong{font-weight:700; font-family:Quicksand,Arial,Helvetica,sans-serif; display:block;}
.parca-yazi .parca-icerik p{ font:normal 13px/2 Quicksand,Arial,Helvetica,sans-serif;color:#262525}
.parca-yazi .parca-icerik a{ font:600 13px/23px Quicksand,Arial,Helvetica,sans-serif;color:#222; background:#D6D6D6; display:inline-block; padding:10px 25px; border:1px solid transparent;}
.parca-yazi .parca-icerik a:hover{ background:none; border-color:#7F2234; color:#7F2234;}

.parca-liste{position:absolute;width:59em;max-width:100%;right:1em; top:0;bottom:0;pointer-events:none;text-align: left; z-index:9999999; }
.parca-liste ul{ padding:0; margin:20px 0; list-style:none; }
.parca-liste ul li { width:33%; display:inline-block; position:relative; vertical-align: top;   }
.parca-liste ul li a{  background:#fff;box-shadow: 0 1px 1px rgba(0,0,0,.2); display:block; margin:5px; }
.parca-liste ul li .parca-hizmet{ height:180px; overflow:hidden; }
.parca-liste ul li .parca-hizmet img{ max-width:100%; }
.parca-liste ul li strong{ color:#000; display:block; padding: 15px; height:80px;  font:800 17px/1.6 Quicksand,Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:-0.1px }
.parca-liste ul li p{ color:#000; font:13px/1.5 Quicksand,Arial,Helvetica,sans-serif; display:block; margin:0; padding:0 15px; padding-bottom:25px; }


.basin-bultenleri{ background:#fff; padding-top:20px; display: block; }
.basin-bultenleri #sayfa-bas{ text-transform:uppercase; color:#111; text-align:center; }
.basin-bultenleri ul { padding:0; list-style:none; margin:0; display:table; margin-top:20px; }
.basin-bultenleri ul li { padding:5px; display:table-cell; width:25%; vertical-align:top;  }
.basin-bultenleri ul li a{  background:#f5f7f8; display:block; height:360px;; color:#0A171F;}
.basin-bultenleri ul li a:hover{background:#7F2234; color: #fff; }
.basin-bultenleri ul li a:hover p{ color:#fff;}
.basin-bultenleri ul li .haberGorsel{ height:200px; overflow:hidden; margin-bottom:0px; }
.basin-bultenleri ul li .haberGorsel img{ height:200px; width:100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; }
.basin-bultenleri ul li .haberBilgi{ padding:20px;  position:relative; }
.basin-bultenleri ul li a img{ max-width:100%; }
.basin-bultenleri ul li strong{ display:block; padding:6px 0px;  font:600 13px/1.3 Quicksand,arial, sans-serif; margin-bottom:5px;}
.basin-bultenleri ul li p{ padding:0; margin:0; display:block; color:#555; font:12px/1.6 Arial,Quicksand,sans-serif;  overflow:hidden}
.basin-bultenleri ul li span{ display:block;font:12px Arial, sans-serif; color:#666 }
.basin-bultenleri ul li .haberBilgi::before{display: block;content: "";width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid transparent;position: absolute;top: 0;left: 26px;transition: all ease-in-out .1s;}
.basin-bultenleri ul li:hover .haberBilgi::before{top:-12px;border-bottom-color:#7F2234 ;}
.basin-bultenleri ul li:hover .haberGorsel{  border-bottom-color: #ECECEC; }
.basin-bultenleri ul li:hover  .haberGorsel img{ -moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1); }

.Abaslik{  text-transform:uppercase; position:relative; padding-bottom:5px; color:#222 }
.Abaslik.Abaslik-orta{ text-align:center; }
.Abaslik:after{ content:''; width:6em; height:2px; position:absolute; left:0; bottom:0; background:#7F2234; z-index:8 }
.Abaslik.Abaslik-orta:after{ margin:0 auto; left:50%; margin-left:-3em; }
.Abaslik span{ font:500 14px Quicksand,Arial, sans-serif; color:#666 }
.Abaslik h2{ font:500 23px Quicksand,Arial, sans-serif; color:#333; padding:3px 0; margin:0; letter-spacing:-.4px; }

.breadcrumb{  margin:10px 0px; }
.breadcrumb > *{ display:inline; }
.breadcrumb{ color:#3b3b3b; font:12px Roboto,Arial,sans-serif; }
.breadcrumb a{ color:#222; }
.breadcrumb .bSlash{ padding:0 6px; }
.breadcrumb #suan{ color:#666; }


.hakkimizda{ background:#fff; padding:30px;box-shadow: 0 1px 1px rgba(0,0,0,.2); }
.hakkimizda, .sayfa-sab{ border-top:1px solid #ededed; padding-bottom:50px; }
.hakkimizda h2, .sayfa-sab h2{ padding:00px 0px; font:500 46px/56px Quicksand,arial,sans-serif; color:#111; }
.hakkimizda h2 span, .sayfa-sab h2 span{ font-weight:700; }
.hakkimizda p#bilgilendirme, .sayfa-sab p#bilgilendirme{ font:20px Quicksand,arial,helvetica,sans-serif; color:#222; }

.hakkimizdaSol{ width:600px; display:block; float:left; margin-top:20px; }
.hakkimizdaSag{ width:474px; display:block; float:right; margin-top:0px; }
.hakkimizdaSol h3{ padding:0; margin:0 0 10px; font:300 29px/35px Quicksand,arial,helvetica,sans-serif; color:#333; }
.hakkimizdaSol p{ padding:0; margin:0; font:300 15px/24px Quicksand,arial,helvetica,sans-serif; }
.hakkimizdaSol p strong{ color:#000; }
.hakkimizdaSag img{ max-width:100%; }

.hakkimizdaVideo{ border-top:1px solid #ccc; margin:20px -30px; background:#ebebeb; text-align:center; padding:0px 0; }
.hakkimizdaVideo h2 { padding-bottom:0; }
.hakkimizdaVideo p{ padding:20px 0px; font:300 26px/36px Quicksand,arial,helvetica,sans-serif; color:#666; }

.hizmetlerimiz{ background:#fff; padding:30px;box-shadow: 0 1px 1px rgba(0,0,0,.2); }
.hizmetlerimiz{ border-top:1px solid #ededed; padding-bottom:50px; }
.hizmetlerimiz h1{ padding:00px 0px; font:500 40px/56px Quicksand,arial,sans-serif; color:#111; letter-spacing:-.7px }
.hizmetlerimiz h1 span{ font-weight:700; }
.hizmetlerimiz p#bilgilendirme{ font:20px Quicksand,arial,helvetica,sans-serif; color:#222; }


.hizmetlerimizSol{ width:600px; display:block; float:left; margin-top:0px; }
.hizmetlerimizSag{ width:474px; display:block; float:right; margin-top:0px; }
.hizmetlerimizSol h3{ padding:0; margin:0 0 10px; font:300 29px/35px Quicksand,arial,helvetica,sans-serif; color:#333; }
.hizmetlerimizSol p{ padding:0; margin:0; font:300 15px/24px Quicksand,arial,helvetica,sans-serif; }
.hizmetlerimizSol p strong{ color:#000; }
.hizmetlerimizSag img{ max-width:100%; }

.hizmetlerimizAlan{ border-top:1px solid #ccc; margin:20px -30px; background:#ebebeb; padding:0px 20px; }
.hizmetlerimizAlan .urunlerimiz{ background: none; }

.referanslarimiz{ background:#fff; padding:30px;box-shadow: 0 1px 1px rgba(0,0,0,.2); }
.referanslarimiz{ border-top:1px solid #ededed; padding-bottom:50px; }
.referanslarimiz h1{ padding:00px 0px; font:500 40px/56px Quicksand,arial,sans-serif; color:#111; letter-spacing:-.7px }
.referanslarimiz h1 span{ font-weight:700; }
.referanslarimiz p#bilgilendirme{ font:20px Quicksand,arial,helvetica,sans-serif; color:#222; }

.referansAlan{ margin:0 -30px; background:#eee; border-top:1px solid #ddd; }
.referansAlan #referansListe{ padding:15px; margin:0; list-style:none; }
.referansAlan #referansListe li{display:inline-block;width: 188px;padding:10px;border:1px solid #ccc;margin: 10px 14px;cursor:pointer;background:#fff;}
.referansAlan #referansListe li img{ max-width:100%; height:auto; }
.referansAlan #referansListe li:hover{ border-color:#eee; }
.referansAlan #referansListe li:hover img{ opacity:.7; }

.sayfaBaslik{ }
.sayfaBaslik h1{ font:600 24px Quicksand,Arial,Helvetica,Sans-serif; padding:0; margin:0; }
.sayfaBaslik p{ padding:0;  font:14px Quicksand,Arial,Helvetica,Sans-serif; }

.ekatalog{ background:#fff; padding:30px;box-shadow: 0 1px 1px rgba(0,0,0,.2); }
.ekatalogAlan{ margin:0 -30px; background:#eee; border-top:1px solid #ddd; }


.sP-sol{ width:300px; display: block; float:left;background:#F2F2F4; position: relative  }
.sP-sol strong span{ display: none; }
.sP-sol strong{ background:#444; padding:20px;display:block;  font:500 17px Quicksand,Arial,sans-serif; color:#fff; position: relative}
.sP-sol ul{ padding:0; margin:0; list-style:none; border-bottom: 2px solid rgb(234, 234, 236); }
.sP-sol ul li a{ padding:20px; font:400 14px Quicksand,Arial,sans-serif; color:#222; display:block;border-bottom: 1px solid #e2e2e2;}
.sP-sol ul li a i{ margin-right:4px; font-size:11px; }
.sP-sol ul li.aktif a{ background:#fff; font-weight:500;  text-decoration:none }
.sP-sol ul li:hover a{ background:#E2E2E2; text-decoration:underline }

.sP-sol.sP-Mavi_Siyah strong{ background:#7F2234; }
.sP-sol.sP-Mavi_Siyah ul li a{ color:#222;}

.sP-sol strong.aktif{ background:#FF6A1A;}

.sP-sag,.sP-tam{width: 1049px;display: block;float:right;padding:0 40px;padding-top:40px;background:#fff;margin-top:0px;padding-bottom:40px;}
.sP-sag h2,.sP-tam h2, h4#habas{ font:700 22px Quicksand,Arial,sans-serif; color:#1D2A32; padding-bottom:10px; margin:0; margin-bottom:20px; border-bottom:1px solid #E4E5E6 }
h2#sayfa-title{ font:700 27px Quicksand,Arial,sans-serif; color:#1D2A32; padding:25px 10px; margin:0;}
h2#sayfa-title span{font-weight:400; }
p#sayfa-desc{ font:13px/2 Quicksand,Arial,sans-serif; color:#222; padding:0; margin:0; }
.sP-sag h3,.sP-tam h3{font: 600 16px/1.7 Quicksand,Arial,sans-serif;color:#1D2A32;}
.sP-sag p{font: 400 14px/1.7 Quicksand,Arial,sans-serif;color:#1D2A32;text-align: justify;}
.sP-sag strong,.sP-tam strong{  color:#1D2A32;}
.sP-sag,.sP-tam { color:#3b3b3b; font:13px/26px Quicksand,Arial,sans-serif;}
.sP-tam{ width:auto; float:none; font:15px/28px Quicksand,Arial,sans-serif; padding-bottom:60px; padding-top:10px}

.sP-sag .urun-link{ position: absolute; right:35px; top:30px; }
.sP-sag .urun-link a{ display:inline-block; padding:10px 20px; background:#1A4D78; width:160px; color:#fff; font:600 13px/2 Quicksand,Arial,sans-serif; margin-right:5px; text-transform: uppercase }
.sP-sag .urun-link a:last-child{ background:#FF6A1A; }
.sP-sag .urun-link a:hover{ background:#555; }

.sP-sag .sayfalar-gorsel{}
.sP-sag .sayfalar-gorsel ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.sP-sag .sayfalar-gorsel ul li{
    display: inline-block;
    width: 230px;
    height: 155px;
    padding: 4px;
    border: 1px solid #ccc;
    margin: 6px 4px;
    cursor: pointer;
    background: #fff;
}
.sP-sag .sayfalar-gorsel img{
    width: 100%;
    height: 100%;
}
.sP-sag .sayfalar-gorsel a{}

.sP-sag .degisen {height: 330px;overflow:hidden;position:relative;margin: -40px -40px;margin-bottom:10px;}
.sP-sag .degisen img{width: 100%;}
.sP-sag .degisen iframe{ width:100%; height:269px }
.sP-sag .degisen a{ display:inline-block; position:absolute; left:20px; padding:15px 25px; bottom:20px; background:#1BB289; color:#fff;font:700 15px Raleway,Arial,sans-serif;}

.haberlerList{ }
.haberlerList ul{ padding:0; margin:0; list-style:none; }
.haberlerList ul li{ display:inline-block; width:50%; margin-left:-3px }
.haberlerList ul li a{ display:block; padding:6px; }
.haberlerList ul li .haber-image{ height:200px; overflow:hidden; }
.haberlerList ul li .haber-image img{ max-width:100%; }
.haberlerList ul li strong{ display: block; padding:15px 10px; font-size:14px; position:relative; margin-top:-30px; background:#fff; margin-left:10px; border-left:4px solid #444444 }
.haberlerList ul li:hover strong{ background:#7F2234; color:#fff; border-left-color:#7F2234 }
#haber-resim{margin: 0;width: 40%;position: relative;display: inline-block;float: left;padding: 0 1rem 1rem 0;}
#haber-resim img{ max-width: 100%;}

#haber-detay {font-size:14px;color:#000;}
.video-gorsel iframe{ height:400px; width:100%;}

.iletisim-harita iframe{ width:100%}
.iletisim-bilgi ul{ padding:0px; margin:0; list-style:none; margin-bottom:20px;}
.iletisim-bilgi ul li b{  font:600 15px Quicksand,Arial,Helvetica,sans-serif; text-transform:uppercase;}
.iletisim-bilgi ul li strong{  font:500 13px Quicksand,Arial,Helvetica,sans-serif; text-transform:uppercase;}
.iletisim-bilgi ul li i{  width:60px; display:inline-block; text-align:center; }
.iletisim-bilgi ul li { font:13px Arial,Helvetica,sans-serif; color:#222; letter-spacing:0 !important; padding:10px; color:#444; border-bottom:1px solid #ededed;}
.iletisim-bilgi ul li:last-child{ border:0; }



/* Bilgilendirme */
.alert{ padding: 25px;border: 1px solid transparent; margin:10px 0px; font:500 13px Quicksand,Arial,sans-serif; margin-bottom:15px;}
.alert-error{color: #A94442; background-color: #F2DEDE;border-color: #EBCCD1; }
.alert-info{color: #4288a9; background-color: #deecf2;border-color: #cce0eb; }
.alert-success{    color: #3C763D;background-color: #DFF0D8;border-color: #D6E9C6;}
.alert h3{ padding:0; margin:0;}
.alert a{ color:#000; text-decoration:underline}
/* Bilgilendirme */

#basvuruform { width:400px; padding:15px; background:#DDDDDD; display:block; float:left; }
#basvuruform label{ display:block; padding:10px 0px;font:500 15px Quicksand,Arial,sans-serif; color:#222;} 
#basvuruform input,#basvuruform textarea{ display:block; border:1px solid #dedede; background:#fff; width:100%; padding:12px; font:400 13px Quicksand,Arial,sans-serif; margin-bottom:10px;}
#basvuruform button{ padding:15px 25px; background:#2D6598; color:#fff; border:0;font:700 15px Quicksand,Arial,sans-serif; cursor:pointer; }
#basvuruform button:hover{ background:#222; color:#fff }
#basvurubilgi { width:420px; padding:0 15px;  display:block; float:right; }
#basvurubilgi p{ padding:0; margin:0;}
#basvurubilgi img{ text-align:center; display:table; margin:30px auto; max-width:100% }


.footer {background: #8a8a8a;color: #efefef;padding: 45px 0px;position:relative;z-index:97;}
.footer .site{ overflow:hidden;}
.footer h4 {font: 600 14px Quicksand,Arial,Helvetica, sans-serif; display:inline-block; color: #efefef;padding: 0px;margin: 0px; padding-bottom: 10px;margin-bottom: 10px;position:relative; text-transform:uppercase; margin-bottom:20px ;}
.footer h4:after {  content:''; width:60%; height:2px; position:absolute; left:0; bottom:0; background:#7F2234; }
.footer .foP{ display:inline-block;vertical-align:top; margin-right:45px; width:200px;}
.footer .foP ul{ padding:0; list-style-type:none; margin:0;}
.footer .foP ul li{ display:block; vertical-align:top;}
.footer .foP ul li a{display:block;font:normal 13px/23px 'Quicksand',Open Sans,Arial,sans-serif;color: #fff;padding:7px 5px;margin-right:5px;border-bottom: 1px solid #c5c5c5;}
.footer .foP ul li a:hover{background: #5a5a5a;color:#fff;transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms;-o-transition: all 400ms;}
.footer .foP ul li a:hover i{ color:#fff; }
.footer .foP ul li a i{ color:#7F2234; margin-right:5px; font-size:12px; line-height }
.footer .iletisimBilgileri {width: 310px;display:inline-block;vertical-align:top;margin-right:25px;}
.footer .iletisimBilgileri  p{ padding:0; margin:0;  color:#fff; margin-bottom:20px;  }
.footer .iletisimBilgileri strong{ display:block; padding:15px 0px; font:600 14px/23px Quicksand,Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase  }
.footer .iletisimBilgileri ul {padding: 0;margin: 0;list-style: none;}
.footer .iletisimBilgileri ul li {padding: 10px 0px;font:normal 13px/22px 'Quicksand',Arial,sans-serif; color:#fff; }
.footer .iletisimBilgileri ul li i {width: 20px;  color:#fff; }
.footer .iletisimBilgileri ul li a{ color:#fff; text-decoration:underline; }
.footer .footerBilgi{ color:#222; padding:0 20px; font:13px arial,sans-serif; display:inline-block; vertical-align:middle; width:330px; text-align:center;}
.footer .footerBilgi .footerLogo{ text-align:center;}
.footer .footerBilgi .footerLogo img{ max-width:100%; }
.footer .footerBilgi p {line-height:22px;color: #fff;}
.footerBar{background: #5a5a5a;font:12px/20px arial,sans-serif;padding:20px 0px;color:#fff;}