@charset "utf-8";
/* CSS Document */
@import "../fonts/fonts.css";
@import "../font-awesome/css/all.css"; 


* {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box}

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

  body::-webkit-scrollbar {
    width: 8px;
  }

  body::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }

  body::-webkit-scrollbar-thumb {
    background-color: #ffd842;
    border-radius: 4px;
  }

  body::-webkit-scrollbar-thumb:hover {
    background-color: #ce7c80;
  }

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;

}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0
}
img{display: block;}
button {    cursor: pointer}
body {    min-width: 1064px}
a {    text-decoration: none}
ul {    padding: 0;    margin: 0}
hr {    border: 0}
a, a:hover {    text-decoration: none}
:focus {    outline: none;    outline: 0}
textarea, select, input[type="text"] {    width: 100%;    height: 50px;    border: 1px solid #ccc;    padding-left: 12px;    font: 17px 'Gilroy-Light';    color: #1a509f}
select {    height: 50px;    padding-right: 34px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    font-family: 'Gilroy-Light';
    background: url(../pageFile/selectOk.svg) no-repeat 94% center, #fff;    background-size: 12px 6px;}
textarea {    padding-top: 10px;    display: block}
label.cvfile input {    position: absolute;    left: -9999px}
span.cvFile {    position: absolute;    left: 0;       width: 128px;    height: 52px;    background: url(../images/page/cvBtnBg.png) no-repeat;
    color: #fff;    line-height: 52px;    cursor: pointer}
span.cvName {    position: absolute;    width: calc(100% - 158px);    height: 52px;    padding-left: 10px;    font: 13px GothamNarrow-Light;    line-height: 52px;
    background-color: #fff;    color: #fff;    left: 158px;    background-color: transparent}

.inputDiv{width: 100%;margin-bottom: 16px;}

input[type="text"].transparent{border: 1px solid #fff; background-color: transparent;font: 17px 'Gilroy-Regular';color: #fff;}
input[type="password"] {    width: 100%;    height: 50px;    border: 1px solid #738b9e;    padding-left: 12px;    font: 17px 'Gilroy-Regular';    color: #707070}

select{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
select::-ms-expand {
display:none
}
.transparent::-webkit-input-placeholder { color: #fff;}
.transparent::-moz-placeholder { color: #fff;}
.transparent:-ms-input-placeholder {  color: #fff;}
.transparent:-moz-placeholder {   color: #fff;}





.pull-left{float: left !important;}
.pull-right{float: right !important;}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.row {    width: 100%;    min-height: 5px}

.container {    }
.container-menu{position: relative; display: flex; justify-content: space-between; align-items: center;height: 98px;     width: 100%;padding: 0 36px; z-index: 999s; }
.container-big{position: relative;        height: auto; margin: 0 auto;width: 100%; max-width: 1620px;padding: 0 64px;}
.container-med{position: relative;        height: auto; margin: 0 auto;width: 100%; max-width:1064px; }
.row, .col-left, .col-right, .col, h1, h2, h3, h4, h5 {    position: relative;    float: left;    height: auto}



body{ background:#fff;}

.menu-ust-str{height: 38px;}

.ust-tel{position: absolute; top:0px; right: 0; width: auto; height: 22px;font: 18px 'Gilroy-Light';}
.ust-tel span{font-family: 'Gilroy-Bold';}
.ust-tel a{color: #464646;}
.ust-tel-box,.ust-mail-box,.ust-whatsapp-box{width:184; height:36px;font: 15px "Gilroy-Light";margin-right: 50px;line-height: 36px;}

.ust-sosyal-box{width: 200px; height:36px;}
.ust-sosyal-btn-box{width:18px; height:18px;margin-right:16px;font-size: 18px;line-height: 36px;}
a.ust-sosyal-btn{width: 100%; height: 100%; display: block; color: #000;}





.ust-bilgi-kayit a{width: 136px; height: 42px; font:100 16px 'Gilroy-Light'; background-color: #1d2945; text-align: center;color: #fff;display: block; line-height: 42px;}

.header-ana{background-color: #eee; }

/*.header{ height: 270px; background: url("../pageFile/header-bg.png") no-repeat left top;background-size: 4000px 270px;}*/
	.header{background:#fff; height: auto;}


.header .logo{z-index: 10;width:100%;max-width: 208px;;height:80px;background: url(../pageFile/logo.svg) no-repeat left center;background-size:250px 58px;}
.header .logo.logo-ana{ ;background: url("../pageFile/logo.svg") no-repeat left center;background-size:208px 80px;}
.header .logo a{ width:100%; height: 100%; display: block;}

.ust-sag-btn-stn{display: flex; align-items: center;justify-content: flex-end;width: 420px;max-width:458px;z-index:  88888888;}

.ust-arama-stn{display: flex; flex-direction: row;margin-right: 16px;width: 254px;}
.ust-arama-sol-stn{width: calc(100% - 52px);}
.ust-arama-input{border: 2px solid #bfbfbd !important; border-right: none !important;border-radius: 4px;
    -webkit-border-radius: 4px;border-top-right-radius: 0; border-bottom-right-radius: 0;-webkit-border-top-right-radius: 0; webkit-border-bottom-right-radius: 0;}

.ust-arama-sag-stn{width:52px;}
.ust-arama-btn{width: 50px; height: 50px; background-color: transparent;color: #92959c; display: flex; justify-content: center; align-items: center; font-size: 30px;border: 2px solid #bfbfbd; border-left: none;border-radius: 4px;    -webkit-border-radius: 4px;border-top-left-radius: 0; border-bottom-left-radius: 0;-webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0;}


/********************************************************************************************************************************************/

.ust-menu-bar-btn{background-color: #a7a7a7; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px;margin-left: 50px; border: 1px solid #a7a7a7; color: #fff; font-size: 28px;border-radius: 4px;-webkit-border-radius:4px;}


/********************************************************************************************************************************************/




.navbar { 
    position: relative;float: left; padding: 12px 0;
   
    height:auto;
    z-index: 25;
    width: 100%;
}


.navbar ul.menu {
    background: url("../pageFile/ust-menu-bg.svg") repeat;
 
    position: relative;
    float: left;
    list-style-type: none;
    display: flex; justify-content: space-between;
    height: 66px; 
 
}
.navbar ul.menu li.menu {
    position: relative;
    float: left;
    padding: 0 13px;
    font: 17px 'Gilroy-SemiBold'; color: #2c2c2b;
    
}

.navbar ul.menu li.menu.sub-menu:hover {
 background-color: #1f1f1f;border-radius: 8px 8px 0 0;
    
}

.navbar ul.menu li.menu.sub-menu:hover a.menu {
 color: #fff;
    
}


.navbar ul.menu li.menu:first-child { margin-left:56px }
 
.navbar ul.menu li.menu:last-child { margin-right:56px }
 
 

.navbar ul.menu li.menu:nth-child(4):hover {background-color:transparent;}

.navbar ul.menu li.menu .menuOk {
    position: absolute;
    top: 32px;
    width: 14px;
    height: 8px;
    background: url('../pageFile/menuOk.svg') no-repeat center;
    background-size: 13px;
    right: -7px;
}
.navbar ul.menu li.menu a.menu {width: 100%;height: 100%;text-decoration: none;color: #2c2c2b;display: block;border-bottom: 1px  transparent;border-top: 1px  transparent; display: flex; height: 66px; align-items: center;}
.navbar ul.menu li.menu:hover a.menu {color: #ffd842;padding: 16px 0;transition: all 0.3s linear;    -webkit-transition: all 0.3s linear;        }
 

 
 
 



.navbar ul.menu li.menu:hover, .navbar ul.menu li.menu.secili {   }
 
 
.acilirMenuGenel {
    position: absolute;
    width: 600px;
    min-height: 200px;
    height: auto;
    display: none;
    background-color: #fff;
    margin-left: -224px;
    padding-top: 8px;
    box-sizing: border-box;
    z-index: 150;
    -webkit-box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75);
    box-shadow: 1px 11px 16px -3px rgba(0,0,0,0.75)
}
.opening-menu {background-color: #fff; position: absolute;padding-bottom: 24px;
    z-index: 999999999;
    display: none;
    top: 66px;
    left: 0;
}
 
.opening-connect-menu {background-color: #4a4e56;width: 128px;border-radius: 5px;-webkit-border-radius:5px; 
    position: absolute;
    z-index: 999999999;
    display: none;
    top: 43px;
    left: 0;
}




.menu-bos-str{width: 100%;height:30px; display: block;}
.navbar ul.menu li.menu:hover>.opening-menu {
    display: block;
    transition: all 2s linear;
    -webkit-transition: all 2s linear
}


.ust-connect-btn:hover>.opening-connect-menu {
    display: block;
    transition: all 2s linear;
    -webkit-transition: all 2s linear
}



.opening-menu:hover>.navbar ul.menu li.menu a.menu{ color:#000;
    -webkit-transition: color .3s linear;
    -ms-transition: color .3s linear;
    transition: color .3s linear ;

 padding: 40px 0;
    width: auto; 
    height: auto
}
.col.list-open-menu.urunler {
    width: 622px;
}
.col.list-open-menu h5.kategori-name, .col.list-open-menu h5.kategori-name a {
    font: 16px Gilroy-Bold;
    color: #3c3c3b
}
 ul.list-open-menu {
    list-style-type: none;
    width: 350px;
    min-height: 10px;
    height: auto
}
ul.list-open-menu.urunler {
    width: 380px;
}

 .menu-grup-box {position: absolute; top: 0;opacity: 0;
    width: 100%;right: -100%; 
}
 .menu-grup-box img {padding: 10%;width: 90%;}
ul.list-open-menu li.list-open-menu {
    width: 100%;
    height: auto
}


ul.list-open-menu li.list-open-menu a.list-open-menu {position: relative; float: left;
    color: #2c2c2b;
    padding: 0 32px; 
    width: 100%;
    height: auto;
    display: block;
    font: 16px 'Gilroy-Semibold';
 height:32px; display: flex; align-items: center;
    margin-left: 0;
    transition: all .2s ease
}

ul.list-open-menu li.list-open-menu a.list-open-menu:hover {  transition: all .5s ease;color: #ffd842;}
 
ul.list-open-menu li.list-open-menu:hover  .menu-grup-box{opacity: 1;}

/******************************************************************************************************************************************************/


.list-open-connect-menu.urunler {
    width: 622px;
}
.list-open-connect-menu h5.kategori-name, .col.list-open-menu h5.kategori-name a {
    font: 16px Gilroy-Bold;
    color: #3c3c3b
}
 ul.list-open-menu {
    list-style-type: none;
    width: 350px;
    min-height: 10px;
    height: auto
}
ul.list-open-connect-menu.urunler {
    width: 380px;
}

 .menu-grup-box {position: absolute; top: 0;opacity: 0;
    width: 100%;right: -100%; 
}
 .menu-grup-box img {padding: 10%;width: 90%;}
ul.list-open-menu li.list-open-menu {
    width: 100%;
    height: auto
}


ul.list-open-connect-menu li.list-open-connect-menu a.list-open-connect-menu {position: relative; float: left;
    color: #fff;
    padding: 0 16px; 
    width: 100%;
    height: auto;
    display: block;
    font: 14px 'Gilroy-Medium';
 height:32px; display: flex; align-items: center;
    margin-left: 0;
    transition: all .2s ease
}

ul.list-open-connect-menu li.list-open-connect-menu a.list-open-connect-menu:hover {  transition: all .5s ease;color: #B5B5B5;}
 
ul.list-open-connect-menu li.list-open-connect-menu:hover  .menu-grup-box{opacity: 1;}




/******************************************************************************************************************************************************/




#particles-js{position: absolute;width: 100%; height: 100%;top: 0; left: 0;}

#particles-js-banner{position: absolute;width: 100%; height: 96%;top: 0; left: 0;}







.menu-shadow {
    -webkit-box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27);
    -moz-box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27);
    box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27)
}
.navbar .bizeulas {
    position: absolute;
    height: 42px;
    width: 146px;
    
    top: 0;
    right: 98px;
    z-index: 15000
}
.navbar .bizeulas a {
    width: 146px;
    height: 42px;
    background: url(../images/page/iletisimBtn.png) no-repeat;
    display: block
}
.ustAramaSosyalBox {
    position: absolute;
    height: 44px;
    width: 688px;
    right: 0;
    top: 16px;
    z-index: 15000;
    background: url(../images/page/i-paylas.svg) no-repeat left center;
    background-size: 19px 19px
}
.col.sosyalAciklama {
    font: 13px Gilroy-Light;
    color: #a6a6a6;
    line-height: 44px;
    padding-left: 30px
}
ul.sosyal {
    position: relative;
    float: left;
    list-style-type: none;
    margin-top: 7px;
    margin-left: 8px;
    margin-right: 8px
}
ul.sosyal li.sosyal {
    float: left;
    margin: 0 4px;
    background: url(../images/page/sosyal.svg) no-repeat;
    background-size: 164px 30px
}
ul.sosyal li.sosyal.facebook {
    background-position: 0 0
}
ul.sosyal li.sosyal.twitter {
    background-position: -32px 0
}
ul.sosyal li.sosyal.instagram {
    background-position: -66px 0
}
ul.sosyal li.sosyal.youtube {
    background-position: -100px 0
}
ul.sosyal li.sosyal.linkedin {
    background-position: -132px 0
}
ul.sosyal li.sosyal a.sosyal {
    width: 30px;
    height: 30px;
    display: block
}
input[type="text"].input-arama {
    position: relative;
    float: left;
    height: 42px;
    border: 1px solid #d6d6d6;
    border-right: 0;
    font: 13px Gilroy-Light;
    color: #a6a6a6;
    width: calc(100% - 42px);
    background-color: #f7f7f7
}
button.ust-arama {
    width: 42px;
    height: 42px;
    border: 1px solid #d4d4d4;
    border-left: 0;
    background: url(../images/page/i-aramaBtn.svg) center no-repeat, #f7f7f7;
    background-size: 19px 19px
}
.dil-box-str {
    margin-left: 10px; float: right;
}

.dil-box-stn{width: 24px; height: 24px; margin-right: 5px; background-size: 24px 24px; }
.dil-box-stn a{width: 100%; height: 100%; display: block;}
.turkey-flag{background-image: url("../pageFile/turkey-flag.svg");}
.english-flag{background-image: url("../pageFile/uk-flag.svg");}
.arab-flag{background-image: url("../pageFile/saudi-arabian-flag.svg");}

.dil-box-stn:last-child{margin: 0;}
.col.europe{padding-left: 10px;font:14px "Gilroy-Regular"; color: #a8a8a8;}
.col.europe a{color: #a8a8a8;}
.col.europe span{ font:14px "Gilroy-Bold";}

select.dil {
 
    background-color: #f7f7f7;padding-left: 10px; padding-right:0;
    font: 13px 'Gilroy-Light';
    color: #a6a6a6;
 
    background-size: 9px
}
.navbar .bolgeBayi {
    position: absolute;
    width: 129px;
    height: 133px;
    background: url(../images/page/menu-bolgeBg.png) no-repeat;
    right: 0;
    top: 0
}
.navbar .bolgeBayi a {
    width: 129px;
    height: 133px;
    display: block;
    font: 13px Gilroy-Bold;
    color: #a6a6a6;
    text-align: center;
    padding-top: 16px
}


.ust-img-box{height: 278px;background-repeat: no-repeat; background-position: center;}
.ust-img-box.kurumsal{background-image: url("../pageFile/ust-kurumsal-bg.jpg");}
.ust-img-box.galeri{background-image: url("../pageFile/ust-galeri-bg.jpg");}

h1.ana{font:36px 'Gilroy-Bold'; color:#000;}
h1.ana span{font-family:'Gilroy-Light'; }
/****************************************/
 s
/*******************************************/
.ust-btn-grup{margin-top:6px;}




select.dil{width: 36px;
    height: 36px;
    background:url("../pageFile/selectOkBeyaz.svg") no-repeat center 25px,#1a509f;
    font: 13px 'Gilroy-Bold';
    color: #fff;text-align: center;
 
    background-size:10px;-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;}

select.dil option{width: 36px;
    height: 36px;
 
    font: 13px 'Gilroy-Bold';
    color: #fff;
text-align: center;
    background-size:10px;-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;}


/*******************************************/
.search-input{width:150px;position: absolute;right: 0}
.search-control{width:0 !important;}
.btn-search{border: 1px solid #1a509f;width:36px; height: 36px;background-color: #fff;color: #1a509f;margin-left: 22px;}
.btn-search:hover.search>.search-input>.search-control{width: 150px !important; -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }
 

/**************************************************/
h2.uye-giris{font: 17px 'Gilroy-Bold';    height: auto;    line-height: 50px;    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 16px;}

button.uye-gonder-btn{    background-color: #fff !important;
    font: 18px 'Gilroy-Regular';
    color: #005a9e;
    text-align: center;
    display: block;
    padding: 10px 16px;
}


.overlay,.overlay2,.overlay3,.overlay4,.overlay5,.overlay6,.overlay7,.overlay8 {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 900000;overflow-y: auto;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(64,92,88, 0.85);
}
.overlay3{  background-color: rgba(0,0,0, 0.85);overflow-x: hidden;overflow-y: auto;}
.overlay-content,.overlay2-content,.overlay3-content,.overlay4-content,.overlay5-content,.overlay6-content,.overlay7-content,.overlay8-content  {
  position: relative;
  top: 38%;
  width: 40%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}
.overlay2-content{width: 50%; top: 24%;}
.overlay3-content{top:9%;}
.overlay5-content{top:18%;}
.overlay7-content{top:8%;}
.overlay .closebtn,.overlay2 .closebtn,.overlay3 .closebtn,.overlay4 .closebtn,.overlay5 .closebtn,.overlay6 .closebtn,.overlay7 .closebtn,.overlay8 .closebtn{
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay2 .bosAlan,.overlay3 .bosAlan,.overlay4 .bosAlan,.overlay5 .bosAlan,.overlay6 .bosAlan,.overlay7 .bosAlan,.overlay8 .bosAlan{padding: 0 !important;margin: 0 !important;width: 0 !important; height: 0 !important;}
.overlay .closebtn:hover,.overlay2 .closebtn:hover,.overlay3 .closebtn:hover,.overlay4 .closebtn:hover,.overlay5 .closebtn:hover,.overlay6 .closebtn:hover ,.overlay7 .closebtn:hover ,.overlay8 .closebtn:hover{
  color: #ccc;
}

.overlay input[type=text],.overlay2 input[type=text],.overlay3 input[type=text]  {
  padding: 15px;height: 50px;
  font-size: 17px;
  border: none;
  float: left;font-family: 'Gilroy-Regular';
  width: 86%;
  background: white;
}


.overlay2 input[type=text],.overlay3 input[type=text],.overlay4 input[type=text],.overlay5 input[type=text],overlay6 input[type=text]{width: 100%;height: 50px;}  
.overlay3 select{  padding: 15px;height: 50px;}
.overlay input[type=text]:hover,.overlay2 input[type=text]:hover,.overlay3 input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button,.overlay2 button,.overlay3 button,.overlay4 button,.overlay5 button,.overlay6 button {
  float: left;
  width: auto;
  padding: 15px;
  background: #f1f1f1;
  font-size: 17px;
 
  cursor: pointer;
}

.overlay button:hover,.overlay2 button:hover,.overlay3 button:hover,.overlay4 button:hover,.overlay5 button:hover,.overlay6 button:hover {
  background: #bbb;
}


.overlay3-content{width: 100%;}
/************************************************/

.bannerBox{width: 100%;height: auto;overflow-x: hidden;margin-top: 0;z-index: 0;  }
.banner-alt-katman{position: absolute; width: 100%; height: auto; bottom: 0;z-index: 1;}
.banner-mobil-alt-katman{position: absolute; width: 100%; height: auto; bottom: -1px;z-index: 99;}

.mobilBannerBox{background-color: #fff;}
	  .bannerSwiper  .swiper-slide img {
      width: 100%; /* Resim genişliğini container'a göre ayarla */
      max-width: 100%; /* Resim maksimum genişliği 100% olsun */
      height: auto; /* Oranları koruyarak resmin yüksekliğini ayarla */
 
    }
 

video.banner-video { display: block;
min-height: calc(100vh - 110px);
    min-width: 100%;
 
    overflow: hidden;
    left: 0px;
    top: 0px;
 
}


.banner-alt{background: url("../pageFile/banner-alt-katman.svg") no-repeat bottom center; background-size: 1920px 188px; position: absolute;z-index: 1;bottom: 0;width: 1920px; height: 188px;
left: 50%; margin-left: -960px;}
.banner-alt-serit{height: 300px; background: url("../images/page/banner-alt-serit-bg.svg") repeat-x top;background-size: 1px 224px;}
 
 


.asagiOk-banner{width: 28px; height: 58px; background: url("../pageFile/banner-asagiok.svg") no-repeat center; position: absolute;  bottom: 40px; left: 50%; margin-left: -14px; -webkit-transition: all 1.5s ease;  transition: all 1.5s ease;animation: asagiOkHaraket 1.5s ease infinite;z-index: 9999;}





 

 @keyframes asagiOkHaraket {
	0% {
		bottom: 60px;
	}
	50% {
	 bottom: 40px;
	}
	100% {
	bottom:60px;
	}
}

 @-webkit-keyframes asagiOkHaraket {
	0% {
		bottom: 60px;
	}
	50% {
	 bottom:40px;
	}
	100% {
	bottom:60px;
	}
}

 @-moz-keyframes asagiOkHaraket {
	0% {
		bottom: 60px;
	}
	50% {
	 bottom: 40px;
	}
	100% {
	bottom:60px;
	}
}

/******************************/
 



.ana-serit-video-str {
   width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}

.ana-serit-video {
  width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


@keyframes slideInFromLeft {
    from {
        transform: translateX(-200px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
.ana-serit-hover-box{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.36);display: flex; flex-direction: column;z-index: 99;animation: slideInFromLeft 1s ease forwards;}
.ana-serit-hover-title{font: 44px 'Gilroy-Bold'; color: #fff;left: 6%; margin-top: 10%;}
.ana-serit-hover-aciklama{left: 6%;font: 24px 'Gilroy-Light'; color: #fff;}



 
/**********************************/
/*********************************************************************************************************************************************/

.ana-uclu-ust-str{margin: 0 0 50px;}
.ana-uclu-ust-stn{display: flex; flex-direction: row;}
.ana-uclu-ust-box{/*width:33.33%;*/ width: 50%; padding-left: 80px;margin: 20px; min-height: 320px; background-position: center; background-size: cover;padding-top: 80px;padding-bottom: 54px; overflow: hidden;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.ana-uclu-ust-box.egitim-ust-box{background-image:url("../pageFile/egitim-bg.jpg");margin-right: 0;} 
.ana-uclu-ust-box.ssh-ust-box{background-image:url("../pageFile/ssh-bg.jpg");} 
.ana-uclu-ust-box.kariyer-ust-box{background-image:url("../pageFile/kariyer-bg.jpg"); margin-left: 0;} 

.ana-uclu-ust-title{font: 46px 'Gilroy-Extrabold'; color: #c5c5c5; line-height: 41px;}
.ana-uclu-ust-title span{font: 46px 'Gilroy-Light';}
.ana-uclu-ust-aciklama{font: 17px 'Gilroy-Light';color: #c5c5c5;}

.ana-uclu-ust-ok {position: absolute; width: 56px; height: 12px; background: url("../pageFile/ucluBoxOk.svg") no-repeat center; background-size: 56px 12px;z-index: 10;left: -80px; bottom: 24px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

.ana-uclu-ust-box:hover> .ana-uclu-ust-ok{left: 80px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
/*********************************************************************************************************************************************/
.ana-uclu-alt-str{margin: 0 0 36px;}
.ana-uclu-alt-stn{display: flex; flex-direction: row;}
.ana-uclu-alt-box{/*width:33.33%;*/ width: 50%; padding-left: 80px; margin: 20px; min-height: 320px; background-position: center; background-size: cover;padding-top: 80px;padding-bottom: 80px;overflow: hidden;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.ana-uclu-alt-box.yedek-parca-alt-box{background-image:url("../pageFile/yedek-parca-bg.jpg"); margin-right: 0;} 
.ana-uclu-alt-box.bolge-servis-alt-box{background-image:url("../pageFile/bolge-servis-bg.jpg");} 
.ana-uclu-alt-box.anket-alt-box{background-image: url("../pageFile/anket-bg.jpg"); margin-left: 0;} 

.ana-uclu-alt-title{font: 51px 'Gilroy-Extrabold'; color: #c5c5c5; line-height: 46px;}
.ana-uclu-alt-title span{font: 51px 'Gilroy-Light';}
.ana-uclu-alt-aciklama{font: 20px 'Gilroy-Light';color: #c5c5c5;}


.ana-uclu-alt-ok {position: absolute; width: 56px; height: 12px; background: url("../pageFile/ucluBoxOk.svg") no-repeat center; background-size: 56px 12px;z-index: 10;left: -80px; bottom: 54px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

.ana-uclu-alt-box:hover> .ana-uclu-alt-ok{left: 80px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

/*********************************************************************************************************************************************/
.ana-grup-str{ padding: 32px 0 68px;}
 
.ana-grup-stn{ ;}
.ana-grup-swiper-stn{ width: 100%;}

.ana-grup-hover{position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index: 9; background-color: #f3f3f3;z-index: 10; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;-webkit-border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;}
.ana-grup-box{ }
.ana-grup-img{z-index: 20;margin-bottom:36px;}

 .ana-grup-hover-ust-sag-kose  {position: absolute; width: 33%; height: auto; top:0; right: 0; z-index: 16; }


 .ana-grup-box:hover>.ana-grup-hover  {  transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5; background-color: #ffd842;   }

.ana-grup-icon{display: flex;align-items: center; z-index: 6;margin-bottom: 36px;  }
.ana-grup-icon img{ height: 64px;width: auto;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5;  }

 


.ana-grup-title-box{display: flex; justify-content: flex-end;flex-direction: column; height: 200px; padding: 24px; z-index: 15;}
.ana-grup-title{font:28px 'Gilroy-Semibold';text-align: left;color: #000;   }
.ana-grup-box:hover>.ana-grup-hover   .ana-grup-icon{opacity: 1;}

.ana-grup-aciklama{font: 13px 'Gilroy-Light'; color: #3c3c3c;padding: 0 24px 36px;z-index: 16;}

.ana-grup-title-box::after{content: ''; position: relative; float: left; width: 62px; height: 8px ; margin-top: 22px; background-color: #ffd842; border-radius: 4px;}
.ana-grup-box:hover>.ana-grup-title-box::after { background-color: #3c3c3c; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;}


 .prevBtn-ana-grup{width: 64px !important; height: 64px !important;  left: -64px !important; top: 50% !important;    background-repeat: no-repeat !important; justify-content: flex-start !important;}

 
 
.prevBtn-ana-grup .prev-btn-ok{font-size:54px; position: absolute; width: 64px; height: 64px; top: 20px;left: 18px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

 

.nextBtn-ana-grup{width: 64px !important; height: 64px !important;   right: -64px !important; top: 50% !important;   width: 64px !important; height: 64px !important;background-repeat: no-repeat !important;  ;}


 
.nextBtn-ana-grup .next-btn-ok{display: flex;justify-content: center; align-items: center;font-size: 54px; position: absolute; width: 64px; height: 64px;  transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

 


 .prevBtn-banner{width: 50px !important; height: 50px !important; background-image: url("../swiper/prevBtn-banner.svg"); background-size: 50px 50px; }
.nextBtn-banner{width: 50px !important; height: 50px !important; background-image: url("../swiper/nextBtn-banner.svg"); background-size: 50px 50px; margin-right: 17px;}

/*********************************************************************************************************************************************/
 
.grup-str{ padding: 32px 0 68px;}
 
.grup-stn{ display: flex; flex-direction: row; flex-wrap: wrap;justify-content: center;}


.grup-hover{position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index: 9; background-color: #f3f3f3;z-index: 10; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-border-radius: 26px 26px 26px 26px / 18px 18px 18px 18px;border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px; }
.grup-box{width: calc(33.33% - 21.33px); margin-right:32px; margin-bottom: 32px;max-width: 364px; }
.grup-box:nth-child(3n),.grup-box:last-child{margin-right: 0;}
.grup-img{z-index: 20;margin-bottom:36px;}

 .grup-hover-ust-sag-kose  {position: absolute; width: 33%; height: auto; top:0; right: 0; z-index: 16; }


 .grup-box:hover>.grup-hover  {  transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5; background-color: #ffd842;-webkit-border-radius: 26px 26px 26px 26px / 18px 18px 18px 18px;border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;    }

.grup-icon{display: flex;align-items: center; z-index: 6;margin-bottom: 36px;  }
.grup-icon img{ height: 64px;width: auto;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5;  }

 


.grup-title-box{display: flex; justify-content: flex-end;flex-direction: column;padding: 24px; z-index: 15; height: 200px;}
.grup-title{font:28px 'Gilroy-Semibold';text-align: left;color: #000;   }
.grup-box:hover>.grup-hover .grup-icon{opacity: 1;}

.grup-aciklama{font: 15px 'Gilroy-Light'; color: #3c3c3c;padding: 0 24px 36px;z-index: 16;}

.grup-title-box::after{content: ''; position: relative; float: left; width: 62px; height: 8px ; margin-top: 22px; background-color: #ffd842; border-radius: 4px;}
.grup-box:hover>.grup-title-box::after { background-color: #3c3c3c; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;}






/*********************************************************************************************************************************************/
.urun-liste-str{}
.urun-liste-stn{display: flex; flex-wrap: wrap;}

.urun-liste-sol-stn{width: calc(100% - 420px);}
.urun-liste-sag-stn{width: 380px;margin-left: 40px;}

.urun-liste-hover{position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index: 9; background-color: #f3f3f3;z-index: 10; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;}
.urun-liste-box{width: calc(25% - 24px); margin-right:32px; margin-bottom: 32px;  }
.urun-liste-box:nth-child(4n),.urun-liste-box:last-child{margin-right: 0;}
.urun-liste-img-box{padding: 0 24px;z-index: 20;margin-bottom:24px;margin-top: 120px;}
 

 .urun-liste-hover-ust-sag-kose  {position: absolute; width: 33%; height: auto; top:0; right: 0; z-index: 16; }


 .urun-liste-box:hover>.urun-liste-hover  {  transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5; background-color: #ffd842;-webkit-border-radius: 26px 26px 26px 26px / 18px 18px 18px 18px;border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;   }

.urun-liste-icon{display: flex;align-items: center; z-index: 6;margin-bottom: 36px;  }
.urun-liste-icon img{ height: 64px;width: auto;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5;  }

 


.urun-liste-title-box{display: flex; justify-content: flex-end;flex-direction: column;padding: 24px 24px 44px 24px; z-index: 15; height:136px;}
.urun-liste-title{font:28px 'Gilroy-Semibold';text-align: left;color: #3c3c3c;   }
.urun-liste-grup-title{font: 16px 'Gilroy-Light'; color: #535353;}


.urun-liste-box:hover>.urun-liste-hover .urun-liste-icon{opacity: 1;}

.urun-liste-aciklama{font: 15px 'Gilroy-Light'; color: #3c3c3c;padding: 0 24px 36px;z-index: 16;}

.urun-liste-title-box::before{content: ''; position: relative; float: left; width: 62px; height: 8px ; top: -24px; background-color: #3c3c3c; border-radius: 4px;}
.urun-liste-box:hover>.urun-liste-title-box::before { background-color: #3c3c3c; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
/******************************************************************************************************************************************************/



.filtre-stn{background-color: #e5e5e5;padding: 28px 0;}
.filtre-genel-title{font: 16px 'Gilroy-Bold'; color: #353535; margin-bottom: 16px;line-height: 30px;}

.filtre-grup-str{padding: 0 16px 24px;}

.filtrele-btn-str{padding: 0 24px;}
.filtrele-btn{font: 16px 'Gilroy-Bold'; color: #353535;padding: 24px 0;}

.filtre-temizle-str{padding: 24px 24px 0;}
.filtre-temizle-link{font: 16px 'Gilroy-Light'; color: #353535; text-align: center;}

.select-filtre{height: 68px;font: 16px 'Gilroy-Medium';}
 
 
 .filtre-bilgi-box {
background: #333333;
bottom: 100%;
color: #fff;
display: block;
left: -50%;
     margin-left: -107px;
     font-size: 13px;
margin-bottom: 15px;
opacity: 0;
padding: 5px;
pointer-events: none;
position: absolute;
width: 250px;text-align: center;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.filtre-bilgi-box:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.filtre-bilgi-box:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #333333 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;
position: absolute;
width: 0;
}

 
 

.filtre-bilgi-ikon{position: relative; display: inline-block;}

.filtre-bilgi-ikon:hover>.filtre-bilgi-box{
    
    opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
    
}

.secim-box{padding: 0 24px;margin-bottom: 28px;}
/************************************************************************/

.custom-checkbox { cursor: pointer; display:block; font-size: 18px; line-height: 30px; margin: 0 0 20px; padding: 0 0 0 40px; position: relative; }

.custom-checkbox input[type="checkbox"] { display: none; }

.custom-checkbox span.checkbox { background-color: #fff; border: solid 1px #cccccc;   cursor: pointer; display: block; height: 30px; margin: 0px; position: absolute; left: 0; top: 0px; width: 30px; }

.custom-checkbox input[type='checkbox']:checked + span.checkbox { background: #353535; border-color: #353535; text-align:center; }

.custom-checkbox input[type='checkbox']:checked + span.checkbox:before { content:"\f00c"; color:#fff; font: normal normal normal 16px/1 FontAwesome;}

.custom-checkbox input[type='checkbox']:disabled + span.checkbox { background:#f4db7a; border-color: #ccc; text-align:center; }


/****************************************************************************************************************************************************************/
.urun-detay-str{}
.urun-detay-stn{}
.urun-detay-geri-btn-box{display: flex;justify-content: flex-end;}
.urun-detay-geri-btn{display: flex;justify-content: space-between; border: 1px solid #1f1f1f; padding:8px 16px;border-radius: 5px;-webkit-border-radius:5px; width: 136px; height: 56px;font: 26px 'Gilroy-Bold'; color: #1f1f1f; display: flex; align-items: center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;background-color: #fff;}
.urun-detay-geri-ok{margin-left: 16px;font-size: 21px;}

.urun-detay-geri-btn:hover{background-color: #ffd842; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}

.urun-detay-title-str{margin-top: 42px;margin-bottom: 24px;}
.urun-detay-title-stn{display: flex; justify-content: space-between;}
.urun-detay-title-sol-stn{width: calc(100% - 380px);}
.urun-detay-title-sag-stn{width: 380px;display: flex;justify-content: flex-end;}

.urun-detay-title-box{display: flex; flex-direction: column;}
.urun-detay-title{font: 50px 'Gilroy-Semibold';}
.urun-detay-grup-title{font: 23px 'Gilroy-Light';}

.urun-detay-breadcrumb{font: 19px 'Gilroy-Semibold';   }
.urun-detay-breadcrumb span{font-family: 'Gilroy-Light';}


.urun-detay-tanitim-pdf-btn-box{display: flex;   align-items: center;    color: #000 ;}
.urun-detay-tanitim-pdf-btn-box.tanitim-btn{}
.urun-detay-tanitim-pdf-btn-box.pdf-btn{margin-left: 36px;}

.urun-detay-tanitim-pdf-btn-icon{font-size: 44px;}
.urun-detay-tanitim-pdf-btn-text{font: 18px 'Gilroy-Light';    line-height: 20px;text-align: right;margin-right: 16px;}

.urun-detay-ozellik-str{background-color: #f0f0f0;padding: 36px 0 14px; display: flex; justify-content: center;}

.urun-detay-ozellik-stn{width: 100%; max-width: 1064px;margin-top: -20px;}
.urun-detay-ozellik-sol-stn{width: calc(100% - 132px)}
.urun-detay-ozellik-sag-stn{width: 132px; display: flex; justify-content: flex-end; align-items: center;}

.kapasite-box{margin-bottom: 32px; border-bottom: 1px solid #ccc;padding-bottom: 24px; margin-bottom: 24px;}
.kapasite-box:last-child{border-bottom: 0;}
.kapasite-img-box{display: flex; justify-content: center; }
.kapasite-img{max-width: 750px;width: 100%;}
.kapasite-name{text-align: center;}
.kapasite-aciklama{text-align: center;}

.ozellik-box{width: 80px; height:62px; margin-right: 22px;margin-bottom: 22px;}








 
 .ozellik-bilgi-box {z-index: 99; font: 19px 'Gilroy-Light'; display: flex; justify-content: center; align-items: center;
background: #fff; padding: 16px; border-radius: 8px; -webkit-border-radius:8px;bottom:-100%;color: #1d1d1b;left: 50%;     margin-left: -62px;margin-bottom: 15px;opacity: 0;padding: 5px;pointer-events: none;position: absolute;width: 124px; height: 76px; text-align: center;-webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);   -o-transform: translateY(0);    transform: translateY(0);-webkit-transition: all .25s ease-out;  -moz-transition: all .25s ease-out;  -ms-transition: all .25s ease-out;   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);}


.ozellik-bilgi-box:before {top: -20px;content: " ";display: block;height: 20px;left: 0;position: absolute;width: 100%;}


.ozellik-bilgi-box:after {border-left: solid transparent 10px;border-right: solid transparent 10px;border-bottom: solid #fff 10px;top: -10px;content: " ";height: 0;left: 50%;margin-left: -13px;
position: absolute;width: 0;}

 
 

 

.ozellik-box:hover>.ozellik-bilgi-box{   opacity: 1;pointer-events: auto;-webkit-transform: translateY(10px);  -moz-transform: translateY(10px);  -ms-transform: translateY(10px);   -o-transform: translateY(10px);    transform: translateY(10px);}

.halat-tambur-deger{position: absolute; width: 98px;height: 65px; font: 16px 'Gilroy-Bold'; color: #fff; display: flex; justify-content: center; align-items: center;}
.ayak-kontrol-deger{position: absolute;    font: 19px 'Gilroy-Bold';    width: 76px;    height: 76px;    display: flex;    justify-content: center;    align-items: center; }

 




.urun-detay-ozellik-stn{display: flex; flex-direction: row;}
.urun-detay-ozellik-btn-stn{display: flex;flex-direction: column;}
.urun-detay-ozellik-btn-box{display: flex; flex-direction: row; align-items: center;}
.urun-detay-ozellik-btn-box.standart-btn-box{margin-bottom: 20px;}

.urun-detay-ozelik-btn-daire{width: 36px; height: 36px;border-radius: 18px;-webkit-border-radius:18px;  margin-right: 10px;}
.urun-detay-ozelik-btn-title{font: 19px 'Gilroy-regular'; color: #1d1d1b;}
.urun-detay-ozelik-btn-daire.standart-btn{background-color: #ffd842;}
.urun-detay-ozelik-btn-daire.opsiyonel-btn{background-color: #dadada;}




.asagi-ok-urun-detay{width: 28px; height: 50px; background: url("../pageFile/downOk2.svg") no-repeat center; position: absolute;  bottom: 60px; left: 50%; margin-left: -14px; -webkit-transition: all 1.5s ease;  transition: all 1.5s ease;animation: asagiOkHaraket 1.5s ease infinite}


.asagi-ok-banner{width: 28px; height: 50px; background: url("../pageFile/downOk2.svg") no-repeat center; position: absolute;  bottom: 60px; left: 50%; margin-left: -14px; -webkit-transition: all 1.5s ease;  transition: all 1.5s ease;animation: asagiOkHaraket 1.5s ease infinite;z-index: 999;}



 

 @keyframes asagiOkHaraket {
	0% {
		bottom: 80px;
	}
	50% {
	 bottom: 60px;
	}
	100% {
	bottom:80px;
	}
}

 @-webkit-keyframes asagiOkHaraket {
	0% {
		bottom: 80px;
	}
	50% {
	 bottom: 60px;
	}
	100% {
	bottom:80px;
	}
}

 @-moz-keyframes asagiOkHaraket {
	0% {
		bottom: 80px;
	}
	50% {
	 bottom: 60px;
	}
	100% {
	bottom:80px;
	}
}













 /*the container must be positioned relative:*/
.filtre-custom-select {
  position: relative;
  font-family: Gilroy-Semibold;color: #1d1d1b;height: 70px;
}

.filtre-custom-select select {
  display: none; /*hide original SELECT element:*/
}

.filtre-select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.filtre-select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.filtre-select-selected.filtre-select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.filtre-select-items div,.filtre-select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.filtre-select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.filtre-select-hide {
  display: none;
}

.filtre-select-items div:hover, .filtre-same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}




.swiper-galeri-img{width: auto; height: 100%; height: 320px;}

/**********************************************************************************/

.ozellik-teknik-str{display: flex; justify-content: center;padding: 64px 0;}
.ozellik-teknik-stn{width: 100%;  font-family: 'Gilroy-Regular';}



.ozellik-teknik-stn table { font-family: 'Gilroy-Regular';
  width: 100%;
}

.ozellik-teknik-stn table tr  {
  /*background-color: #f2f2f2*/
}

.ozellik-teknik-stn table tr:nth-child(2n) {
  background-color: #ebebeb
}
.ozellik-teknik-stn table td {
  height: 42px;
  padding: 0 20px
}
.ozellik-teknik-stn table.diger {
  width: 100%;
}
.urun-detay-box table.diger tr:nth-child(2n) {
  background-color: transparent
}
.ozellik-teknik-stn table.diger td {
  height: 42px;
 display: flex; align-items: center;
}

.ozellik-teknik-stn table.teleskopik-table {
  width: 100%;
}
.ozellik-teknik-stn table.teleskopik-table tr:nth-child(2n) {
  background-color: transparent;
}
.ozellik-teknik-stn table.teleskopik-table td {
  height: 42px;
 
}
 
.uk-accordion li{background-color: #fff !important;}
.uk-accordion-title{font-family: 'Gilroy-Bold' !important ; display: flex !important; align-items: center !important;padding: 0 24px  !important; height: 54px !important; line-height:inherit !important;}

.uk-accordion-title::before{margin-top: 0 !important;}






/*************************************************************************/


.urun-diger-liste-str{margin-top: 64PX;}
.urun-diger-liste-stn{}
 
.urun-diger-liste-genel-title-box{ display: flex; flex-direction: column;justify-content: center; height: 64px; align-items: center;padding-bottom: 32px; margin-bottom: 32px;}
.urun-diger-liste-genel-title{font: 32px 'Gilroy-Semibold';color: #000; display: flex; flex-direction: column;}


.urun-diger-liste-genel-title::after{content: ''; position: relative; float: left; width: 62px; height: 8px ; bottom: -24px; background-color: #3c3c3c; border-radius: 4px; left: 50%; margin-left: -31px;}



.urun-diger-liste-hover{position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index: 9; background-color: #f3f3f3;z-index: 10; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;}
.urun-diger-liste-box{width:100%; margin-bottom: 32px;  }
.urun-diger-diger-liste-box:nth-child(3n),.urun-liste-box:last-child{margin-right: 0;}
.urun-diger-liste-img-box{padding: 0 24px;z-index: 20;margin-bottom:24px;margin-top: 120px;}
 

 .urun-diger-liste-hover-ust-sag-kose  {position: absolute; width: 33%; height: auto; top:0; right: 0; z-index: 16; }


 .urun-diger-liste-box:hover>.urun-diger-liste-hover  {  transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5; background-color: #ffd842;-webkit-border-radius: 26px 26px 26px 26px / 18px 18px 18px 18px;border-radius: 22px 22px 22px 22px / 18px 18px 18px 18px;   }

.urun-diger-diger-liste-icon{display: flex;align-items: center; z-index: 6;margin-bottom: 36px;  }
.urun-diger-liste-icon img{ height: 64px;width: auto;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5;  }

 


.urun-diger-liste-title-box{display: flex; justify-content: flex-end;flex-direction: column;padding: 24px 24px 44px 24px; z-index: 15; height:136px;}
.urun-diger-liste-title{font:28px 'Gilroy-Semibold';text-align: left;color: #3c3c3c;   }
.urun-diger-liste-grup-title{font: 16px 'Gilroy-Light'; color: #535353;}


.urun-diger-liste-box:hover>.urun-diger-liste-hover .urun-diger-liste-icon{opacity: 1;}

.urun-diger-liste-aciklama{font: 15px 'Gilroy-Light'; color: #3c3c3c;padding: 0 24px 36px;z-index: 16;}

.urun-diger-liste-title-box::before{content: ''; position: relative; float: left; width: 62px; height: 8px ; top: -24px; background-color: #3c3c3c; border-radius: 4px;}
.urun-diger-liste-box:hover>.urun-diger-liste-title-box::before { background-color: #3c3c3c; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;}











/*****************************************************************************************************************************************************/
.marin-title-str{border-bottom: 3px solid #feda4c;margin-top: 36px;}
.marin-title{font: 23px 'Gilroy-Bold'; color: #181a19;text-align: center;padding-bottom: 8px;}

.marin-tonaj-stn{float: none; display: table; margin: 50px auto;}
.marin-tonaj-box{width: auto; margin-bottom: 42px;}
.marin-tonaj-orta-box{width: auto; min-width: 80px; font:64px 'Gilroy-Bold'; color: #feda4c; line-height: 83px; text-align: center;;}
.marin-tonaj-box::after{content: '';position: absolute;left: 0; bottom:0px; width: 56%; height: 3px; background-color: #f8d03f;}

.marin-tonaj-aciklama{font: 16px 'Gilroy-Light';text-align: center;color: #181a19;}


.marin-tonaj-title{font: 83px 'Gilroy-Bold'; color: #6c6c6c;}
.marin-tonaj-title span{font-size:31px;}
.marin-select{height: 50px;   border: 1px solid #ccc;font:20px 'Gilroy-Bold';text-align: center; color: #000;}

.marin-tonaj-aciklama-title{font: 31px 'Gilroy-Bold'; color: #6c6c6c;text-align: center;}

.marin-tab-str{margin: 50px 0;}
.urun-detay-box.marin-table table{width: 100%;}


.marin-banner-title{position: absolute; left: 50%; margin-left: -105px; bottom: 40px; width: 210px; height: 94px; font: 23px 'Gilroy-Bold' ; color: #fff;text-align: center;}
.marin-banner-title::before{content: ''; position: relative; float: left;margin-bottom: 10px; width: 100%; height: 40px;background: url("../pageFile/marin-vinc-ok.svg") no-repeat center; background-size: 40px 40px;}

.marin-banner-video{position: relative; top: 50%; margin-top: -50px; left: 50%; margin-left: -45px; width: 90px; height: 56px; background: url("../pageFile/marin-video-icon.svg") no-repeat center; font: 18px 'Gilroy-Bold'; color: #181a19;line-height: 56px; padding-left: 12px; cursor: pointer;}
.marin-banner-video a{position: absolute; width: 100%; height: 100%; display: table;color: #181a19;}

.marin-alt-str{ width:80%; float: none; display: table; margin: 0 auto 80px;}

.marin-alt-sol,.marin-alt-sag{width: 50%;}
.marin-alt-sol{left:-50%;}
.marin-alt-sag{left: 50%;}
.marin-alt-sol.marin-alt-tip-2{left:inherit;}
.marin-alt-sag.marin-alt-tip-2{left:inherit}


.marin-alt-title{font: 36px 'Gilroy-Bold'; color:#181a19;padding: 34% 0;text-align: center;}


/**********************************************************************************************************************************************************************/
.marin-video-icon{position: absolute; font-size: 64px; display: flex; align-items: center; color: #ffd842;cursor: pointer;}
.marin-video-text{position: absolute;    height: 50px;    left:8px;    display: flex;    align-items: center;    justify-content: center;    top: 8px; }

/*************/

.tabAlan.marin-vinc-tab{position: relative; float: left; width: 100%;min-height:250px; font: 17px 'Gilroy-Regular'; }
.tabAlan.marin-vinc-tab ul.tabmenu{position: relative;float: left;width: 100%;z-index: 8; height: auto;list-style-type: none; margin: 0 auto; margin-bottom: 24px;}




.tabAlan.marin-vinc-tab ul.tabmenu li{position: relative; float: left;width: 33.33%;margin-right: 0; background-color: #fff !important; color: #fff;border-radius: 0 !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;}

.tabAlan.marin-vinc-tab ul.tabmenu li.sutun-4{width: 25% !important;}


.tabAlan.marin-vinc-tab ul.tabmenu li a{width:auto; height: 50px; display: flex; justify-content: center;align-items: center;padding:10px;  font:17px 'Gilroy-Bold'; color: #fff;text-align: center;text-decoration: none;background-color: #acacac;border: 1px solid #acacac; }
.tabAlan.marin-vinc-tab ul.tabmenu li a.fiyat-list{    line-height: 18px;  color: #aaaaaa;}



.tabAlan.marin-vinc-tab ul.tabmenu li a:hover,.tabAlan.marin-vinc-tab ul.tabmenu li.secili a{ background-color: #ffd842;color: #000; border: 1px solid #ffd842; border-radius: 0 !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important; }

 

/****************/










.marin-table{width: 100%;}



.marin-ozellik-teknik-str{display: flex; justify-content: center;padding: 64px 0;}
.marin-ozellik-teknik-stn{width: 100%;  font-family: 'Gilroy-Regular';}




.marin-ozellik-teknik-stn table { font-family: 'Gilroy-Regular';
  width: 100%;
}

.marin-ozellik-teknik-stn table tr  {
  /*background-color: #f2f2f2*/
}

.marin-ozellik-teknik-stn table tr:nth-child(2n) {
  background-color: #ebebeb
}
.marin-ozellik-teknik-stn table td {
  height: 42px;
  padding: 0 20px
}
.marin-ozellik-teknik-stn table.diger {
  width: 100%;
}
.marin-urun-detay-box table.diger tr:nth-child(2n) {
  background-color: transparent
}
.marin-ozellik-teknik-stn table.diger td {
  height: 42px;
 display: flex; align-items: center;
}

.marin-ozellik-teknik-stn table.teleskopik-table {
  width: 100%;
}
.marin-ozellik-teknik-stn table.teleskopik-table tr:nth-child(2n) {
  background-color: transparent;
}
.marin-ozellik-teknik-stn table.teleskopik-table td {
  height: 42px;
 
}


.uk-accordion li{background-color: #fff !important;}
.uk-accordion-title{font-family: 'Gilroy-Bold' !important ; display: flex !important; align-items: center !important;padding: 0 24px  !important; height: 54px !important; line-height:inherit !important;}

.uk-accordion-title::before{margin-top: 0 !important;}






/*****************************************************************************************************************************************************/







/************************************************************************************************************************************v**************************/









.alt-proje-str{background-color: #ededed;}
.ana-proje-stn{}
.alt-proje-genel-title-box{display: flex; justify-content: center;}
.alt-proje-genel-title{height: 92px;width: 100%; max-width: 500px; font: 38px 'Gilroy-Bold';background-color: #595959; color: #fff;border-radius: 36px 36px  0 0 / 36px 36px 0 0;display: flex; justify-content: center; align-items: center;}
.ana-proje-swiper-stn{ width: 100%;}

.ana-proje-hover{position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index: 9; mix-blend-mode: multiply; 
border-radius: 137px 0px 0px 0px / 146px 0px 0px 0px;	transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;
background: rgb(215,215,216);
background: -moz-linear-gradient(-5deg, rgba(215,215,216,0) 0%, rgba(215,215,216,1) 50%, rgba(189,188,188,1) 100%);
background: -webkit-linear-gradient(-5deg, rgba(215,215,216,0) 0%, rgba(215,215,216,1) 50%, rgba(189,188,188,1) 100%);
background: linear-gradient(-5deg, rgba(215,215,216,0) 0%, rgba(215,215,216,1) 50%, rgba(189,188,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7d7d8",endColorstr="#bdbcbc",GradientType=1);}
.ana-proje-box{padding-top: 194px; }


 .ana-proje-hover:after  {content: ''; opacity:0;position: absolute; width: 100%; height: 100%; left: 0; top: 0;border-radius: 137px 0px 0px 0px / 146px 0px 0px 0px; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;background: rgb(241,171,167);
background: -moz-linear-gradient(-5deg, rgba(241,171,167,0) 0%, rgba(241,171,167,1) 50%, rgba(214,74,80,1) 100%);
background: -webkit-linear-gradient(-5deg, rgba(241,171,167,0) 0%, rgba(241,171,167,1) 50%, rgba(214,74,80,1) 100%);
background: linear-gradient(-5deg, rgba(241,171,167,0) 0%, rgba(241,171,167,1) 50%, rgba(214,74,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1aba7",endColorstr="#d64a50",GradientType=1); }


 .ana-proje-box:hover>.ana-proje-hover:after  {opacity:1; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index: 5; }

.ana-proje-icon{display: flex;align-items: center;opacity: 0;z-index: 6;}
.ana-proje-icon i{font-size: 32px; color: #fff;}
.ana-proje-title-box{display: flex; justify-content: flex-end;padding: 24px;border-radius: 137px 0px 0px 0px / 146px 0px 0px 0px;z-index: 6;}
.ana-proje-title{font:28px 'Gilroy-Bold';text-align: right;color: #fff;padding-left: 24px; border-radius: 137px 0px 0px 0px / 146px 0px 0px 0px;z-index: 6;}
.ana-proje-box:hover>.ana-proje-hover   .ana-proje-icon{opacity: 1;}

.swiper-wrapper.swiper-ana-proje{ }
.swiper-button-prev.prevBtn-ana-proje{width: 50px !important; height: 34px !important; background-image: url("../swiper/prevBtnAnaGrp.svg"); background-size: 50px 34px;left: -64px; top: 300px;margin-top: -25px;;}
.swiper-button-next.nextBtn-ana-proje{width: 50px !important; height: 34px !important; background-image: url("../swiper/nextBtnAnaGrp.svg"); background-size: 50px 34px;left: inherit; right: -64px; top: 300px;margin-top: -25px;}



.ana-proje-tumunu-incele-btn-box{display: flex; align-items: center; justify-content: center;height: auto;  }
.ana-proje-tumunu-incele-btn{height: 92px;width: 100%; max-width: 500px; background-color: #999;border-radius: 0 0 36px 36px   /   0 0 36px 36px; font: 28px 'Gilroy-Bold';color: #fff; display: flex; align-items: center;justify-content: center;}
.ana-proje-tumunu-incele-btn i{margin-right: 10px;}

/*********************************************************************************************************************************************/
 
/*********************************************************************************************************************************************/

.haber-str{ }
.haber-genel-title{font: 42px 'Gilroy-Bold'; color: #1d1d1b;margin-bottom: 32px; display: flex; flex-direction: column;}
.haber-genel-title::after{content: ''; position: relative; float: left; width: 62px; height: 8px ; margin-top: 22px; background-color: #ffd842; border-radius: 4px;}

.haber-box{display: flex; flex-direction: column;width:calc(25% - 24px) ; margin-right: 32px; margin-bottom: 32px; background-color: #fff; overflow: hidden;-webkit-transition: all .5s ease;    transition: all .5s ease;border: 1px solid #ccc;}
.haber-box:nth-child(4n){margin-right: 0;}
.haber-box:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;  }


.haber-sol-stn{width: 100%;padding: 36px;}
.haber-sol-box{  position: absolute;z-index: 5; top: 0px; left: 0; width: 100%;  height: 100%;
 background: rgb(11,18,30);
background: -moz-linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
background: linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b121e",endColorstr="#0b121e",GradientType=1);}
.haber-sag-stn{width: 100%; padding:0 36px 36px 36px;}

.haber-img{ position: relative; width:100%;height:  auto;top:0; right: 0;overflow: hidden; } 
.haber-img img{width: 100%;height:auto; -webkit-transition: all .5s ease;    transition: all .5s ease;transform: scale(1.0);-webkit-transform: scale(1.0);}


.haber-title{font: 24px 'Gilroy-Medium'; color: #7b7b7b;    display: -webkit-box;z-index: 15;
    height: 84px;margin-bottom: 24px; text-align: left;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

.haber-aciklama{margin-bottom: 32px; font: 18px 'Gilroy-Light'; color: #1d1d1b;text-align: left;display: -webkit-box;
    height: 86px;z-index: 15;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 

.haber-link-box{display: flex; justify-content: flex-start;}
.haber-link{font: 33px 'Gilroy-Bold'; color:#000;left: 0;-webkit-transition: all .5s ease;    transition: all .5s ease; display: flex; align-items: center;}
.haber-link span{font: 22px 'Gilroy-Bold'; margin-left: 6px; }
.haber-box:hover>.ana-haber-sol-stn .ana-haber-link{left: 24px;-webkit-transition: all .5s ease;    transition: all .5s ease;}
.haber-box:hover>.ana-haber-sag-stn .ana-haber-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all .5s ease;    transition: all .5s ease;}
.haber-tumunu-incele-btn-box{display: flex; align-items: center; justify-content: center;height: 64px;margin-top: 32px; }
.haber-tumunu-incele-btn{font: 28px 'Gilroy-Bold';color: #1b1c14; display: flex; align-items: center;}
.haber-tumunu-incele-btn i{margin-right: 10px;}

/*********************************************************************************************************************************************/

.etkinlik-haber-str{ }
.etkinlik-haber-stn{display: flex; flex-direction: row; flex-wrap: wrap;}
.etkinlik-haber-genel-title{font: 42px 'Gilroy-Bold'; color: #1d1d1b;margin-bottom: 32px; display: flex; flex-direction: column;}
.etkinlik-haber-genel-title::after{content: ''; position: relative; float: left; width: 62px; height: 8px ; margin-top: 22px; background-color: #ffd842; border-radius: 4px;}

.etkinlik-haber-box{display: flex; flex-direction: row;width:100%;  margin-bottom: 32px; background-color: #fff; overflow: hidden;-webkit-transition: all .5s ease;    transition: all .5s ease;border: 1px solid #ccc;}
.etkinlik-haber-box:nth-child(3n){margin-right: 0;}
.etkinlik-haber-box:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;  }


.etkinlik-haber-sol-stn{width: 36%;padding: 36px;}
.etkinlik-haber-sol-box{  position: absolute;z-index: 5; top: 0px; left: 0; width: 100%;  height: 100%;
 background: rgb(11,18,30);
background: -moz-linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
background: linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b121e",endColorstr="#0b121e",GradientType=1);}
.etkinlik-haber-sag-stn{width: 64%; padding:36px 0 36px 36px;}

.etkinlik-haber-img{ position: relative; width:100%;height:  auto;top:0; right: 0;overflow: hidden; border: 1px solid #ccc; } 
.etkinlik-haber-img img{width: 100%;height:auto; -webkit-transition: all .5s ease;    transition: all .5s ease;transform: scale(1.0);-webkit-transform: scale(1.0);}


.etkinlik-haber-title{font: 34px 'Gilroy-Medium'; color: #7b7b7b;    display: -webkit-box;z-index: 15;
    height: 84px;margin-bottom: 24px; text-align: left;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

.etkinlik-haber-aciklama{margin-bottom: 32px; font: 19px 'Gilroy-Light'; color: #1d1d1b;text-align: left;display: -webkit-box;
    height: 96px;z-index: 15;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 

.etkinlik-haber-link-box{display: flex; justify-content: flex-start;}
.etkinlik-haber-link{font: 33px 'Gilroy-Bold'; color:#000;left: 0;-webkit-transition: all .5s ease;    transition: all .5s ease; display: flex; align-items: center;}
.etkinlik-haber-link span{font: 22px 'Gilroy-Bold'; margin-left: 6px; }
.etkinlik-haber-box:hover>.ana-haber-sol-stn .ana-haber-link{left: 24px;-webkit-transition: all .5s ease;    transition: all .5s ease;}
.etkinlik-haber-box:hover>.ana-haber-sag-stn .ana-haber-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all .5s ease;    transition: all .5s ease;}
.etkinlik-haber-tumunu-incele-btn-box{display: flex; align-items: center; justify-content: center;height: 64px;margin-top: 32px; }
.etkinlik-haber-tumunu-incele-btn{font: 28px 'Gilroy-Bold';color: #1b1c14; display: flex; align-items: center;}
.etkinlik-haber-tumunu-incele-btn i{margin-right: 10px;}


 
/*******************************************************************************************************************************************************************************/

 
/*******************************************************************************************************************************************************************************/

.etkinlik-detay-img-box{display: flex; justify-content: center;margin-bottom: 36px;}
.etkinlik-detay-img{max-width: 650px;width: 100%;}
.etkinlik-detay-aciklama{text-align: center;}
 



.etkinlik-galeri-str{margin-top: 36px;}
.swiper-etkinlik-galeri{overflow-x: hidden;}

 .swiper-slide.etkinlik-galeri-swiper-slide {
 display: flex; /* Flexbox ile içeriği hizala */
    align-items: center; /* Dikey olarak ortala */
    justify-content: center; /* Yatay olarak ortala */
    height: 320px; /* Yükseklik ayarla */
    width: auto; /* Genişliği %100 yap */
    }

.etkinlik-galeri-box{ width: 100%; /* Genişliği %100 yap */
    height: 100%; /* Yüksekliği %100 yap */
    overflow: hidden; /* Taşan kısımları gizle */}
    .etkinlik-galeri-img {
 width: 100%; /* Genişliği %100 yap */
    height: 100%; /* Yüksekliği %100 yap */
    object-fit: cover; /* Resmi kapsayıcıya göre kapla */
    }


 
/*******************************************************************************************************************************************************************************/

.haber-detay-str{display: flex; justify-content: center;}
.haber-detay-stn{width: 100%; max-width: 800px;}
.haber-detay-img-box{display: flex; justify-content: flex-start;}
.haber-detay-img{ margin-bottom: 24px;}
.haber-detay-title{font: 36px 'Gilroy-Bold';    color: #1d1d1b;margin-bottom: 42px; }



.haber-galeri-str{margin-top: 36px;}
.swiper-haber-galeri{overflow-x: hidden;}

 .swiper-slide.haber-galeri-swiper-slide {
 display: flex; /* Flexbox ile içeriği hizala */
    align-items: center; /* Dikey olarak ortala */
    justify-content: center; /* Yatay olarak ortala */
    height: 320px; /* Yükseklik ayarla */
    width: auto; /* Genişliği %100 yap */
    }

.haber-galeri-box{ width: 100%; /* Genişliği %100 yap */
    height: 100%; /* Yüksekliği %100 yap */
    overflow: hidden; /* Taşan kısımları gizle */}
    .haber-galeri-img {
 width: 100%; /* Genişliği %100 yap */
    height: 100%; /* Yüksekliği %100 yap */
    object-fit: cover; /* Resmi kapsayıcıya göre kapla */
    }




/*******************************************************************************************************************************************************************************/
.etkinlik-takvim-str{}
.etkinlik-takvim-stn{display: flex; flex-wrap: wrap; flex-direction: row;}
.etkinlik-takvim-box{width: calc(33.33% - 16px); margin-right: 24px; margin-bottom: 24px; border: 1px solid #ccc; padding: 42px;text-align: center; color: #1d1d1b;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.etkinlik-takvim-box:nth-child(3n){margin-right: 0;}
.etkinlik-takvim-box:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}


.etkinlik-takvim-title{font: 19px 'Gilroy-Bold'; height: 48px;margin-bottom: 16px;}
.etkinlik-takvim-yer{font: 18px 'Gilroy-Light'; margin-bottom: 6px;}
.etkinlik-takvim-tarih{font: 16px 'Gilroy-Light'; color: #747474;}




/*******************************************************************************************************************************************************************************/
.medya-str{}
.medya-stn{display: flex; flex-wrap: wrap; justify-content: center;}
.medya-box{width: calc(33.33% - 16px);margin-right: 24px;margin-bottom: 24px; cursor: pointer;}
.medya-box:nth-child(3n){margin-right: 0;}
.medya-box-hover{position: absolute; width: 100%; height: 100%;z-index: 99; padding: 24px;}
.medya-title{font:18px 'Gilroy-Semibold'; color: #3c3c3c;height: 50px; display: flex; width: 100%; align-items: center; justify-content: center;}
/*********************************************************************************************************************************************/
.proje-liste-stn{}
.proje-liste-box{width: calc(33.33% - 16px); margin-right: 24px; margin-bottom: 24px;}
.proje-liste-box:nth-child(3n){margin-right: 0;}
 
/*********************************************************************************************************************************************/
.bayi-stn{display: flex; flex-wrap: wrap; justify-content: center;}
.bayi-box{background-color: #fff;padding: 24px;width: calc(33.33% - 24px); margin-right: 36px; margin-bottom: 36px; border-radius: 24px;-webkit-border-radius: 24px; min-height: 184px;}
.bayi-box:nth-child(3n){margin-right: 0;}
.bayi-title{font: 20px 'Gilroy-Bold'; color: #ffd842; border-bottom: 1px solid #ffd842;margin-bottom: 12px;}
.bayi-adres{font: 18px 'Gilroy-Semibold'; color: #1d1d1b;min-height: 46px;}
.bayi-tel{font: 18px 'Gilroy-Semibold'; color: #1d1d1b;}
.bayi-sehir{font: 18px 'Gilroy-Semibold'; color: #1d1d1b;}








/*********************************************************************************************************************************************/
.tanitim-film-str{  background-color:#1d1d1b;padding: 100px 0 100px; }

.tanitim-film-ust-sol-kose-sekil{position: absolute; width: 100%; max-width:376px; height: auto;top: 0; left: 0;}
.tanitim-film-ust-sekil{position: absolute;width: 100%; height: auto; top: -5px; left: 0;}
.tanitim-film-alt-sekil{position: absolute;width: 100%; height: auto; bottom: -5px; left: 0;}


.tanitim-film-stn{min-height:540px;    }
.tanitim-film-box{display: flex;flex-direction: row;}
.tanitim-film-sol-stn{display:flex; flex-direction: column;align-items: flex-end; justify-content: center;width: 36%;padding: 54px 36px 54px 54px; min-height: 614px; }
.tanitim-film-title{font: 49px 'Gilroy-Bold';line-height:49px; color: #fff;margin-bottom:20px;text-align: right;}
.tanitim-film-title span{font: 49px 'Gilroy-Bold';line-height:49px; color: #ffd842;margin-bottom:20px;text-align: right;}
.tanitim-film-aciklama{font:30px 'Gilroy-Regular'; color: #fff; text-align: right;    display: -webkit-box;
    height:196px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.tanitim-film-aciklama span{font: 54px 'Gilroy-Bold';line-height:54px; color: #ffd842;}

.tanitim-film-sag-stn{display: flex; justify-content: flex-end;width: 64%;padding: 64px 24px 64px 64px  }
.tanitim-film-img-box{width: 100%;padding: 24px;}
.tanitim-film-img{ }
 
.tanitim-film-btn-stn{position: absolute;width: 100%;height: 96%; display: flex; flex-direction: column;align-items: center;justify-content:center;z-index: 60;background-color: rgba(0,0,0,.34); }
.tanitim-film-btn-box{display: flex;flex-direction: column;justify-content: center; align-items: center;position: absolute; width: 100%; height:100%;  background-color:rgba(0,0,0,0.36);   -webkit-transition: all .2s ease;
    transition: all .2s ease;}
.tanitim-film-btn-icon{width: 60px; height: 60px; background: url("../pageFile/tanitim-film-btn.svg") no-repeat center;  }
.tanitim-film-btn-title{font: 54px 'Gilroy-Bold'; color: #fff;}
.video-img-box{position: absolute;}

.tanitim-film-btn-box:hover{background-color:rgba(0,0,0,0.0);    -webkit-transition: all .2s ease;
    transition: all .2s ease;}

.video-pagination{transform: rotate(90deg) !important;left: 0% !important;
    top: 5% !important;}

.swiper-wrapper-video{width: 100%;}

.swiper-container-vertical {
  height: 500px;  
}
.swiper-tanitim-film{padding:0 !important; margin-top: 0;}
.swiper-tanitim-film .swiper-slide{height: auto!important; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color: #fff !important;width: 16px !important; height: 16px !important; }
 

 
 
 .prevBtn-tanitim-film{width: 50px !important; height: 34px !important; left:  inherit !important;margin-right: 0 !important; right: 254px !important; bottom: 0 !important; top: inherit !important;  width: 226px !important; height: 64px !important; background-repeat: no-repeat !important; justify-content: flex-start !important;}

.prevBtn-tanitim-film .prev-btn-box{width: 226px; height: 64px; border: 1px solid #8c8c8c; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.prevBtn-tanitim-film .prev-btn-sol-cizgi{ display: none;position: absolute; top: 29px; background-color: #fff; width: 68px ;height: 2px ;background-color: #fff;left: 100px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.prevBtn-tanitim-film .prev-btn-title{position: absolute; top: 18px; font: 20px 'Gilroy-Bold'; color: #fff; left: 40px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.prevBtn-tanitim-film .prev-btn-ok{font-size: 20px; position: absolute; color: #fff; width: 24px; height: 24px; top: 20px;left: 18px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
/*
.prevBtn-tanitim-film:hover .prev-btn-box{width: 64px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.prevBtn-tanitim-film:hover .prev-btn-sol-cizgi{ left: 18px;  transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.prevBtn-tanitim-film:hover .prev-btn-title{ left: 100px;  transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
*/


.nextBtn-tanitim-film{width: 50px !important; height: 34px !important;  margin-right: 0; right: 0 !important; bottom: 0 !important; top:inherit !important;   width: 226px !important; height: 64px !important;background-repeat: no-repeat !important;  ;}


.nextBtn-tanitim-film .next-btn-box{width: 226px; height: 64px; border: 1px solid #8c8c8c; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transform-origin: right center; position: absolute;left: 0; }
.nextBtn-tanitim-film .next-btn-sol-cizgi{display: none;position: absolute; top: 29px; background-color: #fff; width: 68px ;height: 2px ;background-color: #fff;right: 100px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.nextBtn-tanitim-film .next-btn-title{position: absolute; top: 18px; font: 20px 'Gilroy-Bold'; color: #fff; right: 54px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.nextBtn-tanitim-film .next-btn-ok{font-size: 20px; position: absolute; width: 24px; height: 24px;color: #fff; top: 20px;right: 18px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
/*
.nextBtn-tanitim-film:hover .next-btn-box{width: 64px; transition:all 0.5s;  left:162px !important; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transform-origin: right center; }
.nextBtn-tanitim-film:hover .next-btn-sol-cizgi{ right: 34px;  transition:all 0.5s;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.nextBtn-tanitim-film:hover .next-btn-title{ right: 120px;  transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
*/
/*********************************************************************************************************************************************/
.alt-sahada-str{background-color: #838383;}
.alt-sahada-alt-sekil{position: absolute; bottom: 0; left: 0;}
.alt-sahada-genel-title-box{margin-bottom: 64px;}
.alt-sahada-genel-title{font: 44px 'Gilroy-Bold'; color: #fff; }
.alt-sahada-slogan-box{ position: absolute;
            width: 106px;
            height: 100%;
            }
.alt-sahada-sol-slogan{   position: absolute;
            bottom: 0;
            left: 0;
        
            white-space: nowrap; /* Metnin satır kaydırmasını engelle */
 
} 

.alt-sahada-stn{display: flex;}
.alt-sahada-sol-stn{width: 106px;display: flex;margin-left: 94px;}
.alt-sahada-guce-hukmet{height: 100%;max-height: 74%; }
.alt-sahada-guce-hukmet img{height: 100%;}
.alt-sahada-sag-stn{width: calc(100% - 200px);}

.alt-sahada-box{-webkit-transition: all .5s ease;    transition: all .5s ease;overflow: hidden; cursor: pointer;}
.alt-sahada-hover{opacity: 0; background-color:rgba(29,29,27,.72); position: absolute; width: 100%; height: 100%; padding: 54px;z-index: 99;-webkit-transition: all .5s ease;    transition: all .5s ease;}


.alt-sahada-box:hover> .alt-sahada-hover{ opacity: 1;-webkit-transition: all .5s ease;    transition: all .5s ease;}
.alt-sahada-title{font: 24px 'Gilroy-Bold'; color: #fff;left: -80px;-webkit-transition: all .5s ease;    transition: all .5s ease;}

.alt-sahada-box:hover>.alt-sahada-hover .alt-sahada-title{left: 0;-webkit-transition: all .5s ease;    transition: all .5s ease;}


.alt-sahada-izle-btn-box{position: absolute;top: 0;  width: 100%; height: 170px; top: 50%; margin-top: -95px; display: flex; flex-direction: column;justify-content: center;  align-items: center;-webkit-transition: all .5s ease;    transition: all .5s ease;right:-100px;  }
.alt-sahada-izle-btn{width: 60px; left: 0; height: 62px;margin-bottom: 24px; background: url("../pageFile/izle-play-btn.svg") no-repeat center; background-size: 60px 62px; }
.alt-sahada-izle-btn-title{width: auto;height: auto;font: 36px 'Gilroy-Bold'; color: #fff;}

.alt-sahada-box:hover>.alt-sahada-hover .alt-sahada-izle-btn-box   {right: 0;-webkit-transition: all 0.5s ease;    transition: all 0.5s ease; }

/*********************************************************************************************************************************************/

.ana-haber-str{/*background-color: #f5f5f5;**/background-color: #ffffff; padding: 32px 0 0;}
.ana-haber-genel-title{font: 42px 'Gilroy-Bold'; color: #1d1d1b;margin-bottom: 32px; display: flex; flex-direction: column;}
.ana-haber-genel-title::after{content: ''; position: relative; float: left; width: 62px; height: 8px ; margin-top: 22px; background-color: #ffd842; border-radius: 4px;}

.ana-haber-box{display: flex; flex-direction: column;width: 100%; background-color: #fff; overflow: hidden;-webkit-transition: all .5s ease;    transition: all .5s ease;border: 1px solid #ccc;}
.ana-haber-box:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;  }


.ana-haber-sol-stn{width: 100%;padding: 32px;}
.ana-haber-sol-box{  position: absolute;z-index: 5; top: 0px; left: 0; width: 100%;  height: 100%;
 background: rgb(11,18,30);
background: -moz-linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
background: linear-gradient(90deg, rgba(11,18,30,1) 0%, rgba(11,18,30,1) 55%, rgba(11,18,30,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b121e",endColorstr="#0b121e",GradientType=1);}
.ana-haber-sag-stn{width: 100%; padding:0 32px 32px 32px;}

.ana-haber-img{ position: relative; width:100%;height:  auto;top:0; right: 0;overflow: hidden; } 
.ana-haber-img img{width: 100%;height:auto; -webkit-transition: all .5s ease;    transition: all .5s ease;transform: scale(1.0);-webkit-transform: scale(1.0);}


.ana-haber-title{font: 22px 'Gilroy-Medium'; color: #7b7b7b;    display: -webkit-box;z-index: 15;
    height: 52px;margin-bottom: 16px; text-align: left;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

.ana-haber-aciklama{margin-bottom: 32px; font: 17px 'Gilroy-Light'; color: #1d1d1b;text-align: left;display: -webkit-box;
    height: 62px;z-index: 15;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 

.ana-haber-link-box{display: flex; justify-content: flex-start;}
.ana-haber-link{font: 33px 'Gilroy-Bold'; color:#000;left: 0;-webkit-transition: all .5s ease;    transition: all .5s ease; display: flex; align-items: center; }
.ana-haber-link span{font: 22px 'Gilroy-Bold'; margin-left: 6px; }
 
.ana-haber-box:hover>.ana-haber-sol-stn .ana-haber-link{left: 24px;-webkit-transition: all .5s ease;    transition: all .5s ease;}
.ana-haber-box:hover>.ana-haber-sag-stn .ana-haber-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all .5s ease;    transition: all .5s ease;}
.ana-haber-tumunu-incele-btn-box{display: flex; align-items: center; justify-content: center;height: 64px;margin-top: 0; }
.ana-haber-tumunu-incele-btn{font: 28px 'Gilroy-Bold';color: #1b1c14; display: flex; align-items: center;}
.ana-haber-tumunu-incele-btn i{margin-right: 10px;}



.swiper-haber{padding-top: 100px !important; position: relative; float: left;margin-top: -100px !important; padding-bottom: 20px !important;}

 .prevBtn-ana-haber{width: 64px !important; height: 64px !important; left:  inherit !important;margin-right: 0 !important;  bottom: inherit !important; top: 28px !important;      background-repeat: no-repeat !important; justify-content: flex-start !important; right: 64px !important;}
 
.prevBtn-ana-haber .prev-btn-ok{display: flex; justify-content: flex-start;font-size: 54px; position: absolute; width: 64px; height: 64px;  right: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

 



.nextBtn-ana-haber{width: 64px !important; height: 64px !important;  margin-right: 0; right: 0 !important; bottom: inherit !important; top:28px !important;   width: 64px !important; height: 64px !important;background-repeat: no-repeat !important;  ;}

 
.nextBtn-ana-haber .next-btn-ok{display: flex; justify-content: flex-end;font-size: 54px; position: absolute; width: 64px; height: 64px;  right: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

 

















/*******************************************************************************************************************************************************************************/
.ana-future-str{margin-bottom: 64px;margin-top: 36px;}
.ana-future-stn{min-height: 480px; background: url("../pageFile/ana-future-bg.jpg") no-repeat center; background-size: cover;display: flex;justify-content: center;
align-items: center;}


.ana-future-logo-box{}
.ana-future-logo{}
.ana-future-slogan{}

.cd-words-wrapper { font: 24px 'Gilroy-Light'; color: #fff;
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {font: 50px 'Gilroy-Black'; color: #fff;
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}
 
/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
	  filter: blur(8px);
  -webkit-filter: blur(8px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
	  	  filter: blur(0px);
  -webkit-filter: blur(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(-100%);
	  filter: blur(8px);
  -webkit-filter: blur(8px);
  }
  60% {
    opacity: 1;
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
	  	  filter: blur(0px);
  -webkit-filter: blur(0px);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
	  filter: blur(8px);
  -webkit-filter: blur(8px);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
	  	  filter: blur(0px);
  -webkit-filter: blur(0px);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    transform: translateY(0);
	  filter: blur(8px);
  -webkit-filter: blur(8px);
  }
  60% {
    opacity: 0;
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
	  filter: blur(0px);
  -webkit-filter: blur(0px);
  }
}
/*******************************************************************************************************************************************************************************/
.alt-whatsapp-str{   min-height: 68px; flex: 1;}
.alt-whatsapp-stn{display:flex; justify-content: flex-start;}
.alt-whatsapp-sol-stn{}
.alt-whatsapp-sag-stn{display: flex;justify-content: flex-end;}

.alt-whatsapp-box{display: flex;align-items: center;}
.alt-whatsapp-icon{width: 66px; height: 66px;margin-right: 18px; background: url("../pageFile/alt-tel-icon.svg") no-repeat center; background-size: 60px;}
.alt-whatsapp-bilgi-box{font: 17px 'Gilroy-Light';color: #fff; display: flex; flex-direction: column; justify-content: center;}
.alt-whatsapp-bilgi-box span{font:21px 'Gilroy-Bold'; color: #fff;}

.alt-sosyal-stn{display: flex; flex-direction: row;justify-content: center;  flex: 1;}
.alt-sosyal-box{margin-bottom: 0;width: 204px;}
.alt-sosyal-btn{color: #fff;margin-right: 10px;font-size: 32px;-webkit-transition: all .5s ease;    transition: all .5s ease;}
.alt-sosyal-btn:nth-child(5n){margin-right: 0;}
.alt-sosyal-btn:hover{color: #ffd842; -webkit-transition: all .5s ease;    transition: all .5s ease;}

.alt-sosyal-aciklama{font: 19px 'Gilroy-Light'; color: #fff;}


/*******************************************************************************************************************************************************************************/
.overlay-menu-str{margin-top: 5%; }
.overlay-menu-stn{display: flex; justify-content: space-between;margin-top: 0;}
     
.overlay-menu-title{font: 16px 'Gilroy-Bold'; color: #a7a7a7;margin-bottom: 42px !important; position: relative; float: left;}
.overlay-menu-title::after{content: ''; position: absolute; left: 0; width: 60px; background-color:#ffd842; height: 4px; bottom: -12px; }
.overlay-menu-link{font: 15px 'Gilroy-Light'; color:#a7a7a7;height: 18px; display: flex; align-items: center; width: max-content;}
.overlay-menu-link:hover{color:#ffd842;}
ul.overlay-menu-list{list-style-type: none;}

ul.overlay-menu-list li{margin-bottom: 10px;}

.overlay-footer-str{position: absolute; bottom: 16px; }
.overlay-footer-stn{display: flex; justify-content: space-between;width: 100%;}

  .overlay-sosyal-stn{display: flex; flex-direction: row;}
  .overlay-sosyal-box{margin-bottom: 24px;width: 204px;}
  .overlay-sosyal-btn{color: #fff;margin-right: 10px;font-size: 32px;-webkit-transition: all .5s ease;    transition: all .5s ease;}
  .overlay-sosyal-btn:nth-child(5n){margin-right: 0;}
  .overlay-sosyal-btn:hover{color: #ffd842; -webkit-transition: all .5s ease;    transition: all .5s ease;}

 .overlay-sosyal-aciklama{font: 19px 'Gilroy-Light'; color: #fff;}


 
.overlay-tel-stn{display:flex; justify-content: flex-end;}
.overlay-tel-sol-stn{}
.overlay-tel-sag-stn{display: flex;justify-content: flex-end;}

.overlay-tel-box{display: flex;align-items: center;}
.overlay-tel-icon{width: 66px; height: 66px;margin-right: 18px; background: url("../pageFile/alt-tel-icon.svg") no-repeat center; background-size: 60px;}
.overlay-tel-bilgi-box{font: 17px 'Gilroy-Light';color: #fff; display: flex; flex-direction: column; justify-content: center;}
.overlay-tel-bilgi-box span{font:27px 'Gilroy-Bold'; color: #fff;}


/*******************************************************************************************************************************************************************************/

.footer-str{   padding:190px  0 0 0 ;  background: url("../pageFile/footer-bg.jpg") no-repeat top center,#1d1d1b; } 
.footer-ust-sekil{position: absolute; width: 100%; height: auto; top: -1px ;left: 0;z-index: 999;}
 
.footer-stn{display: flex; flex-direction: column;z-index: 999999;  }
.footer-ust-str{display: flex; flex-direction: row;align-items: center; justify-content: center;}
.footer-ust-stn {width: 100%; max-width: 1064px;display: flex; justify-content: center; align-items: center;}

.footer-bulten-stn{display: flex; justify-content: center;margin-bottom: 42px;}
.footer-menu-stn{display: flex; justify-content: center;margin-top: 0;}


.copyright-str{display: flex; justify-content: space-between;margin: 0 0 16px;}
.copyright-stn{ display: flex; align-items: center; flex-direction: row;}
.copyright-icon{width: 40px; height: 32px; margin-right: 20px; background: url("../pageFile/copyright-icon.svg") no-repeat center; background-size: 40px 32px;}
.copyright-title{font: 17px 'Gilroy-Light'; color: #5c5c5c;}

.alt-sozlesme-str{display: flex; justify-content: center;margin:16px 0 11px;}
.alt-sozlesme-stn{ display: flex; align-items: center; flex-direction: row;}
 
.alt-sozlesme-box{font: 17px 'Gilroy-Light'; color: #5c5c5c;margin:0 20px;}
.alt-sozlesme-box:hover{color: #ffd842;}

/*********************************************************************************************************************************************/
.design-str{display: flex; justify-content: center;margin-top: 0;}
.design-box{width: 72px; height: 50px;}
/*******************************************************************************************************************************************************************************/
.alt-menu-stn{}

.alt-menu-box{width: auto;margin-right: 64px;}
.alt-menu-box:nth-child(5n){margin-right: 0;}
.ebulten-stn-box{max-width: 632px;width: 100%;display: flex; flex-direction: column; align-items: center; }
ul.alt-menu-list{list-style-type: none;}

ul.alt-menu-list li{margin-bottom: 10px;}

.alt-menu-title{font: 16px 'Gilroy-Bold'; color: #5c5c5c;margin-bottom: 38px !important; position: relative; float: left;}
.alt-menu-title::after{content: ''; position: absolute; left: 0; width: 60px; background-color:#5c5c5c; height: 3px; bottom: -12px; }
.alt-menu-link{font: 15px 'Gilroy-Light'; color:#5c5c5c;height: 16px; display: flex; align-items: center; width: max-content;}
.alt-menu-link:hover{color:#ffd842;}
/*******************************************************************************************************************************************************************************/
.footer-logo{max-width:378px;margin-bottom: 0; }
 


.ebulten-str{width:100%;display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ebulten-genel-title-box{display: flex;flex-direction: column;align-items: center;}
.ebulten-genel-title{font: 32px 'Gilroy-Bold'; color: #fff;margin-bottom: 16px;}
.ebulten-genel-title-line{width: 68px; height: 4px; background-color: #ffd842;margin-bottom: 24px;}

.ebulten-genel-aciklama{font: 18px 'Gilroy-Light'; color: #fff;margin-bottom: 16px;}


.ebulten-form-box{display: flex;margin-bottom: 8px;}
 
.whatsapp-str{background-color: #000000;height: 110px;}


.ebulten-label{font: 18px 'Gilroy-Regular'; color: #fff;margin-bottom: 16px;line-height: 32px;height: auto;}
.ebulten-input{width:200px;margin-right:10px; background-color: #fff; height: 54px !important; border-radius: 27px;-webkit-border-radius: 27px;-moz-border-radius: 27px; }
.ebulten-input.adsoyad{width:260px;margin-right:10px; }
.ebulten-input.eposta{width:260px;margin-right:10px; }
.btn-ebulten{font: 18px 'Gilroy-Bold';   background-color: #ffd842; padding-left:24px; color: #1d1d1b;width: 164px; height: 54px !important; border-radius: 27px;-webkit-border-radius: 27px;-moz-border-radius: 27px; display: block; height:54px;}

.ebulten-input-box{z-index: 10;}
.ebulten-btn-box{margin-left: -46px;z-index: 5;}

.ebulten-ust-str{height: 36px;margin-bottom: 10px;padding: 0 134px;}

/****/
 .styled-checkbox.bulten-check {
display: none;
}
.styled-checkbox.bulten-check + label {
    position: relative;
}

label.checkbox.bulten-check{    margin: 0 8px 0 40px;
    line-height: 14px;font: 15px 'Gilroy-Regular';color: #fff;
    content: '';
    display: flex;}
 

.styled-checkbox.bulten-check + label:before,
.lt-ie8 .checkbox-replacement {
    content: '';
 
position: absolute;
	 
    left:-40px;
    width: 24px;
    height: 22px;
 
    line-height:24px;
    text-align: center;
    /* Put checkbox styles here: */
    border: 1px solid #fff;-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
 
}
.styled-checkbox:checked + label:before,
.lt-ie9 .styled-checkbox.checked + label:before {
    content: '✔';
	color: #fff;
 
}



/*******************************************************************************************************************************************************************************/

.kurumsal-str{ background-color: #fff;  }
.kurumsal-stn{display: flex;flex-direction: row;flex-wrap: wrap;}
 
 
.kurumsal-sol-stn{width: 32%;max-width: 350px;   border-radius:  36px 0 0 36px  ;padding:42px 36px; }
.kurumsal-sag-stn{width:calc(100% - 350px);padding: 48px 36px;border-radius: 0 36px 36px 0;-webkit-border-radius: 0 36px 36px 0;-moz-border-radius: 0 36px 36px 0; min-height: 560px;}
 
.kurumsal-img{margin-bottom: 32px;}
.kurumsal-img,.kurumsal-img img{border-radius: 32px;}
.kurumsal-box{margin-bottom: 32px;}

.kurumsal-title{font: 24px 'Gilroy-Semibold'; color: #000; height: 44px; margin-bottom: 36px; border-bottom: 3px solid #ffd842}
 
.kurumsal-link-stn{}
.kurumsal-link{font: 20px 'Gilroy-Light'; color: #1a1a1a;display: flex; height: 36px; margin-bottom: 8px; align-items: center; justify-content: flex-start;padding-right: 36px; text-align: left;}
.kurumsal-link-sol-ok{opacity: 0; width: 36px;height: 36px;display: flex;justify-content: flex-end; align-items: center;margin-right: 16px;}
.kurumsal-link:hover,.kurumsal-link.secili{font: 20px 'Gilroy-Bold';}
.kurumsal-link:hover>.kurumsal-link-sol-ok{opacity: 1;}
.kurumsal-link.secili>.kurumsal-link-sol-ok{opacity: 1;}
 /****************************************************************************************************************************************************************************/

.imgBox.kariyer {
  width: 100%;
  margin-bottom: 16px
}
.kurumsal-kimlik-ust-str {
  height: 276px;
  background: url(../pageFile/logo-kurumsal.svg) no-repeat center;
  background-size: 148px 157px
}
.kurumsal-kimlik-box{  width: 25%;  min-height: 150px;  background-position: center 15px;  background-repeat: no-repeat;  background-size: 79px 79px;  }
.kurumsal-kimlik-box a {  width: 100%;  height: 150px;  padding-top: 104px;  display: block;  color: #000; text-align: center;}
.kurumsal-kimlik-box.pngLogo {  background-image: url(../upload/genel/png.svg)}
.kurumsal-kimlik-box.pdfLogo {  background-image: url(../upload/genel/pdf.svg)}
.kurumsal-kimlik-box.aiLogo {  background-image: url(../upload/genel/ai.svg)}
.kurumsal-kimlik-box.epsLogo {  background-image: url(../upload/genel/eps.svg)}

.kurumsal-kimlik-alt-str {  margin-bottom: 80px}
.kurumsal-kimlik-btn {    }
 /****************************************************************************************************************************************************************************/

.alt-belge-str{margin-top:42px;}










 .kariyer-str{   }
.kariyer-stn{display: flex;flex-direction: row;flex-wrap: wrap;}
 
 
.kariyer-sol-stn{width: 32%;max-width: 350px;   border-radius:  36px 0 0 36px  ;padding:42px 36px; }
.kariyer-sag-stn{width:calc(100% - 350px);padding: 48px 36px;border-radius: 0 36px 36px 0;-webkit-border-radius: 0 36px 36px 0;-moz-border-radius: 0 36px 36px 0; min-height: 560px;}
 
.kariyer-img{margin-bottom: 32px; display: flex; justify-content: center;}
.kariyer-img img{max-width: 1000px;}
.kariyer-box{margin-bottom: 32px;}

.kariyer-btn-box{margin-bottom: 16px;}
.kariyer-btn{font: 15px 'Gilroy-Bold';  background-color: #ffd842;  height: 36px;   padding: 0 14px;   display: block;    color: #000; display: flex; justify-content: center; align-items: center; border-radius: 4px;-webkit-border-radius:4px; -webkit-transition: all .5s ease;    transition: all .5s ease;}
.kariyer-btn:hover{background-color: #000; color: #ffd842;    -webkit-transition: all .5s ease;    transition: all .5s ease;}
 /*******************************************************************************************************************************************************************************/

.ssh-img-box{margin-bottom: 32px;}





 /*******************************************************************************************************************************************************************************/
 
 /*******************************************************************/
 

/*********************************************************************************************************************/
.insan-kaynaklari-form-box{max-width: 800px;}
/*********************************************************************************************************************************************/
 .urun-list-str{}
.urun-list-stn{display: flex;flex-direction: row;flex-wrap: wrap;}
.urun-list-sol-stn{width: 32%;max-width: 350px;margin-left: -42px;}
.urun-list-sag-stn{width: 68%;}
.urun-list-orta-stn{width:100%;max-width: 200px; margin-top: -1px; margin-top: -50px;}


.urun-list-link-stn{}
.urun-list-link{font: 18px 'Gilroy-Light'; color: #1a1a1a;display: flex; height: 36px; margin-bottom: 8px; align-items: center; justify-content: flex-start;padding-right: 36px;}
.urun-list-link-sol-ok{opacity: 0; width: 26px;height: 36px;display: flex;justify-content: flex-end; align-items: center;margin-right: 16px;}
.urun-list-link:hover,.urun-list-link.secili{font: 18px 'Gilroy-Bold';}
.urun-list-link:hover>.urun-list-link-sol-ok{opacity: 1;}
.urun-list-link.secili>.urun-list-link-sol-ok{opacity: 1;}
 
 
.urun-list-box{width: calc(33.33% - 26.66px); margin-right: 40px;margin-bottom: 40px; }
.urun-list-box:nth-child(3n){margin-right: 0;}
.urun-list-img{border: 1px solid #ddd;margin-bottom: 16px;}
.urun-list-title{font: 18px 'Gilroy-Bold'; color: #000;}
.urun-list-grup-title{font: 18px 'Gilroy-Light'; color: #000;}
/*********************************************************************************************************************************/
 
 .urun-detay-str{}
.urun-detay-sol-stn{width: 32%;max-width: 350px;margin-left: -42px;}
.urun-detay-sag-stn{width: 68%;}
.urun-detay-orta-stn{width:100%;max-width: 200px; margin-top: -1px; margin-top: -50px;}

.urun-detay-bilgi-stn{display: flex;}
.urun-detay-bilgi-sol-stn{width: 50%;}
.urun-detay-bilgi-sag-stn{width: 50%;}

.urun-detay-bilgi-geri-btn-box{display: flex; justify-content: flex-end;}
.urun-detay-bilgi-geri-btn{font: 18px 'Gilroy-SemiBold';color: #000;}


.urun-detay-bilgi-title-1{font: 20px 'Gilroy-Bold'; color: #000;}
.urun-detay-bilgi-title-2{font: 19px 'Gilroy-Light'; color: #000;padding-bottom: 24px; border-bottom: 1px solid #000;}
.urun-detay-bilgi-aciklama{font: 17px 'Gilroy-Light'; color: #000;margin-top: 24px;}

.urun-detay-btn-box{display: flex;flex-direction: column; align-items: flex-start;margin-top: 24px;}
.urun-detay-btn{height: 54px; padding: 0 24px; border: 1px solid #000; border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px; font: 17px 'Gilroy-Bold';display: flex;justify-content: center;align-items: center;color: #000;margin-bottom: 20px;}
.urun-detay-btn i{margin-left: 10px; font-size: 24px;}





/*********************************************************************************************************************************************/
.sistem-diger-ozellik-str{ display: flex; align-items: center;background-color: #fff;
    padding: 42px;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    margin-top: 24px;}
.sistem-diger-ozellik-stn{display: flex; flex-direction: row;}
.sistem-diger-ozellik-sol-stn{width: 40%;}
.sistem-diger-ozellik-sag-stn{width: 60%;overflow: hidden;}
.sistem-diger-ozellik-box{font: 23px 'Gilroy-Semibold'; color: #d1d1d1; margin-bottom: 28px; cursor: pointer;}
.sistem-diger-ozellik-box:hover,.sistem-diger-ozellik-box.active{color: #ffd842;}
.sistem-diger-ozellik-box span{  opacity: 0; width: 44px; margin-right: 16px;}
.sistem-diger-ozellik-box:hover> span,.sistem-diger-ozellik-box.active> span{color: #ffd842; opacity: 1;}
.sistem-diger-ozellik-img-box{display: flex; flex-direction: row; align-items: center;}
.sistem-diger-ozellik-img{max-width: 180px; border-radius: 50%;-webkit-border-radius:50%;border:1px solid #ccc;}
.sistem-diger-ozellik-img img{border-radius: 50%;-webkit-border-radius:50%; }

/*********************************************************************************************************************************************/
 
/*********************************************************************************************************************************************/
.muzik-player-str{margin-top: 36px;}

.muzik-str{}
.muzik-player-stn{display: flex;}
.muzik-player-sol-stn{width: 448px;margin-right:42px;}
.muzik-player-sag-stn{width: calc(100% - 490px);}
.muzik-player-str {overflow-x: scroll;}
.muzik-player-str table,tr,td{border: 0;}
.muzik-player-str tr a,td a{color: #000;}
.muzik-player-str thead{background: #333;color: #fff; padding: 10px; }


 .listeGenel{ position:relative; background:#000000; float:left; width:520px; height:36px;  margin-bottom:5px; cursor:pointer;}
 .listeGenel:hover{ position:relative; background:#00b7f9; float:left; width:520px; height:36px;  margin-bottom:5px;  -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}


 .listeGenel:hover>a .playerOk{background:url(../images/page/playerOkBeyaz.png) center no-repeat;}

 .listeGenel:hover>a .sohbetAdiAlan{ color:#fff;}

 .listeGenel.active{ position:relative; background:#00b7f9; float:left; width:480px; height:30px;  margin-bottom:5px;}




 .listeGenel a{ width: 100%; height:30px; display:block;}



 .listeGenel .playerOk{position:relative;float: left;background:#000000;color: #fff;float:left;width: 36px;height: 36px;padding: 0 10px; line-height: 36px;}

 .listeGenel .sohbetAdiAlan{position:relative;float:left;width:450px;font:18px 'Gilroy-Regular';color:#fff;line-height: 36px;}


.listeGenel .indirBtn{ position:absolute; right:0px; top:0px; width:90px; height:36px; z-index:60; border-left:1px solid #fff;}

.listeGenel .indirBtn a{position:absolute;right:0px;top:0px;width:80px;height:36px;font: 18px 'Gilroy-Regular';color:#fff;line-height:36px;z-index:60;display: block;text-decoration:none;}



ul.muzik-list{list-style-type: none;border-bottom: 1px solid #ccc;}
ul.muzik-list:nth-child(2n){ background: #f6f6f6;}
ul.muzik-list a{color: #333;display: block;}
ul.muzik-list a:hover{color: #000000;}
ul.muzik-list.list-title li{position: relative; float: left;background: #333;color: #fff; padding: 10px;margin-right: 1px; }

ul.muzik-list li{position: relative; float: left;  margin-right: 1px; }
ul.muzik-list li a{padding: 10px; }
ul.muzik-list li:nth-child(1){width: calc(48% - 1px);}
ul.muzik-list li:nth-child(2){width: calc(9% - 1px);text-align: center;}
ul.muzik-list li:nth-child(3){width: calc(12% - 1px);padding: 10px;text-align: center;}
ul.muzik-list li:nth-child(4){width:calc(8% - 1px);padding: 10px;text-align: center; }
ul.muzik-list li:nth-child(5){width:calc(8% - 1px);text-align: center;  }
ul.muzik-list li:nth-child(6){width:15%;margin-right: 0;text-align: center;}
ul.muzik-list.list-title{font: 17px 'Gilroy-Bold'; color: #000000;}

/*********************************************************************************************************************************************/





.menu-baslik-str{border-bottom: 1px solid #f89521; background: url("../pageFile/menu-baslik-bg.jpg") repeat; height: 36px;}
.menu-baslik-box{width: 33.33%;}
.menu-baslik-box-4{width: 25%;}
.menu-baslik-box-2{width: 50%;}
a.menu-baslik-link{ font:16px 'Gilroy-Bold'; text-align: center;display:block;width: 100%; height: 36px;line-height: 36px;color: #000;}
a.menu-baslik-link:hover,.menu-baslik-link.secili{background-color: #f89521;color: #fff;   }

.soru-str{margin-bottom: 36px;}
h2.soru-baslik{font: 16px 'Gilroy-Bold'; color: #474747;line-height: 53px;}
h2.soru-baslik::before{content: ''; background: url("../pageFile/icon-sorular.jpg") no-repeat;width: 53px; height: 53px; position: relative; float: left;margin-right: 10px;}

h2.soru-baslik::after{content: ''; background-color:#000;;width:calc(100% - 53px); height: 1px; position: absolute; bottom:0;left: 20px;}


h1.ust-genel-baslik{font: 40px 'Gilroy-Bold'; color: #fff; text-align: right;margin-top: 170px;}


h2.genel-baslik{font: 18px 'Gilroy-Medium'; color:#333;margin-bottom: 16px;}
.fa.kurumsal-icon{margin-right: 6px;font-size: 24px;}
.kurumsal-str{margin-bottom: 24px;}

 

h2.urun-detay-baslik{font: 22px 'Gilroy-Bold';   border-bottom: 1px solid #ccc;
     
    margin-bottom: 16px;
    line-height: 36px;}
h3.urun-detay-baslik,h2.iletisim-baslik{font: 20px 'Gilroy-Bold'; border-bottom: 1px solid #ccc;padding: 6px 0;margin-bottom: 24px;}
 
.icon {
  position: relative;
  overflow: hidden;
 
  display: inline-block;
  
 
 
}

  
.tabAlan{position: relative; float: left; width: 100%;min-height:250px; }
.tabAlan ul.tabmenu{position: relative;float: left;width: 100%;z-index: 8; height: auto;list-style-type: none; margin: 0 auto; margin-bottom: 24px;}




.tabAlan ul.tabmenu li{position: relative; float: left;width: calc(33.33% - 5.33px);margin-right: 8px; background-color: #a8a8a8; color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

.tabAlan ul.tabmenu li.sutun-4{width: 25% !important;}


.tabAlan ul.tabmenu li a{width:auto; height: 50px; display: flex; justify-content: center;align-items: center;padding:10px;  font:17px 'Gilroy-Bold'; color: #fff;text-align: center;text-decoration: none; }
.tabAlan ul.tabmenu li a.fiyat-list{    line-height: 18px;  color: #aaaaaa;}



.tabAlan ul.tabmenu li a:hover,ul.tabmenu li.secili a{ background-color: #ffd842;color: #000; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;  }

 

  .gallery {  
margin-top: 36px;
    display: flex
;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
  }

  /* Her linkin çerçeve yapısı */
  .gallery a {
    display: block;
    flex: 1 1 auto;
  
  }

  /* Resimlerin yükseklik sabitliği */
  .gallery a img {
height: 300px;
    width: 100%;
    object-fit: cover;
 
  }

  .gallery a:last-child img {width: auto;
 
  }
 

 
.urun-detay-box   table { font-family: 'Gilroy-Regular';
  width: 100%;
}

.urun-detay-box   table tr  {
  /*background-color: #f2f2f2*/
}

.urun-detay-box   table tr:nth-child(2n) {
  background-color: #ebebeb
}
.urun-detay-box   table td {
  height: 42px;
  padding: 0 20px
}
.urun-detay-box   table.diger {
  width: 100%;
}
.urun-detay-box .urun-detay-box table.diger tr:nth-child(2n) {
  background-color: transparent
}
.urun-detay-box   table.diger td {
  height: 42px;
 display: flex; align-items: center;
}

.urun-detay-box   table.teleskopik-table {
  width: 100%;
}
.urun-detay-box   table.teleskopik-table tr:nth-child(2n) {
  background-color: transparent;
}
.urun-detay-box   table.teleskopik-table td {
  height: 42px;
 
}





/******************************************************************/
.tabAlan .detay-box{position: relative; float: left; width:100%;min-height:250px;padding-top: 24px; box-sizing: border-box;word-break: break-word; color: #000000;}

.tabAlan .detay-box{display: table; float: none;margin: 0 auto;width:100%;}


input[type="text"]:disabled {
  background: #fff;
}



/**
 * The "shine" element
 */

.icon:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */

.icon:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */

.icon:active:after {
  opacity: 0;
}

 
 

/************************/
ul.dokuman-list{list-style-type: none;border-bottom: 1px solid #ccc;}
ul.dokuman-list:nth-child(2n){background: #f8f8f8;}
ul.dokuman-list a{color: #333;display: block;}
ul.dokuman-list a:hover{color: #000000;}
ul.dokuman-list.list-title li{position: relative; float: left;background: #000;color: #fff; padding: 10px;margin-right: 1px; }

ul.dokuman-list li{position: relative; float: left;  padding: 10px;margin-right: 1px; }
ul.dokuman-list li:nth-child(1){width: calc(50% - 1px);}
ul.dokuman-list li:nth-child(2){width: calc(50% - 1px);}
 
ul.dokuman-list.list-title{font: 17px 'Gilroy-Bold'; color: #000000;}
/************************/


ul.teknik-destek-list{list-style-type: none;border-bottom: 1px solid #ccc;}
ul.teknik-destek-list:nth-child(2n){background: #f8f8f8;}
ul.teknik-destek-list a{color: #333;display: block;}
ul.teknik-destek-list a:hover{color: #000000;}
ul.teknik-destek-list.list-title li{position: relative; float: left;background: #333;color: #fff; padding: 10px;margin-right: 1px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

ul.teknik-destek-list li{position: relative; float: left;  padding: 10px;margin-right: 1px; }
ul.teknik-destek-list li:nth-child(1){width: calc(50% - 1px);}
ul.teknik-destek-list li:nth-child(2){width: calc(50% - 1px);margin-right: 0;}
 
ul.teknik-destek-list.list-title{font: 17px 'Gilroy-Bold'; color: #000000;}

/********************************************************************************************/

.video-box{width: calc(50% - 24px); margin-right: 24px;margin-bottom: 24px;}
.video-box:nth-child(2n){margin-right: 0;}
h3.video-baslik{font: 17px 'Gilroy-Regular'; height:36px;padding-top: 10px;}



.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

 



 

 
 
 

.altKisim{height: 393px; background: url("../images/page/altKisimBg.svg") no-repeat top center; background-size: 2560px 393px; }

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;right: 0; top:12px;}

 .alt-adres-cont{width: 270px;height: 393px;font: 13px 'Gilroy-Light';color: #fff;display: table;margin-right:24px;}
.alt-adres-box{display: table-cell; vertical-align: middle;padding-left: 18px;}
.alt-adres-box h5{ font: 13px 'Gilroy-Bold';margin-bottom:10px; }

i.alt{position: absolute;width: 14px; height: 14px; left:-22px;}

i.alt.yer{  background: url("../pageFile/yerimi-ikon.svg") no-repeat;  }
i.alt.tel{  background: url("../pageFile/tel-ikon.svg") no-repeat;  }
/**********************************************************************************/
 


.menu-alt-diger{height: 232px; background: url("../images/page/diger-ust-bg.jpg") no-repeat top center;margin-top: -30px;}

.genel-orta-str{min-height: 600px;height: auto; font: 15px 'Gilroy-Light';padding-bottom: 32px;color: #737373;}
.genel-orta-box{margin-top: 32px;}


 

 

.genel-page-title{font: 36px 'Gilroy-Bold'; color: #ffd842;margin-bottom: 36px; border-bottom: 3px solid #ffd842}
 .genel-page-title-2{font: 24px 'Gilroy-Semibold'; color: #000;margin-bottom: 36px; border-bottom: 3px solid #ffd842}

  
/*******************************/
 
/*************/

  


/***********************/

/* Accordion Menu by www.menucool.com/vertical/accordion-menu*/

#accordion {
    visibility:hidden;
}

/* root UL */
#accordion ul {
    padding:0;
    margin:0;
    list-style:none;
}

/* sub UL */
#accordion ul ul {
    /*background:#f5f5f5;*/
    padding:0px 0;
}

/*---------- Indents ------*/

/*top-level*/
#accordion .top > a, #accordion .top > div { 
    padding-left:20px;
    padding-top:12px;padding-bottom:12px;
}

/*2nd-level*/
#accordion li li > a, #accordion li li > div {
    padding-left:30px;
    padding-top:8px;padding-bottom:8px;
}

/*3rd-level*/
#accordion li li li > a, #accordion li li li > div { padding-left:50px; }


/*---------- Other styles ------*/

/* headings */
#accordion li > div{
    font-family:'Lucida Grande', Geneva, Candara, Tahoma, sans-serif;
    font-weight:bold;
    font-size:large;
    color:black;
}
#accordion .active > div{
    color:#333;
}

#accordion li {
    font-family:Arial, sans-serif;
    font-size:13px;
	padding: 0;
    margin:0;
    overflow:hidden;
	cursor: pointer;
}

/* Add borders to the top LIs */
#accordion .top {
	/*border:1px solid #000;*/
}

/* No double borders between LIs*/
#accordion li.top + li.top {
    border-top:0;
}

/* links */
#accordion a {
    color:black;
    font-weight:normal;
    font-size:13px;
    text-decoration:none;
    display:block;
    line-height:1;
    transition:all 0.3s;
}
#accordion a:hover, #accordion a.active {
    background-color:#eee;/*#ffda3f;*/
}


/* carets */
#accordion div.caret {
    color:inherit;
    display:inline-block; 
    margin-top:3px;
    /*To place the caret on the right, set: float:right;margin-top:0;*/
    width: 0;
    height: 0;background:url("../pageFile/yan-menu-cizgi.svg") no-repeat right center,#005a9e;background-size: 46px; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
}


 

#accordion li {
    -ms-user-select:none;
    -mos-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    user-select:none;
}


/*************************/

/********/

.text-type-1{font: 16px 'Gilroy-Regular';}

 




/*****************************************************************/
 
 
/************************/
   
 
 /*************************************************************************************************************************/
.demo {    width: 100%;    margin: 0px auto;	/*visibility: hidden;*/}

.options {    width: 200px;    float: left;    margin-top: 30px;}

.options h3 {    font-size: 20px;}

.options a {    padding: 12px 0;    text-align: center;    width: 100%;    margin-bottom: 10px;    display: block;    background: #535353;    color: #FFF;    text-decoration: none;}
a.backLink {    float:right;    margin-bottom:10px;}

   
/*********************************/
.ekipResimIc,.fotoBtn{margin:0 auto;display: table;}
.ekipResimIc img{border-radius: 100%;-webkit-border-radius:100%;-moz-border-radius:100%;}

label.btn-upload {
    position: relative;
    float: left;
    display: block;
    width: 100px;
    height: 27px;
    border: 1px solid #738b9e;
    background-color: #fff;
    z-index: 155;
    color: #333;
    line-height: 25px;
    text-align: center;
    font-weight: 700;
 
    top: 12px
}
.row.kisiselBilgi {
    margin-bottom: 42px
}
.col.inputDiv.resimAlti {
    margin-top: 15px
}
.inputDiv-2 {
    width: calc(50% - 6px);
    margin-right: 12px
}

.inputDiv-2:nth-child(2n){margin-right: 0;}

.inputDiv-3 {
    width: calc(32% - 3px);
    margin-right: 12px
}
.inputDiv-3:nth-child(3n){margin-right: 0;}
.inputDiv-4 {
    width: calc(25% - 3px);
    margin-right: 12px
}
.inputDiv-4:nth-child(4n){margin-right: 0;}
.inputDiv-5 {
    width: calc(20% - 12px);
    margin-right: 12px
}
.inputDiv-5:nth-child(5n){margin-right: 0;}
.inputDiv-6 {
    width: calc(16.66% - 12px);
    margin-right: 12px
}
.inputDiv-6:nth-child(6n){margin-right: 0;}
select.form-2 {
    width: 50%;
    height: 42px;
    background-color: #f7f7f7;
    font: 13px Gilroy-Light;
    color: #a6a6a6;
    padding: 0 10px;
    background-size: 9px
}

label.cvfile input{position: absolute;left: -9999px;}

span.cvFile{position: absolute;right: 0;border: 1px solid #d2d2d2;text-align: center;width: 148px;height: 36px;background-color: #b31b27;color: #fff;line-height: 36px;cursor: pointer;}
span.cvName{position: absolute;width: calc(100% - 156px);height: 36px;border: 1px solid #e8e3df;line-height: 36px;padding-left: 10px;background-color: #fff;color: #232323;}

.puanlama-str{margin-top: 6px;}

.ik-form-title {padding-bottom: 6px;
    font: 17px 'Gilroy-Bold';
    color: #000; display: flex;align-items: center;
    border-bottom: 1px solid #ccc;
    text-align: left;
    margin-bottom: 20px
}

 
.ik-label {display: flex;align-items: center;
    font: 15px 'Gilroy-Bold';
    color: #5a6771;
   height: 36px
}
label.cinsiyet {
    width: 130px
}
textarea.evAdresi {
    height: 108px
}
label.isBasvuruForm {
    margin-bottom: 0
}
 
 

  
label.tamamlayiciBilgi {
    width: 264px
}
.label-tamamlayici {
    width: 110px
}
.row.buton-aciklama {
    height: auto;

    margin-bottom: 12px;
}
 
button.isBasvuru {
    font: 15px 'Gilroy-Bold';
    background-color: #b31b27;
    height: 44px;
    padding: 0 14px;color: #fff;
    border: 1px solid #b31b27
}
button.isBasvuru:hover {
    background-color: #fff;
    color: #b31b27;
}
.label-cinsiyet {
    padding-left: 20px!important;
    padding-right: 12px!important
}
.col.cinsiyetMargin {
    margin-top: 9px
}
input[type="radio"]:checked, input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}
input[type="radio"]:checked + label, input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    padding-right: 42px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #707070;
    font-family: 'Open Sans'
}
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #008aad;
    background: #fff
}
input[type="radio"]:checked + label:after, input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #008aad;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
input[type="radio"].isBasvuru:checked + label, input[type="radio"].isBasvuru:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    padding-right: 42px;
    cursor: pointer;
    line-height: 12px;
    display: inline-block;
    color: #707070;
    font-family: 'Open Sans'
}
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #008aad;
    background: #fff
}
input[type="radio"].isBasvuru:checked + label:after, input[type="radio"].isBasvuru:not(:checked) + label:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #707070;
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}
input[type="radio"].isBasvuru:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
input[type="radio"].isBasvuru:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
input[type="radio"].isBasvuru:checked + label, input[type="radio"].isBasvuru:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    padding-right: 22px;
    cursor: pointer;
    line-height: 12px;
    display: inline-block;
    color: #707070;
    font-family: 'Open Sans'
}
input[type="radio"]:checked + label:before, input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #707070;
    background: #fff
}
input[type="radio"].isBasvuru:checked + label:after, input[type="radio"].isBasvuru:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #707070;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all .2s ease
}
input[type="radio"].isBasvuru:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}
input[type="radio"].isBasvuru:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
  .col.inputDiv{margin-bottom: 12px;}
/*****************************************************/
.anket-str{}
.anket-stn{display: flex; justify-content: center;}
.anket-form-box{max-width: 800px;}
 .anket-btn-box{margin-bottom: 16px; display: flex; justify-content: flex-end;}
.anket-btn{font: 17px 'Gilroy-Bold';  background-color: #ffd842;  height:54px;   padding: 0 14px;   display: block;    color: #000; display: flex; justify-content: center; align-items: center; border-radius: 4px;-webkit-border-radius:4px; -webkit-transition: all .5s ease;    transition: all .5s ease;}
.anket-btn:hover{background-color: #000; color: #ffd842;    -webkit-transition: all .5s ease;    transition: all .5s ease;}

.anket-genel-title {padding-bottom: 6px;
    font: 17px 'Gilroy-Bold';
    color: #000; display: flex;align-items: center;
    border-bottom: 1px solid #ccc;
    text-align: left;
    margin-bottom: 20px
}

/************************************************************************/
.mobil-uye-arama-stn{display: table;margin: 0 auto; float: none;margin-bottom: 24px;}
.mobil-dil-stn{margin-right: 15px;}

 /**************************/
.mobil-ust{background-color: #fff; height: 120px; z-index: 9999;}
    .mobil-logo{background: url("../pageFile/logo.svg") center no-repeat; height:120px;background-size: 210px;}
.mobil-logo a.logo-link{display: block;   width: 100%; max-width: 332px; height: 120px; margin: 0 auto;}


.middle-cell{display: table-cell;    vertical-align: middle;   }
.table-kulup{display: table; width: 100%; height: 100%;}
.transition-200{    -webkit-transition: all 200ms ease-in;      -ms-transition: all 200ms ease-in;        -moz-transition: all 200ms ease-in;    transition: all 200ms ease-in;}

a.link-fff{color:#fff;}

.col-left.kurumsal{width:calc( 50% - 36px);margin-right: 36px;}
.col-right.kurumsal{width: 50%; }

 
 
/***************************************************************/
.imgBox{width: 100%;height:auto;}
.imgBox.img-kurumsal{margin-bottom: 24px;}
.mr-15{margin-right: 15px;}
.mr-10{margin-right: 10px;}
.mr-0{margin-right: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
  
 


/*******************************************/
 
 
.menu-bar-stn{width: 100%;max-width: 1100px;}
.menu-bar-box{width: 50px; }
.menu-bar-icon{width: 50px; height: 30px; background: url("../pageFile/menu-bar.svg") no-repeat center; background-size: 50px 30px;}
.menu-bar-title{font: 15px 'Gilroy-Light';color: #9c9c9c;text-align: center; letter-spacing: 3px;margin-top:10px;}
/***************************************************************/
 /* Firefox */
@-moz-keyframes sekilGel {
  0% {   -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible; }

  100% {    -webkit-transform: translateX(0);
  transform: translateX(0); }
}

/* Safari & Chrome */
@-webkit-keyframes sekilGel {
  0% {   -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible; }

  100% {    -webkit-transform: translateX(0);
  transform: translateX(0); }
}

/* Opera */
@-o-keyframes sekilGel{
  0% {   -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible; }

  100% {    -webkit-transform: translateX(0);
  transform: translateX(0); }
}


.banner-sekil-btn-box{width:230px;height: 570px;position: absolute; top: 38px;  z-index: 1; right: 0; overflow-x: hidden;}
.banner-sekil-btn{display: table; cursor: pointer;width: 224px; height: 86px; background: url("../pageFile/banner-grup-sekil-1.svg") no-repeat center; background-size: 220px 86px; margin-bottom: 20px;font: 21px 'GothamNarrow-UltraItalic';color: #f55b4f; padding: 0 22px;animation-name: sekilGel;  animation-duration: 1s;   animation-timing-function: ease; animation-direction: normal;    animation-fill-mode: backwards; -webkit-transition: all 1s ease;transition: all 1s ease;right: -24px; }
.banner-sekil-btn span{display: table-cell; vertical-align: middle; height: 100%; text-align: center;}
.banner-sekil-btn:hover,.banner-sekil-btn.secili{background: url("../pageFile/banner-grup-sekil-2.svg") no-repeat center;background-size: 220px 86px;color: #000; right:-5px;-webkit-transition: all 1s ease;transition: all 1s ease }

.banner-sekil-btn.btn-sekil-1{ animation-delay: 0s;}
.banner-sekil-btn.btn-sekil-2{ animation-delay: 0.5s;}
.banner-sekil-btn.btn-sekil-3{ animation-delay: 1s;}
/*************************************************************************************************/
/* Firefox */
@-moz-keyframes sosyalBtnGel {
   0% {  right: -90px;
  visibility: visible; }

  100% {    right: 0; }
}

/* Safari & Chrome */
@-webkit-keyframes sosyalBtnGel {
  0% {  right: -90px;
  visibility: visible; }

  100% {    right: 0; }
}

/* Opera */
@-o-keyframes sosyalBtnGel{
  0% {  right: -90px;
  visibility: visible; }

  100% {    right: 0; }
}



/*************************************************************************************************/
.banner-ust-katman{width: 100%;}
.banner-text-box{display: flex; flex-direction: column;justify-content:center; font: 22px 'Gilroy-Regular'; line-height: 32px; width: 100%; height: 100%;position: absolute; left: 0; top: -14%;padding-left: 5%;}
.banner-title{font: 4.15vw 'Gilroy-Semibold';line-height: 4.15vw;margin-bottom: 20px; color: #1f1f1f;}
.banner-aciklama{font: 1.34vw 'Gilroy-Regular'; color: #1f1f1f;}




/*************************************************************************************************/

.sosyal-stn{position: absolute; bottom: 0; right: 30px; width: 30px; height: 219px;}
.sosyal-box{}
.sosyal-btn{width: 30px; height: 30px; background-image: url("../pageFile/sosyal-icon-1.svg"); background-repeat: no-repeat;background-size: 30px 219px; margin-bottom: 16px;animation-name: sosyalBtnGel;  animation-duration: 1s;   animation-timing-function: ease; animation-direction: normal;    animation-fill-mode: backwards; }
.sosyal-btn:hover{ background-image: url("../pageFile/sosyal-icon-2.svg");}

.sosyal-btn.facebook-icon{background-position: 0 -8px;animation-delay: 0s; }
.sosyal-btn.instagram-icon{background-position: 0 -52px;animation-delay: 0.3s; }
.sosyal-btn.twitter-icon{background-position:  0 -94px;animation-delay: 0.6s; }
.sosyal-btn.linkedin-icon{background-position:0 -140px;animation-delay: 0.9s; }
.sosyal-btn.youtube-icon{background-position: 0 -182px;margin-bottom:0; animation-delay: 1.2s;}

.sosyal-link{position: absolute;width: 100%; height: 100%; display: block;}
/*************************************************************************************************/
.genel-title-str{background-color: #1d1d1b;top: 18px;}
.genel-title-stn{ display: flex;flex-direction: column;}
.genel-title{font: 48px 'Gilroy-Semibold'; color: #fff;margin-bottom: 64px;margin-top: 64px;    }
.genel-title-breadcrumb{font: 19px 'Gilroy-Semibold'; color: #fff;    }
.genel-title-breadcrumb span{font-family: 'Gilroy-Light';}


.genel-title-yazi-katman{position:absolute; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; text-align: center;}
.genel-title-alt-katman{position: absolute; width: 100%; height: auto; bottom: 0;z-index: 0;}
.genel-title-mobil-alt-katman{position: absolute; width: 100%; height: auto; bottom: -1px;z-index: 0;}




/***************************************************************/


.tarihce-img-box{display: flex;justify-content: center;}
    .tarihce-img{width: 100%;margin: 28px 0; max-width: 654px;}
 
.tarihce-str {  border-bottom: 1px solid #ccc;  padding: 30px 0}
.tarihce-sol-stn {  width: 16.66%;  font-size: 24px;  font-weight: 700;  transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg);  text-align: center; font-family: 'Gilroy-Extrabold'; color: #000;}
.tarihce-sag-stn {  width: 83.34%; font-family: 'Gilroy-Regular'; color: #000;}

.belge-box{width: calc(25% - 18px); margin-right: 24px; margin-bottom: 24px; border: 1px solid #ccc;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.belge-box:nth-child(4n){margin-right: 0;}
.belge-box:hover{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}






/***************************************************************/
.iletisim-str{}
.iletisim-stn{display: flex;}
.iletisim-sol-stn{width: 50%;}
.iletisim-sag-stn{width: 50%;}
  .iletisim-title {  font: 17px Gilroy-SemiBold;  min-height: 32px;  line-height: 32px;  color: #5b5b5b;display: table;}
.iletisim-title p{  display: table-cell;vertical-align: middle;}


ul.iletisim-list {
  list-style-type: none;
  margin-bottom: 12px
}
ul.iletisim-list li.iletisim-list {
  float: left;
  min-height: 30px; display: flex; align-items: center;
 
}
 
ul.iletisim-list li.iletisim-list:nth-child(1) {
  width:136px;
  font-family: Gilroy-Bold
}
ul.iletisim-list li.iletisim-list:nth-child(2) {color: #ffd842; font-size: 24px;
  width: 32px;
  margin-right: 24px;
}
ul.iletisim-list li.iletisim-list:nth-child(3) {
  width: calc(100% - 192px);
}
ul.iletisim-list li.iletisim-list a {
  display: block;
  font-family: Gilroy-Light;
  color: #5b5b5b
}
.iletisim-map-box { border: 1px solid #ccc; background-color: #fff; padding: 5px;
  width: 100%;
  height: 320px;
	      filter: grayscale(100%);        
            -webkit-filter: grayscale(100%); 
            -moz-filter: grayscale(100%); 
            filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.iletisim-form-str{display: flex; flex-direction: column;margin-top: 64px;}
.iletisim-form-stn{display:flex;}
 .iletisim-form-sol-stn{width:calc(50% - 12px);margin-right: 24px;}
.iletisim-form-sag-stn{width: calc(50% - 12px);height:  auto;}

.iletisim-gonder-btn-box{display: flex; justify-content: flex-end;}
.iletisim-gonder-btn{font: 18px 'Gilroy-Bold'; letter-spacing: 2px; background-color: #ffd842; padding:0 24px; color: #1d1d1b;width: 164px; height: 54px !important; border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px; display: flex;justify-content: center; align-items: center;height:54px;}


/***************************************************************/
.bolge-bayi-str{margin-top: 42px;}
.bolge-bayi-stn{display: flex;flex-direction: row; flex-wrap: wrap;justify-content: center;}

.bolge-bayi-img-box{display: flex; justify-content: center; width: 100%;}
.bolge-bayi-img {width: 100%; max-width:1064px;}

.bolge-bayi-box {border: 1px solid #ccc; width: calc(50% - 12px); margin-right: 24px;margin-bottom: 24px;
  padding: 24px;
 
}

.bolge-bayi-box:nth-child(2n+1){margin-right: 0;}
.bolge-bayi-box:first-child{width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 860px;}
.bolge-bayi-title{font: 17px 'Gilroy-Semibold';
    min-height: 32px;
   
    color: #1d1d1b;
   }
 
.bolge-bayi-tarif-link {
  color: #000;
 
 
 
  display: block;
  margin-top: 8px
}
.bolge-bayi-tarif-link{display: flex; flex-direction: row; align-items: center; height: 36px;}
.bolge-bayi-tarif-link-icon{color: #ffd842; font-size: 20px; margin-right: 6px;}
.bolge-bayi-tarif-link-title{font: 17px 'Gilroy-Light';}
/***************************************************************/
.arama-sonuc-str{}
.arama-sonuc-box {display: flex; flex-direction: row; width: 100%;  min-height: 100px;  background-color: #fff;  margin-bottom: 12px; border: 1px solid #ccc;
}
.arama-sonuc-link{  width: 100%;  height: 100%;  display: table}

.arama-sonuc-incele-btn {  position: absolute;  width: 90px;  height: 28px;  font: 13px Gilroy-Bold;  color: #2a2a2a;  line-height: 28px;  right: 0;  bottom: 0}
.arama-sonuc-incele-btn::after {  content: '';  position: absolute;  width: 29px;  height: 28px;  background: url(../pageFile/i-anaHaberOk.svg) center no-repeat, #2a2a2a;  background-size: 18px 18px;  right: 0;  bottom: 0}
.arama-sonuc-sol-stn{  width: 240px;  margin-right: 18px}
.arama-sonuc-sag-stn {  width: calc(100% - 260px);  padding: 25px 18px 50px;  color: #000}
.arama-sonuc-title {  width: 100%;  font: 16px Gilroy-Semibold;  color: #000;  min-height: 18px;  margin-bottom: 10px}
 .arama-sonuc-aciklama {  font: 15px Gilroy-Light;  color: #000}
 
.arama-sonuc-img {  margin-bottom: 24px}

/***************************************************************/

.genel-orta-str{font: 17px 'Gilroy-Regular';color: #767676; padding-top: 50px;}

.kalite-belge-img{max-width: 842px; float: none; display: table; margin: 0 auto;}

.swiper-belge-galeri{overflow-x: hidden;}
/***************************************************************/
 
/***************/
.urun-liste-yan-title{font: 15px 'Gilroy-Light'; color: #737373; margin-bottom: 28px;}

.custom-urun-liste-checkbox { cursor: pointer; display:block; font-size: 16px; line-height: 26px; margin: 0 0 20px; padding: 0 0 0 40px; position: relative; }

.custom-urun-liste-checkbox input[type="checkbox"] { display: none; }

.custom-urun-liste-checkbox span.checkbox { background-color: #fff; border: solid 1px #cccccc;   cursor: pointer; display: block; height: 22px; margin: 0px; position: absolute; left: 0; top: 0px; width: 22px; }

.custom-urun-liste-checkbox input[type='checkbox']:hover + span.checkbox { background: #dbdbdb; border-color: #dbdbdb; text-align:center; }

 
.custom-urun-liste-checkbox input[type='checkbox']:checked + span.checkbox { background: #fff; border-color: #f65c50; text-align:center; }

.custom-urun-liste-checkbox input[type='checkbox']:checked + span.checkbox:before { content:"\f00c"; color:#f65c50; font: normal normal normal 16px/1 FontAwesome;left: 2px; top: 2px;position: absolute;}
/*************************************************************************************************/
 
/*************************************************************************************************/
.transition-05{-webkit-transition: all 0.5s ease;transition: all 0.5s ease}
.transition-1s{-webkit-transition: all 1s ease;transition: all 1s ease}

/***************************************************************/
.insan-kaynaklari-str{}
.insan-kaynaklari-stn{display: flex; justify-content: center;}
.ik-gonder-btn-box{display: flex; flex-direction: column;align-items: flex-end;}
.ik-gonder-btn{font: 18px 'Gilroy-Bold';    letter-spacing: 2px;    background-color: #ffd842;    padding: 0 24px;    color: #1d1d1b;    width: auto;    height: 54px !important;
    border-radius: 8px;    -webkit-border-radius: 8px;    -moz-border-radius: 8px;    display: flex;    justify-content: center;    align-items: center;    height: 54px;}
/***************************************************************/

input[type=radio]:checked, input[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px
}
input[type=radio]:checked + label, input[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  padding-right: 42px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #707070;
  font-family: 'Gilroy-Light'
}
input[type=radio]:checked + label:before, input[type=radio]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #008aad;
  background: #fff
}
input[type=radio]:checked + label:after, input[type=radio]:not(:checked) + label:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #008aad;
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
input[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}
input[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
input[type=radio].isBasvuru:checked + label, input[type=radio].isBasvuru:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  padding-right: 42px;
  cursor: pointer;
  line-height: 12px;
  display: inline-block;
  color: #707070;
  font-family: 'Gilroy-Light'
}
input[type=radio]:checked + label:before, input[type=radio]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #008aad;
  background: #fff
}
input[type=radio].isBasvuru:checked + label:after, input[type=radio].isBasvuru:not(:checked) + label:after {
  content: '';
  width: 6px;
  height: 6px;
  background: #707070;
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
input[type=radio].isBasvuru:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}
input[type=radio].isBasvuru:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
input[type=radio].isBasvuru:checked + label, input[type=radio].isBasvuru:not(:checked) + label {
  position: relative;
  padding-left: 34px;
 height: 24px;;
  cursor: pointer;
 display: flex;justify-content: flex-start; align-items: center;
 
  color: #707070;
  font-family: 'Gilroy-Light'
}
input[type=radio]:checked + label:before, input[type=radio]:not(:checked) + label:before {
  content: '';
  position: absolute;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #707070;
  background: #fff
}
input[type=radio].isBasvuru:checked + label:after, input[type=radio].isBasvuru:not(:checked) + label:after {
  content: '';
  width: 22px;
  height: 22px;
  background: #707070;
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  transition: all .2s ease
}
input[type=radio].isBasvuru:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}
input[type=radio].isBasvuru:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}



/***************************************************************/




















@media (min-width: 1367px)
{
  
     
	    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
      .mobil-banner{display: none !important;}
    	.swiper-saha-pagination{bottom:32px !important;}
 
}
@media (min-width: 1281px) and (max-width: 1366px) 
	
{
	
		    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
	
	.ana-grup-hover,.ana-grup-hover:after{ }  
	.header .logo.logo-ana{background-size: 176px 68px;}
	.header .logo {    max-width: 176px;    height: 68px;     background-size: 176px 68px;	}
		.menu-bar-stn{max-width: 754px;}
	
	.ust-menu-bar-btn{margin-left: 16px;}
	.ust-arama-stn{width: 214px;}
	.navbar ul.menu li.menu:first-child{margin-left: 20px;}
		.navbar ul.menu li.menu:last-child{margin-right: 20px;}
	
	.tanitim-film-sol-stn{min-height: 526px;}
	.ana-grup-title{font-size: 22px;}
	.tanitim-film-title{font-size: 60px; line-height: 64px;}
	.tanitim-film-aciklama{font-size: 24px; line-height: 28px;}
	
		.ebulten-stn-box{max-width: 384px;}
	.footer-menu-stn{padding:0 42px;}
	.alt-menu-box{margin-right:36px;}
	.alt-menu-link{width:auto;  }
	  
      .mobil-banner{display: none !important;}
	.haber-sol-stn{padding: 18px 0 18px 18px;}
	.haber-sag-stn{padding: 18px;}
	.haber-title{margin-bottom: 18px; font-size: 21px;-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
	.haber-aciklama{margin-bottom: 18px;}
	
	.swiper-saha-pagination{bottom: 40px !important;}
	
}
 





@media (min-resolution: 160dpi) and (min-width: 1367px) 
{

		    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
	
	.ana-grup-hover,.ana-grup-hover:after{ }  
	.header .logo.logo-ana{background-size: 176px 68px;}
	.header .logo {    max-width: 176px;    height: 68px;     background-size: 176px 68px;	}
		.menu-bar-stn{max-width: 754px;}
	
	.ust-menu-bar-btn{margin-left: 16px;}
	.ust-arama-stn{width: 214px;}
	.navbar ul.menu li.menu:first-child{margin-left: 20px;}
		.navbar ul.menu li.menu:last-child{margin-right: 20px;}
	
	.tanitim-film-sol-stn{min-height: 526px;}
	.ana-grup-title{font-size: 22px;}
	.tanitim-film-title{font-size: 60px; line-height: 64px;}
	.tanitim-film-aciklama{font-size: 24px; line-height: 28px;}
	
		.ebulten-stn-box{max-width: 384px;}
	.footer-menu-stn{padding:0 42px;}
	.alt-menu-box{margin-right:36px;}
	.alt-menu-link{width:auto;  }
	  
      .mobil-banner{display: none !important;}
	.haber-sol-stn{padding: 18px 0 18px 18px;}
	.haber-sag-stn{padding: 18px;}
	.haber-title{margin-bottom: 18px; font-size: 21px;-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
	.haber-aciklama{margin-bottom: 18px;}
	
	.swiper-saha-pagination{bottom: 40px !important;}
	.video-pagination{left: 8% !important;}
	
}



@media only screen and (min-width: 1367px) and (-webkit-min-device-pixel-ratio: 2)

{
	
		    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
	
	.ana-grup-hover,.ana-grup-hover:after{ }  
	.header .logo.logo-ana{background-size: 176px 68px;}
	.header .logo {    max-width: 176px;    height: 68px;     background-size: 176px 68px;	}
		.menu-bar-stn{max-width: 754px;}
	
	.ust-menu-bar-btn{margin-left: 16px;}
	.ust-arama-stn{width: 214px;}
	.navbar ul.menu li.menu:first-child{margin-left: 20px;}
		.navbar ul.menu li.menu:last-child{margin-right: 20px;}
	
	.tanitim-film-sol-stn{min-height: 526px;}
	.ana-grup-title{font-size: 22px;}
	.tanitim-film-title{font-size: 60px; line-height: 64px;}
	.tanitim-film-aciklama{font-size: 24px; line-height: 28px;}
	
		.ebulten-stn-box{max-width: 384px;}
	.footer-menu-stn{padding:0 42px;}
	.alt-menu-box{margin-right:36px;}
	.alt-menu-link{width:auto;  }
	  
      .mobil-banner{display: none !important;}
	.haber-sol-stn{padding: 18px 0 18px 18px;}
	.haber-sag-stn{padding: 18px;}
	.haber-title{margin-bottom: 18px; font-size: 21px;-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
	.haber-aciklama{margin-bottom: 18px;}
	
	.swiper-saha-pagination{bottom: 40px !important;}
	
}







@media (min-width: 1025px) and (max-width: 1280px) 
{		
	
	.container-menu{padding: 0 24px;}
	.container-med{margin: inherit; padding: 0 15px; max-width: 100%;}
       .mobil-header{display: none !important;}
       .mobil-banner{display: none !important;}
	    .mobil-header,.mobil-img{display: none !important;}
    .desk-header,.desk-img{display:block ;}
	
	
	.swiper-pagination.swiper-banner-pagination{margin-top: -3% !important;}
	#slide_number_1{margin-top: -32px !important;}
	.ust-menu-bar-btn{display: none;}
	.ust-arama-stn{width: 200px;}
 
    	.header{background:#fff;}
	.header .logo{max-width: 180px;}
	.navbar ul.menu li.menu .menuOk{ top: 18px;}
	.header .logo.logo-ana{background-size:176px 68px;}
	.navbar ul.menu{height: 36px;}
	.navbar ul.menu li.menu{font-size: 15px;padding: 0 9px;}
	.navbar ul.menu li.menu:first-child{margin-left: 4px;}
	.navbar ul.menu li.menu:last-child{margin-right: 24px;}
	.navbar ul.menu li.menu a.menu{height: 36px;}
	
	
	.genel-title{margin-top: 0;margin-bottom: 0;}
	
	
	
	.opening-menu{top: 30px;}
    	/********************************************************************************/
	.ana-uclu-ust-box{padding-left: 32px; background-position: 80%;}
	.ana-uclu-ust-title{font-size: 42px; line-height: 37px;}
	.ana-uclu-ust-title span{font-size: 42px;}
	
	.ana-uclu-alt-box{padding-left: 32px;}
	.ana-uclu-alt-title{font-size: 42px; line-height: 37px;}
	.ana-uclu-alt-title span{font-size: 42px;line-height: 37px;}
	
	.urun-liste-sol-stn {    width: calc(100% - 348px);}
	.urun-liste-sag-stn {    width: 320px;    margin-left: 28px;}
	
	
 /********************************************************************************/
	.urun-liste-box {    width: calc(33.33% - 24px);  }
	.urun-liste-box:nth-child(3n){margin-right: 0;}
		.urun-liste-box:nth-child(4n){margin-right:36px;}
	.urun-liste-box:nth-child(12n){margin-right:0;}
 /********************************************************************************/
	
	.urun-detay-title-str{margin-top: 16px;}
	
	
	
	
	 /********************************************************************************/
	
	.haber-box{width: calc(33.33% - 16px); margin-right: 24px; margin-bottom: 24px;}
	.haber-box:nth-child(3n){margin-right: 0;}
	.haber-box:nth-child(4n){margin-right: 24px;}
	.haber-box:nth-child(12n){margin-right: 0;}
	
	
	 /********************************************************************************/
	
	
	
	
	.mySwiper3{padding: 0 50px !important;}
	
	.tanitim-film-str{padding: 54px 0 54px;}
	.tanitim-film-ust-sol-kose-sekil{max-width: 280px;}
	.tanitim-film-sag-stn{margin: 44px 0 !important;padding: 80px 0 !important;}
	.swiper-tanitim-film{padding:0 0 !important;}
	
	
	.tanitim-film-title{font-size: 44px; line-height: 48px;}
		.tanitim-film-title span{font-size: 44px; line-height: 48px;}
	.tanitim-film-aciklama{font-size: 23px;}
	.tanitim-film-aciklama span{font-size: 44px; line-height: 48px;}
	
	.tanitim-film-btn-icon{width: 48px;height: 48px;}
	.tanitim-film-btn-title{font-size: 48px;}
	
	.nextBtn-tanitim-film{width: 136px;}
	.nextBtn-tanitim-film .next-btn-box{width: 136px  !important;}
	.nextBtn-tanitim-film .next-btn-sol-cizgi{display: none;}
 
	
	
	
	.prevBtn-tanitim-film{width: 136px; right: 164px !important;}
	.prevBtn-tanitim-film .prev-btn-box{width: 136px !important;}
	.prevBtn-tanitim-film .prev-btn-sol-cizgi{display: none;}
	
	.alt-sahada-sol-stn{margin-left: 58px;}
	.alt-sahada-hover{padding: 36px;}
	.alt-sahada-title{font-size: 18px;}
	
	.alt-sahada-izle-btn{width: 46px; height: 56px; background-size: 46px 48px; margin-bottom: 10px;}
	.alt-sahada-izle-btn-title{font-size: 24px;}
	
		
		.swiper-saha-pagination{bottom: 40px !important;}
	
	.video-pagination{display: none;}
	
	
	.sistem-diger-ozellik-box{font-size: 18px;}
	
		.footer-menu-stn{padding:0 64px;}
	.alt-menu-box{margin-right:42px;}
	.alt-menu-link{width:max-content; height: auto;}
/********************************************************************************/
	ul.alt-menu-list li{width: 100%;}
	ul.alt-menu-list li a{width: max-content; }
}
 
@media (min-width: 801px) and (max-width: 1024px) 
{  
     body{min-width: 100%; }
    .container,.container-big,.container-med{padding: 0 15px; width: 100%;max-width: 100%;}
 
	.mobilBannerBox{overflow: hidden;}
	
		.genel-title-alt-katman{display: none;}
	.genel-title-mobil-alt-katman{display: block;}
	
	
	.genel-page-title{font-size: 32px;}
		.ana-grup-stn{margin-top: 0;}
	
	.ana-haber-box{flex-direction: column;}
	.ana-haber-sol-stn{padding: 32px;width: 100%;}
	.ana-haber-sol-box{display: none;}
	.ana-haber-sag-stn{width: 100%;padding: 32px;}
	.ana-haber-img img{border-radius: 24px;-webkit-border-radius:24px;}
	
 	
	.haber-str{padding: 32px;	}
	.haber-box{flex-direction: column;width:calc(50% - 12px);margin-right: 24px;}
	.haber-box:nth-child(2n){margin-right: 0;}
	.haber-title{font-size: 22px;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
	.haber-sol-stn{padding: 32px;width: 100%;}
	.haber-sol-box{display: none;}
	.haber-sag-stn{width: 100%;padding: 32px 32px 0 32px;}
	.haber-img{width: 100%;}
	.haber-img img{border-radius: 24px;-webkit-border-radius:24px;}
	
	.ebulten-form-box{width: 420px;}
	
	
	.urun-liste-stn{ }
	.urun-liste-sol-stn{width: 100%;}
	.urun-liste-sag-stn{display: none;}
	.urun-liste-box{width: calc(33.33% - 24px);}
	.urun-liste-box:nth-child(3n){margin-right: 0;}
	.urun-liste-box:nth-child(4n){margin-right: 36px;}
	.urun-liste-box:nth-child(12n){margin-right: 0;}
	
	.medya-str{padding: 32px;}
	.medya-box{width: calc(50% - 16px); margin-right: 32px;margin-bottom: 32px;}
	.medya-box:nth-child(2n){margin-right: 0;}
	.medya-box:nth-child(3n){margin-right: 32px;}
	.medya-box:nth-child(6n){margin-right: 0;}
	.medya-title{font-size: 16px;margin-top: 16px;}
	
	
	.mySwiper3 .swiper-slide{}
	.tanitim-film-stn{padding: 36px;}
	.tanitim-film-box{flex-direction: column-reverse;}
	.tanitim-film-sol-stn{width: 100%;margin-top: 16px;display: flex; justify-content: center; min-height:460px;}
	    .tanitim-film-sag-stn {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0 !important;
    }
	
	
	    ul.alt-menu-list li {        display: flex;        justify-content: center;    }
	.alt-menu-link {        justify-content: center;    }
	.alt-menu-title::after{left: 50%; margin-left: -30px;}
	
	
	.swiper-tanitim-film{padding: 0 !important;}
	.tanitim-film-title{width: 100%; margin-bottom: 20px; text-align: center;}
	.tanitim-film-aciklama{ width: 100%; text-align: center;}
	.tanitim-film-btn-icon{width: 54px; height: 54px; margin-bottom: 16px;}
	.tanitim-film-btn-title{font-size: 36px;}
	.tanitim-film-img{max-width:100%;}
	

	.alt-sahada-stn{padding-bottom: 44px;}
	.alt-sahada-sol-stn{margin-left: 32px;}
	
	.iletisim-stn{flex-direction: column;}
	.iletisim-sol-stn{width: 100%;}
	.iletisim-sag-stn{width: 100%;}
	
    .footer-str{padding: 0; background: inherit; background-color: #000;margin-top: 1px;border-radius: 36px 36px 0 0;padding-top: 36px;}
	.footer-menu-stn{flex-direction: row;}
	.footer-stn{flex-direction: column;}
	.footer-ust-stn{flex-direction: column;padding-top: 64px;}	
	
	.alt-menu-box{width: 100%;margin-right: 0;}
	.alt-menu-link{justify-content: center;}
	
	
	.ana-uclu-ust-stn{flex-direction: column;padding: 15px;}
	.ana-uclu-ust-box{width: 100%;margin: 0 0 16px 0;}
	
	.ana-uclu-alt-stn{flex-direction: column;padding: 15px;}
	.ana-uclu-alt-box{width: 100%;margin: 0 0 16px 0;}
	
	
	.genel-title {        font-size: 32px;        margin-top: 0;        margin-bottom: inherit;    }
	

	.belge-box{width: calc(50% - 12px)}
	.belge-box:nth-child(2n){margin-right: 0;}
    .ebulten-input.adSoyad{width: 100%;margin-right: 0;margin-bottom: 12px;}
        .ebulten-input.eposta{width: 100%;margin-right: 0;z-index: 9999;}
    .ebulten-ust-str{width: 100%;padding: 0; text-align: center;}
    .ebulten-label{width: 100%;}
     label.checkbox.bulten-check{margin-top: 0;}
    .ebulten-btn-box{z-index: 9999;width: 100%;}
  .btn-ebulten{width: 100%;}
 
     .ana-urun-grup-box-container{flex-direction: column;align-items: center;}
	.ana-urun-grup-box{ margin-bottom: 24px;}
 
      /********************************************************************************/
        .col-right.teknik-stn{width: 100%;}
    .col-left.teknik-stn{margin-right: 0;width: calc(100% - 30px);}

    
       /***********/
       .ana-hakkimizda-str{margin-bottom: 36px;}
    .ana-arge-box{width:100%;margin-bottom: 24px;}
    .ana-urun-box{width:100%;min-height: auto;margin-bottom: 36px;}
    .ana-urun-box:nth-child(3n){margin-right: 0;}
       /***********/
       /*****************************************************************************************/
    .ana-sosyal-str{font-size: 28px; line-height: 31px;}
 /****************/
      
    .dil-box-str{ margin-left: 0;}
    .dil-box-stn{margin-top: 6px;}
    .btn-search{margin: 0;margin-left: 16px;}
     /***********/
        .menu-baslik-str{height: auto;}
    a.menu-baslik-link{height: auto;line-height: 22px;padding: 5px 0;}
 
    .alt-tel-box, .alt-mail-box, .alt-whatsapp-box{width: 100%;}
    .copyright-str,.copyright-box{width: 100%; text-align: center; flex-direction: column; align-items: center;}
    
    .menu-ust-str{display: none;}
 
    .galeri-box,.video-box{width: 100%;height: auto;}
    .video-box{margin-right: 0;}
    
    .referans-box{width:calc(50% - 10px);height: auto;}
    .referans-box:nth-child(2n),.referans-box:nth-child(10n){margin-right: 0 !important;}
      .referans-box:nth-child(5n){margin-right:20px;}
    
    .banner-alt-serit{height: auto;}
     .banneraltserit-str{margin-bottom: 44px; }
 
       .ust-img-box{height: 150px; background-size: 163%;}
        .mobil-logo{background-size:332px;}
 
 
    
 
	.tanitim-film-ust-sol-kose-sekil{max-width: 280px !important;}
        .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 61% !important; top: 100% !important;}
    
    
    
    	.alt-sozlesme-stn{flex-direction: row;}
	.alt-sozlesme-box{height: 36px;}

 
    
    .mobil-header,.mobil-img{display: block !important;}
    .desk-header,.desk-img{display: none;}
    
    
        .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
        .menu-alt-diger{margin-top: 0;height: 100px;}
    
    
    /********************/
    .alt-sosyal-stn{margin: 0;}
      /********************/
        .tabAlan .detay-box{width:100%;}
    .tabAlan ul.tabmenu li{width: 33.33%;}
    /*******************/
    
        /**************mobil MODAL**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
        .overlay2-content{width: 90%;max-width: 380px;}
    .uye-giris-stn{width: 100%;}
        .overlay3-content{width: 90%;}
    
    /**********************************************************/
        .yardimci-mobil-tablo{display: block !important;}
    .yardimci-desk-tablo{display: none !important;}
    
        /*****************************************************************/
    .kisiBilgi-2{width: 100% !important;}
    .ikDigerBilgi-3{width: 100% !important;}
    
       /********************************************************/ 
 
    /*******************************************************/
    
    
 
        /********************************************************/
    
        .altKisim{height: auto; background: #b31c27;}

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
    .alt-adres-cont{width:100%; height: auto;margin:0 0 24px 0;} 
    .alt-adres-cont.stn-1{margin-top:390px;} 
         /****************/
    .tanitim-btn-link{float: none;display: table; margin: 0 auto;}
    
 /****************/
 
 
    .bannerBox{ margin-top: 0; }
	
     .col.inputDiv{margin-bottom: 12px;}
       .genel-baslik{font-size: 22px;}
}

 
 

 

@media (min-width: 481px) and (max-width: 800px) 
{
 body{min-width: 100%; }
    .container,.container-big,.container-med{padding: 0 15px; width: 100%;max-width: 100%;}
 
	.mobilBannerBox{overflow: hidden;}
	
		.genel-title-alt-katman{display: none;}
	.genel-title-mobil-alt-katman{display: block;}
	
	
	.genel-page-title{font-size: 32px;}
		.ana-grup-stn{margin-top: 0;}
	
	.ana-haber-box{flex-direction: column;}
	.ana-haber-sol-stn{padding: 32px;width: 100%;}
	.ana-haber-sol-box{display: none;}
	.ana-haber-sag-stn{width: 100%;padding: 32px;}
	.ana-haber-img img{border-radius: 24px;-webkit-border-radius:24px;}
	
 	
	.haber-str{padding: 32px;	}
	.haber-box{flex-direction: column;width:calc(50% - 12px);margin-right: 24px;}
	.haber-box:nth-child(2n){margin-right: 0;}
	.haber-title{font-size: 22px;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
	.haber-sol-stn{padding: 32px;width: 100%;}
	.haber-sol-box{display: none;}
	.haber-sag-stn{width: 100%;padding: 32px 32px 0 32px;}
	.haber-img{width: 100%;}
	.haber-img img{border-radius: 24px;-webkit-border-radius:24px;}
	
	.ebulten-form-box{width: 420px;}
	
	
	.urun-liste-stn{ }
	.urun-liste-sol-stn{width: 100%;}
	.urun-liste-sag-stn{display: none;}
	.urun-liste-box{width: calc(50% - 18px);}
	.urun-liste-box:nth-child(2n){margin-right: 0;}
 
	.urun-liste-box:nth-child(3n){margin-right: 36px;}
	.urun-liste-box:nth-child(6n){margin-right: 0;}
	
	
	.medya-str{padding: 32px;}
	.medya-box{width: calc(50% - 16px); margin-right: 32px;margin-bottom: 32px;}
	.medya-box:nth-child(2n){margin-right: 0;}
	.medya-box:nth-child(3n){margin-right: 32px;}
	.medya-box:nth-child(6n){margin-right: 0;}
	.medya-title{font-size: 16px;margin-top: 16px;}
	
	
	.mySwiper3 .swiper-slide{}
	.tanitim-film-stn{padding: 36px;}
	.tanitim-film-box{flex-direction: column-reverse;}
	.tanitim-film-sol-stn{width: 100%;margin-top: 16px;display: flex; justify-content: center; min-height:460px;}
	    .tanitim-film-sag-stn {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0 !important;
    }
	
	
	    ul.alt-menu-list li {        display: flex;        justify-content: center;    }
	.alt-menu-link {        justify-content: center;    }
	.alt-menu-title::after{left: 50%; margin-left: -30px;}
	
	
	.swiper-tanitim-film{padding: 0 !important;}
	.tanitim-film-title{width: 100%; margin-bottom: 20px; text-align: center;}
	.tanitim-film-aciklama{ width: 100%; text-align: center;}
	.tanitim-film-btn-icon{width: 54px; height: 54px; margin-bottom: 16px;}
	.tanitim-film-btn-title{font-size: 36px;}
	.tanitim-film-img{max-width:100%;}
	
	.alt-sahada-stn{padding-bottom: 44px;}
	.alt-sahada-sol-stn{margin-left: 32px;}
	
	.iletisim-stn{flex-direction: column;}
	.iletisim-sol-stn{width: 100%;}
	.iletisim-sag-stn{width: 100%;}
	
    .footer-str{padding: 0; background: inherit; background-color: #000;margin-top: 1px;border-radius: 36px 36px 0 0;padding-top: 36px;}
	.footer-menu-stn{flex-direction: column;}
	.footer-stn{flex-direction: column;}
	.footer-ust-stn{flex-direction: column;padding-top: 64px;}	
	
	.alt-menu-box{width: 100%;margin-right: 0;}
	.alt-menu-link{justify-content: center;}
	
	
	.ana-uclu-ust-stn{flex-direction: column;padding: 15px;}
	.ana-uclu-ust-box{width: 100%;margin: 0 0 16px 0;}
	
	.ana-uclu-alt-stn{flex-direction: column;padding: 15px;}
	.ana-uclu-alt-box{width: 100%;margin: 0 0 16px 0;}
	
	
	.genel-title {        font-size: 32px;        margin-top: 0;        margin-bottom: inherit;    }
	

	.belge-box{width: calc(50% - 12px)}
	.belge-box:nth-child(2n){margin-right: 0;}
    .ebulten-input.adSoyad{width: 100%;margin-right: 0;margin-bottom: 12px;}
        .ebulten-input.eposta{width: 100%;margin-right: 0;z-index: 9999;}
    .ebulten-ust-str{width: 100%;padding: 0; text-align: center;}
    .ebulten-label{width: 100%;}
     label.checkbox.bulten-check{margin-top: 0;}
    .ebulten-btn-box{z-index: 9999;width: 100%;}
  .btn-ebulten{width: 100%;}
 
     .ana-urun-grup-box-container{flex-direction: column;align-items: center;}
	.ana-urun-grup-box{ margin-bottom: 24px;}
 
      /********************************************************************************/
        .col-right.teknik-stn{width: 100%;}
    .col-left.teknik-stn{margin-right: 0;width: calc(100% - 30px);}

    
       /***********/
       .ana-hakkimizda-str{margin-bottom: 36px;}
    .ana-arge-box{width:100%;margin-bottom: 24px;}
    .ana-urun-box{width:100%;min-height: auto;margin-bottom: 36px;}
    .ana-urun-box:nth-child(3n){margin-right: 0;}
       /***********/
       /*****************************************************************************************/
    .ana-sosyal-str{font-size: 28px; line-height: 31px;}
 /****************/
      
    .dil-box-str{ margin-left: 0;}
    .dil-box-stn{margin-top: 6px;}
    .btn-search{margin: 0;margin-left: 16px;}
     /***********/
        .menu-baslik-str{height: auto;}
    a.menu-baslik-link{height: auto;line-height: 22px;padding: 5px 0;}
 
    .alt-tel-box, .alt-mail-box, .alt-whatsapp-box{width: 100%;}
    .copyright-str,.copyright-box{width: 100%; text-align: center; flex-direction: column; align-items: center;}
    
    .menu-ust-str{display: none;}
 
    .galeri-box,.video-box{width: 100%;height: auto;}
    .video-box{margin-right: 0;}
    
    .referans-box{width:calc(50% - 10px);height: auto;}
    .referans-box:nth-child(2n),.referans-box:nth-child(10n){margin-right: 0 !important;}
      .referans-box:nth-child(5n){margin-right:20px;}
    
    .banner-alt-serit{height: auto;}
     .banneraltserit-str{margin-bottom: 44px; }
 
       .ust-img-box{height: 150px; background-size: 163%;}
        .mobil-logo{background-size: 286px;}
 .mobil-logo a.logo-link{max-width:286px;}
 
    
 
	.tanitim-film-ust-sol-kose-sekil{max-width: 280px !important;}
        .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:6px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
    .swiper-button-next, .swiper-button-prev{margin-top: 61% !important; top: 100% !important;}
    
    
    
    	.alt-sozlesme-stn{flex-direction: column;}
	.alt-sozlesme-box{height: 36px;}

 
    
    .mobil-header,.mobil-img{display: block !important;}
    .desk-header,.desk-img{display: none;}
    
    
        .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
        .menu-alt-diger{margin-top: 0;height: 100px;}
    
    
    /********************/
    .alt-sosyal-stn{margin: 0;}
      /********************/
        .tabAlan .detay-box{width:100%;}
    .tabAlan ul.tabmenu li{width: 33.33%;}
    /*******************/
    
        /**************mobil MODAL**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
        .overlay2-content{width: 90%;max-width: 380px;}
    .uye-giris-stn{width: 100%;}
        .overlay3-content{width: 90%;}
    
    /**********************************************************/
        .yardimci-mobil-tablo{display: block !important;}
    .yardimci-desk-tablo{display: none !important;}
    
        /*****************************************************************/
    .kisiBilgi-2{width: 100% !important;}
    .ikDigerBilgi-3{width: 100% !important;}
    
       /********************************************************/ 
 
    /*******************************************************/
    
    
 
        /********************************************************/
    
        .altKisim{height: auto; background: #b31c27;}

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
    .alt-adres-cont{width:100%; height: auto;margin:0 0 24px 0;} 
    .alt-adres-cont.stn-1{margin-top:390px;} 
         /****************/
    .tanitim-btn-link{float: none;display: table; margin: 0 auto;}
    
 /****************/
 
 
    .bannerBox{ margin-top: 0; }
	
     .col.inputDiv{margin-bottom: 12px;}
       .genel-baslik{font-size: 22px;}
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%; }
    .container,.container-big,.container-med{padding: 0 15px; width: 100%;max-width: 100%;}
	.genel-page-title{font-size: 32px;}

    
    .mobil-header,.mobil-img{display: block !important;}
    .desk-header,.desk-img{display: none;}
	.mobil-logo a.logo-link{max-width: 210px;}
	
	
		.genel-title-alt-katman{display: none;}
	.genel-title-mobil-alt-katman{display: block;}
	
	
	.container-menu{padding: 16px 0;}
	.header .logo{display: table; float: none;margin: 0 auto;width:220px;background-size: 100%; margin-bottom: 16px;}
	.menu-bar-stn{float: none; display: table; margin: 0 auto;margin-bottom: 16px;}
	.dropdownDil{float: none  !important; display: table  !important; margin: 0 auto !important;margin-bottom: 16px;}

	.genel-title-stn{height: auto;padding-top: 0;}
	
	.ust-sag-btn-stn{flex-direction: row; flex-wrap: wrap; justify-content: center;}
	
	.ana-uclu-ust-title,.ana-uclu-ust-title span{font-size: 32px; line-height: 32px;}
	.ana-uclu-ust-title{margin-bottom: 18px;}
	.ana-uclu-ust-aciklama{font-size: 16px;}
	
	.ana-uclu-alt-box{height: 214px;}
	.ana-uclu-alt-title,.ana-uclu-alt-title span{font-size: 32px; line-height: 32px;}
	.ana-uclu-alt-title{margin-bottom: 18px;}
	.ana-uclu-alt-aciklama{font-size: 16px;}
	
	
	.urun-liste-stn{flex-direction: column;}
	.urun-liste-sag-stn{display: none;}
	
	
	
	
	
	
	.kurumsal-kimlik-box{width: 50%;}
	
	.footer-ust-sekil{top: -1px !important;}
	.footer-ust-stn{flex-direction: column;}
	.footer-logo{max-width: 264px;}
	
	.swiper-sahada-{padding-bottom: 32px;}
	.alt-sahada-sekil{bottom: -1px !important;}
	
	.ana-uclu-ust-stn{flex-direction: column; padding:  15px;}
	.ana-uclu-ust-box{width:100%;padding: 24px; margin: 0 0 16px 0 !important; height: 214px !important; }
	
 
	
	.ana-uclu-alt-stn{flex-direction: column; padding: 15px}
	.ana-uclu-alt-box{ width:100%;padding: 24px; margin: 0 0 16px 0 !important;}
	
	
	 .prevBtn-ana-haber{width: 32px !important; height: 32px !important; left:  inherit !important;margin-right: 0 !important;  bottom: inherit !important; top: 68px !important;      background-repeat: no-repeat !important; justify-content: flex-start !important; right: 48px !important;}
 
.prevBtn-ana-haber .prev-btn-ok{display: flex; justify-content: flex-start;font-size: 32px; position: absolute; width: 32px; height: 32px;  right: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

 



.nextBtn-ana-haber{width: 32px !important; height: 32px !important;  margin-right: 0; right: 0 !important; bottom: inherit !important; top:68px !important;   width: 32px !important; height: 32px !important;background-repeat: no-repeat !important;  ;}

 
.nextBtn-ana-haber .next-btn-ok{display: flex; justify-content: flex-end;font-size: 32px; position: absolute; width: 32px; height: 32px;  right: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

	
	
	.alt-sahada-genel-title-box{margin-bottom: inherit; margin: 32px 0;}
	.alt-sahada-sol-stn{margin-left: 12px;}
	
	
	
	.belge-box{width: calc(50% - 12px); margin-right: 24px;}
	.belge-box:nth-child(2n){margin-right: 0;}
	
	
	.swiper-tanitim-film{padding: 0 !important;}
	
	
	.ana-grup-stn{margin-top: 0; padding: 0 42px !important;  }
	.ana-grup-box.alt-grup-box .ana-grup-box-img{margin-top: 50%;}
	
	
	.nextBtn-ana-grup{width: 32px !important; height: 32px !important; background-size: 24px 24px !important; right: 0 !important;}
	.prevBtn-ana-grup{width: 32px !important; height: 32px !important; background-size: 24px 24px !important; left: 0 !important;}
	
	.prevBtn-ana-grup .prev-btn-ok{width: 32px !important; height: 32px !important;top: 0; left: 0;font-size: 32px !important;}
		.nextBtn-ana-grup .next-btn-ok{width: 32px !important; height: 32px !important;top: 0; left: 0; font-size: 32px !important;}
	
	
	.bayi-stn{flex-direction: column;}
	.bayi-box{width: 100%; margin-right: 0; margin-bottom: 24px;}
	
	.alt-bayi-sol-stn{text-align: center;display: flex; flex-direction: column; justify-content: center; align-items: center;}
	
	
	
	.bannerBox{margin-top: 0;}
	.mobilBannerBox{overflow:hidden !important;}
	.overlay-down-menu-content{flex-direction: column;}
	
	
	.alt-sahada-stn{padding-bottom: 36px;}
	.ana-serit-hover-title{font-size: 36px; line-height: 36px; margin-bottom: 5%;}
	.ana-serit-hover-aciklama{font-size: 20px;}
	.swiper-saha-pagination{bottom: -8px !important;}
	
	.ana-haber-genel-title{font-size: 28px; text-align: center;align-items: center;}
	.ana-haber-box{flex-direction: column;}
	.ana-haber-sol-stn{padding: 32px;width: 100%;}
	.ana-haber-sol-box{display: none;}
	.ana-haber-sag-stn{width: 100%;padding: 32px;}
	.ana-haber-img{width: 100%;}
	.ana-haber-img img{border-radius: 24px;-webkit-border-radius:24px;}
	
	.tanitim-film-ust-sol-kose-sekil{width: 36%;}
	.tanitim-film-str{margin-top: 0;}
	.tanitim-film-stn{padding: 0;}
	.tanitim-film-box{flex-direction: column-reverse;}
	.tanitim-film-sol-stn{width: 100%;margin-top: 16px;display: flex; justify-content: center;min-height: auto;}
	.tanitim-film-sag-stn{width: 100%; height: auto; display: flex; justify-content: center;margin: 0;padding: inherit;}
	.tanitim-film-title{width: 100%;font-size: 32px; line-height: 36px;margin-bottom:16px; text-align: center;}
	.tanitim-film-title span{font-size: 32px; line-height: 36px;}
	.tanitim-film-aciklama{ width: 100%; text-align: center; height: auto; font-size: 24px;}
	.tanitim-film-aciklama span{font-size: 24px; line-height: 28px;}
	.tanitim-film-btn-icon{width: 32px; height: 32px; margin-bottom: 8px;}
	.tanitim-film-btn-title{font-size: 28px;}
	.tanitim-film-img{max-width: 100%;}
	.nextBtn-tanitim-film,.prevBtn-tanitim-film{display: none !important;}
	
	
		.mySwiper3{padding: 0 !important; margin-top: -54px;}
	.tanitim-film-sol-stn{padding: 0 0 60px;}
	.video-pagination {
    transform: inherit!important;
    left: inherit!important;
    top: inherit !important; bottom: 13px !important;
	}
	
	
	
	
	
	
	
	.alt-dunya-box{padding: 36px;justify-content: center; text-align: center;}
	
	.alt-bayi-str{margin: 54px 0;}
	.alt-bayi-stn{padding: 21px;}
	.alt-bayi-btn{font-size: 18px;}
	.alt-bayi-title{font-size: 38px; line-height:44px;margin-bottom: 20px;}
.alt-bayi-bg-stn{margin: inherit;background: url("../pageFile/alt-bayi-mobil-bg.png") no-repeat center;background-size: cover !important;padding:  64px 0;}
	.alt-bayi-aciklama{margin-bottom: 64px;}
	
	
	.haber-str{padding: 0;	}
		.haber-box{flex-direction: column;width: 100%;margin-right: 0;}
	.haber-title{font-size: 22px;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}
	.haber-sol-stn{padding: 32px;width: 100%;}
	.haber-sol-box{display: none;}
	.haber-sag-stn{width: 100%;padding:   32px;}
	.haber-img{width: 100%;}
	.haber-img img{border-radius: 24px;-webkit-border-radius:24px;}
	
	
	.urun-detay-title-str{padding: 0 15px;}
	.urun-detay-title-stn{flex-direction:column;align-items: center;}
	.urun-detay-title-sol-stn{width: 100%;margin-bottom: 16px;}
	.urun-detay-title-sag-stn{justify-content: center;}
	.urun-detay-title-box{width: 100%;text-align: center;}
 
	.urun-detay-ozellik-stn{flex-direction: column-reverse;}
	.urun-detay-ozellik-sol-stn{width: 100%;display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
	.urun-detay-ozellik-sag-stn{width: 100%;justify-content: center;margin-bottom: 24px;padding: 0 15px;}
	.urun-detay-ozellik-btn-stn{flex-direction: row;}
	.urun-detay-ozellik-btn-box.standart-btn-box{margin-bottom: 0;margin-right: 16px;}
 

	.iletisim-str{padding: 32px;}
	.iletisim-title-1{font-size: 32px;}
	.iletisim-title-2{font-size: 24px;}
	.iletisim-ic-str{flex-direction: column-reverse;}
	.iletisim-sol-stn{width: 100%; margin-right: 0;}
	.iletisim-sag-stn{width: 100%;margin-bottom: 32px;}
	.iletisim-form-sol-stn{width: 100%; margin-right: 0;}
	.iletisim-form-sag-stn{width: 100%;}
	
	
 
	
	.footer-str{padding: 0; background: inherit; background-color: #000;margin-top: 0;border-radius: 36px 36px 0 0;padding-top: 36px;}
	
	
	
	
	.kurumsal-stn{flex-direction: column;}
	.kurumsal-sol-stn,.kurumsal-sag-stn{width: 100%;}
	.kurumsal-sol-stn{margin-bottom: 32px;}
	
	.kurumsal-link:hover, .kurumsal-link.secili,.kurumsal-link{font-size: 17px !important;}
	
	
	.medya-str{padding: 32px;}
	.medya-box{width: 100%; margin-right: 0;}
	.medya-title{    font-size: 16px;    margin-top: 16px;}
	
	.ana-grup-stn{flex-direction: column-reverse;margin-bottom: 42px;}
	.ana-grup-orta-stn{display: none;padding: 0 46px;}
	.ana-grup-sag-stn{width: 100%; border-radius: 24px 24px 0 0 ;-webkit-border-radius: 24px 24px 0 0 ;-moz-border-radius: 24px 24px 0 0 ;}
	.ana-grup-sol-stn{width: 100%;padding: 0 24px 24px;border-radius:0 0 24px 24px;-webkit-border-radius: 0 0 24px 24px;-moz-border-radius: 0 0 24px 24px ; }
	
	.ana-grup-box{width: 100%;margin-right: 0;min-height: auto;}
	.ana-grup-box.alt-grup-box{width: 100%;margin-right: 0;}
	.ana-grup-alt-stn{flex-direction: column;}
	.ana-grup-sol-tumleme{display: none;}
	.ana-grup-title{font-size: 24px;}
	.ana-grup-box{font-size: 21px;}
	
	
 
	.ana-kurumsal-stn{flex-direction: column;}
	.ana-kurumsal-sol-stn{width: 100%;padding-right: 0;}
	
	.ana-kurumsal-dikey-title{word-wrap:normal;width: 100%;}
	.ana-kurumsal-sag-stn{width: 100%;}
	.ana-kurumsal-aciklama{padding-left: 0;}
	
	
	.ana-uclu-stn{flex-direction: column;}
	.ana-uclu-box{width: 100%; margin-right: 0;margin-bottom: 30px;}
	.ana-uclu-alt-btn-box{justify-content: center;}
	
	.ana-uygulama-alt-stn{justify-content: space-between;}
	.ana-uygulama-alt-sag-stn{width: calc(50% - 36px);margin-top: 56px;}
	.ana-uygulama-alt-sol-stn{margin-bottom: 40px;}
	
	.footer-menu-stn{flex-direction: column;}
	.footer-stn{flex-direction: column;}
	.alt-menu-box{width: 100%;margin-right: 0;margin-bottom: 36px;}
	
	.alt-menu-link{justify-content: center;}
	
	ul.alt-menu-list li{display: flex; justify-content: center;}
	.alt-menu-title::after{left: 50%; margin-left: -30px;}
	
	.alt-sozlesme-stn{flex-direction: column;}
	.alt-sozlesme-box{height: 36px;}
	.copyright-str{flex-direction: column;align-items: center;}
	.copyright-stn{flex-direction: column;}
	.copyright-icon{margin-right: 0;}
	
	
	
	.etkinlik-takvim-stn{flex-direction: column;}
	.etkinlik-takvim-box{width: 100%; margin-right: 0;}
	
	.bolge-bayi-box{width: 100%; margin-right: 0;}
	
	.ebulten-stn-box{margin-top: 0;}
	.ebulten-genel-aciklama{text-align: center;}
	.alt-menu-box.ebulten-stn-box{width: 100%;}
	#emailkayit{width: 100%;}
	    .ebulten-input.adSoyad{width: 100%;margin-right: 0;margin-bottom: 12px;}
    .ebulten-input.eposta{width: 100%;margin-right: 0;z-index: 9999;}
    .ebulten-ust-str{width: 100%;padding: 0; text-align: center;}
    .ebulten-label{width: 100%;}
     label.checkbox.bulten-check{margin-top: 0;}
    .ebulten-btn-box{z-index: 9999;width: 100%;}
    .ebulten-form-box,.btn-ebulten{width: 100%;}
	.ebulten-form-box{flex-direction: column;}
	.ebulten-btn-box{margin-left: inherit;}
	.btn-ebulten{padding-left:0;}
	
	
	.alt-whatsapp-stn{flex-direction: column;}
	
	.alt-whatsapp-box{flex-direction: column;align-items: center; text-align: center;}
	
	.alt-whatsapp-icon {    width:64px;    height: 64px; margin-right: 0;}
	.alt-whatsapp-sag-stn{text-align: center;}
	
	
 
	.cd-headline.slide{padding: 0 36px;}
	
	
	.urun-list-stn{flex-direction: column;width: 100%;}
	.urun-list-sag-stn{width: 100%;}
	.urun-list-box{width: 100%;}
	
	.urun-detay-stn{flex-direction: column;}
	.urun-detay-sol-stn{width: 100%;}
	.urun-detay-sag-stn{width: 100%;}
	.urun-detay-bilgi-stn{flex-direction: column;}
	.urun-detay-bilgi-sol-stn,.urun-detay-bilgi-sag-stn{width: 100%;}
	
	.urun-detay-btn-box{align-items: center;}
	
	.tabAlan ul.tabmenu li{margin-right: 0;margin-bottom: 8px;}
	
    .ana-urun-grup-box-container{flex-direction: column;align-items: center;}
	.ana-urun-grup-box{ margin-bottom: 24px;}
	.ana-urun-grup-genel-title{font-size:32px; }
	.ana-urun-grup-title{font-size: 24px;}
	.ana-kurumsal-title{font-size: 26px;}

        /*****************************************************************************************/
	.iletisim-stn{flex-direction: column;}
	.iletisim-form-stn{flex-direction: column;}
	/*****************************************************************************************/
 
	.genel-ust-aciklama-str, .genel-ust-aciklama-iletisim-str{padding: 50px 0;}
	.ana-kurumsal-str{padding-top: 100px;}
 
	.alt-logo-box{float: none;display: table; margin: 0 auto;}
 
	.alt-iletisim-box{ float: none; display: table; margin: 0 auto 24px;margin-right: auto !important;}
	.alt-sosyal-box{float: none; display: table; margin: 24px auto 0; top: 24px;}
/*****************************************************************************************/	
	.urun-liste-sol-stn,.urun-liste-sag-stn{width: 100%; margin-right: 0;}	
	.urun-liste-sag-stn{margin-left: 0 !important; }
	.urun-liste-box{width: 100%;}
/**************/
	.urun-detay-sol-stn,.urun-detay-sag-stn{width: 100%;margin-right: 0;}
	.urun-detay-ozellik-label,.urun-detay-ozellik-span{width: 100%;}
/*****************************************************************************************/
	.overlay-sosyal-icon-box{display: none;}
	.overlay-menu-stn{width: 100% !important;}
	.overlay-menu-liste-stn{display: none;}
	.overlay-menu-logo{width:260px !important; left: 50% !important; margin-left: -130px !important; height: 100px !important; margin-top: 0 !important;}
	
	
	/*****************************************************************************************/
	.genel-title-str{min-height: 180px !important; height: auto;}
	.genel-title-yazi-katman{align-items:  center;}
	.genel-title{font-size:18px;margin-top: 0; margin-bottom: inherit;}
	.genel-title-small{font-size: 16px;}
	.ana-akilli-arama-str{padding: 60px 0;}
	.ana-akilli-arama-title{font-size: 30px; text-align: center;}
	.ana-akilli-arama-title::after{left: 50%; margin-left: -93px;}
	.ana-arama-form-stn{margin-top: 40px;}
	
	.ana-arama-btn-box{float: none;display: table; margin:0 auto;top: 24px;}
	.ana-arama-form-aciklama{text-align: center;}
	
	.genel-ust-aciklama, .genel-ust-iletisim-aciklama{font-size: 28px;}
	        /*****************************************************************************************/
	.col-left.iletisim,.col-right.iletisim{width: 100%; margin-right: 0;} 
        /*****************************************************************************************/
	.urun-detay-geri-btn-box {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

 
     /****************/
    .tanitim-btn-link{float: none;display: table; margin: 0 auto;}
    
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
    .genel-baslik{font-size: 22px;}
      /****************/
    
    .alt-iletisim-stn,.alt-stn,.alt-sol-stn,.alt-logo-stn,.alt-sosyal-stn{width: 100%;}
    
 
    
    
    .alt-stn,.alt-logo-stn{margin-right: 0;}
    .alt-stn{margin-bottom: 24px;}
    .alt-logo-stn{background-position: center;margin-bottom: 16px;}
    .sosyal-text{text-align: center;}
    .alt-sosyal-alan{float: none;margin: 0 auto; display: table;}
 
    .copyright-box{text-align: center;width: 100%;}
	.design-str{justify-content: center;}
    .menu-ust-str{display: none;}
   /***********/
    .dil-box-str{ margin-left: 0;}
    .dil-box-stn{margin-top: 6px;}
    .btn-search{margin: 0;margin-left: 16px;}
 
  
    /***********/
 
    
    .urun-box{width:100%;margin-right: 0;margin-bottom: 36px;}
    h1.urun-title,h2.urun-title{text-align: center;}
    .urun-btn{float: none; display: table;margin: 0 auto;}
    
    .tanitim-btn-box{float: none;display: table;margin: 0 auto;}
    
    
    .col-left.urun-detay-box,.col-right.urun-detay-box{width: 100%;margin-left: 0;}
    h2.urun-detay-title,h3.urun-detay-title-2,.urun-detay-content{text-align: center;}
    /*****************************************************************************************/
    .col-left.teknik-stn,.col-right.teknik-stn{width: 100%;}
    /*****************************************************************************************/
        .galeri-box,.video-box{width: 100%;height: auto;}
    .video-box{margin-right: 0;}
 
/***********/
    .ana-urun-box{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .ana-urun-btn{margin: 0 auto;}
     /***********/
    
    .ana-sosyal-str{font-size:22px;}
    
        /***********/
    .ana-uclu-str{padding:0 24px;}
    .ana-uclu-box{width: 100%; margin-right: 0;margin-bottom: 36px;}
    /************************/
        .tabAlan .detay-box{width:100%;}
    .tabAlan ul.tabmenu li,.tabAlan ul.tabmenu li.sutun-4{width: 100% !important;}
    /***********/
    .ust-img-box{height: 150px; background-size: 163%;}
    .mobil-logo{background-size: 210px;}
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
 
    /*****************************************************************/
    .kisiBilgi-2{width: 100% !important;}
    .ikDigerBilgi-3{width: 100% !important;}
       /********************************************************/ 
 
    /********************************************************/
 
    
    
 
    
    .col-left.kurumsal,.col-right.kurumsal{width: 100%;}

    .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
 
.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;left: 50%;margin-left: -123px; top:12px;}
  

 
     
  .col.inputDiv{margin-bottom: 12px;}
  
    
    .inputDiv-2,.inputDiv-3 {width: 100%; margin-right: 0;}
        /*****************************************************************************************/
	
 
    }
    
 
/*************************************************************************************************************************************************/


.radius-5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius-10{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.radius-15{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}


.on_izleme_hata {
	position: absolute;
	font: 9pt Arial;
	min-width: 200px;
	height: auto;
	width: auto;
	padding: 0 10px;
	min-height: 30px;
	left: 30%;
	top: -22px;
	color: #FFF;
	text-align: center;
	background: -webkit-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -moz-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -ms-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: linear-gradient(180deg, #F70505 5%, #8F0808 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70505', endColorstr='#8F0808');
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 2px 10px 0 #616161;
	-moz-box-shadow: 0 2px 10px 0 #616161;
	box-shadow: 0 2px 10px 0 #616161;
	display: table
}


 

.on_izleme_hata p {
	display: table-cell;
	vertical-align: middle
}
.on_izleme_hata:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	border-style: solid;
	border-width: 7px 9px 0;
	border-color: #8f0808 transparent;
	display: block;
	width: 0;
	z-index: 1
}