/*
	Kodlama : Mornet Ajans /

*/

/*-----------------------------------------------------------------------------------*/
/*	0.	STANDART
/*-----------------------------------------------------------------------------------*/
@charset "utf-8";
body{ margin:0; padding:0;font-family: 'Exo', sans-serif;}


/*-----------------------------------------------------------------------------------*/
/*	0.	ANASAYFA
/*-----------------------------------------------------------------------------------*/

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0px;   
    overflow: hidden;
    z-index: -100;width:calc(100% - 200px);min-height:100%;background:#111
}

.fullscreen-bg__video {
    position: absolute;
    top: 0px;bottom:0px;
    left: 0;
    width: 100%;
    height: 100%;min-height:100%
}

.form01{width:100%;height:auto;float:left}

.m-social{display:none}

.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:24%;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}

.left{display:block;margin:0px;padding:0px;width:200px;height:100%;position:fixed;top:0;left:0;background:#262626;border-right:1px solid #FBC200}
.mobil-logo {width:100% ; height:180px;background:#FBC200;float:left;display:none;margin:0px;padding:0px}
.logo a{width:100% ; height:180px;background:#FBC200;float:left;display:block;margin:0px;padding:0px}
.logo a img {display:block;margin:14px auto;padding:0px;width:116px;height:152px;}

.menu{width:100%;height:auto;float:left;margin:20px 0px 0px 0px;}
.menu ul{display:block;margin:0px;padding:0px;width:100%}
.menu ul li{display:block;margin:10px 0px;padding:0px;width:100%;float:left}
.menu h5{display:none;margin:0px;padding:0px;color:#FBC200;font-size:16px;font-weight:600;line-height:50px;border-bottom:1px solid #333}

.menu1 a{display:block;margin:0px;padding:0px;color:#ddd;font-weight:500;text-align:center;width:100%;float:left;line-height:40px;transition-duration:0.3s}
.menu1 a:hover{color:#FBC200}
.menu1 a:before{display:block;margin:0px auto;padding:0px;width:30px;height:30px;content:"";background:url(../images/icon/menu1.png)no-repeat;transition-duration:0.3s}
.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:center;width:100%;float:left;line-height:40px;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}
.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:center;width:100%;float:left;line-height:40px;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}
.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:center;width:100%;float:left;line-height:40px;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}
.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:center;width:100%;float:left;line-height:40px;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}
.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:center;width:100%;float:left;line-height:40px;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}
.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}
.phone h4{display:block;margin:10px 0px;padding:0px;font-weight:600;font-size:21px;line-height:42px;float:left}
.phone h4:before{display:block;margin:0px 10px;padding:0px;width:38px;height:36px;background:url(../images/icon/phone.png)no-repeat;content:"";float:left}
.phone h4 strong{font-weight:800;font-size:20px}

.social{width:154px;height:58px;position:absolute;top:0;right:0}
.social ul{display:block;margin:0xpx;padding:0px;}
.social ul li{display:block;margin:0px 4px;padding:0px;float:left}

.tarif {display:block;width:43px;height:58px;background:url(../images/icon/locations.png)no-repeat;text-indent:-9999px;transition-duration:0.3s;overflow:hidden}
.tarif a{display:block;width:43px;height:58px;background:url(../images/icon/locations.png)no-repeat;text-indent:-9999px;transition-duration:0.3s;overflow:hidden}
.tarif a:hover{background:url(../images/icon/locations.png)0px -58px no-repeat;}

.facebook {display:block;width:43px;height:58px;background:url(../images/icon/facebook.png)no-repeat;text-indent:-9999px;transition-duration:0.3s;overflow:hidden}
.facebook a{display:block;width:43px;height:58px;background:url(../images/icon/facebook.png)no-repeat;text-indent:-9999px;transition-duration:0.3s;overflow:hidden}
.facebook a:hover{background:url(../images/icon/facebook.png)0px -58px no-repeat;}

.instagram {display:block;width:43px;height:58px;background:url(../images/icon/instagram.png)no-repeat;text-indent:-9999px;transition-duration:0.3s;overflow:hidden}
.instagram a{display:block;width:43px;height:58px;background:url(../images/icon/instagram.png)no-repeat;text-indent:-9999px;transition-duration:0.3s;overflow:hidden}
.instagram a:hover{background:url(../images/icon/instagram.png)0px -58px no-repeat;}



.right{display:block;margin:0px;padding:0px;width:calc(100% - 200px);height:100%;position:fixed;top:0;right:0}

.content-ref{width:75%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:20%;overflow-y:scroll;bottom:5%;}
.contents{width:75%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:20%;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%;}

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

.subheader-ref{display:none}

.subheader1{width:75%;height:70px;margin:0px auto;padding:20px;position:absolute;left:0;right:0;top:10%;bottom:80px;border-bottom:1px solid #585858}
.subheader1 h1{display:block;margin:0px;padding:0px 10px 0px 0px;line-height:40px;color:#FBC200;font-size:27px;font-weight:700}
.subheader1 h1:before{display:block;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:0.5%;padding:0px;float:left;width:24%}
.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%;}

.contents::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #222;
}

.contents::-webkit-scrollbar
{
	width: 6px;
	background-color: #222;
}

.contents::-webkit-scrollbar-thumb
{
	background-color: #FBC200;
}

.content-ref::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #222;
}

.content-ref::-webkit-scrollbar
{
	width: 6px;
	background-color: #222;
}

.content-ref::-webkit-scrollbar-thumb
{
	background-color: #FBC200;
}



.contents-iletisim::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #222;
}

.contents-iletisim::-webkit-scrollbar
{
	width: 6px;
	background-color: #222;
}

.contents-iletisim::-webkit-scrollbar-thumb
{
	background-color: #FBC200;
}



.filtre{width:75%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:20%;bottom:5%;display:none}
.filtres{width:75%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:20%;bottom:5%;display:block}

.filtre-mobil{width:75%;height:auto;margin:0px;padding:10px;position:absolute;left:0;right:0;top:0%;bottom:5%;display:block}
.filtre-mobil ul{display:block;margin:0px;padding:0px;border:none}
.filtre-mobil ul li{display:block;margin:0px 6px 0px 6px;padding:0px 0px;height:48px;float:left;position:relative;}
.filtre-mobil >ul> li> a{display:block;margin:0px 0px;padding:0px 6px 0px 6px;height:48px;border-bottom:2px solid #ddd;background:none;color:#ddd;line-height:46px;float:left;width:100%;text-align:center;font-weight:600;font-size:13px}
.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 auto;padding:10px;position:absolute;left:0;right:0;bottom:5%;top:12%}

.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:200px;width:24%;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; 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:0.5%;padding:0px;border: 2px solid #555;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;height:250px;width:24%;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}			
.mobil-maps{width:100%;height:auto;float:left;display:none}			
.contents-iletisim{width:75%;height:auto;margin:0px auto;padding:10px;position:absolute;left:0;right:0;top:390px;overflow-y:scroll;bottom:5%;}
.contents-iletisim p{display:block;margin:10px 0px;padding:0px;color:#ddd;font-size:14px}
			
.c-left{width:48%;float:left;height:auto;margin:0px 0.5%;padding:0px}			
.c-right{width:48%;float:right;height:auto;margin:0px 0.5%;padding:0px}			
.c-right h3{width:100%;float:left;height:auto;margin:20px px 0px 0px;padding:0px;display:block;color:#FBC200}			
			
.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;}
			
			
			
			
			
			
			
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}