/*
	Kodlama : Mornet Ajans / Oktay Uslu

*/

/*-----------------------------------------------------------------------------------*/
/*	0.	STANDART
/*-----------------------------------------------------------------------------------*/
@charset "utf-8";
body{ margin:0; padding:0;font-family: 'Poppins', sans-serif; background:url(../images/bin/bg1.jpg)repeat ;}


/*-----------------------------------------------------------------------------------*/
/*	0.	ANASAYFA
/*-----------------------------------------------------------------------------------*/
input[type='checkbox']#gizli-checkbox{
 display:none;
}

.cerceve {
  background: rgba(5, 10, 30, 0.5);
  opacity:0;
  visibility:hidden;
  z-index: 99999;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.modal{
  background-color:white;
  width: 45%;
  height: 60%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  border-radius:5px;
  padding:10px 15px;
}
 
.modal .kapat{
  float:right;
  color:#666;
  cursor:pointer;width:20px
}


input[type='checkbox']#gizli-checkbox:checked ~ .cerceve{
  position:absolute;
  z-index:9999;
  top:0;bottom:0;left:0; right:0;
  opacity:1;
  visibility:visible;
}



.kategori{width:25%;position:absolute;z-index:2;/*background:url(../images/renk.png)*/repeat;height:auto;left:8%;right:0;top:8%;margin:auto;padding:1% 0px;border:0px solid  #F75F14}
.kategori h3{display:block;margin:0px;padding:0px;color:#fff;font-size:30px;text-align:center;width:100%;font-weight:500}


.bannerscollection_zoominout.opportune .bottomNav {
    position: absolute;
    width: 0px;
    height: 24px;
    bottom: -56px;
    z-index: 3;
    padding-left: 9px;
    display: none !important;
}


.spacemenu{width:100%;height:20px !important;float:left}


.m-menu{display:none}
.m-menus{display:none}
.mobil-footer{display:none}

/*-----------------------------------------------------------------------------------*/

.main-bg{width:auto;height:100%;position:fixed;left:0%;top:0%;min-height:100%;z-index:1;   -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}


.main-bg img{display:block;margin:0px;padding:0px;height:100%;float:left}

.logo a{width:100%;height:auto;position:absolute;z-index:2;display:block}
.logo a img{display:block;margin:2% 19.5% 0px ;padding:0px 0px 10px 0px;width:50%;left:0px;right:0px;-webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;animation-delay:0.7s}

.flag{width:30%;height:50px;position:absolute;top:22%;margin:0px 0px 0px 29%;float:left;left:0px;right:0px;display:none}
.flag ul{display:block;margin:0px 0px 0px 0px;padding:0px;float:left;width:100%}
.flag ul li{display:block;margin:20px 3%;padding:0px;float:left}


.tr a{display:block;width:20px;height:21px;color:#fff;font-size:16px;font-weight:600}
.en a{display:block;width:20px;height:21px;color:#fff;font-size:16px;font-weight:600}
.ru a{display:block;width:20px;height:21px;color:#fff;font-size:16px;font-weight:600}
		


.flagmd{position:fixed;z-index:11111;background:#374859;width:auto;height:40px;right:0;top:0;padding:0px 15px}	
.flagmd ul{display:block;margin:10px auto 0px auto;padding:0px;width:98px;}	
.flagmd ul li{display:block;margin:0px 6px;padding:0px;float:left;}	


.main{width:60%;position:absolute;top:40%}
.main ul{display:block;margin:0px;padding:0px}
.main ul li a{display:block;margin:4px 0px 0px 0px;padding:0px;width:100%;float:left;color:#fff;font-weight:500;font-size:14px;height:30px;line-height:30px;transition-duration:0.3s}
.main ul li a:hover{color:#F75F14;font-size:17px}
.main ul li a:before{display:block;margin:16px 0px;padding:0px;width:10%;float:left;height:2px;background:#fff;content:"";transition-duration:0.3s;}
.main ul li:hover a:before{background:#F75F14;width:15%}
.main ul li a:after{display:block;margin:11px 15px 0px 0px;padding:0px;width:9px;float:left;height:9px;background:none;content:"";border:2px solid #fff;transition-duration:0.3s;-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}

.main ul li:hover a:after{border:2px solid #F75F14;-webkit-animation: rotation 2s infinite linear;}


.mains{width:60%;position:absolute;top:40%}
.mains ul{display:block;margin:0px;padding:0px}
.mains ul li a{display:block;margin:4px 0px 0px 0px;padding:0px;width:100%;float:left;color:#fff;font-weight:500;font-size:15px;height:35px;line-height:35px;transition-duration:0.3s}
.mains ul li a:hover{color:#F75F14}
.mains ul li a:before{display:block;margin:16px 0px;padding:0px;width:18%;float:left;height:2px;background:#fff;content:"";transition-duration:0.3s;}
.mains ul li:hover a:before{background:#F75F14;width:50px}
.mains ul li a:after{display:block;margin:11px 15px 0px 0px;padding:0px;width:12px;float:left;height:12px;background:none;content:"";border:2px solid #fff;transition-duration:0.3s;-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)}

.mains ul li:hover a:after{border:2px solid #F75F14;-webkit-animation: rotation 2s infinite linear;}


.footer{width:100%;height:12%;position:absolute;bottom:0px;left:0px;z-index:2}
.footer p{display:block;margin:0px;padding:0px;float:left;text-indent:20px;color:#fff;font-weight:500;font-size:14px;line-height:50px}

.mobil-social-media{display:none}
.social-media{width:100%;height:30px;float:left;}
.social-media ul{display:block;margin:0px 0px 0px 20px;padding:0px;float:left}
.social-media ul li{display:block;margin:0px 5px;padding:0px;float:left}

.facebook a{width:30px;height:30px;float:left;text-indent:-9999px;background:url(../images/icon/facebook.png)no-repeat;transition-duration:0.3s}
.facebook a:hover{background:url(../images/icon/facebook.png) 0px -30px no-repeat}

.twitter a{width:30px;height:30px;float:left;text-indent:-9999px;background:url(../images/icon/twitter.png)no-repeat;transition-duration:0.3s}
.twitter a:hover{background:url(../images/icon/twitter.png) 0px -30px no-repeat}

.linkedin a{width:30px;height:30px;float:left;text-indent:-9999px;background:url(../images/icon/linkedin.png)no-repeat;transition-duration:0.3s}
.linkedin a:hover{background:url(../images/icon/linkedin.png) 0px -30px no-repeat}


			
.bgs{display:block;background:url(../images/arrow-bg.png)no-repeat ;position:fixed;right:0px;bottom:0px;z-index:222;width:299px;height:240px;  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5 s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}	
	
.bannerControls1{	position:fixed;left:0;top:0;z-index:2;width:100%;display:block;margin:0px;padding:0px;height:100%}		
			
.rightNavs{position:fixed;z-index:3;right:20px;bottom:30px !important;background:url(../images/a-right.png)no-repeat;width:47px;height:42px;display:block !important;transition-duration:0.3s}
.rightNavs:hover{background:url(../images/a-right.png) 0px -42px no-repeat}
.leftNavs{position:fixed;z-index:3;right:100px;bottom:30px !important;background:url(../images/a-left.png)no-repeat;display:block;width:47px;height:42px;display:block !important;transition-duration:0.3s}
.leftNavs:hover{background:url(../images/a-left.png)0px -42px no-repeat}
			

			
			
			
			
			
			
			

/*-----------------------------------------------------------------------------------*/
/*	0.	SAYFA İÇLERİ
/*-----------------------------------------------------------------------------------*/			
			
			
			
			
			

.content-page{width:62%;height:100%;position:fixed;right:13.7%;top:0;  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5 s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}
.content-page img{display:block;margin:0px;padding:0px;width:auto;height:100%;content:"";}
			
			
.content{width:60%;height:96%;position:fixed;z-index:121;float:left;right:0;padding:3% 2% 3% 0px;overflow-y: scroll;  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;}			
			
.content-default{width:100%;height:auto;float:left}			
.content-default h1{width:100%;height:auto;float:left;color:#F75F14;font-weight:700;font-size:28px;line-height:70px}			
.content-default h1:before{width:73px;height:44px;float:left;background:url(../images/icon/before.png)no-repeat;content:"";}			
.content-default h2{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:23px}			
.content-default h3{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:20px}			
.content-default h4{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:18px}			
.content-default h5{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:16px}			
.content-default h6{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:15px}		
	
.content-default p{width:100%;height:auto;float:left;color:#354758;font-weight:500;font-size:14px;margin:10px 0px;line-height:24px;padding-left:10px}			
.content-default li{width:100%;height:auto;float:left;color:#354758;font-weight:500;font-size:14px;margin:10px 0px;line-height:24px;padding-left:10px}			
			
.tab-detail{width:100%;height:auto;float:left}			
.tab-detail h1{width:100%;height:auto;float:left;color:#F75F14;font-weight:700;font-size:28px;line-height:70px}			
.tab-detail h1:before{width:73px;height:44px;float:left;background:url(../images/icon/before.png)no-repeat;content:"";}			
.tab-detail h2{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:23px}			
.tab-detail h3{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:20px}			
.tab-detail h4{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:18px}			
.tab-detail h5{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:16px}			
.tab-detail h6{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:15px}		
	
.tab-detail p{width:100%;height:auto;float:left;color:#354758;font-weight:500;font-size:14px;margin:10px 0px;line-height:24px;padding-left:10px}			
						
			
			
			
.foto-galeri {margin-bottom: 0; margin:20px 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-radius: 3px;display: block;overflow: hidden;position: relative;float: left;height:150px;width:19%;transition-duration:0.3s;border:1px solid #ccc}			
	
.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);
            }





.kutu-detail{width:95%;padding:0px;margin:0px auto;overflow:hidden}

.kutu-detail ul{width:100%;margin:0px ;padding:0px;display:block;float:left;overflow:hidden}
.kutu-detail ul li {width:31.3%;margin:20px 1%;padding:0px;display:block;float:left;transition-duration:0.3s;border:1px solid #ccc}
.kutu-detail ul li a{width:100%;margin:0px;padding:0px;display:block;float:left}
.kutu-detail ul li a h4{width:100%;margin:0px 0px 0px 0px;padding:0px;display:block;font-size:21px;color:#31313F;text-align:center;font-weight:600;height:30px;float:left;line-height:30px;overflow:hidden}
.kutu-detail ul li a p{width:100%;margin:0px 0px 0px 0px;padding:10px;display:block;font-size:13px;color:#31313F;text-align:center;font-weight:400;line-height:20px;float:left}


.kutu-detail ul li a figure{height:40px;border:2px solid #344658;text-align:center;line-height:34px;color:#344658;background:none;padding:0px;font-weight:600;border-radius:0px;margin:20px auto 0px auto !important;widtH:150px;float:none;overflow:hidden}
.kutu-detail ul li a:hover figure{background:#344658;color:#fff}



.haber-photo{width:100%;overflow: hidden;position: relative;float: left;height:222px;margin:0px 0px 20px 0px;padding:0px}
.haber-photo img{height: 100%;width: 100%;flex-shrink:0;height:100%; object-fit: cover;display:block;margin:0px;padding:0px}


.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 0px 20px 0px;padding:0px;display:block;color:#F75F14;font-size:22px;font-weight:600}			
	
			
.c-left ul{display:block;margin:0px;padding:0px 20px}
.c-left ul li {width:100%; overflow:hidden; border-bottom:1px solid #bbb; padding-bottom:5px; padding-top:15px;display:block;float:left}
.c-left ul li span{width:150px; color:#F75F14; font-weight:500;  font-size:16px;line-height:0px;text-indent:10px}

.c-left ul li p{color:#31313F; font-weight:500;  font-size:14px;margin:0px 0px 0px 0px}
.c-left ul li p a{color:#31313F; font-weight:500;  font-size:14px;}

	


.urun{width:100%;height:auto;float:left;}
.urun ul{width:100%;height:auto;float:left;display:block;margin:0px;padding:0px;}
.urun ul li a{width:31.3%;height:50px;float:left;display:block;margin:0px 1% ;padding:0px;background:#344658;border-top:2px solid #F75F14;color:#fff;font-weight:600;line-height:50px;text-align:center;font-size:16px;transition-duration:0.3s}
.urun ul li a:hover{background:#F75F14;border-top:2px solid #344658}







	
main {

  width: 100%;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  float:left;
}
p {
  font-size: 14px;padding:0px 0px 10px 0px;
}
h3{font-size:17px;display:block;margin:20px 0px 0px 0px;padding:0px;color:#2770AF;}
input, section {
  clear: both;
  padding: 0px;
  display: none;
}
label {
  font-weight: bold;
  font-size: 14px;
  display: block;
  float: left;
  padding: 10px 15px 10px 15px;
  border-top: 2px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #CCC;
  color:#333;margin:4px 0px;text-align:center;margin:10px 0px 30px 0px
}
label:hover {
  cursor: pointer;
  text-decoration: underline;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5 , #tab6:checked ~ #content6 , #tab7:checked ~ #content7, #tab8:checked ~ #content8, #tab9:checked ~ #content9 {
  display: block;color:#344658
}
input:checked + label  {
  border-top-color: #F75F14;
  border-right-color: #CCC;
  border-left-color: #CCC;
  border-bottom-color: transparent;
  text-decoration: none;background:#344658;color:#fff
  
}			
			
#style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #F75F14;
}			
			

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}


  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
	

  @-webkit-keyframes slideInRight {
  0% {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }

			

  @-webkit-keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }