/* CSS Document */
@charset "utf-8";
@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: 64px;    border: 1px solid #ebebeb;    padding-left: 24px;    font: 15px 'SourceSans3-Light';    color: #707070}
select {    height: 36px;    padding-right: 34px;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    font-family: 'SourceSans3-Regular';
    background: url(../pageFile/selectOk.svg) no-repeat 94% center, #fff;    background-size: 12px 6px;}
textarea {    padding-top: 10px;    display: block}
label.cvfile input {    position: absolute;    left: -9999px}
span.cvFile {    position: absolute;    left: 0;       width: 128px;    height: 52px;    background: url(../images/page/cvBtnBg.png) no-repeat;
    color: #fff;    line-height: 52px;    cursor: pointer}
span.cvName {    position: absolute;    width: calc(100% - 158px);    height: 52px;    padding-left: 10px;    font: 13px GothamNarrow-Light;    line-height: 52px;
    background-color: #fff;    color: #fff;    left: 158px;    background-color: transparent}

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

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

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





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

.container {    position: relative;        height: auto;    margin-left: auto;    margin-right: auto;max-width: 1164px;}
.container-big {    position: relative;        height: auto;    margin-left: auto;    margin-right: auto;max-width: 84%;}
.row, .col-left, .col-right, .col, h1, h2, h3, h4, h5 {    position: relative;    float: left;    height: auto}


.header{width: 100%;   z-index: 99;background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7959558823529411) 14%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7959558823529411) 14%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7959558823529411) 14%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}

.header.long-top{height: 250px;}


body{  }

 .iletisim-ust-bg {
    background: url("../upload/genel/iletisim-ust-bg-2.jpg") no-repeat top center;
}

/* Tarayıcı WebP destekliyorsa WebP formatını kullan */
@supports (background-image: url("../upload/genel/iletisim-ust-bg-2.webp")) {
    .iletisim-ust-bg {
        background: url("../upload/genel/iletisim-ust-bg-2.webp") no-repeat top center;
    }
}


.urun-liste-ust-bg{background: url("../upload/genel/urun-liste-ust-bg-2.jpg") no-repeat top center; }


@supports (background-image: url("../upload/genel/urun-liste-ust-bg-2.webp")) {
.urun-liste-ust-bg{background: url("../upload/genel/urun-liste-ust-bg-2.webp") no-repeat top center; }
}





.blog-detay-ust-bg{background: url("../upload/genel/blog-detay-ust-bg-2.jpg") no-repeat top center;  }

