.bx-wrapper { position: relative; padding: 0 }
.bx-wrapper img { width: 100%; display: block;min-height: 200px; }
.bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0) }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: -30px; width: 100% }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item { display: inline-block }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #000 }
.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) 0 -32px no-repeat }
.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) -43px -32px no-repeat }
.bx-wrapper .bx-prev:hover { background-position: 0 0 }
.bx-wrapper .bx-next:hover { background-position: right 0 }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 }
.bx-wrapper .bx-controls-direction a.disabled { display: none }
.bx-wrapper .bx-controls-auto { text-align: center }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0 }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: rgba(80,80,80,.75); width: 100% }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em }



.clear { clear: both; }
.ortalama { width: 1150px; max-width: 100%; margin: 0 auto; position: relative; }

.push-right { left: 200px; }
.push-left { left: -200px; }
.openLeft { left: 0; }
.openRight { right: 0; overflow: auto; }
.holder { width: 0; height: 0; position: absolute; top: 0; right: 0; }
.holder::after, .holder::before { display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.holder::after { top: 17px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; }
#navmenu > ul > li > a:hover > span::after, #navmenu > ul > li.active > a > span::after, #navmenu > ul > li.open > a > span::after { border-color: #eeeeee; }
.holder::before { top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; }
.projeler_slider {  width: 100%; background: #fff; padding-top: 10px; height: auto;}

.projeler_slider .bx-wrapper .bx-controls-direction a {
	
    width: 36px;
    height: 56px;
    top: 40%;
    border-radius: 5px;
    z-index: 0;
    background-color:	black;
	
	border: 1px solid   #fff;
	
}

.projeler_slider .bx-wrapper .bx-prev { left: 0px; background: url(../images/slider_arrow.png) top left -10px no-repeat; }
.projeler_slider .bx-wrapper .bx-next { right: 0px; background: url(../images/slider_arrow.png) no-repeat top right -10px; }
.sag .bx-wrapper .bx-controls-direction a { width: 35px; height: 35px; }
.sag .bx-wrapper .bx-prev{ left: 0px; background: url(../images/slider_arrow.png) -10px -10px  no-repeat; }
.sag .bx-wrapper .bx-next{ right: 0px; background: url(../images/slider_arrow.png)  -65px -10px no-repeat; }

.projeler_slider li span {
	
	padding-left: 5px;
	padding-right: 5px;
	height: 40px;
	width: 100%;
	text-align: center;
	display: block;
	background: rgb(255, 255, 255);
	
	bottom: 0px;
	
	line-height: 40px;
	
	font-family: 'Raleway-Regular', Arial, Helvetica, sans-serif;
	
	overflow: hidden;
	
	text-overflow: ellipsis;
	
	white-space: nowrap;
	
	font-weight: normal;
	
	font-size: 18px;
	
	border: 1px;
	
color:black;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #C7C4C4; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.takip_et { background: url(../images/takip_et.png); width: 140px; height: 37px; display: block; float: right; /* margin-top: 17px; */ margin-right: 8px; text-indent: -999em; position: absolute; right: 0px; bottom: 10px; }
.uclubolum { background: #e7e7e7; padding: 20px 0; }
.uclu li {float: left;width: 32.333%;margin-right: 1.5%;position: relative;padding-bottom: 60px;background: rgba(42, 147, 207,1);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; }
.uclu li a img { width: 100%; height: auto; }
.uclu li:last-child { margin: 0; }
.uclu li span { position: absolute; min-height: 80px; bottom: 5%; left: 5%; right: 5%; background: #fff; box-sizing: border-box; padding: 20px; font-size: 15px; text-align: center; line-height: 18px;border-radius: 5px; }
.uclu-baslik { height: 52px; line-height: 52px; background: #fff; font-family: 'Raleway-Bold'; text-align: center; border: 1px solid #a2a2a2; }
.uclu-baslik img { float: left; }
.projeler { padding: 30px 0; }
.projeler-title { font-size: 24px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; font-family: 'Raleway-Bold'; }
.projeler ul li {width: 18%;height: auto;float: left;margin: 1%;text-align: center;display: block;}
.projeler ul li a { border: 0px solid #e5e5e5; display: block; }
.projeler ul li a:hover { border: 0px solid #c5c9c7; }
.projeler ul li a img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: 0.8;transition: 300ms;text-align: center;width: 100%;}
.projeler ul li a:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity: 1; transition: 300ms; }
.text-right { text-align: right; }

.altsayfa { background: #e7e7e7; clear: both;padding-top: 1px; }
/*.headbg { padding-bottom: 13px;margin-top: 36px;height: 222px;margin-bottom: 10px; }*/
.sol { width: 230px; float: left; margin-bottom: 10px;margin-top: 10px; transition:300ms; }
.menu-title { padding-left: 22px; line-height: 61px; color: #fff; font-family: 'Raleway-Bold'; font-size: 20px; background: #333d40; }
.menu-title-btn {padding-left: 42px;line-height: 61px;color: #fff;font-family: 'Raleway-Bold';font-size: 15px;background: #697072 url(../images/sol-menu-btn-arrow.png) 20px center no-repeat;display: block;margin-top: 5px;}
.menu-title-btn:hover, .menu-title-btn.active{ background: #288ac3 url(../images/sol-menu-btn-arrow.png) 20px center no-repeat ; }
.menu-title-video-btn {    padding-left: 60px;
	line-height: 61px;
	color: #fff;
	font-family: 'Raleway-Bold';
	font-size: 15px;
background: #F44336 url(../images/play-video.png) 10px center no-repeat;
display: block;
margin-top: 5px;}
.menu-title-video-btn:hover, .menu-title-video-btn.active{ background: #288ac3 url(../images/play-video-hover.png) 10px center no-repeat ; }

.sol .sol-menu { border: 1px dashed #929292; margin-top: 5px; }
.sol .sol-menu li a { display: block; padding-left: 30px; line-height: 33px; font-size: 13px; color: #000; transition:500ms; background:  url(../images/sol-menu-arrow.png) -40px center no-repeat;}
.sol .sol-menu li a:hover, .sol .sol-menu li a.active { background: #80b5d4 url(../images/sol-menu-arrow.png) 10px center no-repeat; color: #fff; }
.sag { width: 740px; float: right; max-width: 100%; transition:500ms; margin-top: 10px;}
.sag .baslik {height: 47px;font-family: 'Raleway-Bold';font-size: 25px;color: #e0ebf4;background: #288ac3;box-sizing: border-box;padding: 0 10px;line-height: 47px;}
.iletisim .baslik { height: 47px; font-family: 'Raleway-Bold'; font-size: 30px; color: #e0ebf4; background: #288ac3; box-sizing: border-box; padding: 0 10px; line-height: 47px; margin-bottom:10px;  }
.iletisim-w50{ width:50%; float:left; font-size:14px; line-height:22px; box-sizing:border-box; padding:10px;color:#555;}
.iletisim-w50 iframe{ border:5px solid #ccc; box-sizing:border-box;}
.iletisim-w66{ width: 66.3%; float:left;box-sizing:border-box; padding:10px;color:#555;}

.iletisim-w30{ width: 33.3%; float:left;box-sizing:border-box; padding:10px;color:#555;}
.iletisim-w30 p{ padding: 0 0 8px  0; }
.iletisim-w30 input{ width:100%; height:45px; padding:0 5px ; box-sizing:border-box; border:1px solid #999;  }
.iletisim-w30 select{ width:100%; height:45px; border:none; outline:none; padding:0 5px ; box-sizing:border-box; border:1px solid #999; color:#999; }
.iletisim-w30 textarea{ width:100%; height:104px; resize:none; border:none; outline:none;  padding:5px ; box-sizing:border-box; border:1px solid #999; }
.iletisim-w30  label{ padding: 5px 0 0 0; display: inline-block; font-size:14px;}
.iletisim-w30 .il-proje{ width:13px; height:13px; margin-top:5px; }
.iletisim-w30 .submit-btn{ height:45px; background:#0f70ac; border:none; width:50%; font-weight:bold; color:#fff; cursor:pointer;}
.iletisim-w30 img{ width:100%; height:auto; box-sizing:border-box; border:5px solid #ccc;}
.sag .content { font-family: 'Raleway-Regular'; font-size: 14px; font-weight: bold; padding-bottom: 20px; font-weight: normal;}
.sag .content strong { font-family: 'Raleway-Bold'; }
.sag .content p { padding: 10px 0; font-weight: normal; line-height: 24px;}
.sag .content p a{ color:#288ac3;}
.sag .content h2 { font-family: 'Raleway-Heavy'; font-size: 32px; padding: 25px 0 5px 0; }
.sag .content h3 { font-family: 'Raleway-Bold'; font-size: 18px; padding: 10px 0; }
.sag .content h4 { font-family: 'Raleway-Regular'; font-size: 20px; padding: 10px 0; font-weight: lighter; }
h4 { }
.baslik-sol {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.baslik-sag { font-size: 12px; float: right; position: relative; /* width: auto; */ }
.baslik-sag .paylas { background: url(../images/paylas-btn.png) right center no-repeat; padding-right: 25px; cursor: pointer; width: 36px; float: right; padding-left: 10px; /* height: 30px; */ /* margin-top: 8px; */ line-height: 47px; }
.baslik-sag .paylas ul { opacity: 0; position: absolute; -moz-transform: scaleY(0); -webkit-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: #9bcbe6; z-index: 1; }
.baslik-sag .paylas:hover ul { opacity: 1; -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.baslik-sag .paylas ul li { padding: 0 8px; background:#288ac3; }
.baslik-sag .paylas ul li a { color: #fff; line-height: 32px; height: 32px; display: block; }
.baslik-sag .paylas ul li:hover { background:#1d82bc;}
.baslik-sag .printer { width: 21px; height: 18px; background: url(../images/printer.png) left center no-repeat; display: block; float: left; margin-top: 15px; margin-left: 4px; border-right: 1px solid #74b3d8; padding-right: 9px; }
.baslik-sag .yazi-buyut { width: 19px; height: 19px; background: url(../images/yazi-buyut-kucult.png) right center; display: block; float: left; margin-left: 4px; margin-top: 15px; }
.baslik-sag .yazi-kucult { width: 19px; height: 19px; background: url(../images/yazi-buyut-kucult.png); display: block; float: left; margin-left: 4px; margin-top: 15px; }
.border-pattern { height: 15px; background: url(../images/pattern_parallax.png); margin-bottom: 10px; }
.projelerimiz { padding-bottom: 30px; display: inline-block; }
.projelerimiz li { width: 242px; height: 205px; float: left; margin: 0 7px 7px 0; position: relative; }


.projelerimiz li:nth-child(3n) { margin: 0 0 7px 0; }
.projelerimiz li span {position: absolute;height: 55px;bottom: 0px;background: rgba(40,138,195,0.85);width: 100%;color: #fff;box-sizing: border-box;padding: 15px;line-height: 26px;font-weight: lighter;font-size: 12px;}
.projelerimiz li span a.goster_btn { width: 65px; height: 23px; border: 1px solid #ffffff; display: none; color: #fff; font-size: 11px; text-align: center; line-height: 23px; float: right; font-weight: lighter; }
.projelerimiz li span a.goster_btn:hover { background: #fff; color: #338abd; }
.projelerimiz li:hover + .projelerimiz li span a.goster_btn { background: #fff; color: #338abd; }

.proje-detay-gorsel { margin: 10px 0; }
.galeri { display: inline-block; width: 100%; float: left; }
.galeri li { float: left; width: 32.3%; margin-bottom: 1%; margin-right: 1%; position: relative; display: block; }
.galeri li a { background: url(../images/zoom.png); width: 39px; height: 38px; position: absolute; bottom: 10px; right: 10px; }
.basinodasi { width: 100%; }
.basinodasi ul li { height: 76px; width: 100%; background: #c3dae6 url(../images/haberler-icon.png) left top no-repeat; margin-top: 5px; }
.basinodasi ul li:nth-child(even) { height: 76px; width: 100%; background: #aed1e3 url(../images/haberler-icon.png) left top no-repeat; }
.basinodasi ul li a { color: #000; font-size: 16px; margin-left: 100px; line-height: 77px; opacity: 0.8; transition: 300ms; }
.basinodasi ul li a:hover { opacity: 1; transition: 300ms; }
.haber-tarih{
float: right;
/* line-height: 71px; */
padding-right: 13px;
width: 80px;
background: rgb(123, 186, 218);
height: 70px;
text-align: center;
box-sizing: border-box;
padding: 15px 10px;
font-size: 12px;
color: rgb(224, 235, 244);
}
.haberler-list{ width: 100%; }
.haberler-list ul li { height: 71px; width: 100%; background: #c3dae6; margin-top: 5px; }
.haberler-list ul li:nth-child(even) {width: 100%; background: #aed1e3; }
.haberler-list ul li a { color: #000; font-size: 15px; margin-left: 20px; line-height: 20px; opacity: 0.8; transition: 300ms; float: left; width: 70%; padding-top: 20px;}
.haberler-list ul li a:hover { opacity: 1; transition: 300ms; }
.haberler-list ul li span{ float:left;}
.haberler-list ul li span img{ margin:5px;}
.reklam-filmleri{ padding:10px 0; display: inline-block;}
.reklam-filmleri ul li{ width: 49.5%; float:left; padding-left: 1%; padding-top: 1%; margin: 0; padding-bottom: 0px; }
.reklam-filmleri ul li:nth-child(odd){ padding-left:0%; }


.reklam-filmleri ul li .video-baslik{    width: 100%;
min-height: 30px;
background: #288AC3;
padding-left: 15px;
border-bottom: 1px solid #E7E7E7;
color: #fff;
float: left;
line-height: 18px;
box-sizing: border-box;
padding: 12px;
font-size: 12px;}

.reklam-filmleri ul li iframe{ width:100%; float:left;}

.seyir-galeri{ display:none;}
.slider-full{ background:#d5d6d6;}
.slider{ position:relative; max-width:1366px; margin:0 auto;}
.slider-form{position: absolute;
width: 268px;
height: 380px;
-webkit-border-radius: 4px/5px;
-moz-border-radius: 4px/5px;
border-radius: 4px/5px;
background: rgba(0,0,0,0.3);
top: 10px;
right: 15px;
z-index: 2;
box-sizing:border-box;
padding:20px;background: rgba(42, 147, 207, 0.4) url(../images/pattern2.png);}
.slider-form-phone{font-size: 26px;color: #fff;font-family: 'Barlow Semi Condensed', sans-serif;direction: ltr;}
#popup{ display:none;   overflow: hidden !important;height: inherit;min-width: 800px;min-height: 600px;}
#popup img{ width:100%; height:auto;}
.gizlilik-btn{ color:#fff; font-size:14px; display:block; float: left; width: 100%; margin-top: 10px;}




.image {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}

.middle {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%)
}

.snip1573:hover .image {
opacity: 0.3;
}

.snip1573:hover .middle {
opacity: 1;
}

.middle .text {
background-color: rgba(40, 138, 195, 0.7);
font-size: 14px;
padding: 16px;
border: 2px solid #fff;
top: 40%;
left: 50%;
}
.middle a {
color:#fff;
text-decoration:none;
}    

.telefon { text-align:right;}	

@media only screen and (width: 320px) {
.baslik-sol{ max-width: 220px; }
}
@media only screen and (width: 360px) {
.baslik-sol{ max-width: 260px; }
}
@media only screen and (width: 375px) {
.baslik-sol{ max-width: 275px; }
}
@media only screen and (width: 412px) {
.baslik-sol{ max-width: 320px; }
}
@media only screen and (width: 414px) {
.baslik-sol{ max-width: 320px; }
}
@media only screen and (width: 425px) {
.baslik-sol{ max-width: 325px; }
}
@media only screen and (width: 640px) {
.baslik-sol{ max-width: 540px; }
}
@media only screen and (width: 667px) {
.baslik-sol{ max-width: 540px; }
}

@media only screen and (width: 736px) {
.baslik-sol{ max-width: 636px; }
}
@media only screen and (width: 768px) {
.baslik-sol{ max-width: 668px; }
}
@media only screen and (width: 800px) {
.baslik-sol{ max-width: 700px; }
}
@media only screen and (width: 812px) {
.baslik-sol{ max-width: 700px; }
}

@media only screen and (width: 1024px) {
.baslik-sol{ max-width: 560px; font-size: 16px;}
}
@media only screen and (width: 1280px) {
.baslik-sol{ max-width: 560px; font-size: 16px;}
}
@media only screen and (width: 1366px) {
.baslik-sol{ max-width: 560px; font-size: 16px;}
}


@media only screen and (max-width: 1200px) {
.slider-form { display: none; }

}

@media only screen and (max-width: 999px) {
.bx-wrapper .bx-controls-direction a { display: none; }
}

.video iframe {	width:100%;	height:600px;}	

@media only screen and (max-width: 600px) {
.bx-wrapper img { min-height: 150px; height:150px;}	
.telefon { text-align:left;}	
.starmark_position {top: 175px;}	
#scroll {bottom: 80px !important;left: 20px !important;}	
.video iframe {	width:100%;	height:300px;}	


}

.danismanlar_slider {  width: 100%; background: #fff; padding-top: 10px; height: auto;}

.danismanlar_slider .bx-wrapper .bx-controls-direction a {
	
    width: 36px;
    height: 56px;
    top: 40%;
    border-radius: 5px;
    z-index: 0;
    background-color:	black;
	
	border: 1px solid   #fff;
	color: white;
	
}

.danismanlar_slider .bx-wrapper .bx-prev { left: 0px; background: url(../images/slider_arrow.png) top left -10px no-repeat; }
.danismanlar_slider .bx-wrapper .bx-next { right: 0px; background: url(../images/slider_arrow.png) no-repeat top right -10px; }