/*türkçe */
@import url('https://fonts.googleapis.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900');

/*Hizmetler*/
.Hizmetler .HizmetListeleri .HizmetName span{
    font-size: 14px;
    color: #000;
}

.Hizmetler .HizmetListeleri a:hover .HizmetName{
    border-bottom: 2px solid #a21d2d;
    padding: 0 70px 5px 0px;
}

.Hizmetler .HizmetListeleri .HizmetName{
    text-align: center;
    margin: 10px;
    clear: both;
    float: left;
    padding: 0 40px 5px 0px;
    border-bottom: 2px solid #000;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.Hizmetler .HizmetListeleri .HizmetGorsel{
    float: left;
    padding: 0px 10px;
}

.Hizmetler .HizmetListeleri a img{
    max-width: 100%;
}

.Hizmetler .HizmetListeleri a{
    display: block;
    float: left;
    width: 33.3%;
    overflow: hidden;
    margin-bottom: 10px;
}
/* Hizmetler */
/*Menü*/
.leftContact .fonttrebuchet{
    text-align:center;
    display: block;
    width: 80px;
}

.leftContact .fonttrebuchet img {
    width: 100%;
}

#ust .menu {
    float: right;
}

#ust .menu ul li{
    float: left;
    position: relative;
}

#ust .menu ul li:hover > a{
  background: #bb172a;
  color: #FFF;
}

#ust .menu ul li.SubMenus a::after{
  content:'';
  background: url(images/icons.png) no-repeat 3px -174px;
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  margin: 3px 0px 0px 5px;
}


#ust .menu ul li a{
    float: left;
    color: #797979;
    padding: 39px 30px;
    font-weight: 300;
} 

#ust .menu ul li ul{
  display:none;
}

#ust .menu ul li:hover ul{
  display:block;
  position:absolute;
  margin-top: 97px;
  background: #7c000e;
  max-width: 360px;
}

#ust .menu ul.SubMenusActive li a:after{
  display:none;
}

#ust .menu .SubMenusActive li{
    width: 100%;
    float: left;
    display: block;
}

#ust .menu .SubMenusActive li a{
    padding: 10px 20px;
    color: #FFF;
    border-bottom: 1px solid #7c000e;
    float: none;
    display: block;
    min-width: 200px;
}

#ust .menu .SubMenusActive li a span{
  
font-size: 14px;
}

/*Menü*/




#ust {margin-top: 15px !important;position:absolute;width:100%;height: 96px;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */z-index:9999;box-shadow: 0px 1px 16px 2px #b9b9b9;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
#ust .logo {float:left;width:204px;height:58px;background:url(images/logo.png) no-repeat;margin: 20px 0;}

/*Scroll Ust*/

.ust_fix {height:67px !important;}
#ust.ust_fix {height: 60px !important;position:fixed;top:0;margin-top: 0px !important;}
#ust.ust_fix .logo{margin: 8px 0;height: 45px;background-size: auto 100%;}
#ust.ust_fix .dilYapisi{margin: 19px 0;}
#ust.ust_fix .search{margin-top: 15px;}
#ust.ust_fix .menu a{padding: 21px 35px;}
#ust.ust_fix ul li ul.SubMenusActive{
    margin-top: 60px;
}
#ust.ust_fix .search .searchBox{
    top: 45px;
}
/*Scroll Ust*/


.bxslider .SliderText {
    position: absolute;
    top: 50%;
    left: 20%;
    min-width: 400px;
    border-radius: 15px;
    max-width: 640px;
    margin: -140px 0 0 -174px;
    padding: 25px 30px;
    background: rgba(0,0,0,0.7);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s cubic-bezier(5000,1.000) 0.5s;
    -webkit-transform: translate(0px,200px);
    -ms-transform: translate(0px,200px);
    transform: translate(0px,200px);
    opacity:0;
}

.bxslider .active-slide .SliderText{
  opacity:1;
  -webkit-transform: translate(0%);
  -ms-transform: translate(0%);
  transform: translate(0%);
}


.bxslider .SliderText strong{
    font-size: 35px;
    text-shadow: 1px 0px 3px #3e3e3e;
    color: #FFF;
    float: left;
}

