/*---START mobile---*/
@media all and (max-width: 768px) {
	@charset "utf-8";

	
.pozisyon{width:100%;height:auto;margin:0px 0px 20px 0px;padding:0px 0px 20px 0px;float:left;border-bottom:1px solid #585858}
.pozisyon ul{width:100%;height:auto;margin:20px 0px;padding:0px;float:left;display:block}
.pozisyon ul li{width:99%;height:50px;margin:0.5%;padding:0px;float:left;background:#232428;border:2px solid #333;text-align:center;line-height:50px;font-weight:600;transition-duration:0.3s;cursor:pointer}
.pozisyon ul li:hover{border:2px solid #FBC200;color:#FBC200}



  .fullscreen-bg {
    width:100%;height:100%
  }

  .fullscreen-bg__video {
  display: block;}
  
  .fullscreen-bg__video source {
  display: block;width:100%;height:100%;background-position:center center}

.left{display:block;margin:0px;padding:0px;width:100%;height:auto;position:relative;top:0;left:0;background:#262626;border-right:none}
.logo{width:100% ; height:auto;background:#FBC200;float:left;display:none;margin:0px;padding:0px}
.mobil-logo {width:100% ; height:auto;background:#FBC200;float:left;display:block;margin:0px;padding:0px;height:70px}
.mobil-logo a{width:50% ; display:block;margin:0px;padding:0px;float:left}
.mobil-logo a img {display:block;margin:10px;padding:0px;width:160px;height:auto;float:left}

.menu{width:100%;height:100% !important;float:left;margin:0px 0px 0px 0px;display:block;min-height:100% }
.menu ul{display:block;margin:0px;padding:20px 20px 0px 20px;width:75%;background:url(../images/black.png)repeat;z-index:111;left:0;top:0;position:fixed;height:100%}
.menu h5{display:block;margin:0px;padding:0px;color:#FBC200;font-size:16px;font-weight:600;line-height:50px;border-bottom:1px solid #333}
.menu ul li{display:block;margin:10px 0px;width:100%;float:left;padding:0px 0px}

.menu1 a{display:block;margin:0px;padding:0px;color:#ddd;font-weight:500;text-align:left;width:100%;float:left;line-height:30px;transition-duration:0.3s}
.menu1 a:hover{color:#FBC200}
.menu1 a:before{display:block;margin:0px 0px;padding:0px;width:30px;height:30px;content:"";background:url(../images/icon/menu1.png)no-repeat;transition-duration:0.3s;float:left;display:none}
.menu1 a:hover:before{background:url(../images/icon/menu1-h.png)no-repeat}

.menu2 a{display:block;margin:0px;padding:0px;color:#ddd;font-weight:500;text-align:left;width:100%;float:left;line-height:30px;transition-duration:0.3s}
.menu2 a:hover{color:#FBC200}
.menu2 a:before{display:block;margin:0px auto;padding:0px;width:30px;height:30px;content:"";background:url(../images/icon/menu2.png)no-repeat;transition-duration:0.3s;display:none}
.menu2 a:hover:before{background:url(../images/icon/menu2-h.png)no-repeat}

.menu3 a{display:block;margin:0px;padding:0px;color:#ddd;font-weight:500;text-align:left;width:100%;float:left;line-height:30px;transition-duration:0.3s}
.menu3 a:hover{color:#FBC200}
.menu3 a:before{display:block;margin:0px auto;padding:0px;width:30px;height:30px;content:"";background:url(../images/icon/menu3.png)no-repeat;transition-duration:0.3s;display:none}
.menu3 a:hover:before{background:url(../images/icon/menu3-h.png)no-repeat}

.menu4 a{display:block;margin:0px;padding:0px;color:#ddd;font-weight:500;text-align:left;width:100%;float:left;line-height:30px;transition-duration:0.3s}
.menu4 a:hover{color:#FBC200}
.menu4 a:before{display:block;margin:0px auto;padding:0px;width:30px;height:30px;content:"";background:url(../images/icon/menu4.png)no-repeat;transition-duration:0.3s;display:none}
.menu4 a:hover:before{background:url(../images/icon/menu4-h.png)no-repeat}

.menu5 a{display:block;margin:0px;padding:0px;color:#ddd;font-weight:500;text-align:left;width:100%;float:left;line-height:30px;transition-duration:0.3s}
.menu5 a:hover{color:#FBC200}
.menu5 a:before{display:block;margin:0px auto;padding:0px;width:30px;height:30px;content:"";background:url(../images/icon/menu5.png)no-repeat;transition-duration:0.3s;display:none}
.menu5 a:hover:before{background:url(../images/icon/menu5-h.png)no-repeat}

.menu6 a{display:block;margin:0px;padding:0px;color:#ddd;font-weight:500;text-align:left;width:100%;float:left;line-height:30px;transition-duration:0.3s}
.menu6 a:hover{color:#FBC200}
.menu6 a:before{display:block;margin:0px auto;padding:0px;width:30px;height:30px;content:"";background:url(../images/icon/menu6.png)no-repeat;transition-duration:0.3s;display:none}
.menu6 a:hover:before{background:url(../images/icon/menu6-h.png)no-repeat}


.phone{width:230px;height:58px;background:#FBC200;position:absolute;right:108px;top:0px;border-bottom:2px solid #262626;display:none}

.social{width:104px;height:58px;position:absolute;top:0;right:0;display:none}

.m-social{width:100%;height:58px;position:relative;top:0;right:0;display:block;float:left}
.m-social img {display:block;margin:8px;padding:0px;float:left;}
.m-social img a{display:block;margin:4px;padding:0px;float:left;width:22px;height:22px}


#menus{display:none;}

.m-phone>a{width:50px;height:70px;background:#262626;float:right;margin:0px 0px;display:block }
.m-phone>a>img{display:block;padding:0px;margin:18px 9px;width:32px;height:31px}

.m-menu {width:50px;height:70px;float:right;margin:0px 0px;display:block }
.m-menu img{display:block;padding:0px;margin:22px auto;width:35px;height:20px}


.right{display:block;margin:0px;padding:0px;width:100%;height:100%;position:fixed;top:0;right:0;z-index:-1}


.content-ref{width:98%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:100px;overflow-y:scroll;bottom:5%;}
.contents{width:98%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:160px;overflow-y:scroll;bottom:5%;}
.contents p{display:block;margin:10px 0px;padding:0px;color:#ddd;font-size:14px}
.contents li {margin:10px 0px;padding:0px;color:#ddd;font-size:14px}
.contents h5{display:block;margin:20px 0px;padding:0px;color:#FBC200;font-size:16px}
.contents img {display:block;margin:20px 0px;padding:0px;width:100%;}

.subheader1{width:96%;height:70px;margin:0px auto;padding:20px;position:absolute;left:0;right:0;top:70px;bottom:10px;border-bottom:1px solid #585858;display:none}
.subheader{width:96%;height:70px;margin:0px auto;padding:20px;position:absolute;left:0;right:0;top:70px;bottom:10px;border-bottom:1px solid #585858}
.subheader h1{display:block;margin:0px;padding:0px 10px 0px 0px;line-height:40px;color:#FBC200;font-size:20px;font-weight:700}
.subheader h1:before{display:none;margin:0px 10px 0px 0px;padding:0px;width:36px;height:35px;float:left;background:url(../images/icon/mornet.png)no-repeat;float:left;content:""}

.hizmet{width:100%;margin:0px;padding:0px;float:left}
.hizmet ul{display:block;margin:0px;padding:0px;float:left}
.hizmet ul li{display:block;margin:2%;padding:0px;float:left;width:96%}
.hizmet ul li a{display:block;margin:0;padding:0px;float:left;width:100%;background:url(../images/white.png)repeat;position:relative;padding:15px;transition-duration:0.3s}
.hizmet ul li a:hover{background:url(../images/yellow.png)repeat}

.hizmet-detail{width:100%;height:auto;position:relative;border:2px solid #262626;display:block;margin:0px ;padding:0px;float:left;padding:15px 5px}
.hizmet-detail h3{display:block;margin:0px 0px 0px 0px;padding:10px 0px;width:100%;color:#262626;text-align:center;line-height:34px;font-size:22px;font-weight:600;float:left}
.hizmet-detail p{display:block;margin:0px 0px 0px 0px;padding:10px 0px;width:100%;color:#555;text-align:center;line-height:24px;font-size:14px;font-weight:500;float:left}
.hizmet-detail strong{font-size:22px;font-weight:800}

.h-icon{width:50%;margin:0px auto 10px auto}
.h-icon img {display:block;margin:0px 0px 20px 0px;padding:0px;float:left;width:100%;}


.subheader-ref{width:96%;height:auto;margin:0px auto 20px auto;padding:20px;position:relative;left:0;right:0;top:0px;bottom:0px;border-bottom:1px solid #585858;display:block}
.subheader-ref h1{display:block;margin:0px;padding:0px 10px 0px 0px;line-height:0px;color:#FBC200;font-size:18px;font-weight:700}
.subheader-ref h1:before{display:none;margin:0px 10px 0px 0px;padding:0px;width:36px;height:35px;float:left;background:url(../images/icon/mornet.png)no-repeat;float:left;content:""}


.filtre{width:100%;height:auto;margin:0px auto;padding:10px;position:relative;left:0;right:0;top:0px;bottom:5%;display:block;z-index:111;background:url(../images/black.png)repeat;float:left;display:none}
.filtres{width:78%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:90px;bottom:5%;display:block;height:40px;border:2px solid #ddd;color:#ddd;line-height:20px;font-size:14px;text-align:center;display:block;background:#333}

.filtre-mobil{width:100%;height:auto;margin:0px auto;padding:10px;position:relative;left:0;right:0;top:0px;bottom:5%;display:block;z-index:111;background:url(../images/black.png)repeat;float:left;display:block}
.filtre-mobil ul{display:block;margin:0px;padding:0px;border:none;}
.filtre-mobil ul li{display:block;margin:0.5% 1%;padding:0px 0px;height:34px;float:left;position:relative;width:98%}
.filtre-mobil >ul> li> a{display:block;margin:0px 0px;padding:0px 6px 0px 6px;height:38px;border-bottom:1px solid #ddd;background:none;color:#ddd;line-height:36px;float:left;width:100%;text-align:center;font-weight:600;font-size:12px;width:100%}


.filtre-mobil >ul> li> a:hover{background:#FBC200;border:2px solid #FBC200;color:#262626}


.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    color: #262626;
    cursor: default;
    background:#FBC200;
    border:  2px solid #FBC200;
 
}

.tab-content{width:100%;height:auto;margin:0px ;padding:10px;position:relative;left:0;right:0;top:0%;bottom:5%;top:10px;float:left}

.foto-galeri {margin-bottom: 0; margin:0px 0px 20px 0px; padding:0;width:100%;display:block;float:left}

.foto-galeri ul{display:block;margin:0px;padding:0px;}		
.foto-galeri ul li{display:block;margin:0.5%;padding:0px;border: 2px solid #555;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;height:150px;width:49%;transition-duration:0.3s}		
.foto-galeri ul li:hover{border: 2px solid #FBC200}		
.foto-galeri a img{-webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;              
             flex-shrink:0;height:100%; object-fit: cover;display:block;transition-duration:0.3s
			 }
			
.foto-galeri ul li a:hover img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }


			.foto-galeri-web {margin-bottom: 0; margin:0px 0px 20px 0px; padding:0;width:100%;display:block;float:left}

.foto-galeri-web ul{display:block;margin:0px;padding:0px;}		
.foto-galeri-web ul li{display:block;margin:1%;padding:0px;border: 2px solid #555;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;height:250px;width:98%;transition-duration:0.3s}		
.foto-galeri-web ul li a span{display:block;width:100%;height:50px;background:#FBC200;position:absolute;bottom:0px;text-align:center;font-weight:500;padding:0px;margin:0px}		
.foto-galeri-web ul li a span h5{display:block;width:100%;height:30px;text-align:center;font-weight:500;padding:0px;margin:0px;line-height:36px;color:#333}		
.foto-galeri-web ul li a span h6{display:block;width:100%;height:20px;text-align:center;font-weight:500;padding:0px;margin:0px;line-height:16px;color:#555}		
.foto-galeri-web ul li:hover{border: 2px solid #FBC200}		
.foto-galeri-web a img{-webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 200px;
              width: 100%;              
             flex-shrink:0; object-fit: cover;display:block;transition-duration:0.3s
			 }
			
.foto-galeri-web ul li a:hover img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }

			
			
.maps{width:100%;height:auto;float:left;display:none}			
.mobil-maps{width:100%;height:auto;float:left;display:block}			
.contents-iletisim{width:96%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:90px;overflow-y:scroll;bottom:5%;}
.contents-iletisim p{display:block;margin:10px 0px;padding:0px;color:#ddd;font-size:14px}
			
.c-left{width:100%;float:left;height:auto;margin:0px;padding:0px}			
.c-right{width:48%;float:right;height:auto;margin:0px 0.5%;padding:0px}			
			
.c-left ul{display:block;margin:0px;padding:0px 20px}
.c-left ul li {width:100%; overflow:hidden; border-bottom:1px solid #5B5E60; padding-bottom:5px; padding-top:15px;display:block;float:left}
.c-left ul li span{width:150px; color:#FBC200; font-weight:500;  font-size:15px;line-height:0px}
.c-left ul li .adres:before{width:17px; height:17px; display:block; float:left; margin:0px 10px 0px 0px; content:""; background:url(../images/icon/adres.png)no-repeat;}
.c-left ul li .tel:before{width:17px; height:17px; display:block; float:left; margin:0px 10px 0px 0px; content:""; background:url(../images/icon/telefon.png)no-repeat;}
.c-left ul li .whatsapp:before{width:17px; height:17px; display:block; float:left; margin:0px 10px 0px 0px; content:""; background:url(../images/icon/whatsapp.png)no-repeat;}
.c-left ul li .mail:before{width:17px; height:17px; display:block; float:left; margin:0px 10px 0px 0px; content:""; background:url(../images/icon/mail.png)no-repeat;}
.c-left ul li p{color:#ddd; font-weight:500;  font-size:13px;}
.c-left ul li p a{color:#ddd; font-weight:500;  font-size:13px;}
			
			
			











	




}




/*---START Tablet---*/
@media (min-width: 768px)  and (max-width: 1024px) {
	@charset "utf-8";
body{ margin:0; padding:0;font-family: 'Ubuntu', sans-serif;background:url(../images/bin/bg.jpg)repeat center center}




}







/*---Küçük ---*/
@media (min-width: 1200px)  and (max-width: 1589px) {

/*---HOME---*/



}

		
/* Orta */
@media (min-width: 1590px)  and (max-width: 1900px) {


/*---HOME---*/



	}