@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;700;900&display=swap');

html,body {
margin: 0;
padding: 0;
font-family: 'Titillium Web', sans-serif;
font-weight:400;
color:#111;
}

.font1 { font-family: 'Titillium Web', sans-serif; font-weight:300; }
.font2 { font-family: 'Titillium Web', sans-serif; font-weight:400; }
.font3 { font-family: 'Titillium Web', sans-serif; font-weight:600; }
.font4 { font-family: 'Titillium Web', sans-serif; font-weight:700; }
.font5 { font-family: 'Titillium Web', sans-serif; font-weight:900; }

.size12 { font-size:12px !important; }
.size14 { font-size:14px !important; }
.size16 { font-size:16px !important; }
.size18 { font-size:18px !important; }
.size22 { font-size:22px !important; }
.size24 { font-size:24px !important; }
.size28 { font-size:28px !important; }
.size32 { font-size:32px !important; }
.size40 { font-size:40px !important; }


.fw-600 {  font-weight:600 !important; }
.fw-700 {  font-weight:700 !important; }

.siyah { color:#1d1d1b !important; }
.mavi { color:#3caade !important; }
.maviacik { color:#3caadf; }
.kirmizi { color:#e30613 !important; }
.beyaz { color:#FFFFFF !important; }
.gri { color:#878786 !important; }
.turuncu { color:#f0a962 !important; }

.relat { position:relative !important; }

/* HEAD */
.head-wrap { width:100%; z-index:9;  }
.head-top { background-color:#136DB5; padding-top:8px; padding-bottom:8px; }
.head { background-color:rgba(255,255,255,0.6); padding-top:10px; padding-bottom:10px; position:relative; }


/* HEAD BUTTON */
.cus-button { display:inline-block; padding:2px 10px; text-align: center; font-size:14px; font-weight:400; margin-left:5px; border-radius:2px; }
.cus-button:hover { text-decoration:none !important; }

.lang { color:#FFF; background-color:#111; }
.lang:hover { color:#111; background-color:#FFF; }

.filtre-degisim { color:#111; background-color:#d1d1d1; font-size:14px !important; padding:2px 6px; }
.filtre-degisim:hover { color:#3caade; background-color:#FFF; }

.fiyat-al { color:#111; background-color:#ffbb38; font-size:14px !important; padding:2px 6px; }
.fiyat-al:hover { color:#111; background-color:#fcd72b; }

.randevu-al { color:#FFF; background-color:#f0a962; font-size:14px !important; padding:2px 6px; }
.randevu-al:hover { color:#f0a962; background-color:#FFF; }

.whatsapp-destek { color:#FFF; background-color:#28b13d; font-size:14px !important; padding:2px 6px; }
.whatsapp-destek:hover { color:#28b13d; background-color:#FFF; }

.sa-alan-area { background-color:#F5F5F5; background-image:url("../images/bg-scroll.jpg"); background-size:cover; background-repeat:no-repeat; }
.alan-box h1 { font-weight:700; font-size:32px; margin-bottom:0; }
.alan-box h2 { font-weight:700; font-size:24px; margin-bottom:0; }
.alan-box-left { position:absolute; top:25%; color:#FFF; width:50%; text-align:center; }
.alan-box-right { position:absolute; top:25%; color:#FFF; left:50%; width:50%; text-align:center; }

.btn-outline-light:hover { color:#111 !important; }

.btn-more, .btn-more:visited, .btn-more:active { text-decoration:none; color:#FFF !important; background-color:#3caade; display:inline-block; padding:6px 12px; text-align: center; font-weight:400; font-size:16px; }
.btn-more:hover { text-decoration:none !important; color:#3caade !important; background-color:#404041; display:inline-block; padding:6px 12px; }

.wh-200 { width:200px; height:200px; border:4px solid; vertical-align:middle; text-align:center; margin: 10px auto 10px auto; display:block; padding-top:65px; font-size:40px; }

table.sa-ref-logo { }
table.sa-ref-logo tr td { padding:12px; height:150px; min-height:150px; max-height:150px; border-radius:10px; border:1px solid #CCC; }
table.sa-ref-logo tr td img { width:100%; max-height:126px; max-width:126px; filter: grayscale(1); }
table.sa-ref-logo tr td img:hover { width:100%; max-height:126px; max-width:126px; filter: grayscale(0); }


.object-fit { object-fit: cover; object-position: center; }
.object-fit-contain { object-fit: contain; object-position: center; }

.img-rad-6 { border-radius:6px; }
.img-rad-12 { border-radius:12px; }

h2.title {
    width: 50%;
    color:#111;
    border-bottom: 1px solid #a2c547;
    padding-bottom: 12px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}

h2.title::after {
    content: " ";
    display: block;
    margin: auto;
    border: 0;
    background: #a2c547;
    border-radius: 8px;
    position: absolute;
    left: 48%;
    bottom: -4px;
    width: 4%;
    height: 8px;
}

.sa-bg-scroll {
    padding: 50px 0px 50px 0px;
    background-image: url(../images/bg-scroll.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
}

/* BIG INFO */

.sa-info-left-area { background-color:#bedfe8; }
.sa-info-right-area { background-color:#bedfe8; }


/* STEP */
.sa-step-area { padding-top:10px; padding-bottom:30px; }
.sa-bg-fit { background-position:center center; background-repeat:no-repeat; visibility:visible; }
.sa-bg-step-one { background-image:url('../images/surec1.png'); width:380px; height:330px; padding-top:30%; }
.sa-bg-step-two { background-image:url('../images/surec2.png'); width:380px; height:330px; padding-top:30%; }
.sa-bg-step-three { background-image:url('../images/surec3.png'); width:380px; height:330px; padding-top:30%; }

.sa-bg-fit { text-align:center; }
.sa-bg-fit p { width:65%; margin: 0 auto; }


/* BLOG */

.sa-blog-area { background-color:#FFF; }



/* PRODUCT */

.sa-product-content { margin-top:30px; margin-bottom:30px; padding:12px; }

.product-area { border:1px solid #CCC; padding:20px; border-radius:10px; }
.product-area:hover { border:1px solid #3caade; }
.product-area h1 { font-size:18px; font-weight:600; max-height:40px; overflow:hidden; min-height:40px; height:40px; }
.product-area p { font-size:14px; font-weight:500; max-height:105px; overflow:hidden; min-height:105px; height:105px; }

.product-area-y { border:1px solid #CCC; padding:20px; border-radius:10px; }
.product-area-y:hover { border:1px solid #3caade; }
.product-area-y h1 { font-size:18px; font-weight:600; }
.product-area-y p { font-size:14px; font-weight:500;  }
.product-price { position:absolute; top:10px; left:8px; background-image:url("../images/badge.png"); width:110px; height:44px; padding:8px 2px 2px 10px; color:#FFF; font-size:18px; text-align:left; margin-top:5px; }

/* GENEL */
.home-title-1 {
 font-family: 'Titillium Web', sans-serif; font-weight:700;
 font-size: 24px;
}


/* İÇ SAYFA HEAD */

.head-ic { background-color:#F5F5F5; }

h1.title {
  font-size:32px;
  width: 100%;
  color:#111;
  border-bottom: 1px solid #3caade;
  padding-top: 25px;
  padding-bottom: 20px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}

h1.title::after {
  content: " ";
  display: block;
  margin: auto;
  border: 0;
  background: #3caade;
  border-radius: 8px;
  position: absolute;
  left: 48%;
  bottom: -4px;
  width: 4%;
  height: 8px;
}

h3.title {
  font-size:16px;
  width: 100%;
  color:#111;
  border-bottom: 1px solid #3caade;
  padding-top: 25px;
  padding-bottom: 20px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}

h3.title::after {
  content: " ";
  display: block;
  margin: auto;
  border: 0;
  background: #3caade;
  border-radius: 8px;
  position: absolute;
  left: 48%;
  bottom: -4px;
  width: 4%;
  height: 8px;
}


.sa-main-content { margin-top:50px; margin-bottom:50px; }
.sa-content { font-size:18px; width:100%; }
.sa-content ul { padding:0; margin:0; margin:15px 35px; }

/* ANASAYFA URUN */
.home-bg-urun { background-image:url('../images/bg-urun.jpg'); background-repeat:no-repeat; background-size: cover; background-position:bottom; background-attachment: fixed; padding-top:7%; padding-bottom:5%; }
.home-urun-postion { position:absolute; top:100px; max-width: 100%; left:0; right:0; }

.home-urun-box { margin:0px 5px; padding:2px; margin-bottom:40px; text-align:center; font-size:18px; font-weight:400; border:1px solid #FFF; }
.home-urun-box:hover { padding:2px; border:1px solid #3caade; }
.home-urun-box:hover a { color:#3caade; text-decoration:none; }
.home-urun-box a { color:#FFF; display:block; padding:2px; }
.home-urun-box-img  { background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:150px; margin-bottom:5px; }

/* ANASAYFA HİZMET */

.home-bg-hizmet { background-color:#FFF; }
.mouse-point { cursor:pointer; }


/* ANASAYFA PARTNERS  */

.home-bg-partners { background-color:#0865aa; }
.partners-box { padding:16px; background-color:#FFF; }
.partners-box-logo { width:100%; height:80px; background-repeat:no-repeat; background-position:center center; background-size:contain; }

.top-33 { top:33% !important; }
.slick-custom-buton { cursor:pointer; z-index:9; background-color: rgba(0,0,0,0.3); padding:10px; border-radius:50%; width:40px; height:40px; text-align: center; color:#FFF; top:45%; }
.slick-custom-buton:hover { color:#000; }
.slick-custom-next { position:absolute; right:20px; }
.slick-custom-prev { position:absolute; left:20px; }


/* ANASAYFA HABER */

.home-bg-news { background-color:#FFF; }
.news-box-liste { border:1px solid #CCC; padding:10px; }
.news-box-img { width:100%; height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.news-box-title { min-height:50px; max-height:50px; overflow:hidden; line-height:25px !important; margin-bottom:5px; color:#555; }
.news-box-title:hover { text-decoration:underline; }
.news-box-text { min-height:110px; max-height:110px; overflow:hidden; line-height:25px !important; }
.news-date { background-color:rgba(255,255,255,0.8); padding:10px 6px 5px 6px; text-align:center; position:absolute; top:0px; right:10px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); }

.medya-box-liste { padding:10px; height:223px; margin-bottom:30px; }
.medya-box-icon-efect { cursor:pointer;transition-property:all;-moz-transition-property:all;-webkit-transition-property:all;-o-transition-property:all;transition-duration:.2s;-webkit-transition-duration:.2s;transition-timing-function:linear;-webkit-transition-timing-function:linear }

.medya-box-1 { background-color:#3caade; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-1:hover { background-color:#0A51A1; cursor:pointer; color:aquamarine; border:1px solid aquamarine; }
.medya-box-1 div.icon { background-image:url("../images/icon/news.svg"); width:60px; height:60px; background-size:contain; margin:0 auto; margin-bottom:10px; margin-top:35px; }
.medya-box-1:hover div.icon {  background-image:url("../images/icon/newsnav.svg"); width:80px; height:80px; background-size:contain; }

.medya-box-2 { background-color:#3caade; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-2:hover { background-color:#0A51A1; cursor:pointer; color:aquamarine; border:1px solid aquamarine; }
.medya-box-2 div.icon { background-image:url("../images/icon/media.svg"); width:60px; height:60px; background-size:contain; margin:0 auto; margin-bottom:10px; margin-top:35px; }
.medya-box-2:hover div.icon {  background-image:url("../images/icon/medianav.svg"); width:80px; height:80px; background-size:contain; }

.medya-box-3 { background-color:#3caade; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-3:hover { background-color:#0A51A1; cursor:pointer; color:aquamarine; border:1px solid aquamarine; }
.medya-box-3 div.icon { background-image:url("../images/icon/catalog.svg"); width:60px; height:60px; background-size:contain; margin:0 auto; margin-bottom:10px; margin-top:35px; }
.medya-box-3:hover div.icon {  background-image:url("../images/icon/catalognav.svg"); width:80px; height:80px; background-size:contain; }

.medya-box-4 { background-color:#3caade; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-4:hover { background-color:#0A51A1; cursor:pointer; color:aquamarine; border:1px solid aquamarine; }
.medya-box-4 div.icon { background-image:url("../images/icon/contact.svg"); width:60px; height:60px; background-size:contain; margin:0 auto; margin-bottom:10px; margin-top:35px; }
.medya-box-4:hover div.icon {  background-image:url("../images/icon/contactnav.svg"); width:80px; height:80px; background-size:contain; }


/* FOOTER */

.footer-bg { background-color:#136db5; }
.footer-serit { padding-top:80px;  padding-bottom:40px; }
.foo-menu .title { color:#FFF; font-weight:600px; font-size:18px; padding-bottom:10px; border-bottom:1px dotted #FFF; margin-bottom:20px; text-transform:uppercase; }
.foo-menu > .list > a { color:#fff; display:block; }
.foo-menu > .list > a:hover { color:#3caadf; }
.footer-copy { color:#FFF; font-weight:600px; font-size:18px; padding-top:20px; border-top:1px dotted #FFF; margin-bottom:20px; text-transform:uppercase; }

.backtotop { position:fixed; right:30px; bottom:100px; background-color:#3caadf; text-align:center; width:50px; height:50px; border-radius:25px; cursor:pointer; padding-top:12px; color:#FFF; }

ul.foo-menu { margin:0; padding:15px; }
ul.foo-menu li { list-style:none; list-style-type:none; }
ul.foo-menu li a:link, ul.foo-menu li a:visited { display:block; padding:10px 20px; border:1px solid #CCC; color:#333; text-decoration:none; }
ul.foo-menu li a:hover, ul.foo-menu li a.active { border:1px solid #3caade; color:#3caade; }


.w-buton { position:fixed; z-index:99; bottom:10px; right:-8px; }
.w-buton:hover { right:0; transition:1s; }

.accordion-content { padding-left: 20px; }
.accordion-content ul { margin:0; padding:0; padding-left:15px; }
.accordion-content ul li { padding-top:10px; }



.social-ico-efect { cursor:pointer;transition-property:all;-moz-transition-property:all;-webkit-transition-property:all;-o-transition-property:all;transition-duration:.2s;-webkit-transition-duration:.2s;transition-timing-function:linear;-webkit-transition-timing-function:linear }

.social-ico-text { display:inline-block; margin-left:5px; color:#FFF; line-height:18px; }
.social-ico-face { background-image:url("../images/icon/facebook.svg"); width:32px; height:32px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-insta { background-image:url("../images/icon/instagram.svg"); width:32px; height:32px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-linked { background-image:url("../images/icon/linkedin.svg"); width:32px; height:32px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-whatsapp { background-image:url("../images/icon/whatsapp.svg"); width:32px; height:32px; background-size:contain; display:inline-block; margin-left:5px; }



/* İÇ SAYFA */

/*solmenü*/
.SolAnaBaslik { background-color:#0072bc; border:1px solid #004b7a; padding:10px; text-align:center; letter-spacing:1px; color:#FFF; }

ul#SolMenuIc { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:10px 0px 0px 0px; text-align:left; }
ul#SolMenuIc > li { list-style:none; list-style-type:none; margin:0px; background-color:#EFEFEF; padding:0px; margin:5px 0px; text-align:left; border:1px solid #CCC; font-size:17px; }
ul#SolMenuIc > li:hover { color:#0072bc !important; border:1px solid #004b7a; text-align:left; }
ul#SolMenuIc > li.active { color:#0072bc !important; text-align:left; }

ul#SolMenuIc > li > a:link { display:block; padding:10px 10px; text-decoration:none; color:#333; font-size:17px; text-align:left; }
ul#SolMenuIc > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }
ul#SolMenuIc > li > a:hover { color:#0072bc !important; text-align:left; }
ul#SolMenuIc > li > a.active { color:#0072bc !important; text-align:left; }

ul#SolMenuIc > li.AltAlt { padding:0px !important; margin:0px !important; text-align:left; }
ul#SolMenuIc > li.AltAlt a:link { padding:0px !important; margin:0px !important; text-align:left; }



dl#leftmenu dt { background-color:#EFEFEF; padding:10px 10px; margin:5px 0px; border:1px solid #CCC; color:#333; font-size:17px; text-align:left; font-weight:400; }
dl#leftmenu dt a { text-decoration:none; color:#333; }
dl#leftmenu dt:hover { color:#0072bc !important; border:1px solid #004b7a; }

dl#leftmenu dt .leftmenu_li { text-decoration:none; }


ul#SolMenuIc2 { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:5px 10px; text-align:left; }
ul#SolMenuIc2 > li { list-style:none; list-style-type:none; margin:0px; background-color:#EEE; padding:0px; margin:5px 0px; text-align:left; border:1px solid #CCC; font-size:17px; }
ul#SolMenuIc2 > li:hover { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }
ul#SolMenuIc2 > li.active { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }

ul#SolMenuIc2 > li > a:link { display:block; padding:10px 10px; text-decoration:none; color:#333; font-size:15px; text-align:left; }
ul#SolMenuIc2 > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }
ul#SolMenuIc2 > li > a:hover { background-color:#0072bc; color:#FFF !important; text-align:left; }
ul#SolMenuIc2 > li > a.active { background-color:#0072bc; color:#FFF !important; text-align:left; }


ul#SolMenuIc3 { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:5px 0px; text-align:left; }
ul#SolMenuIc3 > li { list-style:none; list-style-type:none; margin:0px; background-color:#EFEFEF; padding:0px; margin:5px 0px; text-align:left; border:1px solid #CCC; font-size:17px; }
ul#SolMenuIc3 > li:hover { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }
ul#SolMenuIc3 > li.active { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }

ul#SolMenuIc3 > li > a:link { display:block; padding:10px 10px; text-decoration:none; color:#333; font-size:17px; text-align:left; }
ul#SolMenuIc3 > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }
ul#SolMenuIc3 > li > a:hover { background-color:#0072bc; color:#FFF !important; text-align:left; }
ul#SolMenuIc3 > li > a.active { background-color:#0072bc; color:#FFF !important; text-align:left; }

ul#SolMenuIc3 > li.AltAlt { padding:0px !important; margin:0px !important; text-align:left; }
ul#SolMenuIc3 > li.AltAlt a:link { padding:0px !important; margin:0px !important; text-align:left; }



div#SolMenuIc2 { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:5px 0px 5px 10px; text-align:left; }
div#SolMenuIc2 > li { list-style:none; list-style-type:none; margin:0px; background-color:#EEE; padding:0px; margin:0px 0px; text-align:left; font-size:17px; border-left:5px solid #0072bc; }
div#SolMenuIc2 > li > a:link { display:block; padding:10px 10px; text-decoration:none; color:#333; font-size:15px; text-align:left; border-left:5px solid #0072bc; }
div#SolMenuIc2 > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }

div#SolMenuIc2 > li:hover {  background-color:#EEE; color:#0072bc !important; text-align:left; }
div#SolMenuIc2 > li.active { background-color:#EEE; color:#0072bc !important; text-align:left; }
div#SolMenuIc2 > li > a:hover {  background-color:#EEE; color:#0072bc !important; text-align:left; border-left:5px solid #0072bc; }
div#SolMenuIc2 > li > a.active { background-color:#EEE; color:#0072bc !important; text-align:left; border-left:5px solid #0072bc; }



ul#SolMenuIc4 { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:5px 0px 5px 20px; text-align:left; }
ul#SolMenuIc4 > li { list-style:none; list-style-type:none; margin:0px; background-color:#FFF; padding:0px; margin:5px 0px; text-align:left; border-bottom:1px solid #CCC; font-size:17px; }
ul#SolMenuIc4 > li > a:link { display:block; padding:3px 15px 7px 0px; text-decoration:none; color:#333; font-size:15px; text-align:left; }
ul#SolMenuIc4 > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }

ul#SolMenuIc4 > li:hover { color:#F60 !important; text-align:left; }
ul#SolMenuIc4 > li.active { color:#F60 !important; text-align:left; }
ul#SolMenuIc4 > li > a:hover { color:#F60 !important; text-align:left; }
ul#SolMenuIc4 > li > a.active { color:#F60 !important; text-align:left; }



.Baslik1 { padding:8px 8px 0px 0px; color:#666; }
.Icerik1 { line-height:28px; color:#333; margin-bottom:30px; margin-top: 20px; }
.Resim1 { background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:200px; margin-bottom:15px; }
.Cizgi1 { background-color:#CCC; height:1px; width:100%; margin:10px 0px; }
.Cizgi2 { background-color:#0072BC; height:1px; width:100%; margin:5px 0px; }
.Pozitive:after { font-family: "Glyphicons Halflings"; content:"\e259"; float: right; margin-top:0px; }

.ResimGaleriPay { background-color:#DBDBDB; padding:6px; display:block; }
.ResimGaleriPay:hover { background-color:#CCC; padding:6px; display:block; }

.ResimGaleriBg { border:6px solid #DBDBDB; padding:6px; display:block; background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:180px; }
.ResimGaleriBg:hover { border:6px solid #0072BC; padding:6px; display:block; }

.Project { width:100%; height:250px; }
.ProjectBaslik { color:#0072BC; font-weight:bold; }
.ProjectAltBaslik { font-weight:bold; font-size:14px; }
.ProjectAltIcerik { font-size:15px; line-height:20px; padding:10px 10px 10px 0px; }
.ProjectTable { border:1px solid #CCC; }
.ProjectTable2 { border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; }
.ProjectTable tr { background-color: #FFF; }
.ProjectTable tr:nth-child(even){ background-color: #F3F3F3; }
.ProjectIco { width:30px;height:40px;background-image:url(../images/check.png);background-repeat:no-repeat;background-position:center center; }


.ProjectFlu { display: block; position: relative; z-index:2; height:250px; background-repeat:no-repeat; background-size:cover; background-position:center center; overflow:hidden; }
.ProjectFluName { position:absolute; z-index:3; top:0px; height:250px; font-size:18px; color:#FFF; width:100%; overflow:hidden; padding-top:180px; }
.ProjectNameBg { background-color:rgba(0,0,0,0.6); padding:10px 10px; height:70px; overflow:hidden; }
.ProjectNameCs { height:50px; line-height:24px; overflow:hidden; }
.ProjectFluName:hover { top:0px; height:250px; padding-top:20px; background:rgba(240,124,0,0.8) !important; margin-top:0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.ProjectFluName:hover .ProjectNameBg { background-color:transparent !important; font-weight:500; }

.uyeH { height:52px; min-height:52px; max-height:52px; overflow:hidden; padding:5px; line-height:20px; }
.harfB { text-transform:uppercase; }

/*
###########################################################
###########################################################
###########################################################

SABİTLER

###########################################################
###########################################################
###########################################################
*/

.input-group-addon { padding:0px !important; }
.Ara { border-radius:0px; height:24px; border:0px; background-color:#f9f5f5; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(204,204,204,1); -moz-box-shadow: inset 0px 0px 15px 0px rgba(204,204,204,1); box-shadow: inset 0px 0px 15px 0px rgba(204,204,204,1); border-radius:2px; }


.search-box{
	background-image:url(../images/BgAra.png);
	background-repeat:no-repeat;
	width:197px;
	height:26px;
	padding:1px 0;
	float:right;
}
.btn-search{
	background:none;
	border:none;
	width:29px;
	height:24px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	cursor:pointer;
}
.btn-search:hover{cursor:pointer;}
.search-box .text{
	width:155px;
	height:24px;
	background:none;
	border:none;
	font:12px/23px Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	padding:0 10px 0 3px;
	outline:none;
	letter-spacing:0.5px;
}
.search-box .text:focus{ color:#000; }
.search-box .text:hover{ color:#000; }


.flag_tr {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_turkey.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
.flag_tr:hover {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_turkey_nav.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}
	.flag_tr_active {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_turkey_nav.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}	
.flag_en {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_english.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}
.flag_en:hover	{
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_english_nav.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}
	.flag_en_active {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_english_nav.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}

.ico_face { height:40px; width:40px; background-image:url(../images/icon/ico_03.png); background-repeat:no-repeat; }
.ico_face:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_03.png); background-repeat:no-repeat; }
.ico_twit { height:40px; width:40px; background-image:url(../images/icon/ico_04.png); background-repeat:no-repeat; }
.ico_twit:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_04.png); background-repeat:no-repeat; }
.ico_insta { height:40px; width:40px; background-image:url(../images/icon/ico_05.png); background-repeat:no-repeat; }
.ico_insta:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_05.png); background-repeat:no-repeat; }
.ico_youtube { height:40px; width:40px; background-image:url(../images/icon/ico_06.png); background-repeat:no-repeat; }
.ico_youtube:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_06.png); background-repeat:no-repeat; }

.ico_faceK { height:24px; width:24px; background-image:url(../images/icon/ico_03K.png); background-repeat:no-repeat; }
.ico_faceK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_03K.png); background-repeat:no-repeat; }
.ico_twitK { height:24px; width:24px; background-image:url(../images/icon/ico_04K.png); background-repeat:no-repeat; }
.ico_twitK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_04K.png); background-repeat:no-repeat; }
.ico_instaK { height:24px; width:24px; background-image:url(../images/icon/ico_05K.png); background-repeat:no-repeat; }
.ico_instaK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_05K.png); background-repeat:no-repeat; }
.ico_youtubeK { height:24px; width:24px; background-image:url(../images/icon/ico_06K.png); background-repeat:no-repeat; }
.ico_youtubeK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_06K.png); background-repeat:no-repeat; }

.center-table { margin: 0 auto !important; float: none !important; }

.renk1 { background-color:#000; }
.renk2 { background-color:#666; }
.renk3 { background-color:#CCC; }
.renk4 { background-color:#F00; }

.M0 { margin: 0px !important; }
.P0 { padding: 0px !important; }
.RELATIVE { position:relative !important; }
.ABSOLUTE { position:absolute !important; }

#FullTop {
	position: absolute;
	z-index:4 !important;
	width:100%;
	height:100px;
}
#FullCenter {
	position: absolute;
	z-index:1 !important;
	overflow:hidden;
	height:100%;
	top:0px;
	width:100%;
}
#FullContent {
	position: absolute; 	
	z-index:2 !important;
	overflow:hidden;
	width:100%;
	left:0%;
	height:100vh;
	max-height:100%;
	min-height:100%;
	background-color:#FFF;
	padding-top:150px;
}
#FullFooter {
	position:absolute;
	z-index:4 !important;
	width:100%;
	height:50px;
	bottom:0px;	
}

#FullTopX {
	position: relative; 	
	z-index:4 !important;
	width:100%;
	height:100px;
}
#FullCenterX {
	position: relative;
	z-index:1 !important;
	overflow:hidden;
	height:100%;
	max-height:100%;
	min-height:100%;
	padding-top:100px;
	padding-bottom:50px;
	top:-100px;
	width:100%;
}
#FullContentX {
	position: relative; 	
	z-index:2 !important;
	overflow:scroll;
	width:100%;
	left:0%;
	max-height:100%;
	min-height:100%;

    margin-top: 50px;
    margin-bottom: -50px;
    padding-bottom: 50px;
}
#FullFooterX {
	position:relative;
	z-index:4 !important;
	width:100%;
	height:50px;
	bottom:0px;	
}

/*
.Scrooll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.Scrooll::-webkit-scrollbar { width:10px; background-color:#F5F5F5; }
.Scrooll::-webkit-scrollbar-thumb {
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}
*/

.Scrooll::-webkit-scrollbar { width:15px;  }
.Scrooll::-webkit-scrollbar-track {  }
.Scrooll::-webkit-scrollbar-thumb { background-image:url(../images/ico_scroll.png); background-repeat:repeat-y; background-size:contain; background-position:bottom; }


.hover-box {
  position: relative;
  overflow: hidden;
  height: 200px;
  background-size: cover;
  background-position: center;
  transition: all 0.4s ease-in-out;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius:10px;
}
.hover-box small { display:none; }

/* Sabit siyah overlay */
.hover-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.4); /* %50 siyah */
  z-index: 1;
  transition: background-color 0.3s ease-in-out;
}

/* Hover'da mavi zemin */
.hover-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: rgba(0, 123, 255, 0); /* başlangıçta şeffaf */
  transition: background-color 0.4s ease-in-out;
  z-index: 2;
}

.hover-box:hover .overlay {
  background-color: #007bff; /* Bootstrap mavi */
}
.hover-box:hover small {
  display:block;
}

.hover-box .text-content {
  position: relative;
  z-index: 3;
  text-align: center;
}

.hover-box:hover .text-content {
  transform: scale(1.05);
}

.equal-height {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  height: 100%;
  border-radius: 10px;
  background-image: url("../images/bg-contact.png");
  background-size:cover; 
}

/*
###########################################################
###########################################################
###########################################################
MANUEL RESPONSİVE 'LER
###########################################################
###########################################################
###########################################################
*/

@media (max-width: 480px) { /* xs */
}

@media (max-width: 768px) { /* sm */
}

@media (max-width: 992px) { /* md */

.alan-box h1 { font-weight:700; font-size:24px; margin-bottom:0; }
.alan-box h2 { font-weight:700; font-size:18px; margin-bottom:0; }
.alan-img { height:350px; object-fit:cover; }

.sa-bg-step-one { background-size:cover; width:100%; height:330px; padding-top:33%; }
.sa-bg-step-two { background-size:cover; width:100%; height:330px; padding-top:33%; }
.sa-bg-step-three { background-size:cover; width:100%; height:330px; padding-top:33%; }

.Pay1 { padding-left:3%; padding-right:3%; }
.Pay2 { padding-left:3%; padding-right:3%; }
.Pay3 { padding-left:3%; padding-right:3%; padding-top:50px; }
.Pay7 { padding-left:3%; padding-right:3%; padding-top:50px; }
.Pay9 { padding-right:3%; }

#FullCenterX {
	position: relative;
	z-index:1 !important;
	overflow:inherit;
	height:100%;
	max-height:inherit;
	min-height:inherit;
	padding-top:100px;
	padding-bottom:50px;
	top:0px;
	width:100%;
}
#FullContentX {
	position: relative; 	
	z-index:2 !important;
	overflow:inherit;
	width:100%;
	left:0%;
	max-height:inherit;
	min-height:inherit;

    margin-top: 0px;
    margin-bottom: -50px;
    padding-bottom: 50px;
}
}

@media (min-width: 993px) { /* lg */
}

@media (min-width: 1200px) { /* lg */
}

@media (min-width: 1580px) { /* lg */
}