.bxslider .SliderText a.SliderClick:hover{background-color:#000;}

.bxslider .SliderText a.SliderClick {
    background: url(images/icons.png) -1px -53px no-repeat #FFF;
    width: 55px;
    height: 55px;
    border-radius: 40px;
    float: left;
    clear: both;
    margin-top: 20px;
	display:none;
}

.dokuman {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.dokuman .dokumanList a:hover{border-bottom: 1px solid #000;}

.dokuman .dokumanList a:before{
    content: '';
    display: block;
    float: left;
    width: 30px;
    font-size: 12px;
    height: 40px;
    background: url(images/file.svg) no-repeat left top;
    text-align: center;
    line-height: 19px;
    background-size: auto 100%;
    margin: 10px 10px 10px 0px;
}

.dokuman .dokumanList a {
    display: block;
    float: left;
    padding: 0 10px 0 0px;
    color: #000;
    line-height: 60px;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #ddd;
}


body { margin:0; padding:0; font-family: 'Exo 2', sans-serif; background:#fff;}
A { text-decoration:none; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
A:hover { text-decoration:none;}
h1,h2,h3 { margin:0px; padding:0px; font-weight:normal; display:inline;}
li,ul { margin:0px; padding:0px; font-weight:400; list-style: none;}
p { margin:0px; padding:0px;}
input { font-family: 'Exo 2', sans-serif;}
textarea {font-family: 'Exo 2', sans-serif;}
* {outline: 0;}

.fullContent{width:1200px;margin:0 auto;min-height: 10px;}

/*slider Alt*/
.sliderFootter {
    position: absolute;
    bottom: 0;
    z-index: 99;
    height: auto;
    width: 100%;
}

.sliderFootter::before{
    content: '';
    width: 42px;
    height: 41px;
    background: url(images/icons.png) 0px -194px no-repeat;
    display: block;
    margin: 0 auto;
}

.sliderFootter .footterContent {
    background: rgba(0,0,0,0.7);
    display: block;
    height: 100%;
    float: left;
    width: 100%;
    position: relative;
}

.contentLeft {
    float: left;
    display: block;
    width: 460px;
    margin: 54px 0px 0 85px;
    position: relative;
}

.contentRight {
    float: right;
    width: 580px;
}

.contentLeft .newTitle {
    width: 100%;
}

.contentLeft .newTitle span{
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
}

.contentLeft .news {
    width: 100%;
}

.news .swiper-slide {
    width: 100% !important;
}

.news .nextPrev {
    position: absolute;
    top: 0;
    width: 75px;
    height: 30px;
    right: 0;
    overflow: hidden;
}

.news .nextPrev .swiper-button-next{
    background-image: url(images/next.svg);
    background-color: #bb172a;
    opacity: 1;
    background-size: 75%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{
    opacity:0.8 !important;
}

.news .nextPrev .swiper-button-prev{
    background-image: url(images/prev.svg);
    background-color: #bb172a;
    opacity: 1;
    background-size: 75%;
}

.contentLeft .news .newsLeft{
    float: left;
    width: 105px;
    overflow: hidden;
    height: 105px;
    margin-top: 20px;
}

.contentLeft .news .newsLeft a{
    display: block;
    float: left;
    margin: 0;
}
.contentLeft .news .newsLeft img{
    max-width: 100%;
}

.contentLeft .news .newsRight{
    float: right;
    width: 280px;
}

.contentLeft .news .newsRight h2{
    font-size: 18px;
    color: #FFF;
    width: 100%;
    display: block;
    font-weight: 700;
}

.contentLeft .news .newsRight span{
    font-size: 14px;
    color: #FFF;
    font-weight: 300;
    margin: 10px 0;
    width: 100%;
    height: 90px;
    display: block;
}

.contentLeft .news .newsRight a{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #bb172a;
}


.contentRight .catalog {
    float: left;
    margin-top: 59px;
}

.contentRight .contentMenu {
    float: right;
    width: 293px;
}

.contentRight .contentMenu a:hover{background: #310105;}

.contentRight .contentMenu a{
    display: block;
    width: 100%;
    background: #3d0007;
    color: #FFF;
    font-size: 26px;
    text-align: center;
    padding: 57px 0;
    font-weight: 600;
}

.contentRight .contentMenu a:first-child:hover{
    background: #930111;
}

.contentRight .contentMenu a:first-child{
    background: #7c000e;
}


.contentLeft .news .bx-controls{
    top: -30px;
    right: 0;
    width: 86px;
    height: 30px;
    position: absolute;
}

.contentLeft .news .bx-wrapper .bx-controls-direction a{
}
.contentLeft .news .bx-wrapper .bx-controls-direction a.bx-prev{
    background: url(images/prev.svg) no-repeat center #bb172a;
    background-size: 20px;
}
.contentLeft .news .bx-wrapper .bx-controls-direction a.bx-next{
    background: url(images/next.svg) no-repeat center #bb172a;
    background-size: 20px;
}

/*slider Alt*/

/*Kurumsal Kimlik*/

.kurumsalKimlik {
    background: #bb172a;
    padding: 41px 0;
    float: left;
    width: 100%;
}

.kurumsalKimlik .kimlikTitle1 {
    width: 270px;
    float: left;
    height: 100%;
    text-align: center;
}

.kurumsalKimlik .kimlikTitle1 strong{
    font-size:26px;
    color:#FFF;
    text-align: left;
    display: block;
    padding-left: 83px;
}

.kurumsalKimlik .hakkimizda:before{
  content:'';
  width: 5px;
  height: 5px;
  background: #000;
  display: block;
  position: absolute;
  right: -3px;
}

.kurumsalKimlik .hakkimizda {
    float: left;
    width: 485px;
    display: block;
    border-right: 1px solid #000;
    padding-right: 25px;
    position: relative;
}

.kurumsalKimlik .hizmetAlanlari .hizmetTitle,
.kurumsalKimlik .hakkimizda .hakkimizdaTitle{
    font-size: 18px;
    color: #FFF;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    margin-top: 4px;
}
.kurumsalKimlik .hizmetAlanlari .hizmetDesc,
.kurumsalKimlik .hakkimizda .hakkimizdaDesc{
    width:100%;
    float:left;
    margin-top: 19px;
    height: 155px;
}

.kurumsalKimlik .hizmetAlanlari .hizmetDesc ul li::before{
  content:'.';
  line-height: 8px;
  font-size: 22px;
  width: 10px;
  height: 10px;
  display: block;
  float: left;
}

.kurumsalKimlik .hizmetAlanlari .hizmetDesc ul li{
  margin-bottom:5px;
}

.kurumsalKimlik .hizmetAlanlari .hizmetDesc ul li span{
    color: #FFF;
    font-weight: normal;
    font-size: 14px;
}

.kurumsalKimlik .hizmetAlanlari .hizmetDesc ul li span:hover {
    color: #bfbebe;
}

.kurumsalKimlik .hakkimizda .hakkimizdaDesc p{
    font-size: 14px;
    color: #FFF;
    margin-bottom: 10px;
    font-weight: 400;
    float: left;
    width: 100%;
    display: block;
    text-align: left;
    line-height: 19px;
    word-wrap: break-word;
    letter-spacing: 0.8px;
}

.kurumsalKimlik .hakkimizda .btn{
    float: left;
    background: #000;
    color: #FFF;
    font-weight: 300;
    padding: 13px 22px;
    font-size: 14px;
    margin-top: 30px;
}

.kurumsalKimlik .hakkimizda .btn:hover{
  background: #242424;
}

.kurumsalKimlik .hizmetAlanlari {
    width: 390px;
    float: right;
}

/*Kurumsal Kimlik*/

.search .searchBox.Active {
    display: block;
}

.search .searchBox input[type="text"] {
    height: 35px;
    border: 0;
    padding: 0;
    text-indent: 10px;
    width: 190px;
}

.searchBox button {
    background: #000;
    border: 0;
    width: 60px;
    height: 35px;
    float: right;
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    transition: 0.5s;
}

.searchBox button:hover{
  
background: #bb172a;
}


.search {
    float: right;
    display: block;
    width: auto;
    margin-top: 38px;
    position: relative;
    margin-left: 10px;
}

.search a.searchBtn:hover{
  background: url(images/icons.png) no-repeat -229px -121px;
}

.search a.searchBtn.Active{
    background: url(images/icons.png) no-repeat -229px -121px;
}

.search a.searchBtn {
    background: url(images/icons.png) no-repeat -229px -83px;
    display: block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.search .searchBox {
    display: none;
    position: absolute;
    top: 58px;
    right: 0;
    background: #aaa;
    width: 250px;
    height: 35px;
}


/*dil yapisi*/
.dilYapisi {
    width: 52px;
    float: left;
    margin-top: 35px;
}

.dilYapisi a.en{
    border-right: 1px solid #eee;
    background: #a21d2d;
}

.dilYapisi a:hover{
    background: #a21d2d;
    text-decoration: underline;
}

.dilYapisi a {
    display: block;
    float: left;
    padding: 5px;
    background: #3f3f3f;
    color: #FFF;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 1px;
}
/*dil yapisi*/
/*slogan*/


.Slogan{background-position: center;float: left;position: relative;background-image: url('images/slogan.jpg');background-repeat: no-repeat;width: 100%;height: 765px;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.sloganBaslik{font-size: 52px;color: #FFF;text-shadow: -4px 3px 6px #000;text-align: center;display: inline-block;position: absolute;left: 50%;top: 50%;margin: -30px 0px 0px -405px;}
/*slogan*/

/*Projelerimiz*/

.ProjeDetayli .ResimGalerisi.Video .Galeri{
  float: left;
  margin-right: -20px;  
}


.ProjeDetayli .ResimGalerisi.Video .Galeri a{
    width: 162px;
    margin: 0 11px 11px 0;
    height: 92px;
}

.ProjeDetayli .ResimGalerisi .Galeri a{
    float: left;
    width: 175px;
    height: 102px;
    text-align: center;
    margin: 0 22px 10px 0;
    overflow: hidden;
    background: #f5f5f5;
}

.ProjeDetayli .ResimGalerisi .Galeri a img{display: inline-block;max-width: 100%;}

.ProjeDetayli .ResimGalerisi .Galeri{
    max-height: 400px;
    overflow: auto;
    text-align: center;
    float: left;
    margin-right: -20px;
}

.ProjeDetayli .ResimGalerisi.Video{
  width:100%;
}


.ProjeDetayli .ResimGalerisi {
    float: right;
    width: 49%;
    margin-top: 40px;
}

.ProjeDetayli .TanitimFilmi.Galeri{
    width: 100%;
}

.ProjeDetayli .TanitimFilmi {
    float: left;
    width: 49%;
    margin-top: 40px;
}

.ProjeDetay .ProjeDetayli {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.ProjeDetay .projeOzet {
    float: right;
    width: 370px;
    height: 544px;
    position: relative;
}

.ProjeDetay .projeOzet h1{
    width: 100%;
    display: block;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

.ProjeDetay .projeOzet .ProjeGrubu{
    margin-bottom: 20px;
    color: #b7b7be;
}

.ProjeDetay .projeOzet .ProjeGrubu span.devam{
    color: #a21d2d;
}

.ProjeDetay .projeOzet .ProjeGrubu span{}


.ProjeDetay .projeOzet .WebSitesi span a:hover{
  color:#a21d2d;
}

.ProjeDetay .projeOzet .WebSitesi span a,
.ProjeDetay .projeOzet .WebSitesi span{color: #545454;float: left;font-weight: bold;margin-top: 5px;}


.ProjeDetay .projeOzet .WebSitesi:after{content:'';}
.ProjeDetay .projeOzet .WebSitesi:before{content:'';}

.ProjeDetay .projeOzet .WebSitesi{
  width:100%;
  float:left;
}

.ProjeDetay .projeOzet .KisaAciklamasi span{
    font-size: 13px;
    color: #888;
    line-height: 20px;
}


.ProjeDetay .projeOzet .KisaAciklamasi{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.ProjeDetayli .Aciklama {
    margin-top: 20px;
}

.ProjeDetayli .Aciklama p{
    line-height: 19px;
    margin-bottom: 15px;
}

.Lokasyon {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.TanitimFilmi .Film .player.fl {
    width: 100%;
}

.dokuman .AciklamaBaslik,
.Lokasyon .AciklamaBaslik,
.ProjeDetayli .AciklamaBaslik,
.ProjeDetay .projeOzet .EkBilgiler strong{
display: block;
font-weight:bold;
border-bottom: 1px solid #dad9d9;
border-left: 4px solid #a21d2d;
padding-bottom: 5px;
margin-bottom: 5px;
font-size: 16px;
padding-left: 10px;  
}

.ProjeDetay .projeOzet .KisaAciklamasi p{
    margin-bottom: 10px;
}

.ProjeDetay .projeOzet .KisaAciklamasi strong{color: #675d5d;}

.ProjeDetay .projeOzet .EkBilgiler span strong{
    display: inline-block;
    border: 0;
    font-size: 12px;
    padding-left: 0;
}
.ProjeDetay .projeOzet .EkBilgiler span,
.ProjeDetay .projeOzet .EkBilgiler span a{}

.ProjeDetay .projeOzet .EkBilgiler{
    float: left;
    width: 100%;
    margin-top: 30px;
}


.Projeler .Projelerimiz {
    width: 1206px;
    float: left;
    height: auto;
    margin-top: 40px;
    margin-left: -3px;
}


.Projeler .Projelerimiz .ProjeList {
    float: left;
    width: 392px;
    height: auto;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.Projeler .Projelerimiz .gorsel img{
  max-width:100%  
}

.Projeler .Projelerimiz .ProjeBaslik {
    line-height: 100px;
    text-align: center;
    font-size: 30px;
}

.Projeler .swiper-slide .gorsel:hover .ProjectName {
    display:block;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,0.8);
}

.Projeler .swiper-slide .gorsel{
  position:relative;
}

.Projeler .swiper-slide .gorsel .ProjectName span{
    color: #FFF;
    font-size: 14px;
    border: 2px solid #FFF;
    padding: 5px;
    display: inline-block;
    margin-top: 25%;
    width: 86%;
}

.Projeler .swiper-slide .gorsel .ProjectName {
    display:none;
    transition: 0.5s;
}

.Projelerimiz .ProjeList {
    float: left;
    width: 25%;
    height: 300px;
}

.Projelerimiz .gorsel img{
  max-width:100%  
}

.Projelerimiz .ProjeBaslik {
    line-height: 100px;
    text-align: center;
    font-size: 30px;
}

.swiper-slide .gorsel:hover .ProjectName {
    display:block;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,0.8);
}

.swiper-slide .gorsel{
  position:relative;
}

.swiper-slide .gorsel .ProjectName span{
    color: #FFF;
    font-size: 14px;
    border: 2px solid #FFF;
    padding: 5px;
    display: inline-block;
    margin-top: 25%;
    width: 86%;
}

.swiper-slide .gorsel .ProjectName {
    display:none;
    transition: 0.5s;
}
/*Projelerimiz*/

.wr { width:1200px; margin-left:auto; margin-right:auto; display:table;} 
.pr { position:relative;} .nodp { display:none;} .fl { float:left;} .fr { float:right;} .cl { clear:left;} .mc { width:100%; height:auto; display:table;}
.mkwrapper div {width: 80px;height: 20px;margin-right:0px;float: right;}
.mk div { width: 20px; height: 20px;}
.mk1 { background:url(images/morkarinca.png) no-repeat top right;}
.mk2 { background:url(images/morkarinca.png) no-repeat bottom right;}



.anasayfa_reklam{width:100% !important; height: 500px !important;display:table; float:left; background:#000; position: relative;}
.anasayfa_reklam img {height: auto !important;}
.anasayfa_reklam div.tgtimg {position: static !important;}
.iletisim_satir .g-recaptcha
 {
position: relative;
margin-left: 135px;
margin-top: 10px;
margin-bottom: 10px;

 }
.iletisim_sag .iletisim_satir2 { position:relative; float:left;}

.iletisim_satir2 .g-recaptcha
{
  float: right;
  position: relative;
  margin-left:30px;
  margin-top: 10px;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.ust1 .wr {height: 100%;}
.panoSlider {float: left; width: 100%; position: relative;}
#owlMain {float: left; width: 100%; height: 500px;}
.panoRight {float: right; width: 100%; height: 500px;}
.panoLeft {float: left; height: 510px; background: #ddecde; width: 325px; padding: 75px; box-sizing: border-box; position: relative;}
.panoLeft p {font-size: 36px; color: #294075; width: 10px; display: none;}
.panoLeft p a {position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: #fff url(images/icons.png) -355px 25px no-repeat; font-size: 13px; color: #2b8834; text-align: center; padding-right: 79px; padding-top: 44px; box-sizing: border-box; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.panoLeft p a:hover {background: #294075 url(images/icons.png) -327px 25px no-repeat; color: #fff; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; }
.panoLeft p span {font-weight: bold;}
.panoLeft p.active {display: block;}
#owlMain .owl-controls {width: auto; float: left; margin-top: -70px; z-index: 99999; position: relative; margin-left: 40px;}
#owlMain .owl-dots .owl-dot span {background: #fff; border-radius: 0px;}
#owlMain .owl-dots .owl-dot.active span, #owlMain .owl-dots .owl-dot:hover span {background: #2b8834;}

.panoSlider .wr {position: relative;}

.pagination {left: 0px !important; margin-left: 0px !important;}
.panoRight .pagination > div {width: 25px !important; height: 25px !important; box-sizing: border-box; border: 1px solid #c1272d; background: #ffffff4d !important; text-align: center; font-size: 15px; font-weight: bold; padding-top: 3px; color: #c1272d;}
.panoRight .pagination > div:first-child:before {content: '1'; display: block;}
.panoRight .pagination > div:nth-child(2):before {content: '2'; display: block;}
.panoRight .pagination > div:nth-child(3):before {content: '3'; display: block;}
.panoRight .pagination > div:nth-child(4):before {content: '4'; display: block;}
.panoRight .pagination > div:nth-child(5):before {content: '5'; display: block;}

.bultenKutuphane {float: left; width: 100%; padding: 20px 0px; background: #fff; margin-top: 25px;}

.leftbK {float: left; width: 49%; height: 150px; background: #c1272d; color: #fff; padding: 20px; box-sizing: border-box; margin-right: 12px; border: 2px solid #c1272d; padding-left: 0;}
.leftbK:hover {background: #fff; border: 2px solid #c1272d;}
.leftbK:hover span  {color :#c1272d;}
.leftbK:hover .gButton  {border: 1px solid #c1272d;}
.leftbK:hover .gGorsel {background: url(images/icons.png) -519px -304px no-repeat;}

.gLeft {border-right: 1px solid #db2e34; width: 28%; float: left;  display: block; box-sizing: border-box;}
.gGorsel {width: 50px !important; height: 51px; display: block; background: url(images/icons.png) -414px -304px no-repeat; margin: 0 auto; margin-bottom: 20px; margin-top: 13px;}
.gSpot {font-weight: 300; width: 100%; font-size: 14px; display: block; margin-top: 9px;}
.gRight {width: 72%; float: left; display: block; box-sizing: border-box; padding-left: 20px;}
.gTitle {font-weight: bold; font-size: 14px; text-align: center; width: 100%; display: block;}
.gButton {border: 1px solid #fff; padding: 6px 20px; font-weight: bold; font-size: 14px; border-radius: 10px; display: block; float: right; margin-top: 15px;}
.gButton i {position: relative; right: -7px;}


.rightbK {float: left; width: 49.4%; height: 150px; background: #8cbf43; color: #fff; padding: 20px; box-sizing: border-box; border: 2px solid #8cbf43; padding-left: 0; margin-left: 6px;}
.rightbK:hover {background: #fff; border: 2px solid #8cbf43;}
.rightbK:hover span  {color :#8cbf43;}
.rightbK:hover .gButton  {border: 1px solid #8cbf43;}
.rightbK:hover .gGorsel {background: url(images/icons.png) -519px -304px no-repeat;}

.rightbK .gLeft {border-right: 1px solid #98d146; width: 28%; float: left;  display: block; box-sizing: border-box;}
.rightbK .gGorsel {width: 68px !important; height: 62px; display: block; background: url(images/icons.png) -213px -293px no-repeat; margin: 0 auto; margin-bottom: 20px; margin-top: 5px;}
.gSpot {font-weight: 300; width: 100%; font-size: 14px; display: block; margin-top: 9px;}
.gRight {width: 72%; float: left; display: block; box-sizing: border-box; padding-left: 20px;}
.gTitle {font-weight: bold; font-size: 14px; text-align: center; width: 100%; display: block;}
.gButton {border: 1px solid #fff; padding: 6px 20px; font-weight: bold; font-size: 14px; border-radius: 10px; display: block; float: right; margin-top: 15px;}
.gButton i {position: relative; right: -7px;}
.rightbK:hover .gGorsel {background: url(images/icons.png) -316px -293px no-repeat;}




.sayfaNo {float: left; width: 100%; text-align: center;}
.sayfaNo a {width: 30px; height: 30px; display: inline-block; background: #fdfdfd; text-align: center; color: #6d6e71; font-weight: 300; padding-top: 3px; box-sizing: border-box; border-radius: 4px; border: 1px solid #dadada; margin-right: 5px;}
.sayfaNo a:hover {color: #fff; background: #294075; font-weight: bold;}
.sayfaNo a.active {color: #fff; background: #294075; font-weight: bold; cursor: default;}
a.oBtn {width: 110px; padding: 2px 5px; font-size: 13px;}


.ust_fix {height:90px !important;}
.ust_fix .ust1 {height:50px !important;}
.ust_fix .ust1 .logo {background-size:72px 40px !important; margin:7px 0px 0px 0px !important; width: 72px; height: 40px;}
.ust_fix .ust1 .menu {height:67px !important;}
.ust_fix .ust1 .menu a {height:34px !important; margin-top: 16px !important;}
.ust_fix .ust1 .menu a:hover {border-bottom: 3px solid #2b8834; color: #2b8834; font-weight: bold;}
.ust_fix .ust1 .menu a.aktif {border-bottom: 3px solid #2b8834; color: #2b8834; font-weight: bold;}
.ust_fix .ust1 .shoplink {margin:13px 18px 0px 0px !important;}
.ust_fix .ust2 .orta .arama {display:none;}
.ust_fix .ust1 .wr:after {display: none;}

.btn_ara {display: none;}
.arama {position: static; z-index: 999; left: 0px; top: 0px;}
.ust_bosluk {float:left; width:100%; height:180px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.ust_bosluk_fix {height:67px !important;}
ul.socialMediaHeader li {
    float: left;
}
ul.socialMediaHeader li:hover i {color: #444;}
ul.socialMediaHeader li a {width: 50px;display: block;}
ul.socialMediaHeader li a i {color: #a7a7a7;font-size: 20px;}
#alt ul.socialMediaHeader li:hover i {color: #444;}


.upHeader {float: left; width: 100%; height: 40px; background: #f3f3f3;}
.upHeader .wr {position: relative;}
.upHeader p {float: right; font-size: 12px; height: 40px; padding: 0px 15px; padding-top: 8px; font-weight: 300; border-left: 1px solid #e9e9e9; box-sizing: border-box;}
.upHeader p a {margin-left: 10px; color: #838383; font-size: 14px; position: relative; top: -2px;}
.upHeader p:hover a {color: #fff;}
.upHeader p:hover i {color: #fff;}
.upHeader p:hover {background: #004a81;}
.butonara {background: url(images/icons.png) 11px -179px no-repeat; width: 50px; height: 40px; border: 0px; float: left; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; cursor: pointer;}
.butonara:hover {background: #004a81 url(images/icons.png) 11px -249px no-repeat;}
.inputara {border: 0px; background: transparent; color: #a7a9ac; font-size: 12px; width: 230px; padding: 13px; box-sizing: border-box; float: left; margin-top: 0px; margin-left: 0px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; font-weight: 300; border-left: 1px solid #e9e9e9;}
.inputara:focus {width: 230px;  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.inputara:focus + .butonara {position: static;  -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.inputara::-webkit-input-placeholder { color:#a7a9ac;}
.inputara::-moz-placeholder { color:#a7a9ac;}
.inputara:-moz-placeholder { color:#a7a9ac;}
.inputara:-ms-input-placeholder { color:#a7a9ac;}
.fbIcn {width: 25px; height: 25px; background: url(images/icons.png) 10px -76px  no-repeat; display: block; background-size: 110px;}
.twIcn {width: 25px; height: 25px; background: url(images/icons.png) -19px -76px  no-repeat; display: block; background-size: 110px;}
.gpIcn {width: 25px; height: 25px; background: url(images/icons.png) -74px -76px  no-repeat; display: block; background-size: 110px;}
.upHeader p {color: #838383;}
.upHeader p i {color: #004a81; font-size: 18px; margin-top: 4px;}
.headerBagis {float: right; color: #838383; font-size: 14px; font-weight: 300; padding: 12px 18px;}
.headerBagis:hover {background: #004a81; color: #fff;}


.sliderContent {float: left; width: 100%; position: relative;}
.sliderContent .sCLeft:after {content: ''; background: #00acc8; width: 100%; position: absolute; top: 60%; left: 0; display: block; height: 1px; z-index: -1;}
.sliderContent h3 {font-size: 26px; color: #464646; font-weight: bold; padding: 0px 30px 0px 25px; float: left; background: #fff; margin: 60px 0px 30px;}
.sliderContent .sCLeft a {color: #2b8834; font-size: 13px; width: 100%; display: block; float: left; font-weight: 100; display: none;}
.sCLeft {float: left; width: 100%; position: relative;}
.sCRight {float: left; width: 100%;}
.sliderContent .owl-carousel {float: left; box-sizing: border-box;}
.sliderContent .owl-carousel .owl-item a {height: 285px; display: block;}
.sliderContent .owl-carousel .owl-item img {border-radius: 27px;}
.sliderContent .owl-carousel .owl-controls {position: absolute; top: 80px; left: -205px; display: none;}
.sliderContent .owl-carousel .owl-dots .owl-dot span {background: #fff; border: 1px solid #294075;}
.sliderContent .owl-carousel .owl-dots .owl-dot.active span, .sliderContent .owl-carousel .owl-dots .owl-dot:hover span {background: #294075;}
.sliderContent .sCRight p {background: #fff; height: 120px; text-align: left; display: table;  padding: 0 25px; padding-top: 30px; position: relative; top: -30px; z-index: -1; box-sizing: border-box; width: 100%; color: #464646; font-size: 14px; font-weight: 600; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.sliderContent .sCRight p span {display: table-cell; vertical-align: middle; width: 70%;}
.sliderContent .sCRight p span.imgs2 {display: table-cell; vertical-align: middle; width: 30%; position: relative; text-align: center;}
.sliderContent .sCRight p span.imgs2 i {color: #fff; position: relative; z-index: 1; font-size: 30px; position: relative; top: -10px;}
.sliderContent .sCRight p span.imgs2:after {display: block; position: absolute; content: ''; top: 0; left: 0; background: #00acc8; color: #fff; height: 80%; width: 100%; border-radius: 5px 5px 18px 18px;}
.sliderContent .sCRight a:hover p {-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; background: #00acc8; color: #fff;}
.sliderContent .sCRight a:hover p span.imgs2:after {background: #fff;}
.sliderContent .sCRight a:hover p span.imgs2 i {color: #00acc8;}

#ebultenform {float: left; position: relative;}
#ebultenform label {position: absolute; right: 0; top: 56px; background: red; padding: 10px; color: #fff;}
.ebultenuyari {position: absolute; right: 0; top: 56px; background: red; padding: 10px; color: #fff;}
.pano {position:relative; float:left; width:100%; height:590px; margin-top:0px; overflow:hidden; z-index:1;}
.pano .pano_detay {float:left; width:100%; height:590px;}

.panoAlti {float: left; height: auto; width: 100%; position: relative; padding-top: 7px; margin-bottom: 30px;}
.panoAltiBoxes {height: 212px; width: 100%; background: #f8f8f8; padding: 25px 30px; box-sizing: border-box; display: none;}
.panoAltiBox {width: 31%; float: left;}
.bOrta {text-align: center; width: 40%;}
.bOrta + .panoAltiBox {width: 25%; margin-left: 35px;}
.panoAltiBox h3 {font-weight: bold; color: #6d6e71; margin-bottom: 25px; display: block; font-size: 20px;}
.panoAltiLogolar {height: 178px; width: 100%; float: left; display: block; background: #fff url(images/panoaltiback.png) center 174px no-repeat; margin-top: 30px; padding-top: 25px;}
.panoAltiLogolar .owl-carousel .owl-item {text-align: center;}
.panoAltiLogolar .owl-carousel .owl-item img {display: inline-block;}

.sliderContent .sCLeft:before {content: ''; width: 10px; height: 15px; background: url(images/icons.png) -570px -222px no-repeat; display: block; margin: 0 auto; opacity: 1; position: absolute; top: 55%; left: 0;}
#owlNews .owl-item {border-radius: 30px; overflow: hidden; border: 1px solid #e1e1e1; box-sizing: border-box;}
#owlActivites .owl-item {border-radius: 30px; overflow: hidden; border: 1px solid #e1e1e1; box-sizing: border-box;}


.morkarinca {position: relative;}
.morkarinca img {position: absolute; right: -30px; top: -132px; background: #fff; padding: 0px 30px 0px 30px;}
#alt {float: left;width: 100%;height: auto;background: #fff;position: relative;z-index: 999;}
#alt .altmenu { float:right; width:100%; height:200px;}
#alt .altmenu .altmenu_kat { float:left; width:25%; height:auto; margin-left:0px; padding-left: 40px; box-sizing: border-box;}
#alt .altmenu .altmenu_katbaslik {float: left; width: 100%; margin-bottom: 15px; padding-top: 15px; color: #6d6e71; font-size: 20px; font-weight: bold}
#alt .altmenu .altmenu_kat a{ float:left; width:100%; height:auto; padding:3px 0px 3px 0px; color:#6d6e71; font-size:14px; font-weight:300; box-sizing:border-box;}
#alt .altmenu .altmenu_kat a:hover{ color:#001c40;}
#alt .copyright {position: relative;float: left;width: auto;height: auto;color: #fff;font-size: 14px;line-height: 50px;font-weight: 300;box-sizing: border-box;}
#alt .copyright .morkarinca { position:absolute; top:27px; right:0px;}


#alt footer {width: 100%;background: #FFF;-webkit-box-shadow: inset -1px 15px 37px -23px rgba(0, 0, 0, 0.34);-moz-box-shadow: inset -1px 15px 37px -23px rgba(0, 0, 0, 0.34);box-shadow: inset -1px 15px 37px -23px rgba(0, 0, 0, 0.34);float: left;padding: 0;box-sizing: border-box;}

#alt footer .wr {height: 100%;}

.mkwrapper {margin-top: 21px;}


.fLogolar {float: left;text-align: center;height: 100%;display: block;box-sizing: border-box;margin: 35px 0;}

.fMenu {float: left;display: block;margin: 48px 0px 0 90px;}
.fMenu li {float: left;padding: 0 58px;}
.fMenu li a {float: left;font-size: 20px;color:#525355b8;font-weight: bold;display: block;}
.fMenu li a:hover {color: #444;}

.altLogolar {margin-top: 0px;float: left;width: 100%;height: 50px;background-color:black;}

.ebulten_baslik {float: left; font-size: 26px; color: #a7a9ac; font-weight: bold; margin-top: 13px; margin-right: 75px;}
#ebultenform input.textbox {float: left; height: 55px; width: 530px; background: #f8f8f8; border: 0px; padding: 0px 25px; box-sizing: border-box; color: #a7a9ac; font-size: 13px;}
#ebultenform input.btn_kaydet {float: left; height: 55px; width: 100px; background: #f8f8f8; border: 0px; padding: 0px 25px; box-sizing: border-box; color: #a7a9ac; font-size: 16px; font-weight: bold;}
#ebultenform input.textbox::-webkit-input-placeholder { color:#a7a9ac;}
#ebultenform input.textbox:-moz-placeholder { color:#a7a9ac;}
#ebultenform input.textbox:-ms-input-placeholder { color:#a7a9ac;}

#icerik {float:left;width:100%;min-height:300px;padding: 30px 0px 0 0;color:#001c40;font-size:14px;}
#icerik .icerik_baslik {float: left; width: 100%; height: auto; padding: 11px 0px 20px 0px; color: #6d6e71; font-size: 22px; font-weight: bold; border-bottom: 1px solid #6d6e71; box-sizing: border-box;}
#icerik .icerik_baslik2 { float:left; width:100%; height:auto; padding:0px 0px 20px 40px; color:#001c40; font-size:22px; font-weight:700;}
#icerik .kat_ad { float:left; width:100%; height:auto; padding-bottom:20px; font-size:18px; font-weight:500; text-align:center;}
#icerik .icerik_sol { float:left; width:255px; height:auto; padding-top: 25px;}
#icerik .icerik_sol { float:left; width:255px; height:auto; padding-top: 25px;}
#icerik .icerik_sol a { float:left; width:100%; height:auto; padding:0px 0px 10px 0px; color:#001c40; font-size:16px; font-weight:600; box-sizing:border-box;}

#icerik .icerik_sol a img { float:left;}
#icerik .icerik_sol a span { float:left; width:210px; padding:2px 0px 0px 10px; box-sizing:border-box;}
#icerik .icerik_sol a:hover { color:#294075;}
#icerik .icerik_sol .icerikkat_sol { padding:0px 0px 10px 60px; font-size:14px; font-weight:400;}
#icerik .icerik_sol .sol_aktif { color:#294075 !important;}
#icerik .icerik_sol .sol2_aktif { color:#e23845 !important;}
#icerik .icerik_sag { float:right; width:860px; height:auto; padding-right:0px; margin-top:-46px; box-sizing:border-box; font-size: 14px !important;  font-family: inherit !important;  color: #6d6e71 !important;  line-height: 25px !important;}
#icerik .icerik_sag h1 { float:left; width:100%; height:auto; padding-bottom:45px; font-size:22px; font-weight:bold; color: #6d6e71;}
#icerik .icerik_sag .icerik_resim { float:right; width:350px; height:auto; margin:0px 0px 20px 20px;}
.Apple-style-span {color: rgb(109, 110, 113) !important; font-family: inherit !important; font-size: 14px !important; margin-top: 22px; float: left; width: 100%;}
#icerik.afrikaBPage .icerik_sag {width: 100%; margin-top: 0px;}
#icerik.afrikaBPage .icerik_sag .galerikat {text-align: center; margin: 40px 0px; width: 16.5%;}
#icerik.afrikaBPage .icerik_sag .galerikat .galerikat_ad p {color: #6d6e71;}
.galerikat.araGaleriItem {text-align: center; margin: 40px 0px !important; width: 16.5% !important;}
.galerikat.araGaleriItem .galerikat_ad p {color: #6d6e71;}
.pdfIcon {width:42px; height:47px; background:url(images/icons.png) 0px -2102px no-repeat; display: inline-block; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.galerikat:hover .pdfIcon {background:url(images/icons.png) 0px -2192px no-repeat; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.searchH2 {margin-top: 30px;}

#icerik .icerik_sag .galerikat { float:left; width:234px; height:auto; margin:10px 0px; cursor:pointer;}
#icerik .icerik_sag .galerikat img { float:left; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); filter:grayscale(100%); -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
#icerik .icerik_sag .galerikat:hover img { -webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); filter:grayscale(0%);}

#icerik .icerik_sag .galerikat .galerikat_ad { float:left; width:100%; height:40px; color:#0d2014; font-size:14px; font-weight:700; text-align:center; display:table;}
#icerik .icerik_sag .galerikat .galerikat_ad:hover { color:#6d6e71;}
#icerik .icerik_sag .galerikat:hover .galerikat_ad p { color:#6d6e71;}
#icerik .icerik_sag .galerikat .galerikat_ad p { vertical-align:middle; display:table-cell; color: #d7d7d7;}
#icerik .galeri_uyari { float:left; width:100%; height:auto; padding:100px 0px; color:#fff; font-size:18px; text-align:center;}

#icerik .icerik_sag .galeri { float:left; width:100%; height:auto; margin:40px 0px;}
#icerik .icerik_sag .galeri .galeri_baslik { float:left; width:100%; padding-bottom:20px; font-size:16px; font-weight:600;}
#icerik .icerik_sag .galeri .resim { float:left; width:135px; height:135px; margin:0px 5px 5px 0px;}
#icerik .icerik_sag .video { float:left; width:100%; height:auto; margin-bottom:40px;}
#icerik .icerik_sag .video .video_ad { float:left; width:100%; padding-bottom:20px; font-size:16px; font-weight:600;}
#icerik .icerik_sag .video .player { float:left; width:100%; height:auto;}
#icerik .icerik_sag .dokuman { float:left; width:100%; height:auto; margin-bottom:40px;}
#icerik .icerik_sag .dokuman .dokuman_baslik { float:left; width:100%; height:auto; padding-bottom:20px; font-size:16px; font-weight:600;}
#icerik .icerik_sag .dokuman a { float:left; width:33%; height:47px; background:url(images/icons.png) 0px -2103px no-repeat; margin-bottom:10px; padding:12px 0px 0px 50px; color:#001c40; font-size:14px; font-weight:400; box-sizing:border-box;}
#icerik .icerik_sag .dokuman a:hover { background:url(images/icons.png) 0px -2193px no-repeat; color:#e23845;}

.icerikSpotMetin p span {font-size: 14px !important; font-weight: bold;}
.icerikSpotMetin p {font-size: 14px !important; font-weight: bold;}
.icerikMetin p span {font-size: 14px !important;}
.icerikMetin p {font-size: 14px !important;}

#icerik.productsPage .icerik_sol {display: none;}
#icerik.productsPage .icerik_sag {width: 100%; margin-top: 0px;}
#icerik.productsPage .icerik_sag h1 {display: none;}

.icerikBuyukGorsel {width: 22%; border: 1px solid #ee7326; padding: 10px; border-radius: 10px; text-align: center; font-weight: bold; margin-bottom: 15px; float: left; margin-top: 30px;}
.icerikBuyukGorsel img {width: 100%; margin-bottom: 15px;}

.fancybox-overlay-fixed {z-index: 99999999 !important;}

.gonulluAlan li {width: 26%; display: inline-block; height: 50px; background: #8cbf43; text-align: center; margin: 10px 10px 10px 0px; line-height: 50px; color: #fff; font-weight: bold;}
.gonulluIller li {width: 23%; background: #0497d6; display: block; border-radius: 4px; padding: 10px; margin: 10px 0px;}
.gonulluIller li a {display: block; font-weight: bold; color: #fff; }
.gonulluIller li a i {margin-left: 15px;}
.bagisYapPage .icerik_sag {display: none;}

.bagisYapPage .icerik_sol {width: 100% !important;}
#icerik.bagisYapPage .icerik_sol a {width: 23.2%; text-align: center; color: #004a81 !important;  border: 1px solid #dadada;  margin: 10px; padding: 10px; border-radius: 10px;}
#icerik.bagisYapPage .icerik_sol a img {width: 100%; margin-bottom: 10px;}
#icerik.bagisYapPage .icerik_sol a span {width: 100%; padding-left: 0px;}
.icerikMetin a.btnbagis {font-weight: bold; color: #fff; padding: 10px; background: #004a81; border-radius: 10px; margin: 30px; float: left; margin-left: 0;}

.fancybox-close {background: url(images/icons.png) 3px -1991px no-repeat #fff !important;}



#icerik .urunler { float:left; position:relative; width:100%; height:auto; padding-top: 25px;}
#icerik .urunler .urun { float:left; width:277px; height:auto; padding:10px 10px 20px 30px; margin:0px 10px 30px 0px; box-sizing:border-box; border-radius: 13px; border: 1px solid #fff;}
#icerik .urunler .urun:hover {border: 1px solid #dedede; background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(189,189,189,1); -moz-box-shadow: 0px 2px 5px 0px rgba(189,189,189,1); box-shadow: 0px 2px 5px 0px rgba(189,189,189,1); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
#icerik .urunler .urun img { float:left; border:none; width: 70px !important; height: auto !important;}
#icerik .urunler .urun .vitrinad { float:left; width: 165px; height:40px; padding-left: 15px; margin-top:10px; color:#0d2014; font-size:14px; font-weight:700; text-align:left; box-sizing:border-box; display:table; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#icerik .urunler .urun .vitrinad p { vertical-align:middle; display:table-cell;}
#icerik .urunler .urun .vitrinYazarAdi {display: block; width: 100%; line-height: 20px; color: #0d2014; float: left; font-weight: bold; font-size: 12px;}
#icerik .urunler .urun .vitrinYazarAdi span {float: left; margin-right: 5px; width: 65px; font-weight: 400;}
#icerik .urunler .urun .vitrinYayinEvi {display: block; width: 100%; line-height: 20px; color: #0d2014; float: left; font-weight: bold; font-size: 12px;}
#icerik .urunler .urun .vitrinYayinEvi span {float: left; margin-right: 5px; width: 65px; font-weight: 400;}


#icerik .urunler h1 { float:left; width:100%; height:auto; padding-bottom:20px; font-size:22px; font-weight:bold; color: #6d6e71;}
#icerik .urunler .detay_resimler { position:relative; float:left; width:550px; height:auto; padding:10px; background:#fff; -webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.10); -moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.10); box-shadow:0px 3px 4px 0px rgba(0,0,0,0.10);}
#icerik .urunler .detay_ozet { float:right; width:270px; height:auto; color:#0d2014; font-size:14px; font-weight:300;}
#icerik .urunler .detay_fiyat { float:right; width:100%; height:auto; color:#0d2014; padding:10px 0px; font-size:14px; font-weight:300;}
#icerik .urunler .detay_fiyat span{ float:left; width:auto; height:auto; color:#0d2014; padding:10px 0px; font-size:18px; font-weight:700;}
#icerik .urunler .detay_ozellikler { float:left; width:100%; height:auto; color:#0d2014;}
#icerik .urunler .detay_ozellikler .detay_baslik { float:left; width:100%; height:auto; margin:30px 0px 10px 0px !important; font-size:16px; font-weight:bold; color: #6d6e71;}
#icerik .urunler .detay_ozellikler .detay_bilgi { float:left; width:100%; height:auto;}

#icerik .urunler .detay_baslik { float:left; width:100%; height:auto; margin:40px 0px 20px 0px; font-size:16px; font-weight:bold; color: #6d6e71;}
#icerik .detay_urunler { position:relative; float:left; width:830px; height:auto;}
#icerik .detay_urunler .urun { float:left; width:270px; height:auto; padding:10px; margin:0px 0px 10px 0px; background:#fff; box-sizing:border-box; -webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.10); -moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.10); box-shadow:0px 3px 4px 0px rgba(0,0,0,0.10);}
#icerik .detay_urunler .urun img { float:left; border:none;}
#icerik .detay_urunler .urun:hover { -webkit-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.20); -moz-box-shadow:0px 3px 4px 0px rgba(0,0,0,0.20); box-shadow:0px 3px 4px 0px rgba(0,0,0,0.20);}
#icerik .detay_urunler .urun .vitrinad { float:left; width:100%; height:40px; margin-top:10px; color:#0d2014; font-size:14px; font-weight:700; text-align:center; box-sizing:border-box; display:table; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
#icerik .detay_urunler .urun .vitrinad p { vertical-align:middle; display:table-cell;}

#icerik.refererPage .icerik_sag {width: 100%; margin-top: 0px; padding-bottom: 30px; padding-top: 30px;}
#icerik.refererPage .icerik_sag .galerikat {width: 20%; overflow: hidden; cursor: pointer;}
#icerik.refererPage .icerik_sag .galerikat img {width: 50%; position: relative; left: 25%;}

#icerik.productsPage .icerik_sol {padding-top: 20px;}
#icerik .icerik_sol a {color: #a7a9bf; font-weight: bold;}
#icerik.detailPage .icerik_sol {padding-top: 20px;}
.detay_bilgi p span {font-size: 14px !important; font-family: inherit !important; color: #6d6e71 !important; line-height: 25px !important;}
.detay_ozet p span {font-size: 14px !important; font-family: inherit !important; color: #6d6e71 !important; line-height: 25px !important;}


#icerik.kaliteBelgeleriPage .galerikat img {width: 100%; left: 0; }
#icerik.kaliteBelgeleriPage .icerik_sag {width: 100%; margin-top: 20px;}
#icerik.kaliteBelgeleriPage .icerik_sag .galerikat {width: 20%; padding: 0px 15px; box-sizing: border-box;}

#icerik.formlarPage .iletisim_sol {margin-left: 33px;}
.formBaslik p {text-align: left; color: #6d6e71; font-weight: bold; margin-bottom: 20px;}
.formMetin p {text-align: left; color: #6d6e71; font-weight: 500; margin-bottom: 20px;}

#icerik.searchPage {background: #fff;margin-top: 110px;}
#icerik.searchPage .urunler {padding-top: 0;}
#icerik.searchPage .icerik_sag {width: 100%; margin-top: 0;}
#icerik.searchPage .icerik_sag h1 {float: left; width: 100%; height: auto; padding: 11px 0px 20px 0px; color: #6d6e71; font-size: 22px; font-weight: bold; border-bottom: 1px solid #6d6e71;  box-sizing: border-box; margin-bottom: 25px;}
#icerik.searchPage .urunler .urun.sTwo {width: 100%; height: auto;display: block; margin-right: 1%; padding: 10px; margin: 0px 10px 10px 0px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.10); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.10); background: #f8f8f8;}
#icerik.searchPage .urunler .urun img {width: 100%; height: auto;display: block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
#icerik.searchPage .urunler .urun:hover img {-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);}
#icerik.searchPage .urunler .urun.sTwo .vitrinad {width: 100%;  height: auto; margin-top: 0; text-align: left; padding-left: 20px; color: #6d6e71;}
#icerik.searchPage .urunler .urun.sTwo .vitrinad p {display: inline-block; font-weight: 500;}

.successForm {background: #82ff71; padding: 10px; font-weight: bold; color: #098922;}


/* FANCYBOX */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}
.fancybox-skin{position:relative;color:#444;text-shadow:none;}
.fancybox-opened{z-index:8030}
.fancybox-opened.fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer,.fancybox-inner{position:relative}
.fancybox-inner{overflow:hidden !important;}
.fancybox-type-iframe.fancybox-inner{-webkit-overflow-scrolling:touch !important;}
.fancybox-error{color:#444;font:14px/20px"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading,.fancybox-prev span,.fancybox-next span{background-image:url('Scripts/fancybox/fancybox_sprite.png')}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0-108px;opacity:0.8;cursor:pointer;z-index:8060}
#fancybox-loading div{width:44px;height:44px;background:url('Scripts/fancybox/fancybox_loading.gif')center center no-repeat}
.fancybox-close{ border-radius:50%;background:url(images/icons.png) 0px -1994px no-repeat #fff;position:absolute;top:-14px;right:-14px;width:29px;height:29px;cursor:pointer;z-index:8040}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('Scripts/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}
.fancybox-prev span{left:10px;background-position:0-36px}
.fancybox-next span{right:10px;background-position:0-72px}
.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}
.fancybox-lock{overflow:hidden!important;width:auto}
.fancybox-lock body{overflow:hidden!important}
.fancybox-lock-test{overflow-y:hidden!important}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:9999;background:url('Scripts/fancybox/fancybox_overlay.png')}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}
.fancybox-lock.fancybox-overlay{overflow:auto;overflow-y:scroll}
.fancybox-title{ font-family: 'Exo 2', sans-serif; position:relative;text-shadow:none;z-index:8050; background:rgba(0,0,0,0.5); color:#fff; border-radius:5px; padding:5px 10px;}
.fancybox-opened.fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute;bottom:20px;left:10%;z-index:8050;text-align:center}
.fancybox-title-float-wrap.child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px#222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{padding-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}
@media only screen and(-webkit-min-device-pixel-ratio:1.5),only screen and(min--moz-device-pixel-ratio:1.5),only screen and(min-device-pixel-ratio:1.5){
#fancybox-loading,.fancybox-prev span,.fancybox-next span{background-image:url('Scripts/fancybox/fancybox_sprite@2x.png');background-size:44px 152px}
#fancybox-loading div{background-image:url('Scripts/fancybox/fancybox_loading@2x.gif');background-size:24px 24px}}


.bizeulasin{background-position: center -50%;background-size: auto;float: left;position: relative;background-image: url('images/bgbg.jpg');background-repeat: no-repeat;width: 100%;background-attachment: fixed;text-align: center;padding: 60px 0;height: 344px;}
.bizeulasin .cont.text1 {
    font-size: 16px;
    color: #FFF;
    margin-top: 50px;
    font-weight: 400;
}

.bizeulasin .cont.text2 {
    font-size: 26px;
    color: #FFF;
    margin-top: 20px;
}

.bizeulasin .cont.text3 {
    font-size: 16px;
    color: #FFF;
    font-weight: 400;
    margin-top: 30px;
}

.bizeulasin .cont.text4 {
    font-size: 30px;
    color: #FFF;
    font-weight: 700;
    margin-top: 3px;
}

.bizeulasin .cont.text5{
  width:100%;
  margin-top: 38px;
}

.bizeulasin .cont.text5 a {
    background: #000;
    color: #FFF;
    padding: 14px 29px;
    border: 1px solid #FFF;
}

.bizeulasin .cont.text5 a span{
    font-size: 20px;
}

.projeincele {float: left; position: relative; width: 100%; height: 215px; background-color: black; }
.projeincele p {position: relative;color:#fff;font-weight: 400;text-align: center;width: 977px;margin: 45px auto 0px auto;font-size: 15px;}
.projeincele a{color:#d71920;float: left;position: relative;margin-top: 45px;text-align: center !important;width: 100%;margin-bottom: 13px;font-size: 26px;font-weight: 700;}
.projeincele a:hover{
    color: #961419;
}
.projeincele hr {width: 30%;}

.onecikanprojeler {width: 100%; height: auto; float:left;position: relative;}
.onecikanprojeler h1{text-align:center; width:100%; float: left; position: relative; margin: 20px 0 10px 0; font-weight: bold; }
.onecikanprojeler .b1 { padding-top:8%; padding-bottom: 5%;background: url(images/altbanner1.jpg); width: 25%; float: left; position: relative; background-size: 100%; height:43px;}
.onecikanprojeler .b2 { padding-top:8%; padding-bottom: 5%;background: url(images/altbanner2.jpg); width: 25%; float: left; position: relative; background-size: 100%; height:43px;}
.onecikanprojeler .b3 { padding-top:8%; padding-bottom: 5%;background: url(images/altbanner3.jpg); width: 25%; float: left; position: relative; background-size: 100%; height:43px;}
.onecikanprojeler .b4 { padding-top:8%; padding-bottom: 5%;background: url(images/altbanner4.jpg); width: 25%; float: left; position: relative; background-size: 100%; height:43px;}
.onecikanprojeler .b1 a { color: #fff; font-weight: bold; text-align: center; width: 50%; padding: 10px; float: left; display: none;}
.onecikanprojeler .b2 a { color: #fff; font-weight: bold; text-align: center; width: 50%; float: left; display: none;}
.onecikanprojeler .b3 a { color: #fff; font-weight: bold; text-align: center; width: 50%; float: left; display: none;}
.onecikanprojeler .b4 a { color: #fff; font-weight: bold; text-align: center; width: 50%; float: left; }
.onecikanprojeler .b1:hover {margin:auto;padding-top:8%; padding-bottom: 5%;  background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
                rgba(0,0,0,0.55) url(images/altbanner1.jpg); width: 25%; float: left; position: relative; background-size: 100%; height:43px;}
.onecikanprojeler .b2:hover {padding-top:8%; padding-bottom: 5%;background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
                rgba(0,0,0,0.55) url(images/altbanner2.jpg); width: 25%; float: left; position: relative; background-size: 100%; height:43px;}
.onecikanprojeler .b3:hover {padding-top:8%; padding-bottom: 5%;background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
                rgba(0,0,0,0.55) url(images/altbanner3.jpg); width: 25%; float: left; position: relative; background-size: 100%; height:43px;}
.onecikanprojeler .b4:hover {padding-top:8%; padding-bottom: 5%;background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
                rgba(0,0,0,0.55) url(images/altbanner4.jpg); width: 25%; float: left; position: relative; background-size: 100%; height:43px;}
.onecikanprojeler .b1:hover a { margin-left: auto; margin-right: auto; display: block; border: 2px solid black;}
.onecikanprojeler .b2:hover a { display: block; border: 1px solid black;}
.onecikanprojeler .b3:hover a { display: block; border: 1px solid black;}
.onecikanprojeler .b4:hover a {display: block; border: 1px solid black;}

.fSosyalMedya{float:right;margin: 50px 0px 0 0;}
.fSosyalMedya{float:right;margin: 50px 0px 0 0;}



/*Proje Detay */

.ProjeDetay .resim {
    float: left;
    width: 800px;
    overflow: hidden;
    height: 680px;
}

.ProjeDetay .resim img{
    width: 100%;
}

/*Proje Detay */


/*Hizmetler*/


#icerik.DataPage {
    margin-top: 116px;
    margin-bottom: 50px;
}

#icerik.DataPage .hizmetlerBaslik::after{content:'';}
#icerik.DataPage .hizmetlerBaslik::before{content:'';display: block;width: 12px;height: 12px;background: #dfdfdf;position: absolute;left: 0;top: 24px;border-radius: 50px;}
#icerik.DataPage .hizmetlerBaslik {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    height:30px;
    margin-bottom: 60px;
}

#icerik.DataPage .hizmetlerBaslik h1,
#icerik.DataPage .hizmetlerBaslik strong{
    position:absolute;
    left: 25px;
    top:0;
    background:#FFF;
    padding: 12px 10px;
    font-size: 25px;
    color: #b7b7b7;
    font-weight: 500;
}

.DataPage .solMenu.Pasif{
    display: none;
}

.DataPage .solMenu {float: left;width: 300px;}
.DataPage .solMenu ul{
    float: left;
    width: 100%;
}
.DataPage .solMenu ul li{border-bottom: 1px solid #eee;line-height:33px;width: 100%;display: block;float: left;}
.DataPage .solMenu ul li a{font-weight:normal;color: #969696;position:relative;float: left;display: block;font-size: 13px;width: 90%;}
.DataPage .solMenu ul li i{/* background: url(images/arrowMenu.svg) no-repeat 2px center; */display: block;float: left;width: 20px;height: 33px;background-size: 50%;}
.DataPage .solMenu ul li a:hover ul li i{}
.DataPage .solMenu ul li a.sol_aktif,
.DataPage .solMenu ul li a:hover{color: #a21d2d;padding-left:10px;}
.DataPage .solMenu ul li a:before{content:'';width:0;height:100%;background: #a21d2d;position:absolute;top:0;left:-20px;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.DataPage .solMenu ul li a.sol_aktif:before,
.DataPage .solMenu ul li a:hover:before{width:3px;}

.DataPage .rightContent.Aktif{
  width:100%;
}

.DataPage .rightContent {
    float: right;
    width: 860px;
}

.DataPage .rightContent .rightBaslik.Pasif{display:none;}

.Haberler.DataPage .rightContent .rightBaslik h1{
    float: left;
}

.Haberler.DataPage .rightContent .rightBaslik span strong{
    font-size: 15px;
}

.Haberler.DataPage .rightContent .rightBaslik span{
    float: right;
    font-size: 12px;
    line-height: 30px;
    font-weight: 300;
}

.DataPage .rightContent .rightBaslik {
    border-bottom: 1px solid #c1c1c1;
    height: 33px;
    margin-bottom: 10px;
    text-align: right;
}

.DataPage .rightContent .resim {
  width:100%;
  margin-bottom:10px;
  float:left;
}

.DataPage .rightContent .resim img{width:100%;}

.DataPage .rightContent .Aciklama{float: left;width: 100%;font-size: 13px;}

.Haberler.DataPage .rightContent .Aciklama img {
    float: left;
    margin: 0 20px 0 0px;
    max-width: 250px;
}

.DataPage .rightContent .Aciklama ul{margin: 10px 0;width: 100%;float: left;}
.DataPage .rightContent .Aciklama ul li::before{content:'';display: block;float: left;width: 5px;height: 5px;background: #a21d2d;margin: 5px;}
.DataPage .rightContent .Aciklama ul li{padding: 0 5px;margin-bottom: 5px;float: left;width: 100%;color: #3f3f3f;}
.DataPage .rightContent .Aciklama ul li a, .DataPage .rightContent .Aciklama ul li span{}

.DataPage .rightContent .Aciklama strong{font-size: 13px;line-height: 20px;margin-bottom: 15px;}
.DataPage .rightContent .Aciklama p{font-size: 13px;font-weight: 400;line-height: 20px;margin-bottom: 15px;}

.DataPage .rightContent .rightBaslik h1{
    font-size: 22px;
    line-height: 30px;
}
/*hizmetler*/
/*İletişim Sayfası*/

.contactForm .contactFormTitle {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #e7e1e1;
}

.contactForm .contactFormTitle strong{
    font-size: 18px;
    font-weight: 600;
    line-height: 38px;
}


.ContactPage .leftContact #divMap{width: 100%;height: 529px;position: relative;overflow: hidden;}

.ContactPage .leftContact {
    width: 50%;
    float: left;
    height: 529px;
}

.ContactPage .rightContact{
    width: 47%;
    float:right;
}

.ContactPage .rightContact .contactCon{width: 100%;margin-top: 10px;}
.ContactPage .rightContact .contactCon .leftCon{
    float: left;
    width: 50%;
    margin-bottom: 30px;
    height: 90px;
}
.ContactPage .rightContact .contactCon .rightCon{
    float: right;
    width: 50%;
    margin-bottom: 30px;
    height: 90px;
}

.ContactPage .rightContact .contactCon ul{
    margin-top: 8px;
    display: block;
    float: left;
}

.ContactPage .rightContact .contactCon h2{
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}

.ContactPage .rightContact .contactCon span strong{
    font-weight: bold;
}

.ContactPage .rightContact .contactCon span a{
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.ContactPage .rightContact .contactCon span{
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    display: block;
    padding-bottom: 5px;
}

.ContactPage .rightContact .titleContact{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.ContactPage .rightContact .titleContact h1{
    font-size: 27px;
    font-weight: 700;
}
.ContactPage .rightContact .titleContact h1 span{
    font-size: 19px;
    display: block;
    width: 100%;
    font-weight: 300;
    margin-bottom: 5px;
}


.rightContact .contactForm {
    float: left;
    width: 100%;
}

.rightContact .contactForm .input input[type=submit]:hover{
    border: 1px solid #eee;
    background: #7e212d;
    color: #eee;
}

.rightContact .contactForm .input input[type=submit]{
    cursor: pointer;
    border: 1px solid #a21d2d;
    padding: 10px 30px;
    background: #a21d2d;
    color: #eee;
    font-size: 15px;
    float: right;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.rightContact .contactForm .input{
    width: 100%;
    margin-bottom: 10px;
}

.rightContact .contactForm .code .codeImage{
    position: absolute;
    right: 0;
    top: 0;
}

.rightContact .contactForm .code{
  position:relative;
}

.rightContact .contactForm .code.input input[type=text]{text-indent: 0;}

.rightContact .contactForm .input input[type=text]:focus,
.rightContact .contactForm .input textarea:focus{
    border-bottom: 1px solid #a21d2d;
}

.rightContact .contactForm .input textarea{
    height:80px !important;
}

.rightContact .contactForm .input input[type=text],
.rightContact .contactForm .input textarea{
    border-bottom: 1px solid #e7e1e1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 100%;
    height: 30px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/*İletişim Sayfası*/

/*Arama*/
.TextSearch h1, .searchPage h1 {
    width: 100%;
    float: left;
    height: 40px;
    border-left: 4px solid #a21d2d;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    text-indent: 20px;
}

.ProjeSearch .PSearcList {
    width: 280px;
    float: left;
    display: block;
    padding: 10px;
    overflow: hidden;
}

.ProjeSearch .PSearcList .Resim img{
    max-width: 100%;
}

.ProjeSearch .PSearcList .Resim{
    border: 2px solid #bbb;
    display: block;
    width: 100%;
}


.ProjeSearch .PSearcList:hover strong{
    color: #000;
}
.ProjeSearch .PSearcList strong{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color: #888787;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.searchPage a.urun.sTwo:hover{
    background: #e6e6e6;
    color: #000;
}

.searchPage a.urun.sTwo {
    width: 100%;
    display: block;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    background: #f2f2f2;
    color: #3f3f3f;
    clear: both;
}

.vitrinad p {
    float: left;
}

.searchPage .TextSearch {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.searchPage .notSearch {width: 100%;height: 320px;text-align: center;line-height: 320px;}
.searchPage .notSearch strong{
    font-size: 24px;
    color: #a9a7a7;
}

/*Arama*/

/*Projeler*/

.HaritaDetay {
    float: left;
    width: 400px;
    height: 120px;
}

.HaritaDetay .HaritaSag{
    float: right;
    margin: 10px 0;
    width: 187px;
    text-align: center;
}

.HaritaDetay .HaritaSol {
    float: left;
    overflow: hidden;
    width: 192px;
}

.HaritaDetay .HaritaSol img{
    max-width: 100%;
}

.HaritaDetay .HaritaSag strong{
    width: 100%;
    display: block;
    height: auto;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.HaritaDetay .HaritaSag a:hover{
  
background: #a21d2d;
color: #FFF;
}

.HaritaDetay .HaritaSag a{
    border: 1px solid #a21d2d;
    padding: 5px 10px;
    background: #FFF;
    color: #a21d2d;
    display: inline-block;
    margin-top: 15px;
}

.Projeler .Harita {
    width: 100%;
    height: 400px;
    background: #eee;
}

.ProjeDetay .Harita {
    width: 100%;
    height: 300px;
    float: left;
}

.ProjeDetay #Harita {
    height: 450px;
    margin: 0px 0 20px 0;
}

.Harita div#map {
    float: left;
    width: 100%;
    height: 100%;
}

/*Projeler*/

/*IK*/
.Pozisyonlar {
    width: 100%;
    float: left;
    margin-top: 80px;
}

.Pozisyonlar .PozisyonList .Gorsel img{
    max-width: 100%;
}

.Pozisyonlar .PozisyonList .Aciklama p,
.Pozisyonlar .PozisyonList .Aciklama span,
.Pozisyonlar .PozisyonList .Aciklama strong{
    font-size: 12px;
    line-height: 14px;
}

.Pozisyonlar .PozisyonList .Aciklama{
    width: 100%;
    float: left;
}

.Pozisyonlar .PozisyonList strong{
    display: block;
    width: auto;
    margin: 10px 0;
    float: left;
    padding-bottom: 10px;
    font-size: 17px;
    color: #3f3f3f;
    border-bottom: 1px solid #dcdcdc;
    padding-right: 25px;
    position: relative;
}

.Pozisyonlar .PozisyonList strong::after{
  content:'';
  display: block;
  width: 5px;
  height: 5px;
  background: #000;
  right: 0;
  position: absolute;
  bottom: -3px;
  border-radius: 10px;
}

.Pozisyonlar .PozisyonList .Gorsel{
    float: left;
    width: 100%;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.Pozisyonlar .PozisyonList {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 3px solid #e4e4e4;
}

.kariyerPage .KariyerSol {
    float: left;
    width: 60%;
}

.kariyerPage .KariyerSag{
    float:right;
    width: 35%;
}

.kariyerPage .KariyerSol p{
  
font-size: 14px;
  
line-height: 20px;
}
.Pozisyonlar font.Baslik,
.KariyerSag .FormBaslik strong,
.kariyerPage .KariyerSol h1{
  margin-bottom: 10px;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #3f3f3f;
  color:#3f3f3f;
  font-size:25px;
  font-weight:400;
}

.kariyer_form {
    width: 100%;
}

.kariyer_form .fl.AskerlikDurum{
  margin:0 !important;
}

.kariyer_form .fl.Cinsiyet, .kariyer_form .fl.MedeniDurum, .kariyer_form .fl.AskerlikDurum{
    width: 32.33333%;
    margin-right: 5px;
}

.kariyer_form .fl.Dogrulama{
  position:relative;
}

.kariyer_form .fl.Dogrulama .kariyer_verify{
    position: absolute;
    right: 0;
    float: right;
    width: 95px;
    bottom: 1px;
    height: 28px;
    margin: 0;
    overflow: hidden;
}

.kariyer_form .fl{
    width:100%;
    margin-bottom: 10px;
}

.kariyer_form .message{
    position: relative !important;
    left: 0 !important;
    width: 100%;
    font-size: 11px;
    background: #a21d2d;
    float: left;
    color: #FFF;
    padding: 3px 0;
    text-indent: 10px;
}

.kariyer_form .kariyer_yazi {
    width: 100%;
    margin-bottom: 5px;
}

.kariyer_form .kariyer_textarea{
  height: 100px;
}

.kariyer_form  textarea,
.kariyer_form select,
.kariyer_form input.kariyer_textbox.fl {
    padding: 0;
    margin: 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    height: 30px;
    text-indent: 10px;
    width: 100%;
}

.kariyer_form .Dogum select {
    width: 32.3333% !important;
}

.kariyer_form input#gonder {
    background: #a21d2d;
    border: 1px solid #a21d2d;
    margin: 0;
    padding: 10px 25px;
    float: left;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.kariyer_form input#gonder:hover{
    background: #5a1019;
    color: #FFF;
}
/*IK*/

.morkarinca a.platin {
    float: right;
    display: block;
    width: 65px;
    height: 15px;
    background: url(images/platin.png) no-repeat left top;
    margin-top: 0;
    margin-left: 10px;
}