@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}

:before, *:after {
    -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;
}

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 'EurostileNextLTPro-Regular';    color: #707070}
select {    height: 50px;    padding-right: 34px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    font-family: 'EurostileNextLTPro-Regular';
    background: url(../pageFile/selectOk.svg) no-repeat 94% center, #fff;    background-size: 12px 6px;}
textarea {    padding-top: 10px;    display: block}
 
.inputDiv{width: 100%;margin-bottom: 16px;}

input[type="text"].transparent{border: 1px solid #fff; background-color: transparent;font: 15px 'GothamNarrow-Book';color: #fff;}
input[type="password"] {    width: 100%;    height: 50px;    border: 1px solid #738b9e;    padding-left: 12px;    font: 15px 'GothamNarrow-Book';    color: #707070}
.w100{width: 100%;}
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;}

.whatsapp-btn {
  width: 154px;
  height: 36px;
  position: fixed;
  right: 16px;
  bottom: 36px;
  background: url(../pageFile/whatsappBtn.svg) no-repeat center;
  background-size: cover;
  z-index: 9999999
}
.whatsapp-btn a {
  display: table;width: 100%; height: 100%;
}






.pull-left{float: left !important;}
.pull-right{float: right !important;}
.row {    width: 100%;    min-height: 5px}

.container {    position: relative;        height: auto;    margin-left: auto;    margin-right: auto;max-width: 1180px;}

.row, .col-left, .col-right, .col, h1, h2, h3, h4, h5 {    position: relative;    float: left;    height: auto}


.header{ }
header{background-color: #fff;}
.diger-header{background-color: #ececec} 


.ust-head-line{height: 2px; background-color: #009640;}
.menu-ust-str{height: 38px;}

.ust-tel{position: absolute; top:0px; right: 0; width: auto; height: 22px;font: 18px 'Roboto-Light';}
.ust-tel span{font-family: 'Montserrat-Bold';}
.ust-tel a{color: #464646;}
.ust-tel-box,.ust-mail-box,.ust-whatsapp-box{width:184; height:36px;font: 15px "Roboto-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-btn-grup{ float: right; height: 82px; display: flex; align-items: center;}


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


.navbar { display: flex; justify-content: space-between;
    position: relative;float: left;
   
    height:auto;
    z-index: 25;
    width: 100%;
}

.navbar .logo{z-index: 10;width:204px;height:82px; background: url(../pageFile/logo.svg) no-repeat center;background-size:178px 60px;}
.navbar .logo a{ width:100%; height: 100%; display: block;}
 .navbar ul.menu {display: flex; align-items: center;
    background: url("../pageFile/ust-menu-bg.svg") repeat;
    /* padding: 24px 0; */
    position: relative;
    float: left;
    list-style-type: none;
    display: flex;
    height: 106px;margin-right: 0;
 
}
.navbar ul.menu li.menu {
    position: relative;
    float: left;
  
    font: 15px 'EurostileNextLTPro-SemiBold';
    
}
.navbar ul.menu li.menu:first-child {
    margin-left:20px
}
 

 

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

.navbar ul.menu li.menu .menuOk {
    position: absolute;
    top: 22px; right: 8px;
    width: 14px;
    height: 8px;
    background: url('../pageFile/menuOk.svg') no-repeat center;
    background-size: 13px;
    right: 0;
}
.navbar ul.menu li.menu a.menu {width: 100%; display: flex;align-items: center;padding: 0 16px;margin: 0 16px; text-decoration: none;color: #0f8d45;  height: 50px;}
.navbar ul.menu li.menu:hover a.menu {color: #d62f4c; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;z-index: 15;      }
 

 
 .navbar ul.menu li.menu .ucgen {content: '';position: absolute; top: 0; left: 0;width: 100%; height: 100%; border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px; border: 1px solid #d62f4c;   ;transition: all 0.5s ease;    -webkit-transition: all 0.5s ease;opacity: 0;z-index: -1;} 
 
 

 
.navbar ul.menu li.menu:hover .ucgen {content: '';position: absolute; top: 0; left: 0;  transition: all 0.5s ease;    -webkit-transition: all 0.5s ease;opacity: 1;} 




.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 {
  position: absolute;
  z-index: 999999999;
  display: none;
  background-color: #f77800;
  top: 46px;width: 400px;
  left: 0px;padding: 0;
}

.opening-menu.kurumsal-open{width: 250px;}



.navbar ul.menu li.menu:hover > .opening-menu {
  display: block;
  transition: all 2s linear;
  -webkit-transition: all 2s linear
}
.col.list-open-menu {
  width: 100%;
  height: auto
}
.col.list-open-menu.urunler {
  width: 316px
}
.col.list-open-menu h5.kategori-name, .col.list-open-menu h5.kategori-name a {
  font: 16px Montserrat-Bold;
  color: #3c3c3b
}
.col.list-open-menu ul.list-open-menu {
  list-style-type: none;
  width: 100%;
  min-height: 10px;
  height: auto
}
.col.list-open-menu ul.list-open-menu.urunler {
  width: 100%
}
.col.list-open-menu ul.list-open-menu li.list-open-menu { position: relative; float: left;
  width: 100%;
  height: auto
}
.col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu {
  color: #fff;
  padding: 12px 20px;
  width: 100%;
  height: auto;
  display: block;
  font: 19px 'EurostileNextLTPro-SemiBold';
  line-height: 21px;
  margin-left: 0;
  transition: all .2s ease
}
.col.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu:hover {
  transition: all .5s ease;
  background-color: #f59f53;
}


.open-sub-menu{position: absolute;z-index: 9999999; display: none;  background-color: #fff;left: 100%; top: 0;}
  ul.list-open-menu li.list-open-menu:hover>.open-sub-menu {
display: block;
}

.open-sub-menu-2{position: absolute;z-index: 9999999; display: none;  background-color: #fff;left: 100%; top: 0;}
  .open-sub-menu  :hover>.open-sub-menu-2 {
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 Montserrat-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 Montserrat-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
}
.col.dilBox {
    margin-left: 10px
}



.col.europe{padding-left: 10px;font:14px "Montserrat-Regular"; color: #a8a8a8;}
.col.europe a{color: #a8a8a8;}
.col.europe span{ font:14px "Montserrat-Bold";}

 select.dil {
 
    background-color: #f7f7f7;padding: 0 10px;
    font: 13px 'Montserrat-Light';
    color: #a6a6a6;
 
    background-size: 9px;
        width: 36px;
    height: 36px;
    background:url("../pageFile/selectOkBeyaz.svg") no-repeat center 25px,#7b7b7c;
    font: 13px 'Akrobat-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 'Akrobat-Bold';
    color: #fff;
text-align: center;
    background-size:10px;-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
}
.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 Montserrat-Bold;
    color: #a6a6a6;
    text-align: center;
    padding-top: 16px
}


.ana-side-menu-str{width: auto !important;}

.ana-side-menu{z-index: 999999; top:0%;background-color: #121114;position: fixed; width: 100%;height: 100%;transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}

.ana-side-menu.open-menu{top: 0; transition: all 1000ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}


.ana-side-ust-str{position: absolute; top: 0; left: 0; z-index: 99; height: 40%; width: 100%;z-index: 999999999;display: flex; justify-content: center; 
	  
 background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9920343137254902) 20%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9920343137254902) 20%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9920343137254902) 20%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.ana-side-logo-box{width: 390px; height: auto;margin-top: 66px;}


.ana-main-box{ width: calc(100% - 99px);  height: auto;margin-left: 99px;}

.ana-side-menu-sol-stn{display: flex;flex-direction: row;width: 100%;height: 100%;}
.ana-side-menu-sag-stn{display: flex; justify-content: space-between; align-items: center;width: 98px; height: 100%; flex-direction: column;height: 100%;border-right: 1px solid #fc671a;}
.ana-side-giris-box{width: 100%; height: 100%; display: flex; flex-direction: column;justify-content:  center; align-items: center;font: 50px 'Exo-ExtraBold';color: #fff; overflow: hidden; }
.ana-side-giris-ara-line{background-color: #fc671a;width: 1px; height: 100%;display: flex; justify-content:  center; align-items: center; }

.ana-side-giris-box.grp-1{background:#121114;transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}
 
.ana-side-giris-box:hover{background: #303e48;transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */

transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}

.ana-side-giris-box:hover>.ana-side-giris-box:not(:hover){opacity: 0.2;pointer-events: auto;}
 


.ana-side-giris-bg{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    visibility: visible;
    transition: visibility 0.8s, opacity 0.8s;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.ana-side-giris-bg img{width: 100%;}
.ana-side-giris-box:hover>.side-giris-bg{opacity:0.9;}

.ana-side-giris-ana-box{display: flex; flex-direction: column;align-items: center;width: 100%;}
.ana-side-giris-img{max-height: 93px;margin-bottom: 12px;}
.ana-side-giris-img img{max-height: 93px;}

.ana-side-giris-img{transform: scale(1);transition: all 1s ease;    -webkit-transition: all  1s ease;opacity: 1;}
.ana-side-giris-img.simge-animated{transform: scale(1.0);transition: all 3s ease;    -webkit-transition: all  3s ease;opacity: 1;}


.ana-side-giris-logo{max-height: 250px;margin-top: 150px; display: flex; justify-content: center;transition: all 1s ease;    -webkit-transition: all  1s ease;}
.ana-side-giris-logo img{max-height: 250px;}
/***************/
.ana-side-giris-title-box{ overflow: hidden;margin-bottom: 120px; }
.ana-side-giris-title{ font: 36px 'EurostileNextLTPro-Bold'; line-height: 46px; color: #1d1d1b; text-align: center;display: flex;justify-content: center; flex-direction: column; align-items: center;transform:scale(1);transition: all 3s ease;    -webkit-transition: all  3s ease;opacity: 1;}
.ana-side-giris-title span{font:36px 'EurostileNextLTPro-Regular'; color: #1d1d1b;}

.ana-side-site-giris-link{font:23px 'EurostileNextLTPro-Regular'; color: #fc7800; display: flex; justify-content: center; align-items: center;margin-bottom: 50px;}
.ana-side-site-adres-box{height: 50px !important; background-color: #fc7800; height: 50px; font:23px 'EurostileNextLTPro-Bold'; color: #fff; display: flex; justify-content: center; align-items: center;}

.ana-side-site-adres-box span{ font:23px 'EurostileNextLTPro-Regular'; color: #fff;  }

.ana-side-giris-title-giris{ font: 18px 'Exo-ExtraBold';text-align: center;display: flex; flex-direction: column;line-height: 52px; }

 
.ana-side-giris-title-giris span{font:18px 'Exo-Light'; color: #fff;}

 .ana-side-giris-box:hover>.ana-side-giris-ana-box .ana-side-giris-img{transform: scale(1.2);transition: all 1s ease;    -webkit-transition: all  1s ease;}

 .ana-side-giris-box:hover>.ana-side-giris-ana-box .ana-side-giris-logo{transform: scale(1.2);transition: all 1s ease;    -webkit-transition: all  1s ease;}


.ana-animated {transform:scale(1.0);transition: all 3s ease;    -webkit-transition: all  3s ease;opacity: 1; }



@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate(-100%, 0 );
    transform: translate(-100%, 0) ;
  transition: all 3s ease; 
  }

  to {
    -webkit-transform: translate(0, 0 );
    transform: translate(0, 0 );
	  transition: all 1s ease; 
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate(-100%, 0 );
    transform: translate(-100%, 0) ;
  transition: all 1s ease; 
  }

  to {
    -webkit-transform: translate(0, 0 );
    transform: translate(0, 0 );
	  transition: all 1s ease; 
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}








#ana-nav-icon1 {z-index: 999999; background-color: #f7931d; 
  width: 66px;
  height: 54px;
  position: absolute;right:32px;top:74px;
 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#ana-nav-icon1 span  {
  display: block;
  position: absolute;
  height: 5px;
  width: 70%;
  background: #fff;
  border-radius: 5px;
  opacity: 1;
  left: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#ana-nav-icon1 span:nth-child(1) {
  top: 15px;
}

#ana-nav-icon1 span:nth-child(2) {
  top: 25px;
}

#ana-nav-icon1 span:nth-child(3) {
  top: 35px;
}

#ana-nav-icon1.open span:nth-child(1) {
  top: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#ana-nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#ana-nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}



/*********************************************************************************************************************************/
.menu-baslik-bg{background-color:#ececec; height: 128px;  }
 .genel-title-box{display: flex; justify-content: center;   margin-bottom: 36px;}
 .genel-title {
    font: 42px 'Exo-Medium';
    color: #148f49;
 
}
 
/*********************************************************************************************************/

.ik-form-str{padding-bottom: 64px;max-width: 1064px;}
.ik-form-stn{padding: 64px 0;display: flex; justify-content: center;}
.ik-genel-title{font: 22px 'EurostileNextLTPro-Bold';color: #5a6771;display: flex; height: 64px;align-items: center;border-bottom: 1px solid #5a6771;margin-bottom: 32px;}
.ik-label{font:17px 'EurostileNextLTPro-Regular'; color: #5a6771;height: 42px; display: flex; align-items: center;}
.inputDiv-2{width: calc(50% - 12px); margin-right: 24px;}
.inputDiv-2:nth-child(2n){margin-right: 0;}

.inputDiv-3{width: calc(33.33% - 16px); margin-right: 24px;}
.inputDiv-3:nth-child(3n){margin-right: 0;}

.ik-form-stn .inputDiv,.ik-form-stn .inputDiv-2,.ik-form-stn .inputDiv-3{margin-bottom: 0;}

.ik-text{height: 80px;}

label.cvfile input {    position: absolute;    left: -9999px}
span.cvFile { font: 16px 'EurostileNextLTPro-Regular';  display: flex; align-items: center;  left: 0;  width: auto;padding: 0 16px;    height: 52px; border: 1px solid #ccc;    background: url(../images/page/cvBtnBg.png) no-repeat;
    color: #323232;       cursor: pointer}
span.cvName {    position: absolute;    width: calc(100% - 200px);    height: 52px;    padding-left: 10px;    font: 14px 'EurostileNextLTPro-Medium';    line-height: 52px;
    background-color: #fff;    color: #323232;    left: 200px;    background-color: transparent}
.ik-btn-aciklama{font: 14px 'EurostileNextLTPro-Regular'; color: #323232;margin-bottom: 16px;}
.ik-gonder-btn{    font: 22px 'EurostileNextLTPro-Bold';    background-color:#ff7800;    color: #fff;    padding: 8px 16px;    border: 1px solid #ff7800;}
/***************************************************************************************************************************************************************************/







.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 'Roboto-Bold'; color:#000;}
h1.ana span{font-family:'Roboto-Light'; }
/****************************************/
.ana-kurumsal-str{padding: 50px 0;}
.ana-kurumsal-stn { display: flex; align-items: center;}
.ana-kurumsal-sol-stn{width: 44%; margin-right: 64px;}
.ana-kurumsal-sag-stn{width:calc(56% - 64px);}
.ana-kurumsal-img{max-width: 510px;width: 100%;}
.ana-kurumsal-title{font: 50px 'Exo-Medium';color: #148f49;margin-bottom: 36px;}
.ana-kurumsal-aciklama{font: 16px 'Montserrat-Light';margin-bottom: 36px;}

.ana-kurumsal-sekil-ust{position: absolute; width: 284px;height: 126px; top:-82px;left: 50%; margin-left: -142px; background: url("../pageFile/ana-kurumsal-sekil-ust.svg") no-repeat top center; background-size: 284px 126px;}

.ana-kurumsal-sekil-alt{position: absolute; width: 284px;height: 126px; bottom:-104px;left: 50%; margin-left: -142px; background: url("../pageFile/ana-kurumsal-sekil-alt.svg") no-repeat top center; background-size: 284px 126px;z-index: 15;}

.ana-kurumsal-tumunu-gor-btn{font: 18px 'Montserrat-Semibold'; color: #858486; height: 50px; display: flex; align-items: center;padding: 0 24px; border: 1px solid #c2c2c2; border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}
/*********************************************

/*********************************************************************************************************************/
.swiper-yemek{overflow: hidden; padding: 0 36px;}
.ana-yemek-str{background: url("../pageFile/yemek-str-bg.jpg") no-repeat center;min-height: 600px;padding: 50px 0 42px;}
.ana-yemek-genel-title{font: 50px 'Exo-Medium'; color: #fff; display: flex; justify-content: center; height: 50px;margin-bottom:42px;margin-top: 42px;}
.ana-yemek-box{ transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;}
.ana-yemek-img{margin-bottom: 16px;}
.ana-yemek-title{font:28px 'Exo-Bold'; color: #fff;height: 42px; display: flex; justify-content: center; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;}
.ana-yemek-hover{position: absolute; top: -15%; right: -15%; width: 50%; height: 50%; background: url("../pageFile/yemek-yaprak.png") no-repeat center center; background-size: 100%;opacity: 1;z-index: -1;transform-origin: -50% 100%; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear; }
.ana-yemek-box:hover>.ana-yemek-title{color: #ffb400; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;}
.ana-yemek-box:hover>.ana-yemek-hover{opacity: 1; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear; transform: rotate(30deg); transform-origin: -40% 100%;}
.ana-yemek-img{transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;}
.ana-yemek-box:hover>.ana-yemek-img{transform: scale(1.1);transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;}
.ana-yemek-alt-str{display: flex; justify-content: space-between;margin-top: 50px;}
.ana-yemek-alt-sol-stn{font: 16px 'Montserrat-Light'; color: #fff;width: calc(100% - 280px); color: #fff;}
.ana-yemek-alt-sag-stn{width: 280px;display: flex; align-items: center;justify-content: flex-end;text-align: right;}
.ana-yemek-link{font: 18px 'Montserrat-Semibold'; color: #fff;}


.swiper-yemek-next-btn {background-image: url("../swiper/nextBtn3.svg") !important ; width: 28px !important ;height: 44px  !important;background-size: 28px 44px !important; margin-right: -30px !important;margin-top: -34px !important; }
.swiper-yemek-prev-btn {background-image: url("../swiper/prevBtn3.svg") !important  ; width: 28px  !important ;height: 44px  !important;background-size: 28px 44px !important;  margin-left: -30px; margin-top:-34px !important;  }

.swiper-slide.yemek-slide{padding-right: 5%;padding-top: 5%;}
/*********************************************************************************************************************/
.swiper-konum{overflow: hidden; }
.ana-konum-str{background-color: #e3e3e3;padding:124px 0;}
.ana-konum-stn{display: flex; flex-direction: row; align-items: center;}
.ana-konum-sol-stn{width:calc(50% - 34px);padding-right: 44px;}
.ana-konum-orta-stn{width: 68px;text-align: center;display: flex; justify-content: center;position: absolute; left: 50%; margin-left:-34px;}
.ana-konum-sag-stn{width: calc(50% - 34px);padding-left: 96px;}
.ana-konum-genel-title{font:44px 'Exo-Bold'; color: #d52846;width:50px; line-height: 46px;text-align: center;word-wrap: break-word;}
.ana-konum-title{font:26px 'Montserrat-Bold'; color: #d52846;margin-bottom: 42px;}
.ana-konum-aciklama{font: 17px 'Montserrat-Regular'; color: #d52846;margin-bottom: 42px;}
.ana-konum-tumunu-gor-btn{font: 18px 'Montserrat-Semibold'; color: #d52846; height: 50px; display: flex; align-items: center;padding: 0 24px; border: 1px solid #0f8d45; border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}
.ana-konum-alt-aciklama{font: 18px 'Montserrat-Light';color: #3e3e3e; text-align: center;margin-top: 64px;}


.swiper-konum-next-btn {background-image: url("../swiper/nextBtn4.svg") !important ; width: 28px !important ;height: 44px  !important;background-size: 28px 44px !important; margin-right: -30px !important;margin-top: -34px !important;left: 50% !important;margin-right: -44px !important;top: -50px !important; }
.swiper-konum-prev-btn {background-image: url("../swiper/prevBtn4.svg") !important  ; width: 28px  !important ;height: 44px  !important;background-size: 28px 44px !important;  margin-left: -30px; margin-top:-34px !important; left: 50% !important; margin-left: -44px !important;top: -50px !important;}


/*********************************************************************************************************************/
.swiper-referans{overflow-x: hidden;padding: 0 36px;}

.swiper-urun-next-btn{background-image: url("../swiper/nextBtn3.svg") !important ; width: 28px !important ;height: 60px  !important;background-size: 28px 44px !important; margin-right: -30px !important;margin-top: -72px !important; }
.swiper-urun-prev-btn{background-image: url("../swiper/prevBtn3.svg") !important  ; width: 28px  !important ;height: 60px  !important;background-size: 28px 44px !important;  margin-left: -30px; margin-top: -72px !important;}







 .alt-referans-str{padding: 36px 0;}
.alt-referans-stn{}
.alt-referans-title{font: 42px 'Exo-Medium'; color: #148f49;display: flex; justify-content: center; height: 50px;margin-bottom: 36px;}
.alt-referans-sekil-alt{position: absolute; width: 284px;height: 82px; bottom: -82px;left: 50%; margin-left: -142px; background: url("../pageFile/referans-sekil-alt.svg") no-repeat top center; background-size: 284px 82px;}
.alt-referans-sekil-ust{position: absolute; width: 284px;height: 82px; top:-82px;left: 50%; margin-left: -142px; background: url("../pageFile/referans-sekil-ust.svg") no-repeat top center; background-size: 284px 82px;}

.alt-referans-sekil-alt{position: absolute; width: 284px;height: 126px; bottom:-81px;left: 50%; margin-left: -142px; background: url("../pageFile/referans-sekil-alt.svg") no-repeat top center; background-size: 284px 126px;z-index: 15;}
/*********************************************************************************************************************/
.ana-franchising-str{background-color: #148f49;height: auto;}
.ana-franchising-stn{display: flex; flex-direction: row; align-items: center;}
.ana-franchising-sol-stn{width: 50%;}
.ana-franchising-sag-stn{width: 50%;display: flex; flex-direction: column; align-items: center;padding-left: 64px;text-align: center;}
.ana-franchising-title{font: 100px 'Hathem-Bosteem'; color: #fff; }
.ana-franchising-aciklama{font: 17px 'Montserrat-Light'; color: #fff;}
.ana-franchising-tumunu-gor-btn{font: 21px 'Montserrat-Semibold'; color: #fff; height: 60px; display: flex; align-items: center;padding: 0 24px; border: 1px solid #fff; border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;margin-bottom: 36px;}


.ana-franchising-sekil-ust{position: absolute; width: 284px;height: 82px; top: 0;left: 50%; margin-left: -142px; background: url("../pageFile/franchising-sekil-ust.svg") no-repeat top center; background-size: 284px 82px;z-index:15; }

.ana-franchising-sekil-ust.franchising-ana{position: absolute; width: 284px;height: 82px; top: 0;left: 50%; margin-left: -142px; background: url("../pageFile/franchising-sekil-ust-ana.svg") no-repeat top center; background-size: 284px 82px;z-index:15; }

.ana-franchising-sekil-alt{position: absolute; width: 284px;height: 82px; bottom: 0;left: 50%; margin-left: -142px; background: url("../pageFile/franchising-sekil-alt.svg") no-repeat top center; background-size: 284px 82px;z-index:15; }
/*********************************************************************************************************************/
.footer-str{background-color: #148f49; min-height: 392px;}
.footer-stn{display: flex; flex-direction: row;min-height: 322px;align-items: center;padding-top: 50px;}
.footer-sol-stn{width: 50%;display: flex;justify-content: center;}
.footer-sag-stn{width: 50%;display: flex; justify-content: center;}
.footer-logo-img{width: 100%; max-width: 404px;}
.alt-adres-stn{display: flex; flex-direction: column; font: 17px 'Montserrat-Light' ;color: #fff;}
.alt-tel-link{min-height: 32px;height: auto;font: 17px 'Montserrat-Light'; color: #fff;display: flex;  align-items: center; margin-bottom: 10px; }

.alt-tel-icon{margin-right: 16px;}
.alt-tel-link span{width: calc(100% - 61px);}
/*********************************************************************************************************************/

.kurumsal-sekil-ust{position: absolute; width: 284px;height: 126px; bottom:-44px;left: 50%; margin-left: -142px; background: url("../pageFile/kurumsal-sekil-ust.svg") no-repeat top center; background-size: 284px 126px;}
 .diger-sekil-ust{position: absolute; width: 284px;height: 126px; bottom:-44px;left: 50%; margin-left: -142px; background: url("../pageFile/diger-sekil-ust.svg") no-repeat top center; background-size: 284px 126px;}
 
.kurumsal-ust-img{}


/***************************************************************************************************************************************************************************/
 .yemek-str{ }
.yemek-genel-title{font: 50px 'Exo-Medium'; color: #fff; display: flex; justify-content: center; height: 50px;margin-bottom:42px;margin-top: 42px;}
.yemek-box{width:calc(33.33% - 24px); margin-right: 36px; margin-bottom: 36px;padding-top: 5%;padding-right: 5%; }
.yemek-box:nth-child(3n){margin-right: 0;}
.yemek-hover{position: absolute; top: 0%; right:0%; width: 50%; height: 50%; background: url("../pageFile/yemek-yaprak.png") no-repeat center center; background-size: 100%;opacity: 1;z-index: -1;transform-origin: -50% 100%; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear; }
.yemek-box:hover>.yemek-title{color: #ffb400; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;}
.yemek-box:hover>.yemek-hover{opacity: 1; transition: all 0.5s linear;    -webkit-transition: all 0.5s linear; transform: rotate(30deg); transform-origin: -40% 100%;}
.yemek-img{transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;}
.yemek-box:hover>.yemek-img{transform: scale(1.1);transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;}
.yemek-img{margin-bottom: 16px;}
.yemek-title{font:20px 'Montserrat-Semibold'; color: #d52846;height: 42px; display: flex; justify-content: center;}
.yemek-alt-str{display: flex; justify-content: space-between;margin-top: 50px;}
.yemek-alt-sol-stn{font: 16px 'Montserrat-Light'; color: #fff;width: calc(100% - 280px); color: #fff;}
.yemek-alt-sag-stn{width: 280px;display: flex; align-items: center;justify-content: flex-end;text-align: right;}
.yemek-link{font: 18px 'Montserrat-Semibold'; color: #fff;}
/*****************************************************************************************************************************************************************/
.konum-str{ border-bottom: 2px solid #d52846;padding-bottom: 36px; margin-bottom: 36px;}
.konum-str:last-child{border: none;}
.konum-stn{display: flex; flex-direction: row; align-items: center;}
.konum-str:nth-child(2n) .konum-stn{flex-direction: row-reverse;}


.konum-sol-stn{width: calc(50% - 24px); margin-right: 48px;}
.konum-sag-stn{width: calc(50% - 24px);}
.konum-title{font: 20px 'Montserrat-Bold';    color: #d52846;    margin-bottom: 42px;}
.konum-aciklama{font: 18px 'Montserrat-Light';    color: #d52846;    margin-bottom: 42px;}
/***************************************************************************************************************************************************************************/
 .iletisim-stn{display: flex;}
.iletisim-sol-stn{width: 50%;}
.iletisim-sag-stn{width: 50%;height:auto;  }
.iletisim-bilgi-str{margin-bottom: 0;}
.iletisim-item{display: flex;align-items: center;margin-bottom: 20px;}
.iletisim-icon{font-size:24px; width: 46px;   color: #d52846;}
.iletisim-title{font: 16px 'Montserrat-Bold';text-align: left;width:90px;}
.iletisim-aciklama{text-align: left;font: 16px 'Montserrat-Light';width: calc(100% - 136px);}
.row.iletisim-str{ }
.iletisim-ic-str{margin-bottom: 26px;padding-bottom: 24px; border-bottom: 1px solid #ccc;}
.iletisim-map-str{margin: 28px 0; border: 1px solid #ccc; padding: 5px;}


.iletisim-form-sol-stn{width:calc(50% - 12px);margin-right: 24px;}
.iletisim-form-sag-stn{width: calc(50% - 12px);height:  auto;}
 
.mapAlan-iletisim {margin: 50px 0 50px;
    width: 100%;
    height: 350px
}

textarea.ilet{height:134px;}
.gonder-btn-box{  width: 100%;display: flex; justify-content: flex-end;}
.gonder-btn{width: auto; background-color: #d52846;font: 15px 'Montserrat-Bold'; color: #fff; text-align: center;display: block;padding: 10px 16px;}

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

/********************************************************************************************************************************************/
.urun-liste-stn{display: flex; flex-direction: row; }
.urun-liste-sol-stn{width: 320px; margin-right: 24px;}
.urun-liste-sag-stn{width: calc(100% - 344px);}
 .urun-liste-box{min-height: auto;width: calc(33.33% - 16px); margin-right: 24px; margin-bottom: 24px;border: 1px solid #9f9f9f;}
.urun-liste-box:nth-child(3n){margin-right: 0;}

.urun-liste-hover{position: absolute; width: 100%; height: 100%; top: 0; left: 0;opacity: 0;;z-index: 5;background-color: rgba(56,56,56,.73);}
.urun-liste-img{}
.urun-liste-title-box{padding: 0 20px 20px;background-color: #fff;min-height: 74px;display: flex; align-items: center; flex-direction: column;}
.urun-liste-title{font:19px 'EurostileNextLTPro-SemiBold'; color: #666666;z-index: 12;min-height: 78px; }
.urun-liste-grup-title{font: 17px 'EurostileNextLTPro-Regular'; color: #f77800; z-index: 12;min-height: 44px;}

.urun-liste-box:hover>.urun-liste-hover{opacity: 1;}
.urun-liste-box:hover>.urun-liste-title-box .urun-liste-title{color:#fff;background-color: transparent;z-index: 99;}
.urun-liste-box:hover>.urun-liste-title-box .urun-liste-grup-title{color:#ffffff;}

/****************************************************************************************************************************************************/
.urun-detay-sol-stn{width: 300px;margin-right: 50px;}
.urun-detay-sag-stn{width: calc(100% - 350px);}

 
.urun-detay-title{font:25px 'EurostileNextLTPro-SemiBold'; color: #666;min-height:54px;display: flex;align-items: center;}
 
.urun-detay-aciklama-str{margin-top: 28px;}
.urun-detay-aciklama-title{ height: 42px;padding: 0 36px; display: flex; align-items: center;background-color: #9f9f9f; font: 21px 'EurostileNextLTPro-SemiBold'; color: #fff; }
.urun-detay-aciklama{background-color: #fff; font: 18px 'EurostileNextLTPro-Light';padding: 24px 36px;}

.urun-detay-video-str{margin-bottom: 36px; background-color: #fff;}

.urun-detay-video-box{padding: 0 36px;margin-bottom: 36px;}


.urun-detay-one-cikan-title-ust-line{background-color: #f6f6f6;height: 54px;}
.urun-detay-one-cikan-title-box{display: flex; justify-content: center;margin-bottom: 32px;}
.urun-detay-one-cikan-title{font: 36px 'EurostileNextLTPro-SemiBold'; color: #f77800;background-color: #f6f6f6;padding: 0 36px;margin-top: -10px;}
.urun-detay-one-cikan-title::before{content:'';position: absolute;left: -48px;;width: 0px;   height: 0px;   border-style: solid;   border-width: 0 48px 48px 0;   border-color: transparent #f6f6f6 transparent transparent;   transform: rotate(0deg);}

.urun-detay-one-cikan-title::after{content:'';position: absolute;right: -48px;;width: 0px;   height: 0px;   border-style: solid;   border-width: 48px 48px 0 0 ;   border-color:  #f6f6f6 transparent transparent transparent;   transform: rotate(0deg);}





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

.kurumsal-str{}
.kurumsal-stn{display: flex;justify-content: space-between;align-items: center;}
.kurumsal-sol-stn{width: calc(50% - 12px); margin-right: 24px;}
.kurumsal-sag-stn{width: calc(50% - 12px);}
.uretim-alt-img{margin-top: 24px;}
/******************************************************************************/

.haber-box{width:calc(50% - 16px);margin-right: 16px; margin-bottom: 16px; padding: 20px;border: 1px solid #ccc; display: flex; flex-direction: row;}
.haber-genel-title{position: absolute; width:50%; right: 0;font: 25px 'Montserrat-Bold';color: #494949;}
.haber-sol-stn{width: 44%;}
.haber-sag-stn{width: 56%;padding-left: 40px;}
.haber-title{font:16px 'EurostileNextLTPro-Bold';color: #494949;margin-bottom: 16px;  height:42px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.haber-tarih{font: 15px 'EurostileNextLTPro-Regular'; color: #494949;}
.haber-aciklama{font: 17px 'EurostileNextLTPro-Regular';color: #494949;margin-bottom: 15px;    display: -webkit-box;
    height:64px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
} 
.haber-incele-btn{float:right;width:100%; max-width: 124px; background-color: #fc7800; font: 17px 'EurostileNextLTPro-Bold';color: #fff;border:1px solid #fc7800;padding: 10px 0;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;text-align: center;}

.haber-incele-btn:hover{float:right; border:1px solid #fc7800; background-color: #fff; font: 17px 'EurostileNextLTPro-Bold';color: #fc7800; padding: 10px 0;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}

.haber-daha-fazla-btn-box{display: flex; justify-content: center;}
.haber-daha-fazla-btn{ cursor: pointer;width:auto;padding: 10px 15px;  background-color: #fc7800; font: 17px 'EurostileNextLTPro-Bold';color: #fff;border:1px solid #fc7800; border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;text-align: center;}

.haber-daha-fazla-btn:hover{ border:1px solid #fc7800; background-color: #fff; font: 17px 'EurostileNextLTPro-Bold';color: #fc7800;  border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}

/****************************************************/
.haber-detay-img{   max-width: 820px;width: 100%; float: none; display: table; margin: 0 auto;}
.haber-detay-cizgi{border-bottom: 1px solid #ccc; margin: 20px 0;}
.haber-detay-title{font: 18px 'EurostileNextLTPro-Bold';margin-bottom: 16px;}
.haber-detay-aciklama{font: 15px 'EurostileNextLTPro-Regular';}
 

.haber-detay-video-str{margin: 36px 0; display: flex; justify-content: center;}

.haber-detay-video-box{ margin-bottom: 36px;max-width: 820px;  }

.haber-detay-img{margin-bottom: 24px;}
/******************************************************************************/
.haber-galeri-str{}
.haber-galeri-stn{display: flex; flex-direction: row;flex-wrap: wrap;}
.haber-galeri-box{width: calc(25% - 18px); margin-right: 24px; margin-bottom: 24px;}
.haber-galeri-box:nth-child(4n){margin-right: 0;}
/******************************************************************************/
.belge-str{margin-top: 54px;}
.belge-stn{display: flex;flex-wrap: wrap;flex-direction: row;}
.belge-box{width: calc(25% - 24px); margin-right: 32px; margin-bottom: 32px;}
.belge-box:nth-child(4n){margin-right: 0;}
.belge-img{margin-bottom: 20px;}
.belge-title{height: 72px; font: 18px 'EurostileNextLTPro-Regular'; color: #000; display: flex; text-align: center; justify-content: center; align-items: flex-start;}
/***********************************************************************************************************************************************************/

.hizmet-sol-stn{width: 40%; }
.hizmet-sag-stn{width:60%;}
.hizmet-ust-img{ height: auto;}
.hizmet-aciklama-box{padding-left: 54px;padding-top: 54px;}

      .hizmet-red-box{ background-color: #e72b36;padding: 30px 46px 60px;}
.hizmet-red-box::before{content: ''; position: absolute;width: 14px; height: 220px; background-color: #2f9f54;left: 0; top: 50%; margin-top: -110px;}


.hizmet-red-box-ikon{width: 100%;height: 262px;background-repeat: no-repeat; background-size: 206px auto; background-position: left bottom;}
 


.hizmet-red-box-title-1{font:62px 'GothamNarrow-UltraItalic';color: #fff;line-height:58px;}



.hizmet-red-box-ikon.hizmet-ges-proje{ background-image: url("../upload/hizmet/ges-proje-danismanlik-hizmet-2.svg")}


.hizmet-red-box-ikon.hizmet-teknik-proje {background-image: url("../upload/hizmet/teknik-projelendirme-hizmet-2.svg")}

.hizmet-red-box-ikon.hizmet-proje-finans{background-image: url("../upload/hizmet/proje-finans-destek-hizmet-2.svg")}

.hizmet-red-box-ikon.hizmet-muhendis-surec{background-image: url("../upload/hizmet/muhendislik-surec-hizmet-2.svg")}



.hizmet-red-box-ikon.hizmet-cagri-mektup{background-image: url("../upload/hizmet/cagri-mektup-alim-hizmet-2.svg")}


.hizmet-red-box-ikon.hizmet-teknik-servis{background-image: url("../upload/hizmet/teknik-servis-isletme-hizmet-2.svg")}




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


 
.enerjisistem-red-box-ikon.ges-teknik-danismanlik-img{background-image: url("../upload/grup/ges-teknik-danismanlik-2.svg");}

/***************************************************************************************************************************************************************************/
.faydali-bilgi-str{background-color: #0b8e36; min-height: 532px;}
.faydali-bilgi-genel-title {    font: 36px 'GothamNarrow-Black';    color: #fff;    text-align: center;    margin-bottom: 54px;margin-top: 54px;}
.faydali-bilgi-genel-title::after {    content: '';    position: absolute;    top: 54px;    margin-bottom: 108px;    width: 142px;    height: 5px;    background-color: #fff;    left: 50%;    margin-left: -71px;}

.faydali-bilgi-box{background-color: #fff;width: calc(33.33% - 16px);margin-right: 24px;margin-bottom: 24px; padding: 28px;border-radius: 18px;-webkit-border-radius: 18px;-moz-border-radius: 18px; border:1px solid #ccc;}
.faydali-bilgi-box:nth-child(3n){margin-right: 0;}
.faydali-bilgi-img{margin-bottom: 20px;}
.faydali-bilgi-title{font: 18px 'GothamNarrow-Bold'; color: #000;margin-bottom: 20px;min-height: 42px;text-align: left;}
.faydali-bilgi-aciklama{font: 15px 'GothamNarrow-Book';color: #151716;text-align: justify;  display: block;margin-bottom: 20px;
  display: -webkit-box;
    height: 56px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}


.faydali-bilgi-incele-btn{font: 17px 'GothamNarrow-Bold'; color: #828282; float: right;}


.faydali-bilgi-tumunu-incele-btn{width: auto;float: none; display: table; margin: 24px auto;font: 17px 'GothamNarrow-Book';color: #fff;padding: 12px 16px;border: 1px solid #7dc394; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px; }


.faydali-bilgi-tumunu-incele-btn:hover{background-color: #fff;color: #0b8e36;}



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

/****************************************************/
.faydali-bilgi-detay-img{ width: 100%;border: 1px solid #ccc;}
.faydali-bilgir-detay-img img{float: none; display: table;width: auto;margin: 0 auto;max-height: 540px;}
.faydali-bilgi-detay-cizgi{border-bottom: 1px solid #ccc; margin: 20px 0;}
.faydali-bilgi-detay-title{font: 24px 'GothamNarrow-Bold';color: #e72b36; border-bottom: 1px solid #e72b36; padding-bottom: 16px; margin-bottom: 16px;}
.faydali-bilgi-detay-aciklama{font: 15px 'GothamNarrow-Book';}
 





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

.referans-str{ }

.referans-box{width: calc(33.33% - 16px);margin-right: 24px; margin-bottom: 24px;}
.referans-box:nth-child(3n){ margin-right: 0; }
.referans-ust{position: absolute; width: 100%; height: 100%; padding: 36px 36px 0 36px; text-align: left; background: rgb(215,196,156);
background: -moz-linear-gradient(315deg, rgba(215,196,156,0) 39%, rgba(11,142,54,1) 85%);
background: -webkit-linear-gradient(315deg, rgba(215,196,156,0) 39%, rgba(11,142,54,1) 85%);
background: linear-gradient(315deg, rgba(215,196,156,0) 39%, rgba(11,142,54,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7c49c",endColorstr="#0b8e36",GradientType=1);}

.referans-genel-title {    font: 36px 'GothamNarrow-Black';    color: #0b8e36;    text-align: center;    margin-bottom: 54px;margin-top: 54px;}
.referans-genel-title::after {    content: '';    position: absolute;    top: 54px;    margin-bottom: 108px;    width: 142px;    height: 5px;    background-color: #e30613;    left: 50%;    margin-left: -71px;}
.referans-title{ font: 22px 'GothamNarrow-Bold'; color: #fff;}
.referans-title span{font-family: 'GothamNarrow-Book';}

/**************************************************************/
.referans-detay-title {
    font: 24px 'GothamNarrow-Bold';
    color: #e72b36;
    border-bottom: 1px solid #e72b36;
    padding-bottom: 16px;
    margin-bottom: 16px;
}


.referans-galeri-str{margin-bottom: 54px;}
.referans-galeri-box{width:calc(25% - 18px); margin-right: 24px; margin-bottom: 24px;}
.referans-galeri-box:nth-child(4n){margin-right: 0;}
/***************************************************************************************************************************************************************************/




.ust-sosyal-btn-str{ margin-right: 15px;}
.ust-sosyal-btn-stn{width: auto; float: left;display: table;}
.ust-sosyal-btn-box{width: 30px; height: 30px;background-position: center; background-repeat: no-repeat; background-size: 30px 30px; margin-right: 4px;}
.ust-sosyal-btn-box:last-child{margin-right: 0;}
.ust-sosyal-btn-box.linkedin-icon{background-image: url("../pageFile/linkedin-icon.svg");}
.ust-sosyal-btn-box.linkedin-icon:hover{background-image: url("../pageFile/linkedin-icon-2.svg");}

.ust-sosyal-btn-box.instagram-icon{background-image: url("../pageFile/instagram-icon.svg");}
.ust-sosyal-btn-box.instagram-icon:hover{background-image: url("../pageFile/instagram-icon-2.svg");}

.ust-sosyal-btn-box.youtube-icon{background-image: url("../pageFile/youtube-icon.svg");}
.ust-sosyal-btn-box.youtube-icon:hover{background-image: url("../pageFile/youtube-icon-2.svg");}

.ust-sosyal-btn-box.facebook-icon{background-image: url("../pageFile/facebook-icon.svg");}
.ust-sosyal-btn-box.facebook-icon:hover{background-image: url("../pageFile/facebook-icon-2.svg");}
.ust-sosyal-btn-box a{display: table; width: 100%;height: 100%;position: absolute;}
/******************************************************************************/











   


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


.ebulten-str{background:url("../pageFile/ebultenBg.jpg") no-repeat center;background-size:cover;min-height:308px; padding:48px 0; text-align: center;}

.ebulten-form-box{margin: 0 auto 16px;display: table;float: none;}


 


.ebulten-title{font: 36px 'EurostileNextLTPro-SemiBold'; color: #fff; line-height: 32px;height: auto; margin-bottom: 50px; letter-spacing: 4px;}
.ebulten-title::after{content: '';position: absolute; background-color: #fff; left: 50%; margin-left: -34px; width: 68px; height: 4px; bottom: -18px;}
.ebulten-aciklama{font: 18px 'EurostileNextLTPro-Light'; color: #fff;text-align: center; margin-bottom: 28px;}


.ebulten-input-stn{z-index: 99;width: 320px;}
.ebulten-btn-stn{z-index: 9;margin-left: -54px;width: 168px;}
.ebulten-input.adsoyad{width:260px;margin-right:10px; }
.ebulten-input.eposta{width:260px;margin-right:10px; }
 

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

.btn-ebulten {
    height: 54px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    width: 100%;
    text-align: right;
    padding-right: 30px;
    background-color: #414141;
    font: 16px 'EurostileNextLTPro-Bold';
    color: #fff;
    border: 1px solid #414141;
}

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

label.checkbox.bulten-check{    margin: 0 8px 0 14px;
    line-height: 14px;font: 18px 'EurostileNextLTPro-Light';color: #fff;
    content: '';
    display: inline-block;}
 

.styled-checkbox.bulten-check + label:before,
.lt-ie8 .checkbox-replacement {    content: '';position: absolute;    left:-10px; top: -4px;    width: 24px;    height: 22px;    margin: 0 8px 0 -12px;    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;
 
}

 .ebulten-input { height: 54px !important;-webkit-border-radius:27px !important;    -moz-border-radius: 27px !important ;    border-radius: 27px !important;
    border: 1px solid #fff !important;
    background-color: #fff !important;
    font: 17px 'EurostileNextLTPro-Bold' !important;
    color: #323232 !important;
}
 
 .ebulten-input::-webkit-input-placeholder { color: #e9e9e9;}
 .ebulten-input::-moz-placeholder { color: #e9e9e9;}
 .ebulten-input:-ms-input-placeholder {  color: #e9e9e9;}
/***************************************************************************************************************************************************************************/
.referans-cont{max-width: 1064px;}


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




.alt-sosyal-btn-str{ margin-top: 16px;}
.alt-sosyal-btn-stn{width: 132px; float: left;display: flex; flex-direction: row;}
.alt-sosyal-btn-box{width: 30px; height: 30px; color: #222221;   margin-right:20px;}
.alt-sosyal-btn-box:last-child{margin-right: 0;}
 
 
 
.alt-sosyal-btn-box a{display: flex; justify-content: center; align-items: center; font-size: 28px; color: #222221;-webkit-transition: all 200ms ease;      -ms-transition: all 200ms ease;        -moz-transition: all 200ms ease;    transition: all 200ms ease;}
.alt-sosyal-btn-box a:hover{ color: #ff7800;-webkit-transition: all 200ms ease;      -ms-transition: all 200ms ease;        -moz-transition: all 200ms ease;    transition: all 200ms ease;}
/******************************************************************************/



.firma-str{padding: 40px 0;}
.firma-box{width: 100%;}
.firma-sol-stn{width: 50%;height: 100%;position: absolute;background-size: cover;background-position: center;}
 .firma-sag-stn{width: 50%;background-color: #0b8e36;padding: 60px;left: 50%;}

.firma-sol-stn-2{width: 50%;background-color: #0b8e36;padding: 60px;}
 .firma-sag-stn-2{width: 50%;height: 100%;position: absolute;background-size: cover;background-position: center;left: 50%;}

.firma-title{font: 32px 'Akrobat-Bold'; color: #fff;margin-bottom: 22px;}
.firma-aciklama{font: 17px 'Akrobat-Regular';color: #fff;}

.firma-img-1{background-image: url("../pageFile/firma-img-1.jpg");}
.firma-img-2{background-image: url("../pageFile/firma-img-2.jpg");}
.firma-img-3{background-image: url("../pageFile/firma-img-3.jpg");}
.firma-img-4{background-image: url("../pageFile/firma-img-4.jpg");}
/******************************************************************************/
.goster{display: block  !important;}
.gizle{display: none !important;}

 

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

.enerji-img{margin: 0 0 24px 24px;max-width: 440px; float: right;border: 1px solid #ccc; padding: 5px; background-color: #fff;}
  
.enerji-aciklama{text-align: justify;}
/******************************************************************************/


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


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

/*******************************************/
.search-input{width:150px;position: absolute;right: 0}
.search-control{width:0 !important;}
.btn-search{border: 1px solid #636363;width:36px; height: 36px;background-color: #fff;color: #636363;}
.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; }
 

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

.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(0,0,0, 0.85);
}
.overlay3{  background-color: rgba(11,142,54, 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: 45%;}
.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: 'Akrobat-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;
 
  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;}
.banner-ust{background: url("../pageFile/banner-ust-ucgen.png") no-repeat bottom center;position: absolute;z-index: 1;bottom: 0;width: 1920px; height: 232px;
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;}
 
.banner-yazi{position: absolute;width: 100%; max-width: 640px; left: 50%; margin-left: -320px; top: 15%;}
 

 
.alt-menu-str{margin-bottom:10px;}
.alt-menu-stn{display: flex;justify-content: center;}

ul.alt-menu{list-style-type: none;color: #ddd; display: flex; flex-direction: row; justify-content: space-between;}
ul.alt-menu li{font: 17px 'Montserrat-Regular';color: #fff;margin-bottom: 8px;padding: 0 16px;margin: 0 16px;}
ul.alt-menu li a{font: 17px 'Montserrat-Regular';color: #fff; height: 50px; display: flex; justify-content:center; align-items: center;}

.col.alt-sol-stn{margin-top: 34px;max-width: 602px;}

.alt-stn{width:auto;margin-right: 100px;}
.alt-sosyal-str{margin-bottom: 36px;}
.alt-iletisim-stn{width: 460px;}
.alt-logo-stn{width: 246px;background: url("../pageFile/logo-alt.svg") no-repeat;background-size: 246px;height: 26px;margin-right: 36px;margin-top:40px;}
.alt-sosyal-stn{width:164px;}
.sosyal-text{font: 18px 'Akrobat-Regular'; color: #fff;margin-bottom: 16px;}
.sosyal-btn-link{width: auto; height: 30px;font-size: 30px;margin-right:10px; color: #fff;display: block;}

.alt-tel-box{ background:url("../pageFile/alt-iletisim-icon.svg") no-repeat 97% center,#000000;padding: 12px;font: 20px 'Akrobat-Regular';color: #fff;background-size: 62px; }
 
.alt-sozlesme-stn{float: right;}
.alt-sozlesme-link{color: #fff;}
.alt-sozlesme-cizgi{padding: 0 24px}


 


.copyright-str{ font: 17px 'EurostileNextLTPro-rEGULAR'; color: #fff;  background-color: #d52846; }
.copyright-box{ line-height: 50px;width: calc(100% - 72px);padding-right: 60px; }
.design-box{ width: 72px; height: 50px; background: url("../pageFile/dplogo.svg") no-repeat; background-size: 72px 50px;}
.design-box a{ position: absolute; width: 100%; height: 100%; display: table;}
.copy-footer-stn-2{margin-left: 8px;}
 
/*********************************************************************************************************************************************/
 
.ana-arge-str{padding: 50px 0; background: #45b4ad;background: -moz-linear-gradient(top, #45b4ad 0%, #3690ad 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #45b4ad), color-stop(100%, #3690ad));
background: -webkit-linear-gradient(top, #45b4ad 0%, #3690ad 100%);
background: -o-linear-gradient(top, #45b4ad 0%, #3690ad 100%);
background: -ms-linear-gradient(top, #45b4ad 0%, #3690ad 100%);
background: linear-gradient(to bottom, #45b4ad 0%, #3690ad 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b4ad', endColorstr='#3690ad', GradientType=0 );}

 
 

.alt-kisim-str{background: #fff;padding: 36px 0;}
 


  

/*********************************************************************************************************************************/
.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 'Roboto-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 'Roboto-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 'Roboto-Bold'; color: #fff; text-align: right;margin-top: 170px;}


h2.genel-baslik{font: 18px 'Roboto-Medium'; color:#333;margin-bottom: 16px;}
.fa.kurumsal-icon{margin-right: 6px;font-size: 24px;}
.kurumsal-str{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;border-bottom: 1px solid #ccc; background-color: #f1f1f1;margin: 0 auto; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;margin-bottom: 24px;}




.tabAlan ul.tabmenu li{position: relative; float: left;width: 16.66%;}

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


.tabAlan ul.tabmenu li a{width:auto;padding: 10px 26px; height: auto;font:17px 'Akrobat-SemiBold';line-height: 36px;color: #5f5e5e;text-align: center;text-decoration: none;display: block;}
.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: #000000;color: #fff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

.tabAlan ul.tabmenu li a:hover:after,ul.tabmenu li.secili a:after{
    content: '';
    position: absolute;left: 50%; margin-left: -5px;
    bottom: -17px;
    width: 0px;
    height: 7px;
    border-top: 10px solid #000000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    }


 

 
/******************************************************************/
.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{direction: 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;
}

 

 
 


.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%}

.iframe-container {position: relative;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 'Montserrat-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 'Montserrat-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:  18px 'EurostileNextLTPro-Light';padding: 50px 0;color: #000;}
.genel-orta-box{margin-top: 32px;}

 
 

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

/* 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,#000000;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;
}

 
 /*************************************************************************************************************************/
.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;}

   
/*********************************/
 
/*****************************************************/
 
/************************************************************************/
 
g,svg g path,polygon,polyline{fill:#687276;cursor: pointer;}
 g:hover>path{fill:#009bb7;}
g.secili>path{fill:#009bb7;}
 g:hover>polygon,rect,polyline{fill:#009bb7;}
 g.secili>polygon,rect,polyline{fill:#009bb7;}
g.sehir-isim path,g.sehir-isim path:hover{fill: #fff; }
 /**************************/
    .mobil-logo{background: url("../pageFile/logo.svg") center no-repeat; height:90px;background-size: 264px;}
.middle-cell{display: table-cell;    vertical-align: middle;   }
 
.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;}

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


  
/***************************************************************/
 
/***************************************************************/
.imgBox{width: 100%;height:auto;}
 
.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
}

     .bannerBox{ margin-top: 0; }
     
  .col.inputDiv{margin-bottom: 12px;}

 
 .inputDiv-2{width:calc(50% - 12px); margin-right: 24px; margin-bottom: 24px;}
.inputDiv-2:nth-child(2n){margin-right: 0;}


 .inputDiv-3{width:calc(33.33% - 16px); margin-right: 24px; margin-bottom: 24px;}
.inputDiv-3:nth-child(3n){margin-right: 0;}

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

@media (min-width: 1281px)
{
  
     
       .mobil-header{display: none !important;}
      .mobil-banner{display: none !important;}
    
 	.kurumsal-ust-img{display: block;}
	.kurumsal-mobil-ust-img{display:none ;}
    
     /*****************************************************************************************/
}

 

@media (min-width: 1025px) and (max-width: 1280px) 
{
       .mobil-header{display: none !important;}
       .mobil-banner{display: none !important;}
 	.kurumsal-ust-img{display: block;}
	.kurumsal-mobil-ust-img{display:none ;}
        .btn-search{margin-left: 10px;}
    .mobil-arama-dil-stn{float: none; display: table; margin: 0 auto 26px; top: 10px;}
    
	.mobil-ust-str{background-color: #fff;}
    
	.ana-side-giris-logo{margin-top: 20vh;}
	.ana-side-giris-title-box{margin-bottom: 3vh;}
	
	.ana-side-site-giris-link{margin-bottom: 24px;}
     /*****************************************************************************************/
    
    
}
 
@media (min-width: 801px) and (max-width: 1024px) 
{ body{min-width: 100%;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    .btn-search{margin-left: 10px;}
    .mobil-arama-dil-stn{left: 15px;  top: 24px;}
	.banner-yazi{  max-width:520px; left: 50%; margin-left: -260px; top: 15%;}
	.kurumsal-ust-img{display: block;}
	.kurumsal-mobil-ust-img{display:none ;}
 
    
	.mobil-ust-str{background-color: #fff; height: 120px;}
	.mobil-logo{height: 120px;}
    
    
    .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: 146px;}
    .ebulten-btn-box{z-index: 9999;width: 100%;}
    .ebulten-form-box,.btn-ebulten{width: 100%;}
    
 

       /***********/
 
    
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    
      .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    .menu-toggle{display: block !important;}
    
 
    
        .referans-box,.referans-box:nth-child(5n){width:calc(33% - 12px);height: auto;margin-right: 20px;}
    .referans-box:nth-child(3n){margin-right: 0 !important;}
       
 
    
 
    
        .altKisim{height: auto; background: #b31c27;padding: 68px 0;}

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;right: 36px; top:-18px;}
    .alt-adres-cont{width:100%; height: auto;margin:0 0 24px 0;} 
    .alt-adres-cont.stn-1{margin-top:36px;} 
 
     
    /***************/
    
    .tabAlan .detay-box{width:100%;}
    
     /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
            .overlay2-content{width: 90%;max-width: 380px;}
 
    
        .overlay3-content{width: 90%;}
 
    /*******************************************************/
    
    
}

 
@media (min-width: 768px) and (max-width: 800px) 
{
body{min-width: 100%;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    .btn-search{margin-left: 10px;}
    .mobil-arama-dil-stn{left: 15px;  top: 24px;}
	.banner-yazi{  max-width:520px; left: 50%; margin-left: -260px; top: 15%;}
	.kurumsal-ust-img{display: block;}
	.kurumsal-mobil-ust-img{display:none ;}
 
    
	.mobil-ust-str{background-color: #fff;}
    
    
    
    .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: 146px;}
    .ebulten-btn-box{z-index: 9999;width: 100%;}
    .ebulten-form-box,.btn-ebulten{width: 100%;}
    
 

       /***********/
 
	.mobil-logo{height: 136px;}
	.ace-responsive-menu{top: 136px !important;}
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    
      .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
	
	.ana-franchising-title{font-size: 64px;}
	.ana-franchising-tumunu-gor-btn{height: 50px; font-size: 18px;margin-bottom: 15px;}
    .menu-toggle{display: block !important;}
    
	.footer-sol-stn{padding-right: 36px;}
	.footer-sag-stn{padding-left: 36px;}
    
        .referans-box,.referans-box:nth-child(5n){width:calc(33% - 12px);height: auto;margin-right: 20px;}
    .referans-box:nth-child(3n){margin-right: 0 !important;}
       
 
    
 
    
        .altKisim{height: auto; background: #b31c27;padding: 68px 0;}

.logo-alt{position: absolute;background: url("../images/page/altKisimLogo.svg") no-repeat top center;width: 246px; height: 346px;right: 36px; top:-18px;}
    .alt-adres-cont{width:100%; height: auto;margin:0 0 24px 0;} 
    .alt-adres-cont.stn-1{margin-top:36px;} 
 
     
    /***************/
    
    .tabAlan .detay-box{width:100%;}
    
     /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
            .overlay2-content{width: 90%;max-width: 380px;}
 
    
        .overlay3-content{width: 90%;}
 
    /*******************************************************/
    
 }

@media (min-width: 481px) and (max-width: 767px) 
{
 body{min-width: 100%; }
 
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    .btn-search{margin-left: 10px;}
    .mobil-arama-dil-stn{left: 15px;  top: 24px;}
		.banner-yazi{  max-width: 300px; left: 50%; margin-left: -150px; top: 15%;}
	.belge-box{width:calc(50% - 16px);}
	.belge-box:nth-child(2n){margin-right: 0;}
 
    
	.mobil-ust-str{background-color: #fff;}
 
    
    .kurumsal-ust-img{display: none;}
	.kurumsal-mobil-ust-img{display: block;}
    
    
    .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: 146px;}
    .ebulten-btn-box{z-index: 9999;width: 100%;}
    .ebulten-form-box,.btn-ebulten{width: 100%;}
    
 
 
 
    
     .uye-mini-btn{float: none; display: table; margin: 0 auto;}
 
    
    .tanitim-btn-box{float: none;display: table;margin: 0 auto;}
    
 
    
    
    
        .menu-baslik-str{height: auto;}
    a.menu-baslik-link{height: auto;line-height: 22px;padding: 5px 0;}
    .alt-menu-stn{width: 100%;margin-bottom: 36px; min-height:100px; height: auto;}
    .alt-menu-stn,.alt-menu-stn img{ text-align: center;display: inline-table;}
    .alt-tel-box, .alt-mail-box, .alt-whatsapp-box{width: 100%;}
    .copyright-str,.copyright-box{width: 100%; text-align: center;}
    
    .menu-ust-str{display: none;}
 
 
    
    .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; }

        .mobil-logo{background-size: 180px;}
 
    .urun-grup-box-ana{width: 33.33%;height: auto;margin-bottom: 24px;}
    a.urun-grup-link .imgBox.urun-grup-ana-img{width: 100%;height: auto;background-size: 75%;}
    a.urun-grup-link:hover>.imgBox.urun-grup-ana-img{background-image: url("../pageFile/ana-grup-bg2.svg");background-size: 75%;background-repeat: no-repeat; background-position:top center; -webkit-transform: scale(1.25);   -ms-transform: scale(1.25); -moz-transform: scale(1.25); }
    a.urun-grup-link h3.urun-grup-ana-baslik{font-size: 18px;}
    
 
    
        .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: 38% !important; top: 100% !important;}
    
    
    


 
    
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    
    
        .mobil-banner{display: block !important;}
    .desk-banner{display: none;}
    
    
    
        .menu-alt-diger{margin-top: 0;height: 100px;}
    
    
    /********************/
    
    
        .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%;}
    
    /**********************************************************/

    
        .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;} 
    
 
 
    .bannerBox{ margin-top: 0; }
 
     .col.inputDiv{margin-bottom: 12px;}
       h1.genel-baslik{font-size: 16px;}
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%; }
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    .btn-search{margin-left: 10px;}
    .mobil-arama-dil-stn{left: 15px;  top: 24px;}
	.bannerBox{height: 43vh;overflow: hidden;}
	.banner-yazi{  max-width: 300px; left: 50%; margin-left: -150px; top: 5%;}
.banner-video video {    width: 100%;    height: 43vh;    object-fit: cover;}
		/******************************************/
	.ana-yemek-genel-title{font-size: 32px;}
	.ana-yemek-alt-str{flex-direction: column;}
	.ana-yemek-alt-sol-stn{width: 100%;}
	.swiper-yemek-next-btn{margin-right: -16px !important;}
	.swiper-yemek-prev-btn{margin-left: -16px  !important;}
	/******************************************/
	.ana-konum-str{padding: 124px 0 64px 0;}
	.ana-konum-stn{flex-direction: column;}
	.ana-konum-sol-stn{width: 100%; padding-right: 0;}
	.ana-konum-orta-stn{order: 1;width: 100%;left: 0; margin-left: auto; top: -40px;}
	.ana-konum-sag-stn{order:2;width: 100%; padding-left: 0;}
	.ana-konum-genel-title{width: 100%; word-wrap: normal; font-size: 42px;}
	.ana-konum-title{font-size: 22px;}
	/**********************************************************************/
	
	.ana-franchising-stn{flex-direction: column;}
	.ana-franchising-title{margin-top: 36px;font-size: 80px;}
	.ana-franchising-sol-stn{ width: 100%;   }
	.ana-franchising-sag-stn{width: 100%;padding-left: 0;margin-bottom: 120px;}
	/**********************************************************************/
	.footer-stn{flex-direction: column;}
	.footer-sol-stn{width: 100%;padding-top: 116px;margin-bottom: 36px;}
	.footer-sag-stn{width: 100%;}
	.footer-logo-img{max-width: 280px;}
	/**********************************************************************/
	
	.swiper-urun-next-btn{margin-right: -16px !important;}
	.swiper-urun-prev-btn{margin-left: -16px !important;}
	
	
	ul.alt-menu{flex-direction: column;}
	
    /**********************************************************************/
	.alt-referans-title{font-size: 32px;}
	/**********************************************************************/
	.yemek-box{width: 100%; margin-right: 0;}
		/**********************************************************************/
	.konum-stn{flex-direction: column;}
	.konum-sol-stn{width: 100%;margin-bottom: 24px;margin-right: 0;}
	.konum-sag-stn{width: 100%;}
	
	.konum-str:nth-child(2n) .konum-stn{flex-direction: column;}
	/**********************************************************************/
	.mobil-ust-str{background-color: #fff;}
    
		.belge-box{width:calc(50% - 12px);margin-right: 24px;}
	.belge-box:nth-child(2n){margin-right: 0;}
	
	.inputDiv-3{width: 100%;}
	.inputDiv-3:nth-child(3n){margin-right: 0;}
	
	.ana-side-ust-str{display: none;}
	.ana-side-giris-logo{margin-top: 0;}
	.ana-uclu-stn{flex-direction: column;}
	.ana-uclu-box{margin-bottom: 24px;}
	
	
	.ana-grup-ust-str{flex-direction: column;}
	
	.ana-grup-ust-box{width: 100%;margin-bottom: 24px;margin-right: 0;}
	
	.ana-grup-alt-str{flex-direction: column;}
	
	.ana-grup-alt-box{width: 100%;margin-bottom: 24px; margin-right: 0;}
	
	.alt-iletisim-tel{width: 100%; text-align: center;}
	
	
	.ana-kurumsal-str{background-size: cover;}
	.ana-kurumsal-sol-stn{display: none;}
	.ana-kurumsal-sag-stn{width: 100%;}
	.ana-kurumsal-title{font-size: 36px;text-align: left;padding-left: 80px;}
	.ana-kurumsal-title::before{left: 0;}
	
	.urun-detay-aciklama{padding:24px 0;}
    
	.ana-urun-genel-title{margin-top: 0;}
	.ana-urun-genel-title::before,.ana-urun-genel-title::after{content:none;}
	.ana-urun-genel-title{font-size: 24px;}
	.swiper-next-one-cikan{display: none;}
	.swiper-prev-one-cikan{display: none;}
	
	
	
	
	.kurumsal-stn{flex-direction: column;}
	.kurumsal-sol-stn,.kurumsal-sag-stn{width: 100%; margin-right: 0;}
	.kurumsal-sol-stn{margin-bottom: 24px;}
	
	.kurumsal-ust-img{display: none;}
	.kurumsal-mobil-ust-img{display: block;}
	
	
	
 
	.alt-sozlesme-stn{display: flex;flex-direction: column;width: 100%;text-align: center;}
	.alt-sozlesme-cizgi{display: none;}
	
	.haber-box{flex-direction: column;width: 100%;}
	.haber-sol-stn{width: 100%;}
	.haber-sag-stn{width: 100%; padding-left: 0;}
	
	.copyright-box{width: 100%; padding-right: 0; display: flex; flex-direction: column;align-items: center; }
 
    
    .ana-faydali-bilgi-genel-title{font-size: 31px;}
    .ana-faydali-bilgi-genel-title::after{top: 94px;}
    
    .kurumsal-sol-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .kurumsal-sag-stn{width: 100%;}
    .kurumsal-red-box{padding: 64px 36px;}
    
    .kurumsal-red-box-title-2 {  font: 49px 'GothamNarrow-UltraItalic';   line-height: 49px;}
    
	
	
	
    
 
	.iletisim-bilgi-stn{flex-direction: column;}
	.iletisim-item{width: 100%;margin-right: 0;}
	
	.inputDiv-2,.iletisim-3{margin-right:0; width: 100%; }
	
    .enerjisistem-sol-stn{width: 100%;margin-right: 0;margin-bottom: 36px;}
    .enerjisistem-sag-stn{width: 100%;}
    .enerjisistem-red-box-title-1 {
    font: 38px 'GothamNarrow-UltraItalic'; line-height: 38px;}
    .enerjisistem-aciklama-box{padding-left: 0;}
    
    .hizmet-sol-stn{width: 100%; margin-right: 0;}
    .hizmet-sag-stn{width: 100%;}
    
    
    .hizmet-red-box-title-1 {    font: 38px 'GothamNarrow-UltraItalic';    color: #fff;    line-height: 39px;}
    .hizmet-aciklama-box{padding-left: 0;}
    
    .referans-galeri-box{width: 100%; margin-right: 0;}
    
    
    
    .ana-medya-stn{width: 100%;margin-bottom: 36px;    -moz-transform: skew(-0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);}
    
    
    .alt-haber-box{width: 100%;padding: 24px;    -moz-transform: skew(-0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);}
    
    .alt-haber-title{position: relative; float: left; width: 100%;left: inherit;margin-bottom: 20px;}
    
    .alt-haber-sol-stn,.alt-haber-sag-stn{width: 100%; margin-right: 0;}
    
    
    
    .alt-katalog-box{width: 100%;     -moz-transform: skew(-0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);}
    
    .alt-katalog-sag-stn {height: 430px;
    width: 100%;
    left: inherit;
    padding: 24px 24px 0 24px;
}
    
    
    .faydali-bilgi-box{width: 100%; margin-right: 0;}
    
    .referans-box{width: 100%; margin-right: 0;}
    
    .ana-enerji-sistem-stn{width: 100%; margin-right: 0;}   
 
 
    .ana-hizmet-box{width: 100%; margin-right: 0;}
    .ana-hizmet-sol-stn{width: 100%; margin-right: 0;}
    .ana-hizmet-sag-stn{width: 100%;}
    .ana-hizmet-img{float: none; display: table; margin: 0 auto;}
    .ana-hizmet-title{text-align: center;}
    .ana-hizmet-incele-btn{left: 50%; margin-left: -29px;}
    
    
    
	.alt-iletisim-sol-stn{width: 100%;margin-bottom: 24px;}
  .alt-iletisim-sol-stn iframe{width: 100%; }	
	
    .alt-iletisim-sag-stn,.alt-iletisim-mail{width: 100%;padding: 0;text-align: center;}
    
    
    .ana-solar-stn.sol-stn,.ana-solar-stn.sag-stn{width: 100%;}
    
    .ana-ihtiyac-title {font-size: 32px ;}
    
    .ana-ihtiyac-title::before {top: -99%; width: 144%; height: 169%;    left: -26%;}
    
    .ana-ihtiyac-title span {font-size: 36px; line-height: 36px;}
    
    
    .ana-sistem-title,.ana-sistem-content{text-align: center;}
    .ana-sistem-btn{width: 100%;}
    
    
    .ana-solar-daire{float: none; display: table;margin: 0 auto 16px;}
    .ana-solar-sol-bilgi-stn{width: 100%;}
    .ana-solar-title-2{padding-left: 0 !important;}
    .ana-solar-title-2,.ana-solar-alt-aciklama{text-align: center !important;}

    .ana-solar-daire.sol-bolum{left: 0;}
    .ana-solar-sol-bilgi-stn.sol-bolum{left:0;}
    
    .select-icon,.select-ihtiyac-stn,.ihtiyac-btn{width: 100%;margin-left: 0;max-width: 100%;}
    
    
    .firma-sol-stn,.firma-sag-stn{width: 100%;}
    .firma-sol-stn{position: relative; float: left;min-height: 300px;}
    .firma-sag-stn{left: 0;padding:36px;}
    
        .firma-sol-stn-2,.firma-sag-stn-2{width: 100%;}
    .firma-sol-stn-2{left: 0;padding:36px;}
    .firma-sag-stn-2{left: 0;position: relative; float: left;min-height: 300px;}
    
    .urun-liste-sol-stn{display: none;}
    .urun-liste-sag-stn{width: 100%;padding-left: 0;}
    .urun-liste-box{width: 100%; margin-right: 0;}
    
    
    .urun-detay-sol-stn{display: none;}
    .urun-detay-sag-stn{width: 100%;padding-left: 0;}
    .urun-detay-box-sol-stn{width: 100%;margin-bottom: 24px;}
    .urun-detay-box-sag-stn{width: 100%;}
    
    
    .menu-baslik-bg{   background-size: 120px; height:120px; }
 
    
    .genel-title span{display: none;}
    
    .ebulten-str{min-height: 402px;}
    .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-input-stn { width: 210px; float: none; display: table; margin: 0 auto 16px;}
    .ebulten-btn-stn{margin-left: inherit; float: none; display: table; margin: 0 auto;}
    .btn-ebulten{text-align: center; padding-right: inherit;}
        /*****************************************************************************************/
    .iletisim-sol-stn,.iletisim-sag-stn,.iletisim-form-sol-stn,.iletisim-form-sag-stn{width: 100%;}
    .iletisim-sol-stn{margin-bottom: 16px;}
    
    .alt-iletisim-adres{text-align: center;}
    .alt-sosyal-btn-stn{float: none;width: auto;  justify-content: center;}
 
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
    .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-logo-stn{background-position: center;margin-bottom: 16px;}
    .sosyal-text{text-align: center;}
    .alt-sosyal-alan{float: none;margin: 0 auto; display: table;}
    ul.alt-menu li a{width: 100%; text-align: center;display: block;}
 
    .design-box{width: 100%;background-position: center;}
    .design-box a{width: 100%;height: 50px;display: block;}
    .menu-ust-str{display: none;}
 
  
    /***********/
 
    /***********/
 
        .tabAlan .detay-box{width:100%;}
    .tabAlan ul.tabmenu li,.tabAlan ul.tabmenu li.sutun-4{width: 100% !important;}
    /***********/
 
    .mobil-logo{background-size:180px;}
 
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
    /**********************************************************/
 
     
    
    .col-left.kurumsal,.col-right.kurumsal{width: 100%;}
    .mobil-header{display: block !important;}
    .desk-header{display: none;}
    .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;}
 } 


    

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


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

.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
}