@supports (background-image: url("../upload/genel/blog-detay-ust-bg-2.webp")) {
.blog-detay-ust-bg{background: url("../upload/genel/blog-detay-ust-bg-2.webp") no-repeat top center;  }
}






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

 .ust-tel{ float: right !important;width: 156px;padding-left:44px; background: url("../pageFile/alt-tel-icon.svg") left center no-repeat;background-size: 36px 36px; font: 22px 'SourceSans3-Bold';color: #fff;line-height: 22px;margin:0 0 0 0;}

.ust-tel span{ font: 16px 'SourceSans3-Light';color: #fff;line-height: 16px;}
.ust-mail{ float: right !important;font: 15px 'SourceSans3-Bold';color: #fff;width: auto;height: 26px; padding-left: 44px; background: url("../pageFile/alt-mail-icon.svg") left center no-repeat;background-size: 36px 26px; line-height: 26px;margin: 11px 40px 11px 40px; cursor: pointer;}
.ust-mail a{text-decoration: none; color: #fff;}

.ust-mail:hover { width: auto;  background: url("../pageFile/alt-mail-icon-2.svg") left center no-repeat;background-size: 36px 26px; line-height: 26px; }
.ust-mail:hover>a{ color: #363636;}

.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;width: 106px;}

.ust-sosyal-stn{width:auto; float: left;margin:   0;}
.ust-sosyal-stn{width:auto; float: left;margin:   0;}
 
.ust-sosyal-btn-link{background-color: #13131f; width: 24px; height: 24px;font-size:13px;margin-left:10px; color: #f6f6f6;display: block;border: 1px solid #f6f6f6;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;text-align: center;line-height: 24px;}
.ust-sosyal-btn-link:hover{  color: #f6f6f6;border:1px solid #f6f6f6; }



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

 

.navbar { 
    position: relative;float: left;
   
    height:auto;
    z-index: 25;
    width: 100%;
}
.menu-ust-iletisim-str{height:24px;display: flex; justify-content: flex-end;margin: 24px 0;}
.navbar .logo{z-index: 10;width:274px;height:152px;   background: url("../pageFile/logo.svg") no-repeat center;background-size:274px 106px;z-index: 9;margin-right: 36px;}

 
.navbar .logo a{ width:100%; height: 100%; display: block;}

  .menu-ust-serit{position: absolute;width: 100%;  height: 49px;}
.menu-ust-sol-serit{position: absolute;width:calc((100% - 1164px) / 2);left: 0; height:43px;background-color: #fff; top: 6px;}


.menu-ust-stn{position: relative; float: left; display: flex;justify-content: space-around; flex-direction: row;padding: 0 24px;}
.ust-ara-stn{float: right; display: flex; justify-content: center; align-items: center;font:16px 'SourceSans3-DemiBold'; color: #13131f;padding-left: 20px; background: #c00d0e;}
 /* kırmızı uzantı */
.ust-ara-stn-bg{
 background: #c00d0e;
  position: absolute;
  top: 0;
  right:-64%;
  height:36px; 

 
  width:64%;
 

  pointer-events: none;
}

.ust-ara-input-box{min-width: 180px;}
.ust-ara-input{background-color: transparent  !important;height: 24px  !important;border:0  !important; border-bottom: 2px solid #ccc !important; color: #fff !important;padding-left: 0 !important;}

 

.btn-search{margin-top: 0; border: 0;width:36px; height: 36px;background-color: transparent;color: #fff;}
.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; }
 
.navbar ul.menu { margin-bottom: 36px;
 
    position: relative; float: left;
 
    list-style-type: none;
    display: inline-block;
    height: 50px;margin-right: 0;margin-top: 0;
 
}
.navbar ul.menu li.menu {
    position: relative;
    float: left;
    padding:0 18px;
    font: 18px 'SourceSans3-Regular';
    
}
.navbar ul.menu li.menu:first-child {
    margin-left:0
}
 
.navbar ul.menu li.menu:last-child{padding-right: 0;}
 

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

.navbar ul.menu li.menu .menuOk {
    position: absolute;
    top: 12px;
    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%;height: 100%;text-decoration: none; color: #271d67;display: block;border: 1px solid  transparent;padding:4px 8px;transition: all 0.5s linear;    -webkit-transition: all 0.5s linear;  }
.navbar ul.menu li.menu:hover a.menu {color: #b8b8b8;padding: 4px 8px; border: 1px solid #fff;     }
 

 
 




.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,.opening-menu-enerji {background-color: #fff;
	position: absolute;
 	left: 0;width: 100%;
	 	top: 100%;
 
 z-index: 999999999;
	 display: none;
}
 
.opening-menu{width: 200px;   -webkit-box-shadow: 0px 6px 14px -5px #000000; 
box-shadow: 0px 6px 14px -5px #000000;padding: 24px ; }
.menu-bos-str{width: 100%;height:30px; display: block;}
 

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



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


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



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

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

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


 

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


.list-open-menu.chlid-width{    width: 100%;
    left: 0;
    padding: 20px 5px 15px 5px;
} 

.list-open-menu {
    width: auto;background-color: #fff;
    height: auto; color: #000;
}
.list-open-menu.urunler {
    width: auto;
}
.list-open-menu h5.kategori-name, .col.list-open-menu h5.kategori-name a {
    font: 16px SourceSans3-Bold;
    color: #3c3c3b
}
.list-open-menu ul.list-open-menu {
    list-style-type: none;
    width: 100%;
    min-height: auto;
 
}

.list-open-menu ul.list-open-menu.grupsuz {
    list-style-type: none;
    width: 100%;
    min-height: 10px;
    min-height: auto;
}

.list-open-menu ul.list-open-menu.urunler {
    width: calc(100% / 5);
}

.list-open-menu ul.list-open-menu.enerji {
    width: 100%;min-height: auto !important;
}

 .menu-grup-box {position: absolute; top: 0;opacity: 0;
    width: 100%;right: -100%;background: url("../pageFile/ucgen-bg.svg") no-repeat center ; background-size:100px;
}
 .menu-grup-box img {padding: 10%;width: 90%;}
.list-open-menu ul.list-open-menu li.list-open-menu {
    width: 100%;
    height: auto
}
.list-open-menu ul.list-open-menu li.list-open-menu  ul{
    width: 100%;
    height: auto
}





.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu {position: relative; float: left;
    color: #000;
    padding: 6px 0; 
    width: 100%;
    height: auto;
    display: block;
    font: 17px 'SourceSans3-Regular';
    line-height: 21px;
    margin-left: 0;
    transition: all .2s ease
}

.list-open-menu ul.list-open-menu li.list-open-menu a.list-open-menu:hover {  transition: all .5s ease;color: #000000;}
 
.list-open-menu ul.list-open-menu li.list-open-menu:hover  .menu-grup-box{opacity: 1;}
.menu-shadow {
    -webkit-box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27);
    -moz-box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27);
    box-shadow: 0 8px 5px 0 rgba(0,0,0,0.27)
}
.navbar .bizeulas {
    position: absolute;
    height: 42px;
    width: 146px;
    
    top: 0;
    right: 98px;
    z-index: 15000
}
.navbar .bizeulas a {
    width: 146px;
    height: 42px;
    background: url(../images/page/iletisimBtn.png) no-repeat;
    display: block
}
.ustAramaSosyalBox {
    position: absolute;
    height: 44px;
    width: 688px;
    right: 0;
    top: 16px;
    z-index: 15000;
    background: url(../images/page/i-paylas.svg) no-repeat left center;
    background-size: 19px 19px
}
.col.sosyalAciklama {
    font: 13px SourceSans3-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 SourceSans3-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
}
.dilBox {
    margin-left: 10px; margin-top: -1px;float: right;
}

.mobil-dil-stn{z-index: 999;}

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

 select.dil {
 
 padding: 0 10px;
    font: 13px 'SourceSans3-Light';
    color: #a6a6a6;
 
    background-size: 9px;
        width: 36px;
    height: 36px;
    background:url("../pageFile/selectOkBeyaz.svg") no-repeat center 25px,#363636;
    font: 13px 'SourceSans3-Bold';
    color: #fff;text-align: center;
 
    background-size:10px; }

select.dil option{width: 36px;
    height: 36px;
 
    font: 13px 'SourceSans3-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 SourceSans3-Bold;
    color: #a6a6a6;
    text-align: center;
    padding-top: 16px
}




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

 

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


 .alt-iletisim-satir-1{margin-top: 42px;}
 
.alt-iletisim-satir-2{margin-top: 24px;}
.alt-menu-stn{width: 100%;  }

 
ul.alt-menu{list-style-type: none;color: #fff; display: flex;flex-direction: row;justify-content: space-between;}
ul.alt-menu li{font: 20px 'Barlow-Regular';color: #000643; }
ul.alt-menu li a{font: 20px 'Barlow-Regular';color: #000643;}

.alt-iletisim-flex-stn{display: flex; flex-direction: row; align-content: center;}

.footer-ust-stn{display: flex; justify-content: space-between;}
 .footer-ust-sol-stn{width: 56%;display: flex;flex-direction: column;justify-content: flex-start;}
.footer-ust-sag-stn{width:44%;padding-left: 54px;display: flex;flex-direction: column;justify-content: flex-end;margin-top: 0;}


.footer-alt-stn{display: flex; justify-content: space-between;}
 .footer-alt-sol-stn{width: 56%;display: flex;flex-direction: column;justify-content: flex-start;}
.footer-alt-sag-stn{width:44%; display: flex;flex-direction: row;justify-content: flex-end;margin-top: 0;}
.alt-menu-stn{margin: 52px 0;}
.alt-sosyal-str{margin-bottom: 36px;}
.alt-iletisim-stn{width:592px;float: right;}
.alt-logo-stn{  height: auto;display: flex; flex-direction: row;}
.alt-logo-box{height: 92px;width: auto;margin-right: 24px;}
.alt-logo-box img{height: 92px;}

.kurumsal-logo-stn{  height: auto;display: flex; flex-direction: row; justify-content: center;}
.kurumsal-logo-box{  width: 164px;margin-right: 24px;}
.kurumsal-logo-box img{width: 164px; height: auto;}



.alt-sosyal-stn{width:auto;}
.sosyal-text{font: 18px 'SourceSans3-Regular'; color: #fff;margin-bottom: 16px;}
.sosyal-btn-link{width: auto; height: 30px;font-size: 30px;margin-right:10px; color: #fff;display: block;}
 .alt-sosyal-stn {    font: 18px 'SourceSans3-SemiBold'; color: #fff;display: flex; flex-direction: column;}
.alt-sosyal-box {  width: auto;display: flex;justify-content: flex-start;margin-top: 12px;}
 
 
 .alt-sosyal-btn {width: 28px; height: 28px; background-color: #f30008; color: #120858; display: flex; justify-content: center; align-items: center;border:1px solid #f30008;border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;margin-right: 10px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}

.alt-sosyal-btn i{font-size: 14px;line-height: 28px;}


.alt-sosyal-btn:hover{ background-color: #fff; color: #f30008;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}






.alt-iletisim-str{display: flex; flex-direction: column;}

.alt-iletisim-ust-stn{display: flex;flex-direction: row;}
.alt-iletisim-alt-stn{display: flex;margin-top: 0;}


 .alt-tel{ float: right !important;width: 156px;padding-left:44px; background: url("../pageFile/alt-tel-icon.svg") left center no-repeat;background-size: 36px 36px; font: 22px 'SourceSans3-Bold';color: #78787b;line-height: 22px;margin:0 0 0 0;}

.alt-tel span{ font: 16px 'SourceSans3-Light';color: #78787b;line-height: 16px;}

.alt-tel-link{ min-width: 184px; font: 18px 'SourceSans3-Regular';color: #fff;height: 30px; }

.alt-tel-link i,.alt-adres-stn i{color: #FFF;}
.alt-adres-stn{font: 18px 'SourceSans3-Regular';color: #fff;min-width: 248px; margin-right: 24px; }

.alt-tel-box a{font: 18px 'SourceSans3-Regular';color: #fff;}

.alt-adres-icon{margin-right: 10px;}
/*****************************************************************************************************************************************************************************/
.ana-urun-box{display: flex; flex-direction: row; border:1px solid #000; border-radius: 15px;-webkit-border-radius:15px;background-color: #fff; }
.ana-urun-box:hover{background-color: #f30008;}



.ana-urun-sol-stn{width: 50%}
.ana-urun-sag-stn{width: 50%; padding: 32px 32px 32px 0; }
.ana-urun-title{font: 24px 'SourceSans3-ExtraBold'; color: #000; display: flex; justify-content: flex-start; text-align: left;}
.ana-urun-grup-title{font: 20px 'SourceSans3-SemiBold'; color: #f30008;text-align: left; margin-bottom: 24px;}

.ana-urun-oemNo-title-box{display: flex;flex-direction: column; text-align: left;}
.ana-urun-oemNo-title{font: 21px 'SourceSans3-ExtraBold'; color: #000; display: flex; flex-direction: column; }
.ana-urun-oemNo-title::after{content: '';position: relative; width: 50px; height: 2px; background-color: #f30008;}
.ana-urun-oemNo{font: 21px 'SourceSans3-ExtraBold'; color: #000;}


.ana-urun-box:hover>.ana-urun-sag-stn .ana-urun-title{color: #fff;}
.ana-urun-box:hover>.ana-urun-sag-stn .ana-urun-grup-title{color: #fff;}
.ana-urun-box:hover>.ana-urun-sag-stn .ana-urun-oemNo{color: #fff;}

.ana-urun-box:hover>.ana-urun-sag-stn .ana-urun-oemNo-title{color: #fff;}
.ana-urun-box:hover>.ana-urun-sag-stn .ana-urun-oemNo-title:after{content: '';position: relative; width: 50px; height: 2px; background-color: #fff;}
/************************************************************************************************************************************/
 
/*****************************************************************************************************************************************/
 
.col.inputDiv:last-child{margin-bottom: 0;}
/**********************************************************************************************************************/


.ana-kurumsal-str{padding: 64px 0; background: url("../pageFile/ana-kurumsal-sol-bg.jpg") no-repeat left center,url("../pageFile/ana-kurumsal-sag-bg.jpg") no-repeat right center;}
.ana-kurumsal-stn{display: flex; flex-direction: row;}
.ana-kurumsal-sol-stn{width: 50%;display: flex; flex-direction: column; justify-content: center;}
.ana-kurumsal-sag-stn{width: 50%; display: flex; align-items: center;}
.ana-kurumsal-title-box{display: flex;flex-direction: column;}
 .ana-kurumsal-title-line{width: 150PX;height: 5px; background-color: #c00d0e;margin-bottom: 42px;  }

.ana-kurumsal-title{font:44px 'SourceSans3-Bold'; color: #000; flex-direction: column;display:flex; align-items: flex-start;text-align: left;}
 
.ana-kurumsal-aciklama{font: 21px 'SourceSans3-Regular';text-align: left;}
.ana-kurumsal-img{width: auto; max-height: 486px;margin-top: 100px;margin-left: 64px;}
/**********************************************************************************************************************************************/
.ana-arama-str { background: url("../pageFile/ana-arama-bg.jpg") no-repeat center; background-size: cover;;
  min-height: auto;
  display: flex;
	justify-content: center;
  padding: 140px 80px;
  margin: 0;
  overflow: hidden
}
.ana-arama-stn {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.ana-arama-sol-stn  {  width:50%}
.ana-arama-sag-stn  {  width:50%; padding: 0 42px;}


.ana-arama-title {display: flex; justify-content: center;
  font: 48px SourceSans3-SemiBold;line-height:1;
  color: #fff;text-align: left;
 padding: 24px 48px;;
}

.ana-arama-title-ust-cizgi{position: absolute;width: 286px;height: 5px;background-color: #c00d0e; position: absolute; top: 0 ; right: 0;}
.ana-arama-title-alt-cizgi{position: absolute;width: 286px;height: 5px;background-color: #c00d0e; position: absolute; bottom: 0 ; left: 0;}


.ana-arama-form-box {
  
  display: flex;
  flex-direction: row
}
.ana-arama-input-box {
  width: 100%;
}
.ana-arama-input { background-color: #ebedf1;
  border: 1px solid #ebedf1;
  color: #fff !important;
  border-right: 0 !important;
  height: 54px !important;
 
 
}
.ana-arama-btn { background-color: #c00d0e;position: absolute;right: 4px; top: 4px;
  border: 1px solid #c00d0e;font: 20px SourceSans3-SemiBold;
  color: #fff; height: 46px;  width: auto;padding: 0 12px;}

.ana-arama-btn i{margin-left: 6px;}

.ana-arama-aciklama, .ana-uretim-aciklama {
  font: 24px SourceSans3-Regular;text-align: left;line-height: 1;
  color: #fff
}



/**********************************************************************************************************************************************/
.ana-grup-str{margin: 80px 0; }
.ana-grup-box,.ana-grup-box img{border-radius: 15px;-webkit-border-radius: 15px;}
.ana-grup-box{  }
 
.ana-grup-btn-stn{display: flex; justify-content: space-between;}
.ana-grup-incele-btn-box{display: flex; flex-direction: row; align-items: center;}
.ana-grup-incele-btn-icon{ font-size: 20px; color: #000;margin-right: 10px;}
.ana-grup-incele-btn{font: 21px 'SourceSans3-Regular'; color: #000;text-decoration: underline;}

.ana-grup-urun-sayi-box{font: 21px 'SourceSans3-Regular'; background-color: #f30008; color: #fff; padding: 8px 12px; border-radius: 8px;-webkit-border-radius:8px;    display: flex; justify-content: center; align-items: center;}

.ana-grup-title{font: 24px 'SourceSans3-Bold'; color: #000;text-align: left;height: 52px; display: flex;align-items: flex-end;margin-bottom: 12px;}
 

.swiper-grup-next{right: 0 !important;}
/*******************************************************************************************************************************************************************************************/
 
/*******************************************************************************************************************************************************************************************/

.ana-teknik-str{padding: 50px 0;}
.ana-teknik-stn{display: flex; flex-direction: row;align-items:center;}
.ana-teknik-sol-stn{width: 60%;display: flex; flex-direction: column; justify-content: flex-start;}
.ana-teknik-sag-stn{width: 40%;}
.ana-teknik-title{font: 32px 'SourceSans3-Bold'; color: #000;margin-bottom: 24px;text-align: left;}
.ana-teknik-aciklama{font: 18px 'SourceSans3-Regular'; color: #000;width: 75%;text-align: left;}
.ana-teknik-img-box{border: 1px solid #271d67;aspect-ratio:438/234;overflow: hidden; display: flex; justify-content: center;align-items: center;}
.ana-teknik-img{width:auto;    height: 100%;    object-fit: cover;}

 .ana-teknik-btn{font: 20px 'SourceSans3-Regular'; background-color: #c00d0e; color: #fff; display: flex; justify-content: center; align-items: center;padding: 0 12px;max-width: 150px; height: 36px;margin-top: 32px;}
	.teknik-tabs{
    display:flex;
    gap:30px;
    border-bottom:1px solid #e5e5e5;
    margin-bottom:30px;
}

.teknik-tab{height: 65px;
    background-color:transparent;
    border:0;
    font-size:16px;
    padding:0 10px ;
    cursor:pointer;
    color:#271d67;;
    position:relative;
}

.teknik-tab.active{
    color:#271d67;;
   background:#271d67;color: #fff;
}

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

 

/*********************************************************************************************************************************/
.teknik-str{} 
.teknik-stn{display: flex; flex-direction: column;}
.teknik-box{display: flex;flex-direction: row;  padding-bottom: 36px; margin-bottom: 36px;}
 

.teknik-sol-stn{width: 60%}
.teknik-sag-stn{width: 40%}
.teknik-img{width: 100%; max-width: 440px;}
 
.teknik-title{font: 38px 'SourceSans3-Bold';color: #271d67;display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start;}
.teknik-title::after{content: ''; position: relative; width: 150px; height: 5px; background-color: #c00d0e; margin: 16px 0 24px;}
.teknik-ust-liste-ara-cizgi {
    width: 1px;
    height: 60px;
    margin: 0 8px;
    background-color: #fff;}


.teknik-ust-liste-str{ background-color: #c00d0e;}
.teknik-ust-stn{display: flex; flex-direction: row; justify-content: center;align-items: center; height: 110px;}
.teknik-ust-liste-btn{ width: calc(20% - 7px); font:17px 'SourceSans3-SemiBold';  height: 60px; padding: 8px 16px;color: #fff;     display: flex; align-items:center; justify-content: center;   text-align: center; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;}

.teknik-ust-liste-btn:hover,.teknik-ust-liste-btn.secili{background-color: #fff ; color: #c00d0e;  -webkit-transition: all 0.5s ease;transition: all 0.5s ease;   }


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

.grup-str{ }
.grup-stn{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}

.grup-box,.grup-box img{border-radius: 15px;-webkit-border-radius: 15px;}
.grup-box{ width: calc(33.33% - 24px); margin-right: 36px;margin-bottom: 36px; }
.grup-box:nth-child(3n){margin-right: 0;} 


.grup-btn-stn{display: flex; justify-content: space-between;}
.grup-incele-btn-box{display: flex; flex-direction: row; align-items: center;}
.grup-incele-btn-icon{ font-size: 20px; color: #000;margin-right: 10px;}
.grup-incele-btn{font: 21px 'SourceSans3-Regular'; color: #000;text-decoration: underline;}

.grup-urun-sayi-box{font: 21px 'SourceSans3-Regular'; background-color: #f30008; color: #fff; padding: 8px 12px; border-radius: 8px;-webkit-border-radius:8px;    display: flex; justify-content: center; align-items: center;}

.grup-title{margin-top: 16px; font: 21px 'SourceSans3-Semibold'; color: #000;text-align: left;height: 52px; display: flex;align-items: flex-start;margin-bottom: 12px; justify-content: center; text-align: center;}

/*********************************************************************************************************************************/
.urun-str{margin-top: 64px;}
.urun-stn{display: flex; flex-direction: row; flex-wrap: wrap;}


.urun-genel-ust-stn{display: flex; flex-direction: row;margin-bottom: 36px; justify-content: space-between;}
.urun-genel-ust-sol-stn{width: 50%;}
.urun-genel-ust-sag-stn{width: 50%;display: flex; flex-direction: row; width: 100%;justify-content: flex-end; align-items: center;}

.urun-genel-ust-title-box{display: flex;flex-direction: column;}
.urun-genel-ust-title{font: 54px 'SourceSans3-ExtraBold'; color: #000;}
.urun-genel-ust-aciklama{font: 19px 'SourceSans3-Regular';}

.urun-genel-arama-ust-stn{ width: 100%;max-width: 500px;}

.urun-genel-arama-ust-input-box{width:calc( 100% - 68px) !important; margin-right: 16px;}
.urun-genel-arama-ust-input{ font-size: 20px !important; height: 50px !important;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 8px;-webkit-border-radius: 8px;}
.urun-genel-arama-ust-btn{ background-color: #f30008; color: #fff; width: 50px; height: 50px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;border-radius: 8px;-webkit-border-radius: 8px;}



.urun-ust-grup-str{ background-color: #c00d0e;}
.urun-ust-stn{display: flex; flex-direction: row; justify-content: center;align-items: center; height: 110px;}
.urun-ust-grup-btn{ width: calc(28% - 12.3px); font:20px 'SourceSans3-SemiBold';  height: 60px; padding: 8px 16px;color: #fff;     display: flex; align-items:center; justify-content: center;   text-align: center; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;}

.urun-ust-grup-btn:hover,.urun-ust-grup-btn.secili{background-color: #fff ; color: #c00d0e; border: 1px solid #f30008;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;   }



.urun-ust-grup-ara-cizgi{width: 1px; height: 60px;margin: 0 8px; background-color: #fff; }
.urun-ust-grup-ara-cizgi:last-child{display: none;}
.urun-ust-grup-btn:last-child{margin-right: 0;}

.urun-box{display: flex; flex-direction: column; border:1px solid #a8a8a9;  background-color: #fff;
width: calc(25% - 20px); margin-right: 24px; margin-bottom: 24px;
}
.urun-box:nth-child(4n){margin-right: 0;}
.urun-box:hover{background-color: #271d67;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}

.urun-bilgi-box{padding: 20px;}
.urun-bilgi-box .incele-btn{position: absolute;right: 20px; bottom:20px; width:78px; height: 30px; background-color: #afafb0; color: #fff;font: 19px 'SourceSans3-Semibold';display: flex; justify-content: center; align-items: center;}
 
.urun-title{font: 21px 'SourceSans3-Bold'; color: #271d67; display: flex; justify-content: flex-start; text-align: left;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
 

.urun-oemNo-title-box{display: flex;flex-direction: column; text-align: left;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; margin-bottom: 12px;}
.urun-oemNo-title{font: 19px 'SourceSans3-Bold'; color: #000; display: flex; flex-direction: column;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.urun-oemNo-title::after{content: '';position: relative; width: 50px; height: 2px; background-color: #f30008;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.urun-oemNo{font: 19px 'SourceSans3-Regular'; color: #000;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}


.urun-box:hover>.urun-bilgi-box .urun-title{color: #fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.urun-box:hover>.urun-bilgi-box .urun-grup-title{color: #fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.urun-box:hover>.urun-bilgi-box .urun-oemNo{color: #fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}

.urun-box:hover>.urun-bilgi-box .urun-oemNo-title{color: #fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.urun-box:hover>.urun-bilgi-box .urun-oemNo-title:after{content: '';position: relative; width: 50px; height: 2px; background-color: #fff;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}

.urun-box:hover>.urun-bilgi-box .incele-btn{  background-color: #fff; color: #afafb0; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;}

.transition-05{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
/*********************************************************************************************************************************/
.urun-detay-str{}
.urun-detay-stn{}
.urun-detay-sol-stn{width: calc(34% - 32px); margin-right: 64px;}
.urun-detay-sag-stn{width: calc(66% - 32px);}


.urun-detay-genel-ust-str{background-color: #c00d0e; color: #fff;min-height: 140px;}
.urun-detay-genel-ust-stn{display: flex; flex-direction: row;  justify-content: space-between;align-items: center;}
.urun-detay-genel-ust-sol-stn{width: 64%;}
.urun-detay-genel-ust-sag-stn{width: 36%;display: flex; flex-direction: row; width: 100%;justify-content: flex-end; align-items: center;}
.urun-detay-title{font: 20px 'SourceSans3-Regular'; color: #fff;}
 
 

.urun-genel-arama-ust-stn{ width: 100%;max-width: 500px;margin: 24px 0;}

.urun-genel-arama-ust-input-box{width:calc( 100% - 68px) !important; margin-right: 16px;}
.urun-genel-arama-ust-input{ font-size: 20px !important; height: 50px !important;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-radius: 8px;-webkit-border-radius: 8px;}
.urun-genel-arama-ust-btn{ background-color: #f30008; color: #fff; width: 50px; height: 50px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;border-radius: 8px;-webkit-border-radius: 8px;}


.urun-detay-bilgi-box{margin-bottom: 24px;}
.urun-detay-bilgi-title{font: 20px 'SourceSans3-Bold';color: #120858;}
.urun-detay-bilgi{font: 18px 'SourceSans3-Regular'; color: #120858;}
.urun-detay-bilgi-list{display: flex;list-style-type: none;}
.urun-detay-bilgi-list li:nth-child(1){width: 340px;}
.urun-detay-bilgi-list li:nth-child(2){width: calc(100% - 340px)}


.arama-filtre-stn{display: flex; align-items: center;margin-top: 12px;}
 /* Customize the label (the container) */
.label-ara-radio {margin-right: 12px;height: 25px; display: flex; align-items: center;
 
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font: 17px 'SourceSans3-Regular'; color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.label-ara-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.span-ara-radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
 border: 1px solid #f30008;
}

/* On mouse-over, add a grey background color */
.label-ara-radio:hover input ~ .span-ara-radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.label-ara-radio input:checked ~ .span-ara-radio {
  background-color: #f30008;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.span-ara-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.label-ara-radio input:checked ~ .span-ara-radio:after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "✓";
  color: white;
  font-size: 14px;
  font-weight: bold;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  background: #f30008;
 
}



/* Style the indicator (dot/circle) */
 

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

 
.ana-blog-str{margin: 80px 0; height: auto;}
.ana-blog-stn{display: flex; flex-direction: column;justify-content:center; align-items: center; overflow: hidden;background-color: #a6a6a6; padding: 24px;    transform-origin: bottom;}
.ana-blog-ust-stn{width: 100%; -webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.ana-blog-img{width: 100%; display: flex; flex-direction: column;}
 
.ana-blog-title{font: 24px 'SourceSans3-Bold';  color: #fff;height: 72px; line-height: 1.1;    margin-bottom: 24px; text-align: left; }
 
.ana-blog-aciklama{font: 18px 'SourceSans3-Regular'; color: #fff; text-align: left;margin-bottom: 24px;overflow: hidden; height: 0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;transform-origin: bottom;opacity: 0;}

 


  .ana-blog-img{position: absolute;  right: -24px; bottom: -266px; height: 242px; border-top-left-radius: 120px;}
.ana-blog-img img{ border-top-left-radius: 120px;}

.ana-blog-btn-str{display: flex;justify-content: flex-start;align-content: space-between;}
.ana-blog-btn{  font: 15px 'SourceSans3-Bold'; color: #fff;padding: 6px 12px; margin-right: 12px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease}

.ana-blog-btn:hover{  background-color: #0c3d64; color: #fff;-webkit-transition: all 0.2s ease;transition: all 0.2s ease }
.ana-blog-stn:hover>.ana-blog-ust-stn .ana-blog-aciklama{opacity: 1; transform-origin: bottom;height: 100px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease; }
.ana-blog-stn:hover{background-color: #120858; transform-origin: bottom;-webkit-transition: all 0.2s ease;transition: all 0.2s ease; }
.ana-blog-stn:hover   .ana-blog-img{ position: relative;height: 242px;bottom: -52px; -webkit-transition: all 0.2s ease;transition: all 0.2s ease; }

.swiper-blog-next{right: 0 !important;}
/*********************************************************************************************************************************/
 

/*********************************************************************************************************************************/
.genel-title-str{height: auto;  min-height: 44px; background-color: #c00d0e; }
.genel-title-img{  }
.genel-title-box{position: absolute;width: 100%; bottom: 0;}
.genel-title-stn{display: flex; flex-direction: column;align-items: flex-start;}
.genel-title-stn.ana-stn{margin-bottom: 0;}
.genel-title{font: 36px 'SourceSans3-Bold';  min-width: max-content;  color: #000;padding: 0;}
.genel-title-line{width: 150PX;height: 5px; margin-bottom: 42px; background-color: #c00d0e;margin-bottom: 36px;  }
 
 

.genel-ust-title-str{background-color: #c00d0e;}
.genel-ust-title-box{display: flex; align-items: center;justify-content: flex-start;min-height: 140px;}
.genel-ust-title{font:40px 'SourceSans3-Bold';  min-width: max-content;  color: #fff;padding: 0;}
/*********************************************************************************************************/
.alt-kisim-str{background-color: #120858;padding: 56px 0 0;}




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

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

.arama-box {  width: 100%;  min-height: 100px;  background-color: #fff;  margin-bottom: 12px; border: 1px solid #ccc;
}
.arama-box-link{  width: 100%;  height: 100%;  display: flex; align-items: center;}

.arama-box-incele-btn {  position: absolute;  width: 78px;  height: 28px;  font: 13px SourceSans3-Bold;  color: #2a2a2a;  line-height: 27px;  right: 0;  bottom: 0}
.arama-box-incele-btn::after {  content: '';  position: absolute;  width: 29px;  height: 28px;  background: url(../pageFile/arama-incele-ok.svg) center no-repeat;  background-size: 18px 18px;  right: 0;  bottom: 0}
.arama-sol-stn{  width: 180px;  margin-right: 18px}
.arama-sag-stn {  width: calc(100% - 200px);  padding:0;  color: #000}
.arama-title {  width: 100%;  font: 16px SourceSans3-SemiBold;  color: #000;  min-height: 18px;  margin-bottom: 10px}
 .arama-aciklama {  font: 15px SourceSans3-Light;  color: #000}
.arama-tumunu-incele-btn {  width: 100%;  height: 30px;  font: 15px SourceSans3-Bold;  color: #192c54;  text-align: center;  line-height: 30px;  display: block;  background-color: #2a2a2a}
.arama-detay-img {  margin-bottom: 24px}

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


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

 
.kurumsal-aciklama{font: 16px 'SourceSans3-SemiBold';text-align: center;}
.kurumsal-img,.kurumsal-img img{border-radius: 24px;-moz-border-radius: 24px;-webkit-border-radius: 24px;}
.kurumsal-img{margin: 50px 0; -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.63);
-moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.63);
box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.63);}

.kurumsal-diger-str{margin-top: 54px;}
.kurumsal-diger-stn{display: flex;justify-content: space-between; align-items: center;}
.kurumsal-diger-stn.even{flex-direction: row-reverse;}
.kurumsal-diger-sol-stn{width: 50%;padding-right:60px;}
.kurumsal-diger-sag-stn{width: 50%; }
.kurumsal-diger-title{font: 32px 'SourceSans3-Bold';  color: #f7f7f9;
  background-image: -webkit-linear-gradient(135deg, #f7f7f9 0%, #a5a7aa 79%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;margin-bottom: 42px; line-height: 36px;margin-bottom: 36px;}
.kurumsal-diger-title span{font-family: 'SourceSans3-ExtraBold';color: #9ab1be;}

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

.swpr-sld-kurumsal-galeri{padding: 0 32px !important;}

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

.blog-str{}
.blog-stn{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

.blog-box{display: flex; flex-direction:column; background-color: #afafb0; padding: 50px 16px 32px; margin-bottom: 32px;width: calc(25% - 24px);margin-right: 32px; }
.blog-box:nth-child(4n){margin-right: 0;} 

.blog-box:hover{background-color: #120858;}
.blog-box:hover>.blog-title{}

.blog-bilgi-box{width: 100%;display: flex;   flex-direction: column;   justify-content: center;}

.blog-title{font: 21px 'SourceSans3-Bold'; height: 78px; line-height: 1.2;color: #fff;margin-bottom: 24px;display: -webkit-box;
    z-index: 15;-webkit-line-clamp:3;    -webkit-box-orient: vertical;    text-overflow: ellipsis;    overflow: hidden;    text-align: left;}
.blog-aciklama{font: 18px 'SourceSans3-Regular'; color: #fff; height: 104px;display: -webkit-box;
    z-index: 15;-webkit-line-clamp:4;    -webkit-box-orient: vertical;    text-overflow: ellipsis;    overflow: hidden;    text-align: left;}
/*****************************************************************************************************************/

.blog-detay-title{font: 38px 'SourceSans3-Bold';color: #271d67;display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start;}
.blog-detay-title::after{content: ''; position: relative; width: 150px; height: 5px; background-color: #c00d0e; margin: 16px 0 24px;}


.blog-detay-img-box{display: flex; width: 100%;justify-content: center;margin-top: 36px;}
.blog-detay-img{width: 100%; max-width: 550px; border-radius: 15px;-webkit-border-radius:15px; border: 1px solid #ccc; }

/*************************/
.blog-detay-alt-box{display: flex; flex-direction: row;  padding-bottom: 32px;  }
.blog-detay-alt-sol-stn{width:calc(36% - 32px); max-width: 420px; margin-right: 32px;}
.blog-detay-alt-img{border-radius: 15px; -webkit-border-radius:15px; border: 1px solid #f30008;}
.blog-detay-alt-sag-stn{width: 64%;display: flex;   flex-direction: column;   justify-content: center; text-align: left;}

.blog-detay-alt-title{font: 26px 'SourceSans3-ExtraBold'; color: #f30008;margin-bottom: 24px;}
.blog-detay-alt-aciklama{font: 20px 'SourceSans3-Regular'; color: #000;}










/*****************************************************************************************************************/
.galeri-str{margin-bottom: 54px;}
.galeri-stn{display: flex; justify-content: center;flex-wrap: wrap;}
.galeri-box{width: 33.33%;}
.galeri-hover{opacity: 0; position: absolute; display: flex;width: 100%; height: 100%;background-color: rgba(12,61,100,.80); font-size: 36px; color: #fff;justify-content: center;align-items: center;}
.galeri-box:hover>.galeri-hover{opacity: 1;}

.galeri-box,.galeri-box img{ }
/*****************************************************************************************************************/
 



.iletisim-str{  }
.iletisim-stn{display: flex; flex-direction: row; align-items: flex-start;}
.iletisim-sol-stn{width: 50%;padding-right: 64px;}
.iletisim-sag-stn{width: 50%;}

.iletisim-map{  }

.iletisim-genel-title{font: 21px 'SourceSans3-Bold'; display: flex; flex-direction: column;}
 

.iletisim-box{display: flex; flex-direction: column;   border-bottom: 2px solid #120858;padding:16px 0;}
.iletisim-title{font: 21px 'SourceSans3-Regular'; color: #120858;}



.iletisim-aciklama{font: 19px 'SourceSans3-Regular'; color: #120858;}

.iletisim-form-str{margin-top: 64px;}
.iletisim-form-stn{display: flex; flex-direction: row; align-items: center;}
.iletisim-form-sol-stn{width: 36%;}
.iletisim-form-sag-stn{width: 64%;padding-left: 64px; }

.iletisim-form-title{font: 32px 'SourceSans3-Bold'; color: #120858;margin-bottom: 20px;}
.iletisim-form-aciklama{font: 19px 'SourceSans3-Light'; color: #120858;}

.iletisim-input{border: 1px solid #737374 !important; height: 50px !important;  }
.iletisim-textarea{height: 140px; border: 1px solid #737374 !important;  }


.iletisim-gonder-btn-box{display: flex; justify-content: flex-end;}
 .iletisim-gonder-btn{width: 120px; height: 42px; background-color: #c00d0e; color: #fff; display: flex; justify-content: center; align-items: center; font: 22px 'SourceSans3-SemiBold';}
/*****************************************************************************************************************/

































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

.ara-cizgi-str{background: url("../pageFile/cizgi-ara-e.svg") no-repeat center,url("../pageFile/cizgi-aara-bg.svg") repeat-x center; height: 48px; background-size: 74px,5px;padding: 0; margin: 0; }
.ara-cizgi-yesil-str{background: url("../pageFile/cizgi-ara-yesil-e.svg") no-repeat center,url("../pageFile/cizgi-ara-yesil-bg.svg") repeat-x center; height: 25px; background-size: 74px,5px;}
/*********************************************************************************************************************/
 
/*********************************************************************************************************************/
 
/**************************************************************************************************************************************************************/
.ana-genel-title{font: 24px 'SourceSans3-Regular';color: #6f6f6f;letter-spacing: 4px;text-align: center;margin-bottom: 42px;}

/*********************************************************************************************************************************************/
.ana-ikili-str{padding: 40px 0;}
.ana-ikili-sol-stn,.ana-ikili-sag-stn{width:calc(50% - 10px); }
.ana-ikili-sol-stn{margin-right: 20px;}
.ana-haber-box{width: 100%;background-color: #f9b000;padding: 40px;}
.ana-haber-genel-title{position: absolute; width:50%; right: 0;font: 25px 'SourceSans3-Bold';color: #494949;}
.ana-haber-sol-stn{width: 44%;}
.ana-haber-sag-stn{width: 56%;padding-left: 40px;}
.ana-haber-title{font:16px 'SourceSans3-SemiBold';color: #494949;margin-bottom: 15px;margin-top: 32px;}
.ana-haber-aciklama{font: 14px 'SourceSans3-Light';color: #494949;margin-bottom: 15px;}
.ana-ikili-incele-btn{float:right;width:100%; max-width: 218px; font: 17px 'SourceSans3-Bold';color: #363636;border:2px solid #363636;padding: 10px 0;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;text-align: center;}

.ana-ikili-incele-btn:hover{float:right;width:100%; max-width: 218px; font: 17px 'SourceSans3-Bold';color: #f9b000;background-color: #363636;padding: 10px 0;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
/*********************************************************************************************************************************************/
 
/*********************************************************************************************************************************************/
 
/*********************************************************************************************************************************************/
.ebulten-str{background:url("../pageFile/ebultenBg.jpg") no-repeat center;background-size:cover;min-height:270px; padding:48px 0; text-align: center;}

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


 


.ebulten-title{font: 22px 'SourceSans3-Regular'; color: #000; line-height: 27px;height: auto; margin-bottom:28px;  }
 
.ebulten-aciklama{font: 15px 'SourceSans3-Light'; color: #000;text-align: center; margin-bottom: 28px;}


.ebulten-input-stn{z-index: 99;width: 320px;}
.ebulten-btn-stn{z-index: 9; width: auto;}
.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;}

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

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

.styled-checkbox.bulten-check + label:before,
.lt-ie8 .checkbox-replacement {    content: '';position: absolute;    left:-21px; 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;
 
}

input[type="text"].ebulten { height: 54px; 
    border: 1px solid #fff;
    background-color: transparent;
    font: 17px 'SourceSans3-Bold';
    color: #323232;
}

.btn-ebulten{height: 54px;   width: 100%;text-align: center;   background-color: #fff;   color: #767676; border: 1px solid #fff;    font: 16px 'SourceSans3-Bold'; border: 1px solid #fff; margin-left: 5px;}
.transparent::-webkit-input-placeholder { color: #fff;}
.transparent::-moz-placeholder { color: #fff;}
.transparent:-ms-input-placeholder {  color: #fff;}
/***************************************************************************************************************************************************************************/
.referans-cont{max-width: 1064px;}


/***************************************************************************************************************************************************************************/
 
.alt-iletisim-sol-stn{width: 56%;}
.alt-iletisim-sag-stn{width: 44%;padding: 44px 0 0 44px;}
.alt-iletisim-tel{font: 21px 'SourceSans3-Semibold';color: #323232;}
.alt-iletisim-mail{font: 21px 'SourceSans3-Semibold'; color: #ed1c24;}
.alt-iletisim-ara-cizgi{border-top:1px solid #323232;  margin: 8px 0;min-height: 0;}
.alt-iletisim-adres{font: 21px 'SourceSans3-Light'; color: #000;  }
.ana-iletisim-genel-title {    font: 36px 'BebasNeue-Bold';    color: #323232;    text-align: center;    margin-bottom: 40px;}



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

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

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

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

.haber-box{width:calc(50% - 16px);margin-right: 16px; margin-bottom: 16px; padding: 20px;border: 1px solid #ccc;}
.haber-genel-title{position: absolute; width:50%; right: 0;font: 25px 'SourceSans3-Bold';color: #494949;}
.haber-sol-stn{width: 44%;}
.haber-sag-stn{width: 56%;padding-left: 40px;}
.haber-title{font:16px 'SourceSans3-SemiBold';color: #494949;margin-bottom: 16px;}
.haber-tarih{font: 12px 'SourceSans3-Light'; color: #494949;}
.haber-aciklama{font: 14px 'SourceSans3-Light';color: #494949;margin-bottom: 15px;min-height: 64px;}
.haber-incele-btn{float:right;width:100%; max-width: 124px; font: 16px 'SourceSans3-Bold';color: #363636;border:1px solid #ccc;padding: 10px 0;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;text-align: center;}

.haber-incele-btn:hover{float:right;  font: 17px 'SourceSans3-Bold';color: #f9b000;background-color: #363636;padding: 10px 0;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 'SourceSans3-Bold';margin-bottom: 16px;}
.haber-detay-aciklama{font: 15px 'SourceSans3-Light';}
 
/******************************************************************************/
.goster{display: block  !important;}
.gizle{display: none !important;}
 

 
/******************************************************************************/
 
/*************************************************************************************************/
.transition-05{-webkit-transition: all 0.5s ease;transition: all 0.5s ease}
.transition-1s{-webkit-transition: all 1s ease;transition: all 1s ease}


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


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

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

.search-input{width:150px;position: absolute;right: 0}
.search-control{width:0 !important;}


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

.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(0,0,0, 0.85);overflow-x: hidden;overflow-y: auto;}
.overlay-content,.overlay2-content,.overlay3-content,.overlay4-content,.overlay5-content,.overlay6-content,.overlay7-content,.overlay8-content  {
  position: relative;
  top: 38%;
  width: 40%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}
.overlay2-content{width: 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: 'SourceSans3-Regular';
  width: 86%;
  background: white;
}


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

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

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


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

.bannerBox{width: 100%;height: auto;overflow-x: hidden;margin-top: 0;}
 
.banner-mb{border: 16px solid #fff; border-radius: 24px;-webkit-border-radius: 24px; }

.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{background: url("../pageFile/banner-alt-serit.svg") no-repeat center top;width: 100%;height: 58px; background-size:6000px 58px;}
 
 /***************************************************************************************************************************************/

.video-cont {
    height: calc(100vh - 116px);
    position: relative;
}
.video-cont video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 
/***************************************************************************************************************************************/
 
ul.alt-menu{list-style-type: none;color: #ddd; display: flex; justify-content: space-around; flex-direction: row;}
ul.alt-menu li{font: 21px 'SourceSans3-Regular';color: #fff;margin-bottom: 4px;}
ul.alt-menu li a{font: 21px 'SourceSans3-Regular';color: #fff;padding: 0 16px;}

 
 
.alt-stn{width:auto;margin-right: 50px;}
.alt-sosyal-str{margin-bottom: 36px;}
.alt-iletisim-stn{width: 460px;float: right;}
 
 
.sosyal-text{font: 18px 'SourceSans3-Regular'; color: #fff;margin-bottom: 16px;}
.sosyal-btn-link{width: auto; height: 30px;font-size: 30px;margin-right:10px; color: #fff;display: block;}


 













.alt-sozlesme-stn{float: right;}
.alt-sozlesme-link{color: #323232;}
.alt-sozlesme-cizgi{padding: 0 24px}


 


.copyright-str{ font: 15px 'SourceSans3-Regular'; color: #FFF;margin-top: 56px; }
.copyright-stn{display: flex; justify-content: space-between; align-items: center;}
.copyright-box{ line-height: 50px;width: calc(100% - 72px);height: 56px; font-size: 18px; }
.design-box{ width: 124px; height: 44px; background: url("../pageFile/peron-logo.svg") no-repeat center; background-size: 120px }
.design-box a{ position: absolute; width: 100%; height: 100%; display: table;}
 
 

  

/*********************************************************************************************************************************/
.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-SemiBold'; 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 'SourceSans3-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 'SourceSans3-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 'SourceSans3-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;  }
 
.ust-adr-logo{margin-top: 4px;   width: 64px; height: 64px;}
.alt-adr-logo{margin-top: 10px; margin-left: 16px; width: 76px; height: 76px;}


.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: 17px 'SourceSans3-Regular';padding: 50px 0; }
.genel-orta-box{background-color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 42px; padding: 42px 36px;}

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


.ana-grup-banner-uclu-str{margin-top:  -48px;}
.ana-grup-banner-uclu-stn{display: flex; justify-content: center;}
.ana-grup-banner-uclu-box{display: flex; flex-direction: column; justify-content: center; align-items: center;width:100%; max-width: 328px;margin-right: 24px; padding: 24px 0; background-color: #271d67;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.ana-grup-banner-uclu-box:last-child{margin-right: 0;}

 

.ana-grup-banner-uclu-title{font: 22px 'SourceSans3-Bold'; color: #fff; }
.ana-grup-banner-uclu-line{background-color: #c00d0e;width: 106px; height: 5px;margin: 6px 0;}
 






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

.kurumsal-str{}
.kurumsal-stn{}
.kurumsal-title-box{display: flex; justify-content: center; flex-direction: column;}
.kurumsal-title{font: 48px 'SourceSans3-ExtraBold'; color: #000; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.kurumsal-title::after{content: ''; position: relative; width: 100px; height: 4px; background-color: #f30008;margin: 16px 0;}
.kurumsal-aciklama{font: 19px 'SourceSans3-Regular'; color: #000;text-align: justify;}
/***************************************************************************************************************************************/


.ana-grup-uclu-str{margin: 64px 0;}
.ana-grup-uclu-stn{}
.ana-grup-uclu-box{display: flex; flex-direction: column; justify-content: center; align-items: center;width: calc(33.33% - 21.33px);margin-right: 32px;background-position: center; background-repeat:  no-repeat;padding: 32px 0;background-size: cover;}
.ana-grup-uclu-box:last-child{margin-right: 0;}

.ana-grup-uclu-box.kuru-silindir-btn{background-image: url("../pageFile/kuru-silindir-bg.jpg");}
.ana-grup-uclu-box.sulu-silindir-btn{background-image: url("../pageFile/sulu-silindir-bg.jpg");}
.ana-grup-uclu-box.kaplamali-silindir-btn{background-image: url("../pageFile/kaplamali-silindir-bg.jpg");}


.ana-grup-uclu-title{font: 24px 'SourceSans3-Bold'; color: #fff; }
.ana-grup-uclu-line{background-color: #c00d0e;width: 124px; height: 5px;margin: 6px 0;}
.ana-grup-uclu-link{font: 18px 'SourceSans3-Light'; color: #BFBFBF;border-bottom:1px solid #BFBFBF;}

















 

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

/* 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:120px;background-size: 246px;}
.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
}

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


.desk-element{display: block !important;}
.mobil-element{display: none !important;}

 @media (min-width:1441px)
 {
	 
 	.desk-element{display: block !important;}
.mobil-element{display: none !important;}
   .mobil-header{display: none !important;}
      .mobil-banner{display: none !important;}
}



 @media (min-width:1367px) and (max-width:1440px)
{

     .desk-element{display: block !important;}
.mobil-element{display: none !important;}
       .mobil-header{display: none !important;}
      .mobil-banner{display: none !important;}
    
   .navbar ul.menu li.menu{padding: 0 6px;} 
	.navbar .logo{margin-right: 12px;}
    
     /*****************************************************************************************/
}

 



@media (min-width:1281px) and (max-width: 1366px) 
{
	
	.desk-element{display: block !important;}
.mobil-element{display: none !important;}
	.navbar ul.menu li.menu{padding: 0 6px;}
     
       .mobil-header{display: none !important;}
      .mobil-banner{display: none !important;}
    
    .navbar ul.menu li.menu{padding: 0 0;} 
	.navbar .logo{margin-right: 12px;}
	
	.footer-ust-sol-stn{width: 282px;}
	.footer-ust-sag-stn{width: calc(100% - 282px);}
     /*****************************************************************************************/
}

 

@media (min-width: 1025px) and (max-width: 1280px) 
{
	.desk-element{display: block !important;}
.mobil-element{display: none !important;}
	
       .mobil-header{display: none !important;}
       .mobil-banner{display: none !important;}
 
        .navbar ul.menu li.menu{padding: 0 0;} 
	.navbar .logo{margin-right: 12px;}
	
	.footer-ust-sol-stn{width: 282px;}
	.footer-ust-sag-stn{width: calc(100% - 282px);}
     /*****************************************************************************************/
    
    
}
 
@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;}
    .custom-select{position: relative !important; float: left; top: 0 !important;left: 0 !important;}
    .select-selected{height: 38px !important;padding-top: 3px !important; font-size: 16px !important;}
    .select-selected::after{bottom: 5px !important;}
    .mobil-arama-dil-stn{float: none; display: table; margin: 0 auto 26px; top: 10px;}
    
      .ana-kurumsal-str {    background: #e3e3e3;    min-height: 418px; }
    .ana-kurumsal-sag-stn{left: 0; width: 100%;}
    .ana-kurumsal-title,.ana-kurumsal-aciklama{text-align: center;}
    .ana-kurumsal-btn{float: none; display: table; margin: 0 auto;}
    
    .ana-ikili-sol-stn{margin-bottom: 24px;}
    .ana-haber-genel-title{position: relative; float: left;width: 100%;margin-bottom: 16px; font-size: 20px; text-align: center;}
    .ana-haber-sol-stn,.ana-haber-sag-stn{width: 100%;padding-left: 0;}
    
    .ana-katalog-sol-stn{width: 100%;}
    .ana-katalog-sag-stn{width: 100%;padding:24px 40px;}
    .ana-katalog-title,.ana-katalog-aciklama{margin-bottom: 24px;text-align: center;}
     
    
    
    
    .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;}
    
 
    
 
    
        .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: 800px) 
{
 body{min-width: 100%;background: #fff;}
 
 .desk-element{display:none  !important;}
.mobil-element{display: block !important;}
	
	
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    .btn-search{margin-left: 10px;}
	.bannerBox{margin-top: 0;}
    .custom-select{position: relative !important; float: left; top: 0 !important;left: 0 !important;}
    .select-selected{height: 38px !important;padding-top: 3px !important; font-size: 16px !important;}
    .select-selected::after{bottom: 5px !important;}
    
    .mobil-arama-dil-stn{float: none; display: table; margin: 0 auto 26px; top: 10px;}
    
        .menu-baslik-bg,.genel-title{height: 180px;}
    
    
      .ana-kurumsal-str {    background: #e3e3e3;    min-height: 418px; }
    .ana-kurumsal-sag-stn{left: 0; width: 100%;}
    .ana-kurumsal-title,.ana-kurumsal-aciklama{text-align: center;}
    .ana-kurumsal-btn{float: none; display: table; margin: 0 auto;}
    
    .ana-ikili-sol-stn{margin-bottom: 24px;}
    .ana-haber-genel-title{position: relative; float: left;width: 100%;margin-bottom: 16px; font-size: 20px; text-align: center;}
    .ana-haber-sol-stn,.ana-haber-sag-stn{width: 100%;padding-left: 0;}
    
    .ana-katalog-sol-stn{width: 100%;}
    .ana-katalog-sag-stn{width: 100%;padding:24px 40px;}
    .ana-katalog-title,.ana-katalog-aciklama{margin-bottom: 24px;text-align: center;}
    
    .urun-liste-grup-stn{width: 100%; margin-bottom: 1px;}
    
    
    .ana-urun-box{width: 100%;margin-right: 0;margin-bottom: 24px;}
 
 
    
 
    
    
    
    .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%;}
    
 
 
 
 
    
    
    
        .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;}
 
 
    
    .banner-alt-serit{height: 30px;;}
     .banneraltserit-str{margin-bottom: 44px; }

        .mobil-logo{background-size: 246px;}
 
 
    
 
    
    
    


 
    
    .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%;}
	.container-big{max-width: 100%; padding: 0 15px;}
		
	 .desk-element{display:none  !important;}
.mobil-element{display: block !important;}
	
	
	.bannerBox{margin-top: 0;}
	
	.banner-alt-slogan-stn{flex-direction: column;}
	.banner-alt-sosyal-stn{flex-direction: column;width: 100%;justify-content: center; align-items: center;}
	
	.banner-alt-slogan-sol-stn{width: 100%;}
	.banner-alt-slogan-sag-stn{width: 100%;}
	.banner-alt-slogan-box{width: 100%;}
	
	
	.ana-blog-stn{flex-direction: column;}
	.ana-blog-sol-stn{width: 100%;padding-right: 0;margin-bottom: 24px;}
	.ana-blog-sag-stn{width: 100%;}
	.ana-blog-title{font-size: 30px; line-height: 32px;}
	.genel-title-line{margin-left: 0;}
	.genel-title-aciklama{margin-bottom: 24px;}
 
	.ana-teknik-sol-stn{width: 100%;}
.ana-teknik-sag-stn{width: 100%;}
	.ana-teknik-img{margin-bottom: 24px;}
	.ana-teknik-aciklama{width: 100%;}
	.ana-teknik-title{font-size: 36px; text-align: center;}
	
	
	
	.genel-title,.ana-kurumsal-title{font-size: 24px;}
	
	.ana-kurumsal-stn{flex-direction: column; }
	.ana-kurumsal-sol-stn,.ana-kurumsal-sag-stn{width: 100%;}
	.ana-kurumsal-sol-stn{margin-bottom: 24px;}
	.ana-kurumsal-sag-stn{padding-left: 0;}
	
	
	.ana-teknik-stn{flex-direction: column-reverse;}
	
	
	
	.ana-katalog-img{position: relative; top: inherit; right: inherit;}
	.ana-katalog-box{padding: 24px;}
	
	.grup-box{width: 100%; margin-right: 0;}
	
	
	.urun-ust-stn{flex-direction: column;}
	.urun-ust-grup-btn{width: 100%; margin-bottom: 24px;}
	.urun-ust-grup-ara-cizgi{display: none;}
	
	
	
	.urun-stn{flex-direction: column;}
	.urun-box{flex-direction: column;width: 100%;}
	.urun-sol-stn{width: 100%;}
	.urun-sag-stn{width: 100%;padding:32px;}
	
	.urun-genel-ust-stn{flex-direction: column;}
	
	.urun-genel-ust-sol-stn{width: 100%;margin-bottom: 24px;}
	
	
	.urun-detay-genel-ust-stn{flex-direction: column;}
	.urun-detay-genel-ust-sol-stn,.urun-detay-genel-ust-sag-stn{width: 100%;}
	.urun-detay-genel-ust-sol-stn{margin-bottom: 24px;}
	.urun-detay-sol-stn{width: 100%; margin-right: 0;}
	.urun-detay-sag-stn{width: 100%;}
	
	.genel-title-stn{flex-direction: column;}
	
	
	
	.alt-iletisim-ust-stn{flex-direction: column;}
	
	
 
	
	.alt-iletisim-flex-stn{flex-direction: column-reverse;}
	
	.alt-sag-stn{padding-left: 0;}
	
	
	.alt-iletisim-str{flex-direction: column;align-items: center;}
	
	    
    .alt-adres-stn{margin-bottom: 24px;text-align: left;margin-right: 0; display: flex; justify-content: flex-start;}
	.alt-iletisim-link-stn{max-width: 100%;margin-bottom: 24px;}
	
	.ebulten-btn-stn{display: flex; justify-content: center;width: 100%;margin-bottom: 12px;}
	
	
	
	
	
	 
	
	.kurumsal-img{  -webkit-box-shadow: 0px 0px 0 0px rgba(0,0,0,0.63);
-moz-box-shadow: 0px 0px 0 0px rgba(0,0,0,0.63);
box-shadow: 0px 0px 0 0 rgba(0,0,0,0.63);}
	.swpr-sld-kurumsal-galeri{padding: 0 !important;}
	.ana-hizmet-stn{flex-direction: column;}
	.ana-hizmet-sol-stn{width: 100%;}
	.ana-hizmet-sag-stn{width: 100%;padding-left: 0;}
	.ana-hizmet-title{font-size: 32px; line-height: 34px;}
	
	.social-media-box{width: 318px !important;height:  384px !important;}
	.social-media-box .social-media-bg img{width: 318px !important;height:  384px !important;}
		.social-media-box .mail {right: -24px;}
	.social-media-box .mail img{width: 186px; height: 182px;}
	
	
	.kurumsal-diger-stn{flex-direction: column-reverse;}
	.kurumsal-diger-sol-stn{width: 100%; padding-right: 0;}
	.kurumsal-diger-sag-stn{width: 100%; margin-bottom: 50px;}
	.kurumsal-diger-stn.even{flex-direction: column-reverse;}
	
	.hizmet-stn{flex-direction: column-reverse;}
	.hizmet-sol-stn{width: 100%;padding-right: 0;}
	.hizmet-sag-stn{width: 100%;}
	
	.blog-box{width: 100%; flex-direction: column;}
	.blog-sol-stn{width: 100%; margin-right: 0;margin-bottom: 24px;}
	.blog-sag-stn{width: 100%;}
	
	
	.iletisim-alt-stn{flex-direction: column;}
	
	
	.alt-sol-stn{flex-direction: column;align-items: center;}
	    ul.alt-menu{text-align: center;margin-bottom: 24px; flex-direction: column;}
	
	.alt-ebulten-title,.alt-ebulten-aciklama{text-align: center;}
	.alt-ebulten-email-box{width: 100%;margin-right: 0;}
	
	
	.alt-randevu-stn{ flex-direction: column;padding: 64px 32px;}
	.alt-randevu-sol-stn{justify-content: center;align-items: center;}
	.alt-randevu-title,.alt-randevu-sag-stn{text-align: center;}
	
	.alt-sosyal-stn{display: flex; flex-direction: column;align-items: center;}
	
	
	.copyright-stn{flex-direction: column;}
	
	
	
	
	
	
	
	
	
	
	
    .btn-search{margin-left: 10px;}
    .custom-select{position: relative !important; float: left; top: 0 !important; left: 0 !important;}
    .select-selected{height: 38px !important;padding-top: 3px !important; font-size: 16px !important;}
    .select-selected::after{bottom: 5px !important;}
    
    .alt-adr-logo{float: none; display: table; margin: 16px auto  !important; top: 16px;}
    .mobil-arama-dil-stn{float: none; display: table; margin: 0 auto 26px; top: 10px;}
    .select-items div{height: 38px !important;font-size: 16px !important;padding-top: 8px !important;}
    
 
        .banner-alt-serit{height: 30px;;}
    
    .iletisim-item{width: 100%; margin-right: 0; margin-bottom: 36px;}
    .inputDiv-2{width: 100% !important;margin-right: 0!important}
   
 
    
    .ana-ikili-sol-stn{margin-bottom: 24px;}
    .ana-haber-genel-title{position: relative; float: left;width: 100%;margin-bottom: 16px; font-size: 20px; text-align: center;}
    .ana-haber-sol-stn,.ana-haber-sag-stn{width: 100%;padding-left: 0;}
    
    .ana-katalog-sol-stn{width: 100%;}
    .ana-katalog-sag-stn{width: 100%;padding:24px 40px;}
    .ana-katalog-title,.ana-katalog-aciklama{margin-bottom: 24px;text-align: center;}
    
    .urun-liste-grup-stn{width: 100%; margin-bottom: 1px;}
    
    
    .ana-urun-box{width: 100%;margin-right: 0;margin-bottom: 24px;}
    .ana-urun-icon{width: 100%;}
    .ana-urun-title{padding-left: 0;width: 100%;height: 120px;}
    
    .ana-ikili-incele-btn{float: none; display: table; margin: 0 auto;}
    
    
 

    .alt-sag-stn{width: 100%; margin-top:24px; margin-bottom: 24px;}
    .alt-tel-box{min-width: inherit;padding-right: 64px;}
    
   

    
    
    
 
    
    .ana-ikili-box{width: 100%;margin-bottom: 24px;}
    .ana-ikili-sol-stn{width: 100%;min-height: 280px;left: 0;position: relative; float: left;}
    .ana-ikili-sag-stn{width: 100%; left: 0;}
    
 
    
    
    .alt-iletisim-sol-stn{width: 100%;margin-bottom: 24px;}
    .alt-iletisim-sag-stn{width: 100%;padding: 0;}
    
 
    
     
    
    .select-icon,.select-ihtiyac-stn,.ihtiyac-btn{width: 100%;margin-left: 0;max-width: 100%;}
    
    
 
 
    
    .menu-baslik-bg{ background:url("../pageFile/menu-baslik-bg.jpg") no-repeat center,#282828;background-size: cover; 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: 0;}
    .ebulten-btn-box{z-index: 9999;width: 100%;}
    .ebulten-form-box,.btn-ebulten{width: 100%;}
    .ebulten-input-stn {
    width: 210px;
}
        /*****************************************************************************************/
	.iletisim-str{margin: 0;}
	.iletisim-stn{flex-direction: column-reverse;}
    .iletisim-sol-stn,.iletisim-sag-stn,.iletisim-form-sol-stn,.iletisim-form-sag-stn{width: 100%;}
    .iletisim-sol-stn{margin-bottom: 16px;padding-right: 0;}
    
	.iletisim-form-sol-stn{padding-right: 0;margin-bottom: 12px;}
	.iletisim-gonder-btn-box{flex-direction: column; align-items: center;}
 
 /****************/
    .overlay6-content,.overlay7-content{width: 90%;}
     /****************/
    .alt-iletisim-stn,.alt-stn,.alt-sol-stn,.alt-logo-stn {width: 100%;}
    .alt-stn,.alt-logo-stn{margin-right: 0;}
    .alt-logo-stn{background-position: center;margin-bottom: 24px; min-width: inherit; flex-direction: column; align-items: center;}
	.alt-logo-box{margin-right: 0;margin-bottom: 24px;max-width: 280px;}
	
	
	    .kurumsal-logo-stn{background-position: center;margin-bottom: 24px; min-width: inherit; flex-direction: column; align-items: center;}
	.kurumsal-logo-box{margin-right: 0;margin-bottom: 24px;max-width: 280px;}
	
	
	
    .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;}
    .copyright-box{text-align: center;width: 100%;}
    .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:246px;}
    /**************mobil**********************************************/
    .overlay-content{width: 86%;}
    .overlay input[type="text"]{width: 80%;}
    
    .overlay2-content{width: 90%;}
    .uye-giris-stn{width: 100%;}
    
    .overlay3-content{width: 90%;}
    
    /**********************************************************/
 
    
    
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{right:42px !important;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:6px !important;}
 
    
    .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;}
 } 


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


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