@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.html') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tstar_probold';
    src: url('../fonts/tstarpro-bold-webfont.eot');
    src: url('../fonts/tstarpro-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tstarpro-bold-webfont.html') format('woff2'),
         url('../fonts/tstarpro-bold-webfont.woff') format('woff'),
         url('../fonts/tstarpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/tstarpro-bold-webfont.svg#tstar_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tstar_proregular';
    src: url('../fonts/tstar_pro_regular-webfont.eot');
    src: url('../fonts/tstar_pro_regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tstar_pro_regular-webfont.html') format('woff2'),
         url('../fonts/tstar_pro_regular-webfont.woff') format('woff'),
         url('../fonts/tstar_pro_regular-webfont.ttf') format('truetype'),
         url('../fonts/tstar_pro_regular-webfont.svg#tstar_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tstar_promedium';
    src: url('../fonts/tstarpro-medium-webfont.eot');
    src: url('../fonts/tstarpro-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tstarpro-medium-webfont.html') format('woff2'),
         url('../fonts/tstarpro-medium-webfont.woff') format('woff'),
         url('../fonts/tstarpro-medium-webfont.ttf') format('truetype'),
         url('../fonts/tstarpro-medium-webfont.svg#tstar_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*::-moz-selection { background: #000000; color:#ffffff; }
::selection { background: #000000; color:#ffffff; }*/

html {
  position: relative;
  min-height: 100%;
}

body {
      font-family: 'tstar_proregular';
     
      background: #000000;
    color: #a4a4a4;  
    font-size:11px;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow-x:hidden !important;
    font-weight:normal;
}
strong{font-family: 'tstar_probold';}
.navbar{ margin-bottom:0px !important;}
a{ outline:none !important; }
.pl110{ padding-left:131px;}
.pt17{ padding-top:17px;}
.rel{ position:relative;}
.mr10{ margin-right:10px;}
.pdt60{ padding-top:60px;}
.mrt30{ margin-top:30px !important;}
.mrt50{ margin-top:50px !important;}
.mrt60{ margin-top:60px !important;}
.mrt70{ margin-top:70px !important;}
.mrt80{ margin-top:80px !important;}
.mrl20{ margin-left:20px!important;}
.mrt20{ margin-top:20px !important;}
.mrt10{ margin-top:10px !important;}
.mrt18{ margin-top:18px !important;}
.mrt40{ margin-top:40px !important;}
.mrt15{ margin-top:15px !important;}
.pl0{ padding-left:0px !important;}
.pr0{ padding-right:0px !important;}
.container{ padding:0px; position: relative;}
.nopadding{ padding:0px !important; }
.pdl20{ padding-left:20px !important;}
.pdl30{ padding-left:30px !important;}
.pdl40{ padding-left:40px !important;}
.pdl50{ padding-left:50px !important;}
.pdr20{ padding-right:20px !important;}
.pdr30{ padding-right:30px !important;}
.pdr40{ padding-right:40px !important;}
.pd10{ padding:10px 0px !important;}
.pdt10{ padding-top:10px !important;}
.pdt0{ padding-top:0px !important;}
.pdt6{ padding-top:6px !important;}
.pdbt30{ padding-bottom:30px !important;}
.nomargin{ margin:0px !important;}
.header-social { padding:0px; }
.mre1{ margin-left:-1px !important; }
.mrbt20{ margin-bottom:20px !important;}
.mrbt30{ margin-bottom:30px !important;}
.mrbt40{ margin-bottom:40px !important;}
.mrbt50{ margin-bottom:50px !important;}
.mrbt5{ margin-bottom:5px !important;}
.pdt23pdb23{ padding:23px 0px !important;}
.noborderbottom{ border-bottom:none !important;}
.noborder{ border:none !important;}
.pdlr50{ padding-left:50px !important; padding-right:50px !important;}
.pdlr25{ padding-left:25px !important; padding-right:25px !important;}
.pdl5{ padding-left:5px !important; }
.pdr5{ padding-right:5px !important; }
.wyuzde100{width:100% !important; }
.w140{ min-width:140px;}
.ln20{ line-height:20px !important;}
.pdr0{ padding-right:0px;}
.pdl0{ padding-left:0px;}
.pdr7{ padding-right:7px;}
.pdl7{ padding-left:7px;}
.pdt20{ padding-top:20px !important; }
.pdb20{ padding-bottom:20px !important; }
.pdt15{ padding-top:15px !important; }
.pdb15{ padding-bottom:15px !important; }
.mrbt25{ margin-bottom:25px !important;}
.mrbt30{ margin-bottom:30px !important;}
.mrbt40{ margin-bottom:40px !important;}
.mrbt50{ margin-bottom:50px !important;}
.mrt28{margin-top: 28px !important;}
.mr7{ margin-right:7px !important; }
.mrt5{ margin-top:5px !important;}
.mrbt10{ margin-bottom:10px;}
.mrbt13{ margin-bottom:13px;}
.pl170{ padding-left:170px !important;}
.pd30{ padding:30px !important;}
.pd20{ padding:20px !important;}
.pd15{ padding:15px !important;}
.pd4{ padding:0px 4px !important;}
.diblock{ display:inline-block;}
.left1{ left:1px !important;}
.right1{ right:1px !important;}
.mrl5{ margin-left:5px;}





#loading { z-index:9999999; position:absolute; width:100%; height:100%; overflow:hidden; background-color:#fff;}
#loading .middle { position:absolute; width:100%; margin-top: -24px; top: 50%; height:52px; text-align:center;}
#loadingBg { position:absolute; width:100%; height:100%; overflow:hidden; background-color:#fff; display:none;}
#loadingBg .middle { position:absolute; width:100%; margin-top: -24px; top: 50%; height:52px; text-align:center;}


#slider{ width:100%; height:710px; display:block; position:relative;}
#menu{ position:absolute; left:33px; top:219px; z-index: 99999; }
#logo{position: absolute; left: 33px; top: 53px; z-index: 9999; padding:10px; margin:0px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.2);}
#menu ul{ padding:0px; margin:0px; list-style:none;}
#caption{ position:absolute; z-index:9999; right:100px; top:80px;}
#homeright{position:absolute; z-index:9999; right:20px; top:0px; background:url(../images/demo/home-right-1.png) no-repeat 0px 137px; height:100%; width:41px; }
#homeright > .lang{ width:41px; height:123px; background:url(../images/demo/home-right-lang.png) no-repeat 0 0; position:relative; text-align:center; padding: 17px 10px 10px 10px;     -webkit-font-smoothing: antialiased;}
#homeright > .lang > a{ padding: 5px 0px 5px 0px; color:#ffffff; font-size:14px; border-bottom: 1px solid #82A1B9; display:block; font-weight:normal; }
#homeright > .lang > a:last-child{ border:none;}
#homeright > .lang > a:hover,#homeright > .lang > a:focus,#homeright > .lang > a:active{ text-decoration:none; text-shadow:1px 0px 0px #82A1B9;}
.left-bg{ width:341px; height:auto; display:block; background: url(img/menu-bg-center.png) 0px 0px repeat-y; text-align: center;} 
.left-bg:after{ content:''; width:341px; height:11px; display:block; background:url(img/menu-bg-bottom.png) center center no-repeat  ; position: relative; top: 11px;}
.left-bg:before{ content:''; width:341px; height:11px; display:block; background:url(img/menu-bg-top.png) center center no-repeat ; position: relative; top: -11px;}
#logo > h1{ padding:0px; margin:0px; background-color: #fff; padding: 10px; border-width: 7px; border-radius: 2px; border-color:  rgba(0, 0, 0, 1);}
#logo > h1 > a > img{ width: 205px!important; height: 120px !important;  }

#logo2 > h1{ padding:0px; margin:0px; background-color: #fff; padding: 5px; border-width: 5px; border-radius: 2px; border-color:  rgba(0, 0, 0, 1);}
#logo2> h1 > a > img{ width: 256px!important; height: 150px !important;  }
#logo2{position: absolute; left: 33px; top: 53px; z-index: 9999; padding:5px; margin:0px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.2);}


footer{ width:100%; background:rgba(0,0,0,0.9); height:auto; z-index:999999; text-align: center; position:relative; bottom:0px;}
footer #footerleft{ position:absolute; left:40px; top:25px;}
footer #footercenter{ margin:0 auto; padding-top: 37px; padding-bottom:15px; font-size:12px; color:#a4a4a4; width:45%;}
footer #footerright{ position:absolute; right:40px; top:25px;}
#detaygolge{ width:100%; background:url(../images/demo/detay-golge.png) repeat-x; height: 230px; display:block; position: absolute; z-index: 9999; top: 645px;}
#detaycontent{position:relative; z-index: 22222; left:295px; top: 87px; margin-bottom: 210px;}
.detayslide{ position:absolute !important; left:0px; top:0px;}
.mycanvas, .thumbsHolderWrapper, .bannerControls{ display:none !important;}

footer #footerleft ul{ list-style:none; margin:0px; padding:0px;}
footer #footerleft ul.footer-nav{ text-align:left;}
footer #footerleft ul.footer-nav > li{ display:block; float:left; margin-right:16px;}
footer #footerleft ul.footer-nav > li > a{ color:#a4a4a4; font-size:11px; }
footer #footerleft ul.footer-nav > li > a:hover,
footer #footerleft ul.footer-nav > li > a:focus,
footer #footerleft ul.footer-nav > li > a:active{ color:#ffffff; text-decoration:none;}
footer #footerleft ul.footer-social{ text-align:left; margin-top:20px;}
footer #footerleft ul.footer-social > li{ display:block; float:left; margin-right:8px;}
footer #footerleft ul.footer-social > li > a{ text-indent:-9999px; display:block; background:url(img/social.png) no-repeat; }
footer #footerleft ul.footer-social > li > a.facebook{    text-indent: -9999px; width:35px; height:35px;    display: block;    background: url(img/fb-hover.png) no-repeat;    margin-left: -2px; transition: all 0.2s;}
footer #footerleft ul.footer-social > li > a.youtube{    text-indent: -9999px; width:35px; height:35px;    display: block;    background: url(img/youtube.png) no-repeat;    margin-left: -2px; transition: all 0.2s;}
footer #footerleft ul.footer-social > li > a.twitter{ background-position:-25px 0; width:22px; height:23px;}
footer #footerleft ul.footer-social > li > a.google{ background-position:-55px 0; width:22px; height:23px;}
footer #footerleft ul.footer-social > li > a.linkedin{     text-indent: -9999px; width:35px; height:35px;    display: block;    background: url(img/in-hover.png) no-repeat;    margin-left: -2px; transition: all 0.2s;}
footer #footerleft ul.footer-social > li > a.pinterest{ background-position:-118px 0; width:15px; height:23px;}
footer #footerleft ul.footer-social > li > a.linkedin:hover{background: url(img/in-hover.png) no-repeat; }
footer #footerleft ul.footer-social > li > a.facebook:hover{background: url(img/fb-hover.png) no-repeat; }

footer #footercenter h2,
footer #footercenter h3{font-size:12px; color:#a4a4a4; margin:0px; padding:0px;margin-bottom: 15px;}
footer #footercenter h3{ color:#c1c1c1; margin-bottom:17px;}
footer #footercenter h2{ /* width: 320px; */ margin: 0 auto 25px auto; position: relative;}
footer #footercenter h2 > span{    position: relative;    width: auto;    display: inline-block;}
footer #footercenter h2 > span:before{content:''; position: absolute; right: -79px; background: url(img/slogan-right.png) no-repeat; width:54px; height:1px; display:block; top: 5px;}
footer #footercenter h2 > span:after{content:''; position:relative; left: -79px; background: url(img/slogan-left.png) no-repeat; width:54px; height:1px;  display:block; top: -8px;}

footer #footercenter ul{ list-style:none; margin:0px; padding:0px;}
footer #footercenter ul.footer-nav-bottom{ text-align:center;}
footer #footercenter ul.footer-nav-bottom > li{ display:inline-block; margin-right:16px; margin-bottom:13px;}
footer #footercenter ul.footer-nav-bottom > li > a{ color:#a4a4a4; font-size:12px; margin:0px; padding:0px; }

footer #footerright form#ebulten{ position:relative; }
footer #footerright form#ebulten .ebulten-input{ background: none; border: 1px solid #a4a4a4; border-radius: 25px; height: 30px; line-height: 30px;  padding: 0px 20px; margin-left:15px;  outline: none; }
footer #footerright form#ebulten .submit-btn{ background: url(img/bulten-ok.png) no-repeat center center; width: 17px; height: 16px; background-size: 7px; position:absolute; right: 7px; top: 6px; border:none; text-indent:-9999px; display:block; outline:none;}
.detail-no-bg{ background:none !important;}

.detay-content{    width: 697px;    height: auto;    display: block;    background: url(img/detail-bg-center.png) 0px 0px repeat-y;    text-align: center;    min-height: 300px;}
.detay-content:after{ content:''; width:697px; height:45px; display:block; background:url(img/detail-bg-bottom.png) center center no-repeat  ; position: relative; top: 45px; margin-top: -46px;}
.detay-content:before{ content:''; width:697px; height:46px; display:block; background:url(img/detail-bg-top.png) center center no-repeat ; position: relative; top: -46px; margin-bottom: -46px;}
.detay-content .content{ padding: 0px 40px 0px 40px; text-align:left; font-size:14px; color:#727a84; position: relative; top: -10px; line-height: 22px; min-height: 303px;}
.detay-content .content > h2{ font-size:16px; color:#727a84; margin:0px; margin-bottom: 17px; border-bottom:1px solid #d8d7d7; padding:0px; padding-bottom: 15px; text-align:center; }
.detay-content .content p{ margin-bottom:17px;}
footer.page-footer{ position:relative !important; bottom:0px; margin-top:0px;}




/* new */

.proje-liste{}
.proje-liste .proje-content{ background:#fff; height:auto;     width: 100%;    -webkit-transition: 0.15s;    -moz-transition: 0.15s;    -o-transition: 0.15s;    transition: 0.15s; padding: 0px; margin: 0px; display: block; position: relative;}
.proje{ margin-bottom:30px;}
.proje-liste .proje-content img{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}
.more-info {
    z-index: 10;
    position: relative;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    background:#fff;
}
.more-info h3 {
    padding: 0.75rem 1rem;
    font-size: 18px;
    margin:0px;
    color: #404144;
    text-transform: capitalize;
    line-height: 22px;
}
.more-info  p{ margin-bottom:0px !important;}
.proje:hover .overlay, .proje .overlay {
    background: rgba(85, 85, 90, 0.8);
}
.sosyal-sorumluluk:hover .overlay, .sosyal-sorumluluk .overlay {
    background: rgba(0, 70, 127, 0.8);
}
.proje:hover .overlay{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.proje:hover .proje-content .more-info {
        background-color:#404144;
}
.sosyal-sorumluluk:hover .proje-content .more-info {
        background-color:#00467f;
}
    .more-info  a{ text-decoration:none;}
.proje:hover .proje-content h3{ color:#fff; text-decoration:none;}  
.proje:hover img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  width:100%; height:auto;
}
.proje img{ width:100%; }
.proje .overlay{border: 1px solid rgba(0, 0, 0, 0.085);
    display: block;
    opacity: 0;
    padding: 16px;
    padding: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
     text-decoration:none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    z-index: 5;width: 100%;}
    

.proje a.overlay span.overlay-text {
    white-space: pre-line;
    font-size: 16px;
    line-height: 20px;
        color: white;
    -webkit-font-smoothing: antialiased;
    display: block;
    color:#fff; text-decoration:none;
    max-height: 180px;
    overflow: hidden;
}
.proje.sosyal-sorumluluk a.overlay span.overlay-text{ white-space:normal !important; max-height:none !important; overflow:visible !important; }
.proje{
    -webkit-transition: top 0.15s, left 0.15s, opacity 0.15s;
    -moz-transition: top 0.15s, left 0.15s, opacity 0.15s;
    -o-transition: top 0.15s, left 0.15s, opacity 0.15s;
    transition: top 0.15s, left 0.15s, opacity 0.15s;}





/* Huz Grup */
.news-block {
    width: 100%;
    margin-bottom: 30px;
    padding: 20px;
    padding: 1.25rem;
    background: white;
    padding-left: 28%;
}
.news-block .news-image {
    display: block;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #f8971d;
    z-index: 5;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.news-block.press-release .news-image {
    background-color: #00467F;
}
.news-title {
    color: #55555a;
    display: block;
    font-size: 22px;
    line-height: 24px;
}
.news-title:hover{ text-decoration:none; color:#55555a;}
.news-block .news-more-info, .single-search-result .news-more-info {
    font-size: 14px;
    padding-top: 12px;
    margin-bottom: 14px;
        color: #94949a;
        display:block;
}
.news-block.press-release .category {
    color: #00467F;
}
.news-excerpt {
    display: block;
    color: #1a1a1a;
    font-size: 14px;
    line-height: 18px;
}
.map-canvas {
    min-height: 380px;
    margin-bottom:0px;
}

h3.iletisim-baslik{font-family: 'tstar_probold'; margin:0px; margin-bottom:15px;}


.form-kapsa{ background:#fff; padding:30px;}
.form-kapsa h4{ border-bottom:1px solid #d8d7d7; margin:0px 0px 25px 0px; padding-bottom:15px; font-family: 'tstar_promedium';} 
.section-title hr {
    width: 60px;
    border-color: #00467f;
}

a.read-more,
a.read-more>span {
    color: #00467f;
    font-style: normal;
    font-weight: 900;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
a.read-more:hover { font-weight: 900; text-decoration:none; }
a.read-more:hover>span {
    -webkit-transform: translateX(90%);
    transform: translateX(90%);
}
.ik-title{    color: #00467f;    font-family: 'tstar_promedium';    font-size: 28px;}
.fs20{ font-size:20px;}

.values {
    height: 100%;
    width: 100%;
    padding: 20px 50px 40px 50px;
    /* color: #ffffff; */
    overflow: hidden;
    /* height: 450px; */
}
.detail { position: relative }
.values hr {
    width: 80px;
    margin-left: 0;
    border-color: rgba(255, 255, 255, 0.44);
}
.values span.icons { font-size: 38px }
.values  h2{  color: #00467f;    font-family: 'tstar_promedium';    font-size: 28px;}
.c1 { background: #00467f }
.c2 { /* background: #00467f  */}
.c3 { /* background: #054274  */}
.values span.icons {
    font-size: 220px;
    position: absolute;
    bottom: -50px;
    right: -50px;
    color: rgba(0, 70, 127, 0.16);
}
.values hr {
    width: 80px;
    margin-left: 0;
    border-color: rgb(0, 70, 127);
}
.zoomCursor{    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 22px !important;
    z-index: 3213123123;
    display: block;
    color: #fff;
    text-shadow: 1px 1px 1px #000;}
.caption-link{ font-size: 26px !important; position:absolute; right: 0px; top:-60px; color:#fff; z-index:4; cursor:pointer; display:inline-block;}
    
    
    
.caption-detail p{
  margin: 0px 20px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  width: 297px;
  animation: type 2s steps(40, end);
}

.caption-detail p:nth-child(2){
  animation: type2 4s steps(40, end);
  margin-top:10px;
}

.caption-detail p a{
  text-decoration: none;
  text-align: center;
}

.caption-detail span{
  animation: blink 1s infinite;
}

@keyframes type{ 
  from { width: 0;} 
  
} 

@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100;} 
} 

@keyframes blink{
  to{opacity: .0;}
}

.caption-detail{font-family: 'tstar_promedium';      width: 337px;
    height: auto;
    display: block;
    background: url(img/caption-center.png) 0px 0px repeat-y;
    text-align: center;  padding: 0px;
    position:relative; z-index:3;}
.caption-detail:before {
    content: '';
    width:337px;
    height:51px;
    display: block;
    background: url(img/caption-top.png) center center no-repeat;
    position: relative;
    top: -51px;
    margin-bottom: -53px;
}
.caption-detail:after {
    content: '';
    width:337px;
    height: 62px;
    display: block;
    background: url(img/caption-bottom.png) center center no-repeat;
    position: relative;
    top: 62px;
    margin-top: -76px;
}
/*
.caption-detail a{  transition: all 0.2s; padding:10px 25px; position:relative; z-index:4; color:#fff; font-size:14px; font-weight:normal; font-family: 'tstar_proregular'; text-shadow:none; }
.caption-detail a:hover{ text-decoration:none;  border:5px solid rgba(255, 255, 255, 0.99); background:rgba(255, 255, 255, 1); color:#00467f;}
*/
.newFS, .caption-detail{ font-size:20px !important;  font-family: 'tstar_proregular' !important; line-height:27px !important;}
.bysm724{ font-size:10px;      color: #a4a4a4;    text-decoration: none;    float: right;    margin-top: 40px;    position: absolute;    right: 43px;    bottom: 12px;}
.bysm724 a{ color:#a4a4a4; text-decoration:none;}
.bysm724 a:hover{ color:#ffffff;}



.caption-detail p{

    width: 100%;
    min-height: 170px;
    text-align: center !important;
    float:left;
    margin-left: 50px;
   
    }

.footernew{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 150px;
    padding-top:10px !important;  
    margin-top:15px !important;
    margin-bottom:5px !important;
}