@font-face {
    font-family: 'Candara';
    src: url('../fonts/Candara.eot');
    src: url('../fonts/Candara.eot') format('embedded-opentype'),
         url('../fonts/Candara.woff2') format('woff2'),
         url('../fonts/Candara.woff') format('woff'),
         url('../fonts/Candara.ttf') format('truetype'),
         url('../fonts/Candara.svg#Candara') format('svg');
}
@font-face {
    font-family: 'UbuntuRegular';
    src: url('../fonts/ubuntu-r.eot');
    src: url('../fonts/ubuntu-r.eot') format('embedded-opentype'),
         url('../fonts/ubuntu-r.woff2') format('woff2'),
         url('../fonts/ubuntu-r.woff') format('woff'),
         url('../fonts/ubuntu-r.ttf') format('truetype'),
         url('../fonts/ubuntu-r.svg#UbuntuRegular') format('svg');
}
@font-face {
    font-family: 'UbuntuB';
    src: url('../fonts/UbuntuB.eot');
    src: url('../fonts/UbuntuB.eot') format('embedded-opentype'),
         url('../fonts/UbuntuB.woff2') format('woff2'),
         url('../fonts/UbuntuB.woff') format('woff'),
         url('../fonts/UbuntuB.ttf') format('truetype'),
         url('../fonts/UbuntuB.svg#UbuntuB') format('svg');
}
*{margin:0; padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,li{list-style: none;}
a{text-decoration: none;}
body{background: url(../images/bg_top.jpg) top center no-repeat; height: 896px; font-family: 'Candara';}

/*MENU*/
.menu{display: block; margin: 51px 0 0 270px;}
.menu ul{}
.menu ul li{display: inline-block; background: url(../images/menuBg.png) bottom right no-repeat; padding: 0 28px 18px 0;}
.menu ul li:last-child{padding: 0 0 18px 0; background: none;}
.menu ul li a{font-size: 25px; color: #9d9d9d; text-shadow:1px 1px 0px #fff; letter-spacing: -2px;}
.menu ul li a:hover{color: #000;}

/*SLIDER ALAN*/
.mask{position: absolute; top: 98px; width: 100%; height: 264px; background: url(../images/mask.png) top center no-repeat;}
.sliderAlan{display: block; height: 257px;}
.bxslider {height: 257px; margin: 0; padding: 0; }
.bx-wrapper {width: 100%; height: 257px; position: relative; margin: 0 auto; padding: 0; top: 0; *zoom: 1;}
.bx-wrapper img {width: 100%; height: 257px; display: block;}
.bx-viewport {z-index: 0;}
/* PAGER */
.bx-wrapper .bx-pager {position: absolute; bottom: 22px; left: 41%; z-index: 9999; font-size: .85em; font-family: Arial; font-weight: bold; color: #fff;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: url(../images/nokta.png) center no-repeat; text-indent: -9999px; display: block; width: 24px; height: 24px; margin: 0 3px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: url(../images/active_nokta.png) center no-repeat;}
.bx-controls-direction{display: none;}

/*ANA CONTENT*/
.anaContent{display: block; width: 970px; height: 508px; margin:0 auto;}
.anaContent .solKisim{float:left; margin: 17px 0 0 17px; width: 450px;}
.anaContent .solKisim .holgeldiniz{margin: 15px 0 0 185px; height: 167px;}
.anaContent .solKisim .holgeldiniz h1{font-size: 25px; color: #939393; text-shadow:1px 1px 0px #fff; letter-spacing: -2px;}
.anaContent .solKisim .holgeldiniz p{margin: 5px 3px; font-size: 14px; color: #626262;}
.anaContent .solKisim .holgeldiniz .devaminiOku{display: block; width: 91px; height: 21px; padding: 4px 0 0 40px; background: url(../images/hosgeldiniz_linkBg.png); font-size: 13px; color: #ddd;}

.anaContent .solKisim .projeler{margin: 5px 0 0 9px;}
.anaContent .solKisim .projeler h2{font-size: 25px; color: #939393; text-shadow:1px 1px 0px #fff; letter-spacing: -2px;}
#jcl-demo a.prev, #jcl-demo a.next { display: block; width: 27px; height: 27px; text-decoration: none; font-family: Arial, sans-serif; font-size: 25px; position: absolute;}
#jcl-demo a.prev {right: 41px; top: -25px; text-indent: 7px; background: url(../images/left.png);}
#jcl-demo a.next {right: 15px; top: -25px; text-indent: 10px; background: url(../images/right.png); }
#jcl-demo .carousel {float: left;/* Needed for rendering without flicker */position: relative;visibility: hidden;left: -5000px;}
#jcl-demo .carousel li{width: 441px; height:203px;}
#jcl-demo .carousel li img {float:left; margin: 10px 10px 10px 0; width: 174px; height: 133px; vertical-align:middle; }
#jcl-demo .carousel li .bilgiler{float:left; margin: 5px 0 0 0; width: 255px; text-align: left;}
#jcl-demo .carousel li .bilgiler h3{font-family: 'UbuntuRegular'; font-size: 20px; color: #000;}
#jcl-demo .carousel li .bilgiler p{font-size: 14px; color: #494949;}
#jcl-demo .custom-container{padding: 13px 0 0 0;}
#jcl-demo .carousel, #jcl-demo .carousel{width: 441px; height:203px; text-align: center; box-sizing: content-box;    /* My theme uses border-box for whatever reason, I don't know. I am switching it to the standard content-box here */}
#jcl-demo2 a.prev2, #jcl-demo2 a.next2 { display: block; width: 27px; height: 27px; text-decoration: none; font-family: Arial, sans-serif; font-size: 25px; position: absolute;}
#jcl-demo2 a.prev2 {right: 41px; top: -25px; text-indent: 7px; background: url(../images/left.png);}
#jcl-demo2 a.next2 {right: 15px; top: -25px; text-indent: 10px; background: url(../images/right.png); }
#jcl-demo2 .carousel2 {float: left;/* Needed for rendering without flicker */position: relative;visibility: hidden;left: -5000px;}
#jcl-demo2 .carousel2 li{width: 175px; height:133px;}
#jcl-demo2 .carousel2 li img {float:left; margin: 10px 10px 10px 0; width: 174px; height: 133px; vertical-align:middle; }
#jcl-demo2 .carousel2 li .bilgiler{float:left; margin: 5px 0 0 0; width: 255px; text-align: left;}
#jcl-demo2 .carousel2 li .bilgiler h3{font-family: 'UbuntuRegular'; font-size: 20px; color: #000;}
#jcl-demo2 .carousel2 li .bilgiler p{font-size: 14px; color: #494949;}
#jcl-demo2 .custom-container2{padding: 13px 0 0 0;}
#jcl-demo2 .carousel2, #jcl-demo2 .carousel2{width: 441px; height:133px; text-align: center; box-sizing: content-box;    /* My theme uses border-box for whatever reason, I don't know. I am switching it to the standard content-box here */}
.anaContent .solKisim .projeler .tumunuincele{float: right; margin: 10px 17px 0 0; font-family: 'UbuntuRegular'; display: block; font-size: 14px; color: #fff;}

.anaContent .sagKisim{float:left; width: 450px; margin: 19px 0 0 35px;}
.anaContent .sagKisim .iletisimBilgileri{margin: 7px 0 0 35px; height: 136px;}
.anaContent .sagKisim .iletisimBilgileri h3{font-family: 'UbuntuB'; color: #fff; font-size: 16px;}
.anaContent .sagKisim .iletisimBilgileri .bilgiler{display: block; width: 282px; margin: 27px 0 0 0;}
.anaContent .sagKisim .iletisimBilgileri .bilgiler p{font-family: 'UbuntuRegular'; font-size: 14px; color: #7e7e7e;}

.anaContent .sagKisim .bizdenHaberler{}
.anaContent .sagKisim .bizdenHaberler h3{margin: 9px 0 0 73px; font-family: 'UbuntuB'; color: #fff; font-size: 18px;}
.anaContent .sagKisim .bizdenHaberler #w {display: block; max-width: 1000px; min-width: 280px; margin: 0 auto; padding-bottom: 35px;}
.anaContent .sagKisim .bizdenHaberler #w header {display: block; padding-top: 15px;}
.anaContent .sagKisim .bizdenHaberler .slider {position: relative; width: 100%; height: 135px; overflow: hidden; margin-top: -30px;}
.anaContent .sagKisim .bizdenHaberler .slides {height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);  -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.anaContent .sagKisim .bizdenHaberler .slide {height: 100%; float: left; clear: none; list-style: none;}
.anaContent .sagKisim .bizdenHaberler .slide figure {display: block; position: relative; margin: 45px 0 0 37px;}
.anaContent .sagKisim .bizdenHaberler .slide figure figcaption {position: absolute; width: 245px;top: 0px; right: -25px; font-size: 14px; padding: 0px 14px; color: #7f7f7f;}
.anaContent .sagKisim .bizdenHaberler .slide figure figcaption .baslikHaber{font-family: 'UbuntuB'; font-size: 14px; color: #375b6a;}
.anaContent .sagKisim .bizdenHaberler .slide figure figcaption p{font-family: 'UbuntuRegular'; font-size: 13px; color: #808080;}
.anaContent .sagKisim .bizdenHaberler .slide figure figcaption a {font-size: 15px; color: #fd9204; text-decoration: none;}
.anaContent .sagKisim .bizdenHaberler .slide figure figcaption a:hover { text-decoration: underline; }
.anaContent .sagKisim .bizdenHaberler .slide figure img {max-height: 480px; width: 170px; height: 75px;}
.anaContent .sagKisim .bizdenHaberler .slider-arrow {position: absolute; display: none; margin-bottom: -20px; padding: 20px; font-family: 'Alegreya Sans', 'Trebuchet MS', sans-serif; text-decoration: none; font-weight: 900; font-size: 3.0em; color: #fff; border: 1px solid #fff; border-radius: 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.anaContent .sagKisim .bizdenHaberler .slider-arrow:hover {background: #ddd; color: #aaa;}
.anaContent .sagKisim .bizdenHaberler .slider-arrow--right { bottom: 50%; right: 30px; }
.anaContent .sagKisim .bizdenHaberler .slider-arrow--left { bottom: 50%; left: 30px; }
.anaContent .sagKisim .bizdenHaberler .slider-nav {position: absolute; top: 13px;}
.anaContent .sagKisim .bizdenHaberler .slider-nav__item {width: 21px; height: 21px; float: left; clear: none; display: block; margin: 0 1px; background: url(../images/nokta_2.png);}
.anaContent .sagKisim .bizdenHaberler .slider-nav__item:hover { background: url(../images/active_nokta2.png);}
.anaContent .sagKisim .bizdenHaberler .slider-nav__item--current, .slider-nav__item--current:hover { background: url(../images/active_nokta2.png); }
/** responsive styles **/
@media screen and (max-width: 1050px) {#w { padding: 0 15px; }.slider-arrow { font-size: 1.8em; padding: 15px; }} 
@media screen and (max-width: 650px) {h1 { font-size: 2.9em; }}
@media screen and (max-width: 450px) {h1 { font-size: 2.1em; }}

.anaContent .sagKisim .galeri{display: block; margin: 22px 0 0 0;}
.anaContent .sagKisim .galeri h3{float:left; margin: 0 0 0 35px; font-family: 'UbuntuB'; color: #fff; font-size: 18px;}
.anaContent .sagKisim .galeri .tumunuGoster{float:right; margin: 0 9px 0 0; font-size: 14px; color: #fff;}
.anaContent .sagKisim .galeri img{float:left; margin: 24px 0 0 8px;}

/*DETAY CONTENT*/
.detayContent{display: block; width: 970px; height: 508px; margin:0 auto;}
.detayContent .aside{float:left; width: 198px; margin: 17px 0 0 21px;}
.detayContent .aside span.baslik{display: block; margin: 6px 0 0 13px; font-size: 20px; color: #008131;}
.detayContent .aside ul{margin: 0 0 0 22px;}
.detayContent .aside ul li{}
.detayContent .aside ul li a{font-size: 15px; color: #434343;}

.detayContent .detaylar{float: left; width: 715px; height: 471px; margin: 10px 0 0 10px; overflow-y:scroll;}
.detayContent .detaylar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #265e34;}
.detayContent .detaylar::-webkit-scrollbar{width: 6px;}
.detayContent .detaylar::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555;}
.detayContent .detaylar h1{font-size: 25px; color: #939393; text-shadow:1px 1px 0px #fff; letter-spacing: -2px;}
.detayContent .detaylar p{margin: 5px 3px; font-size: 14px; color: #626262;}

.detayContent .detaylar ul.listele{float:left; list-style: none;}
.detayContent .detaylar ul.listele li{float:left; width: 146px; height: 150px; margin: 0px 10px 15px 0px;}
.detayContent .detaylar ul.listele li img{border: 2px solid #685449; border-radius: 5px; transition: all .218s ease-in; opacity: 0.8;}
.detayContent .detaylar ul.listele li:hover img{opacity: 1;}

.footer{background: url(../images/footer.jpg) top center no-repeat;height:128px;}
.footer .sosyalMedya{float:right;padding: 40px 100px 0 0;}
.footer .sosyalMedya span.text{float:left; margin: 20px 0 0 0; font-size: 14px; color: #fff;}
.footer .sosyalMedya i.facebook{float:left; margin: 17px 0 0 6px; width: 46px; height: 45px; background: url(../images/sosyal.png);}
.footer .sosyalMedya i.twitter{float:left; margin: 17px 0 0 6px; width: 46px; height: 45px; background: url(../images/sosyal.png) -54px 0;}

/*GENERAL*/
.container{width: 998px; margin:0 auto;}
.temizle{clear: both;}