@charset "utf-8";
/*******************************/

h1,h2,h3,h4,p,strong,b,ul,li { margin:0px; padding:0px; list-style:none;  }
h1,h2,h3,h4 { font-family: 'Fira Sans Condensed', sans-serif; }
body { margin:0px; padding:0px;  overflow-y:scroll;   font-size:15px; overflow-x:hidden;    



font-family: 'Roboto Condensed', sans-serif;
/**font-family: 'Fira Sans Condensed', sans-serif;**/



        }

.txtkrop { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#clear { clear:both; }
a { text-decoration:none }
p { font-weight:400; font-size:12px}
.trans4 { -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.trans9 { -webkit-transition:All 0.9000s ease;-moz-transition:All 0.9000s ease; -o-transition:All 0.9000s ease;  }
.transslow { -webkit-transition:All 2s ease;-moz-transition:All 2s ease; -o-transition:All 2s ease;  } 
::-webkit-scrollbar { width:7px; }
::-webkit-scrollbar-track {  }
::-webkit-scrollbar-thumb { background: #000;  }
::-webkit-scrollbar-thumb:window-inactive { background: #000; }
 
/*******************************/
/********************************** MESAJ UYARISI *********************************/ 
.UYARIBOX { position:fixed; width:100%; height:100%; z-index:5000; background:rgba(0,0,0,0.8); left:0; top:0; display:none   }
.UYARIBOX .uyari-a { font-size:18px; color:#fff; text-align:center;  }
.UYARIBOX .uyari-a .uyari-kapat { padding:8px; background:#FFF; color:#000; font-size:30px; display:inline-block; position:absolute; top:50px; right:50px; }
.UYARIBOX .uyari-a .uyari-kapat:hover { background:#000; color:#fff; cursor:pointer; }
.UYARIBOX .uyari-a .mesaj { position:fixed; top:45%; text-align:center; padding:0px 10%; width:80%; }
/********************************** MESAJ UYARISI *********************************/


.INTRO { width: 100%; height: 100%; background: #d4edfa; position: fixed; left:0; top: 0; z-index: 49000; overflow: hidden; font-family: 'Biryani', sans-serif; }
.INTRO .intro-giris { width: 300px; position: fixed; left: 50%; top:50%; margin-left: -150px; margin-top: -150px }
.INTRO .intro-giris .innter { position: relative; }
.INTRO .intro-giris img { width: 100%; top: 0; left: -1000%; position: absolute; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;
 

/**
  animation: bounce 1s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(1.5,0.05,1,0.5);
  animation-iteration-count: infinite;

**/


}

 
.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 3000;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,0.5);
}
.popup .popup-content {
  max-width: 600px; margin: 0 auto;
  min-width: 300px;
  overflow: hidden;
   
  background: #fff;
  border-radius: 6px;
  position: relative;
}
.popup .popupkapat { 
  padding: 5px;
  background: #000;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
.popup .popupkapat i {
  
}

.ENTERSITE { position: absolute; bottom: -100%; text-align: center; z-index: 100; width: 100%; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;}
.ENTERSITE a { display:inline-block; padding: 10px 15px; margin: 2px; font-weight: 600; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px; background: #000; color: #fff;  }
.ENTERSITE a:hover { background:#c39930;  }
.GMENU { position:absolute; bottom:-100%; width: 90%; z-index: 90; left: 5%; text-align: center;-webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease; }
.GMENU li { display: inline-block; padding: 15px 10px; color: #000; font-size: 16px; text-align: center; margin: 0px 2px; letter-spacing: 1px;   text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.GMENU li:hover { color:rgba(166,107,23,1.00) }

.INTRO .bulut { height: 100%;   position: absolute; left: 0; bottom: 0; z-index: 1;
 

  -webkit-animation: bulutg 100s infinite; /* Safari 4+ */
     -moz-animation: bulutg 100s infinite; /* Fx 5+ */
       -o-animation: bulutg 100s infinite; /* Opera 12+ */
          animation: bulutg 100s infinite; /* IE 10+, Fx 29+ */

}

@-webkit-keyframes bulutg { 
  0%     { left:0;   }
  50%    { left:-100%; }
  100%   { left:0%; }
}
@-moz-keyframes bulutg {
  0%     { left:0;   }
  50%    { left:-100%; }
  100%   { left:0%; }
}
@-o-keyframes bulutg {
  0%     { left:0;   }
  50%    { left:-100%; }
  100%   { left:0%; }
}
@keyframes bulutg {
  0%     { left:0;  }
  50%    { left:-100%; }
  100%   { left:0%; }
}



.YUKLENME { background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:50000; display: none; }
.YUKLENME img { width:150px; position:absolute; left:50%; top:40%; margin-left:-75px;   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }
.loaderLOGO {  position:absolute; left:50%; top:50%;  width: 400px;  margin-left:-200px; margin-top:-200px; 
  animation: bounce 0.2s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5,0.05,1,.5);
  animation-iteration-count: infinite;}

.loaderX { position:absolute; left:50%; top:50%;  width: 150px; height: 150px; margin-left:-75px; margin-top:-75px; border: 2px solid #3b8e8e;  border-top:2px solid #fff; border-radius: 50%; animation: spin 1s linear infinite;
}

@-webkit-keyframes bounce {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}
@-moz-keyframes blur {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}
@-o-keyframes blur {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}
@keyframes blur {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }
}

@-webkit-keyframes bulut {
  0%     { background:url(bulutlar.jpg) -1800px 0px no-repeat; }
  50%    { background:url(bulutlar.jpg) 0px 0px no-repeat; }
  100%   { background:url(bulutlar.jpg) -1800px 0px no-repeat; }
}
@-moz-keyframes bulut {
  0%     { background:url(bulutlar.jpg) -1800px 0px no-repeat; }
  50%    { background:url(bulutlar.jpg) 0px 0px no-repeat; }
  100%   { background:url(bulutlar.jpg) -1800px 0px no-repeat; }
}
@-o-keyframes bulut {
  0%     { background:url(bulutlar.jpg) -1800px 0px no-repeat; }
  50%    { background:url(bulutlar.jpg) 0px 0px no-repeat; }
  100%   { background:url(bulutlar.jpg) -1800px 0px no-repeat; }
}
@keyframes bulut {
  0%     { background:url(bulutlar.jpg) -1800px 0px no-repeat; }
  50%    { background:url(bulutlar.jpg) 0px 0px no-repeat; }
  100%   { background:url(bulutlar.jpg) -1800px 0px no-repeat; }
}






@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



@-webkit-keyframes blur {
  0%   { background:#3b8e8e }
  100% { background:#FC3 }
}
@-moz-keyframes blur {
  0%   { background:#3b8e8e }
  100% { background:#FC3 }
}
@-o-keyframes blur {
  0%   { background:#3b8e8e }
  100% { background:#FC3 }
}
@keyframes blur {
  0%   { background:#3b8e8e }
  100% { background:#FC3 }
}
/**
 -webkit-animation: NAME-YOUR-ANIMATION 5s infinite;  
  -moz-animation:    NAME-YOUR-ANIMATION 5s infinite;  
  -o-animation:      NAME-YOUR-ANIMATION 5s infinite;  
  animation:         NAME-YOUR-ANIMATION 5s infinite;  

**/
 
blockquote {
    background-color: #f2f2f2;
    border-left: 1em solid #b37a2d;
    margin: 1.5em 0 1.5em;
    padding: 1em 1.5em 1em 2.5em;
    position: relative;
}
blockquote:before {
  color: #b37a2d;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.6em;
  line-height: 0.1em;
}

blockquote:after {
   color: #b37a2d;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:3px;
  bottom: 0em;
  line-height: 0.1em;
}

 
.flag-wrapper { width: 100%;display: inline-block;position: relative; overflow: hidden;  margin-bottom:0px;}
.flag-wrapper:after {  padding-top: 75%;  display: block;  content: '';}
.flag-wrapper .flag {  position: absolute; top: 0;  bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-size: cover;}
.all-flags .flag-icon-background {  cursor: pointer;}
 

/************/
.WEBCONTENT  {    position:relative;       }

.NW-CONTENT {   }

.PS {  }




.HBAR { background: #3b3b3b; display: none; padding: 0px 30px }
.HBAR .DIL { text-align: right;}
.HBAR .DIL .ln {   line-height:30px; font-size:14px;   display: inline-block; color: #999; margin: 0px 4px;} 
.HBAR .DIL .aktifdil { font-weight: 600;   }

.HBAR .NSOS { text-align: left; float: left; }
.HBAR .NSOS a { display: inline-block; color: #fff; }
.HBAR .NSOS a i {  font-size: 19px; padding: 4px 8px;   }
.HBAR .NSOS a:hover i {   color: #ccc; }



@media screen and (max-width: 850px) {
 .HBAR { display: block; }
}







.BAR .NSOS {  position: absolute; right: 150px; top: 4px;}
.BAR .NSOS a { display: inline-block; color: #000; }
.BAR .NSOS a i {  font-size: 19px; padding: 4px 8px; background: #f2f2f2; }
.BAR .NSOS a:hover i { background: #000; color: #fff; }

.BAR    {  color:#666; padding:0px 0px; position:relative; z-index:50; }
.BAR .c { max-width:1200px; margin:0 auto; height:45px; position:relative; z-index:600;    }
.BAR .social-media ul { float:right;}
.BAR .social-media ul li { display:inline-block; }
.BAR .social-media ul li i { color:#b37a2d; font-size:17px; padding:8px; }
.BAR .social-media ul li i:hover { color:#000  }

.BAR .logo {   width:240px;  position:absolute; top:0px;   padding: 10px;  }

.HEADER .c { max-width:1200px; margin:0 auto; position:relative;      }
 
 
.BAR .DIL {     position:absolute; top:8px; right:15px;}
.BAR .DIL .ln {  width:20px; height:20px; position:relative; text-align:center; line-height:20px; font-size:14px; color:#666;   overflow:hidden; float:left; margin-left:5px; }
.BAR .DIL .ln img { width:20px; height:20px; margin:0; padding:0; left:0; position:absolute; top:-100%; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; display: none  }
.BAR .DIL .ln:hover img { top:0; } 
.BAR .DIL .ln:hover { color: #000; font-weight: 600;}
.BAR .DIL .aktifdil { font-weight: 600;   }


 
.USTTUT {  top:0; left:0; width:100%; z-index:200;  padding-bottom: 5px;   position: relative;  }
.USTTUT .LOGOBG {   position: absolute; width: calc(50% - 300px); height: 100%; left: 0; top: 0 }

.HEADER  { position:relative;   z-index:30; margin-top: 17px      }
.HEADER .MENU { float:right;    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}
.HEADER .MENU .menuli { float:left; padding:15px 20px; color:#000; font-size:14px; font-weight:600; letter-spacing: 0.5px}
.HEADER .MENU .menuli:hover { background: #ccc; }


.HEADER .MENU .menuli .iconmenu { padding:0px 0px; font-size: 18px }
 

.HEADER .MENU .menuli .acilan { position:absolute;   margin-top:15px; background:#FFF;   width:calc(100% - 100px); padding:50px; left:0; text-align:left; display:none; z-index: 200 ; -webkit-box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.75);
box-shadow: 0px 0px 41px -12px rgba(0,0,0,0.75);  }
.HEADER .MENU .menuli .acilan .li { float:left; width:calc(100% / 4 - 20px); padding:10px 10px 30px 10px; position: relative; overflow: hidden;} 
.HEADER .MENU .menuli .acilan .li img { width:100%; -webkit-filter: grayscale(100%);   filter: grayscale(100%); opacity: 0.5;  filter: alpha(opacity=50);  }
.HEADER .MENU .menuli .acilan .li p {   color:#666; padding:2px 0px;  font-size:11px; letter-spacing:2px;}
.HEADER .MENU .menuli .acilan .li h2 {  color:#000; padding:0px 0px; font-size:14px; letter-spacing:1px; color:#000; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;   }
.HEADER .MENU .menuli .acilan .li:hover  img { -webkit-filter: grayscale(0%);   filter: grayscale(0%); opacity: 0.9;  filter: alpha(opacity=90);}
.HEADER .MENU .menuli .acilan .li:hover h2 { color:#b37a2d; }

.HEADER .MENU .menuli:hover .acilan { display:block; } 


.HEADER .MENU .acilan .rela { position: relative; }


.HEADER .MENU .menuli .acilan .li .SIRKET2 { position: absolute; width:calc(100% - 10px); height: calc(100% - 10px); padding: 5px; background:rgba(0,0,0,0.5); left: -100%; top: 0;  }
.HEADER .MENU .menuli .acilan .li .SIRKET2 .lix { color: #fff; padding: 0px 0px; font-size: 12px; line-height: 30px; font-weight: 400; border-bottom: 1px solid #ccc;   }
.HEADER .MENU .menuli .acilan .li .SIRKET2 .lix i { padding-right: 8px}
.HEADER .MENU .menuli .acilan .li:hover .SIRKET2 { left: 0; }



.HEADER .UZAT { position: absolute; height: 100%; right: 0;    width:40%;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}
 
.HEABILGI  { float:right; margin-top:40px; display: none;}
.HEABILGI .li { padding:9px 15px; color:#666; float:left; font-size:12px; }
.HEABILGI .li i { margin-right:5px }
.HEABILGI .li:hover { color:#000;   }

@-webkit-keyframes RENKDEGIS {
  0%   { background: #a37a25 }
  50% { background: #000 }
  100% { background: #a37a25 } 
}
@-moz-keyframes RENKDEGIS {
  0%   { background: #a37a25 }
  50% { background: #000 }
  100% { background: #a37a25 } 
}
@-o-keyframes RENKDEGIS {
  0%   { background: #a37a25 }
  50% { background: #000 }
  100% { background: #a37a25 } 
}
@keyframes RENKDEGIS {
  0%   { background: #a37a25 }
  50% { background: #000 }
  100% { background: #a37a25 } 
}
 
#HEADLINE    {   -webkit-animation: RENKDEGIS 5s infinite; /* Safari 4+ */
  -moz-animation:    RENKDEGIS 5s infinite; /* Fx 5+ */
  -o-animation:      RENKDEGIS 5s infinite; /* Opera 12+ */
  animation:         RENKDEGIS 5s infinite; /* IE 10+, Fx 29+ */  }
.HEADLINE    { width:100%;   height:490px; overflow:hidden; position:relative; display: table; z-index:10    }
.HEADLINE .c {  display: table-cell; vertical-align: middle; }
.HEADLINE h1 { position:absolute; top:40%; left:0px; font-size:25px; padding-top:20px; padding-bottom:20px; padding-right:20px; padding-left:calc( (100% - 1200px) / 2);  color:#fff; font-weight:600;   text-align:right; letter-spacing:1px; z-index:50; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */}
 
.HEADLINE .neler { text-align:center; width:100%; font-size:28px; color:rgba(255,255,255,0.4)}
.HEADLINE .neler .cd-words-wrapper { position:relative;  letter-spacing:5px; display:none }
 


@media screen and (max-width: 850px) {
 
.HEADLINE    { width:100%;   height:180px; overflow:hidden; position:relative; display: table; z-index:10    }	
	.HEADLINE h1 { font-size: 13px; position:absolute; bottom: 0; top: auto; padding: 10px;  }	
}





.MHEADLINE    {  }
.MHEADLINE .c { max-width:1200px; margin:0 auto; text-align:right; }
.MHEADLINE h2 { font-size:20px; padding:20px 40px; color:#666; background:#f2f2f2; display:inline-block; -webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px; }

.fullslider     {    } 
.fullslider .vr { position:relative; z-index:80; }
.fullslider .border { border:20px solid #fff; width:calc(100% - 40px); height:calc(100% - 40px); left:0px; top:0px; position:absolute; z-index:10 }


 




.SLIDERUST { position:relative; z-index:10;  }




.fullslider .vr .mask { background:rgba(0,0,0,0.3); position:absolute; width:100%; height:100%; left:0; top:0; z-index:1 }
.fullslider .vr .SMETIN { position:absolute; bottom:30%;  left:0px;   padding:20px 60px 20px 50px; z-index:80; color:#000;  background:#fff;  -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.fullslider .vr .SMETIN .wp { position: absolute; height: 100%; width: 120px; background:#b37a2d;  right: -60px; top: 0; -webkit-transform: skew(35deg, 0deg);
-moz-transform: skew(35deg, 0deg);
-o-transform: skew(35deg, 0deg);
-ms-transform: skew(35deg, 0deg);
transform: skew(35deg, 0deg);
 }
.fullslider .vr .SMETIN h2 { font-size:38px; font-weight: 300   }
.fullslider .vr .SMETIN p  { font-size:18px;   font-weight:300; }
.fullslider .vr .SMETIN p strong { color:#b37a2d; }


.fullslider img{ /** -webkit-filter: grayscale(100%);   filter: grayscale(100%); **/ }
 
.fullslider .vr .SMETIN:before {
  color: #ccc;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.6em;
  line-height: 0.1em;
}

.fullslider .vr .SMETIN:after {
   color: #ccc;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:3px;
  top: 0.6em;
  line-height: 0.1em;
}

@media screen and (max-width: 850px) {

 
	
.fullslider .vr .SMETIN { position:absolute; bottom:30px;  left:0px; width: calc(100% - 110px);   padding:20px 60px 20px 50px; z-index:80; color:#000;  background:#fff;  -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
	
	
}



.fullslider .slides-container { z-index:10 }
.fullslider .slides-navigation { z-index:200; display:none ;}
.fullslider .slides-navigation  .prev { left:20px;   }
.fullslider .slides-navigation  .next { right:20px; }
.fullslider .slides-navigation .material-icons { background:#fff; padding:10px; color:#000 }
.fullslider .slides-navigation .material-icons:hover { color:#fff; background:#b37a2d; }
.fullslider .slides-pagination { position:absolute; bottom:0px; left:0px; z-index:20;   width:auto; text-align: center;  background:#fff;  padding: 15px;   width: calc(100% - 30px)  }
 
.slides-pagination a {
  border: 2px solid #ccc;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
 
  margin: 2px;
  overflow: hidden;
  text-indent: -200%;
}
.slides-pagination a.current {
  background: #ccc;
}

.YONETIM { padding-top: 50px }
.YONETIM .li { width: calc(100% / 1 - 10px);  float: left; margin: 5px; color: #000;   position: relative; overflow: hidden;  background:#f2f2f2    }
.YONETIM .li img { width: 100%;}
.YONETIM .li .gorsel { width: 150px; float: left; position: relative; z-index: 50} 
.YONETIM .li .ice { float: left; width: calc(100% - 160px  )  }
.YONETIM .li .ice h2 {   padding-left: 50px; padding-top: 50px;}
.YONETIM .li .ice p  {   padding-left: 50px}




.YONETIM .li:hover { background: #f6f6f6 }
.YONETIM .li .DM { background: #000; color: #fff; position: absolute; right: 0; bottom: 0; padding: 9px 25px}
.YONETIM .li .DM:hover { background: #ccc }
.YONETIM .li .mask { position: absolute; z-index: 30; width: 100%; height: 100%; left: -100%; top: 0; background: rgba(0,0,0,0.5); text-align: right;}
.YONETIM .li .mask i { font-size: 50px; padding-right: 30px; line-height: 180px; color: #fff; }
.YONETIM .li:hover .mask { left: 0; }
 

.itit { padding-bottom: 8px; border-bottom: 1px solid #ccc; }
.ICRA { padding-top: 50px }
.ICRA .li { width: calc(100% / 4 - 20px);  float: left; margin:10px; color: #000;   position: relative; overflow: hidden;     }
.ICRA .li img { width: 100%;}
.ICRA .li h2 { font-size: 16px; padding: 4px 0px }
.ICRA .li p  { font-size: 14px; padding: 4px 0px }


@media screen and (max-width: 850px) {
 .ICRA .li { width: calc(100% / 2 - 20px);  float: left; margin:10px; color: #000;   position: relative; overflow: hidden;     }
	
.YONETIM .li .gorsel {width: 100%; float:left; } 
.YONETIM .li .ice { width: calc(100% - 0px); float:left; padding-left: 0px; padding: 10px 0px }
	
.YONETIM .li .ice h2 { padding: 0; text-align: center; }
.YONETIM .li .ice p  { padding: 0; text-align: center;  }	
.YONETIM .li:hover .mask { display: none }	
.YONETIM .li .DM {   }
	
}

.SLIDERC                { position: relative; z-index: 1; background: #000; max-width: 100%; margin: 0 auto; display: none }
.BLOG_111               {   position:relative;    margin:0px 0px 0px 0px; width: 100%; z-index:10; overflow:hidden;   padding: 0px 0px;    }
.BLOG_111 .owl-carousel {   margin: 0 auto; position: relative; z-index: 0}
.BLOG_111 .owl-carousel .owl-nav {     width:100%;  }
.BLOG_111 .owl-carousel .owl-nav i { line-height: 35px; }
.BLOG_111 .owl-carousel .owl-prev {   color:#000; font-size: 25px;   display:inline-block; padding:0px;   position:absolute; top:50%; left:0px; margin-top:-17px; background: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center;    }
.BLOG_111 .owl-carousel .owl-next {   color:#000; font-size: 25px;  display:inline-block; padding:0px;   position:absolute; top:50%; right:0px; margin-top:-17px; background: #fff; width: 35px; height: 35px; line-height: 35px; text-align: center;    }
.BLOG_111 .owl-carousel .owl-next:hover {   }
.BLOG_111 .owl-carousel .owl-prev:hover {   }
.BLOG_111 .owl-item { margin:0px; padding: 0;  position: relative;}
.BLOG_111 .owl-item .ste { position: absolute; bottom: 0; width: 100%; text-align: center;   }
.BLOG_111 .owl-item .ste h1 { display: inline-block; padding: 9px 15px; background: #fff; color: #000; font-size: 16px; }


@media screen and (max-width: 850px) {
	.FFSLIDER { display: none }
.SLIDERC                { display: block; } 
 
}



.gdon { display: inline-block; padding: 8px 15px; color: #fff; background: #000 }

.yresmi {  }
.yresmi img { width: 100%; }


.SIRKET { padding: 50px 0px }
.SIRKET .li { width: calc(100% / 1 - 0px);   position: relative; margin-bottom:10px; overflow: hidden;}
.SIRKET .li .bgimg { width: 100%; height: 160px; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;}
.SIRKET .li img { width: 100%;   }
.SIRKET .li:hover .bgimg { -webkit-transform: scale(1.20);
-moz-transform: scale(1.10);
-o-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);
 }
.SIRKET .li h2 { color: #fff; padding: 15px 10px; font-size: 14px; background:rgba(0,0,0,0.5); position: absolute; top: 40%;   }

 @media screen and (max-width: 850px) {
.SIRKET .li .bgimg {   height: 80px; } 
}



.MB-istirak { max-width: 1200px; margin: 0 auto; padding: 30px ; display: none;   }
.MB-istirak .img { height: 100px; }
.MB-istirak li { width: calc(100% / 2 - 10px); margin: 5px; float: left; text-align: center; padding: 0px 0px; color: #000 }
.MB-istirak li p { padding: 9px 0px; }
 @media screen and (max-width: 850px) {
.MB-istirak	{ display:block }
}



.ANAMENU { background:#b37a2d; position:absolute; height:100%; right:calc((100% - 1200px) / 2); top:0; z-index:50; overflow:auto; }
.ANAMENU li { padding:10px 50px 10px 60px; color:#fff; position:relative; border-bottom:1px solid rgba(255,255,255,0.6);  }
.ANAMENU li p { margin:0; padding:0; letter-spacing:1px; font-size:12px; color:rgba(255,255,255,0.6) }
.ANAMENU li i { position:absolute; left:10px; top:20px; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.ANAMENU li:hover { background:#000; } 
.ANAMENU li:hover i { left:20px; }


.ANAMENU2 {   position:absolute; bottom:0px; right:10%; padding: 30px;    z-index:50; overflow:auto;  background:#fff; padding-bottom: 50px;   }
.ANAMENU2 li { padding:10px 30px 10px 60px;   color:#666; position:relative;   border-bottom:1px solid rgba(0,0,0,0.1);   }
.ANAMENU2 li p { margin:0; padding:0; letter-spacing:1px; font-size:12px; color:#ccc }
.ANAMENU2 li i {   position:absolute; left:10px; top:20px; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.ANAMENU2 li:hover { background: #b37a2d; color: #fff } 
.ANAMENU2 li:hover i { left:20px; }
.ANAMENU2 .simdiki {  color: #000; background: #f6f6f6 } 

.FFSLIDER {   }

 
.FFSLIDER .NSOS {  position: absolute; right: 10%; bottom: 8px; z-index: 90}
.FFSLIDER .NSOS a { display: inline-block; color: #000; }
.FFSLIDER .NSOS a i {  font-size: 19px; padding: 4px 8px; background: #f2f2f2; }
.FFSLIDER .NSOS a:hover i { background: #000; color: #fff; }



 @media screen and (max-width: 850px) {
	 .ANAMENU2	{ display: none; }
}





.BUTONLAR { padding:8px 0px; }
.BUTONLAR .A     { width:calc(50% - 5px); margin-right:5px; float:left; background:#b37a2d; color:#fff;}
.BUTONLAR .B     { width:calc(50% - 5px); margin-left:5px; float:left; background:#666; color:#fff;}
.BUTONLAR .C     { width:calc(50% - 5px); margin-right:0px; float:right; background:#b37a2d; color:#fff;}
.BUTONLAR .BUTON { padding:10px 0px; text-align:center;  }
.BUTONLAR .BUTON:hover { background:#000; cursor:pointer;  }




.CDN      { padding: 100px 0px; background:#000 url(ara.png) center center no-repeat; background-size: cover;}
.CDN .C-1 { width:50%; float:left; height:400px; position:relative;   }
.CDN .C-2 { width:calc(50% - 100px); padding:50px ; float:left;   }
.CDN .C-2 h1 { color:#fff;   padding-bottom:15px; margin-top:5%; }
.CDN .C-2 p  { color:#fff; letter-spacing:0.5px; font-size:14px; font-weight:400; line-height:28px; } 
.CDN .C-2 p a { display:inline-block; padding:8px 15px; background:#fff; color:#000; margin-top:10px; }
.CDN .C-2 p a:Hover { background:#000; color: #fff; }
.CDN .C-2 .csi { width:500px; } 


.CDN .C-1 .table { display: table; height: 400px; overflow: hidden; position:absolute; width:60%;   }
.CDN .C-1 .table .td { padding:0px; display: table-cell; vertical-align: middle; }
.CDN .C-1 .table .td li { padding:10px 50px 10px 60px; color:#fff; position:relative; border-bottom:1px solid rgba(255,255,255,0.2); text-align:right; font-size: 20px; font-weight: 600; text-shadow: 1px 1px #000;    }
.CDN .C-1 .table .td li p { margin:0; padding:0; letter-spacing:1px; font-size:12px;   }
.CDN .C-1 .table .td li i { position:absolute; right:10px; top:20px; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.CDN .C-1 .table .td li:hover { background:#000;  } 
.CDN .C-1 .table .td li:hover i {  }
 

@media screen and (max-width: 850px) {
.CDN .C-1 { display: none;    }
	.CDN .C-2 { width:calc(100% - 60px); padding:30px ; float:left;   }
 .CDN .C-2 .csi { width:100%; } 	
}







.CDN2B      { background:url(haberbg.jpg) center center no-repeat; background-size: cover;}
.CDN2          { max-width: 1200px;   margin:0 auto; padding:60px 0px;  }
.CDN2 .C-1 {   padding:0px 0px;      }
.CDN2 .C-1 li { padding:20px 0px 20px 0px; color:#000; position:relative; border-bottom:1px solid #b37a2d; width:calc(50% - 40px); float:left; margin:0px 20px    }
.CDN2 .C-1 li p { margin:0; padding:0; letter-spacing:1px; font-size:12px; color:rgba(0,0,0,0.6) }
 
.CDN2 .C-1 li i { position:absolute; right:10px; top:20px; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.CDN2 .C-1 li:hover {    } 
.CDN2 .C-1 li:hover i { color:#b37a2d}


.CDN2 .C-1 li img { width:80px; float:left; -webkit-filter: grayscale(100%);   filter: grayscale(100%); opacity: 0.5; filter: alpha(opacity=50); }
.CDN2 .C-1 li:hover img { width:80px; float:left; -webkit-filter: grayscale(0%);   filter: grayscale(0%); opacity: 1; filter: alpha(opacity=100); } 
.CDN2 .C-1 li .txt { width:calc(100% - 100px); float:right; }
.CDN2 .C-1 li .ek_tarih { margin-bottom:15px; font-size:12px; line-height:30px; }
.CDN2 .C-1 li .ek_tarih .gun  { padding:0px 9px;  background:#000; color:#FFF; float:left; }
.CDN2 .C-1 li .ek_tarih .ay  { float:left; color:#999; background:#f2f2f2; padding:0px 9px;     }
.CDN2 .C-1 li:hover .ek_tarih .gun { background:#b37a2d}
.CDN2 .C-1 li .baslik { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.CDN2 .C-1 h2 { padding-bottom:20px; margin-left:20px; }

.CDN2 .C-1 li .li-load { position:absolute; bottom:0; width:10%; height:4px; background:#b37a2d; left:0;  }
.CDN2 .C-1 li:hover .li-load { width:100%; }










.hataver  { border:1px solid #e5b0b0; background:#f6dbdb; padding:40px; margin-bottom:15px; font-size:16px; position:relative; text-align:center;}
.uyariver  { border:1px solid #c1edd1; background:#dbf6e5; padding:40px; margin-bottom:15px; font-size:16px; position:relative; text-align:center;}
.uyariver .material-icons { font-size:90px; display:inline-block; padding-bottom:30px; color:#8abe9d }
 

table.ozelform       { border:1px solid #ccc; border-top:none; border-left:none; }
table.ozelform tr td { padding:8px !important; border:1px solid #ccc; border-bottom:none; border-right:none;}
table.ozelform tr.baslik_tr { background:#f5f5f5 }



.YATAYMENU { display:none }
.YATAYMENU li { float:left; width:calc(100% / 7 - 0px); padding:0px;  position:relative; font-size:14px; background:#000; overflow:hidden;     }
.YATAYMENU li .baslik { position:absolute; top:40%; width:100%; text-align:center; letter-spacing:1px; font-size:12px; color:#b37a2d }
.YATAYMENU li .baslik span { font-size:12px; color:#fff; }
.YATAYMENU li:hover { background:#000; } 
 
.YATAYMENU li img { width:100%;  -webkit-filter: grayscale(100%);   filter: grayscale(100%); opacity: 0.5; filter: alpha(opacity=50); -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.YATAYMENU li:hover img {-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }


.harfislem { position:absolute; left:0px; top:10px;  padding:0px}
.harfislem .harfler { padding:8px 8px  ;   color:#888;   font-size:18px; float:left }
.harfislem .harfler:hover { color:#b37a2d;  cursor:pointer }

#indirmelinki { display:inline-block; width:calc(100% / 3); float:left;  }
#indirmelinki a { display:inline-block; padding:6px 10px; background:#b37a2d; color:#fff;}
#indirmelinki a:hover { background:#000; }
#indirmelinki strong { display:inline-block; padding:6px 10px; background:#000; color:#fff;}



.HABERSAYFASI { position:relative; max-width: 1300px; margin: 0 auto;  }
.HABERSAYFASI .CL-1 { width:calc(50% - 100px); padding:50px; float:left;    }
.HABERSAYFASI .CL-2 { width:calc(50% - 100px); padding:50px; float:right;   }
.HABERSAYFASI .CL-1 h2 { color:#b37a2d;   padding-bottom:15px }
.HABERSAYFASI .CL-1 p  { color:#000; letter-spacing:0.5px; font-size:14px; font-weight:300; line-height:28px; } 

.HABERSAYFASI .CL-1 ul { padding: 15px 0px; }
.HABERSAYFASI .CL-1 ul li { padding: 8px 0px; border-bottom: 1px solid #ccc; color: #666}
.HABERSAYFASI .CL-1 ul li a { color: #000 }
.HABERSAYFASI .CL-1 ul li:hover a { color: #b37a2d }
.HABERSAYFASI .CL-1 ul li:before {    content: "●"; padding-right: 15px; }
 


.HABERSAYFASI .CL-3 { width:calc(50% - 0px); position:absolute; height:calc(100% - 0px);   left:0; top:0; text-align:center; background:#000  }
.HABERSAYFASI .CL-3 .BGMASK { position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; }
.HABERSAYFASI .CL-3 .C_H2 { position:relative; z-index:8; color:#fff; background:#b37a2d; padding:8px 15px; float:right; margin-top:150px; font-family: 'Fira Sans Condensed', sans-serif; font-weight:300; font-size:28px  }
.HABERSAYFASI .CL-3 .C_H2 i { margin-left:25px; }

.HABERSAYFASI .CL-4 { width:calc(50% - 200px); padding:100px; float:right; background:#fff;  }
.HABERSAYFASI .CL-4 p { font-size:15px; line-height:35px; color:#555; font-weight:300; }
.HABERSAYFASI .CL-4 h2 {   padding:10px 0px; font-size:20px; }
 






.HABER         {     }
.HABER .li     { width:calc(100% / 4 - 42px);   padding:10px; float: left; border: 1px solid #ccc; margin:10px;}
.HABER .li img { width: 100%; }
.HABER .li h2  { font-size:14px; color:#b37a2d; padding:15px 0px 0px 0px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 

.clear:after  { content: ''; display: inline-table; clear: both; }

@media screen and (max-width: 850px) {
.HABERSAYFASI .CL-1 { width:calc(100% - 60px); padding:30px; float:left;    }
.HABERSAYFASI .CL-2 { width:calc(100% - 60px); padding:30px; float:right;   } 
.HABER .li     { width:calc(100% / 2 - 42px);   padding:10px; float: left; border: 1px solid #ccc; margin:10px;}	
}







.KK1 { width: 50%; float:left;  }
.KK1 .MHE {max-height: 340px; overflow: hidden; }
.KK1 h2 { color:#b37a2d;   padding-bottom:15px; display: none}
.KK1 p  { color:#000; letter-spacing:0.5px; font-size:14px; font-weight:300; line-height:28px; } 
.KK1 ul { padding: 15px 0px; }
.KK1 ul li { padding: 8px 0px; border-bottom: 1px solid #ccc; color: #666; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.KK1 ul li a { color: #000 }
.KK1 ul li:hover a { color: #b37a2d }
.KK1 ul li:before {    content: "●"; padding-right: 15px; }
.KK1 a.tmg { display: inline-block; padding: 9px 15px; color: #fff; background: #b37a2d; margin-top: 8px;  }
.KK1 a.tmg:hover { background: #000 }
.KK1 .MHE a { color: #000}


.KK2 { width: 45%; float:right;}
.KK2 .li     { width:calc(100% / 4 - 42px);   padding:10px; float: left; border: 1px solid #ccc; margin:10px;}
.KK2 .li img { width: 100%; }
.KK2 .li h2  { font-size:14px; color:#b37a2d; padding:15px 0px 0px 0px; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 

@media screen and (max-width: 1000px) {
.KK1 { width: 100%; float:left;  } 
.KK2 { width: 100%; float:right; padding-top: 30px}
.CDN2          { max-width: 1200px;   margin:0 auto; padding:60px 30px;  }
.KK2 .li     { width:calc(100% / 2 - 42px);   padding:10px; float: left; border: 1px solid #ccc; margin:10px;}	
	
}

.INSANKAYNAKLARI { position:relative; z-index:2; max-width:1200px; margin:0 auto  }
.INSANKAYNAKLARI .CL-1 { width:calc(50% - 50px); padding:50px 50px 50px 0px; float:right;     }
.INSANKAYNAKLARI .CL-2 { width:calc(50% - 0px); padding:50px 0px; float:left; position:relative;}
.INSANKAYNAKLARI .CL-1 h2 { color:#000; padding-top:5%; padding-bottom:15px }
.INSANKAYNAKLARI .CL-2 h2 { color:#000; padding-top:5%; padding-bottom:15px }
.INSANKAYNAKLARI .CL-1 p  { color:#000; letter-spacing:0.5px; font-size:14px; font-weight:300; line-height:28px; } 
.INSANKAYNAKLARI .CL-CONTENT { width:90%;   }
.INSANKAYNAKLARI .CL-BG { position:absolute; width:100%; height:100%; left:0; top:0; z-index:-1; display:none }
.INSANKAYNAKLARI .CL-1 h1 { color:#b37a2d; padding-top:15%; padding-bottom:15px }


@media screen and (max-width: 850px) {
.INSANKAYNAKLARI .CL-1 { display: none}
.INSANKAYNAKLARI .CL-2 { width:calc(100% - 60px); padding:50px 30px; float:left; position:relative;} 
.INSANKAYNAKLARI .CL-CONTENT { width:100%;   }

}













.ILETISIM { position:relative; z-index:2; background: url(son.jpg) right center no-repeat; background-size: cover}
.ILETISIM .CL-1 { width:calc(65% - 100px); padding:50px; float:right;     }
.ILETISIM .CL-2 { width:calc(35% - 100px); padding:120px 50px; float:left; background:#f6f6f6}
.ILETISIM .CL-1 h2 { color:#000; padding-top:5%; padding-bottom:15px }
.ILETISIM .CL-1 p  { color:#000; letter-spacing:0.5px; font-size:14px; font-weight:300; line-height:28px; } 
.ILETISIM .CL-CONTENT { width:80%; margin:0 auto; }

.ILETISIM .SOC { }
.ILETISIM .SOC a { display: inline-block; padding: 4px; color: #000; font-size: 24px }
.ILETISIM .SOC a:hover { color: #b7a165; }

.ILETISIM .YENI-TAB {     }
.ILETISIM .YENI-TAB .YENI-BAS { width:40%; float:left;}
.ILETISIM .YENI-TAB .YENI-BAS .li { padding:9px 15px;    color:#000;   } 
.ILETISIM .YENI-TAB .YENI-BAS .li:hover { background:#f5f5f5; cursor:pointer; }
.ILETISIM .YENI-TAB .YENI-BAS .active { background:#f5f5f5 }
.ILETISIM .YENI-TAB .YENI-BAS .active i { color:#b37a2d }
.ILETISIM .YENI-TAB .YENI-ICE     { width:55%; float:right;}
.ILETISIM .YENI-TAB .YENI-ICE .li {  display:none }
.ILETISIM .YENI-TAB .YENI-ICE .li h2 { color:#000;   }
.ILETISIM .YENI-TAB .YENI-ICE .li p  { color:#000; letter-spacing:0.5px; font-size:14px; font-weight:300; line-height:28px; } 
 



@media screen and (max-width: 850px) {
	.ILETISIM .CL-CONTENT { width:100%; margin:0 auto; }
 .ILETISIM { position:relative; z-index:2; background: url(mbil.jpg) top center no-repeat; background-size:contain;}
.ILETISIM .CL-1 { width:calc(100% - 60px); padding:30px; float:right;      }
.ILETISIM .CL-2 { width:calc(100% - 60px); padding:30px; float:left; background:#f6f6f6}
}








/***/
form.form_form            { text-align:left; }
form.form_form .simgesi { position:absolute; z-index:20; margin-top:20px; margin-left:20px; color:#999; font-size:17px }

form.form_form .form_tr   {   font-size:15px; padding-top:10px;      }
/***/
form.form_form .form_text {  width: calc(100% - 67px);  height:30px; outline:none;   border:1px solid #ccc; position:relative; font-size:15px; font-weight:300; color:#333; margin:5px 0px; padding:6px 15px 6px 50px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-family: 'Roboto Condensed', sans-serif; font-size:16px; background:#fff;}
form.form_form .form_text:focus { background:#f4f4f4 }
/***/
form.form_form .form_textarea {  width: calc(100% - 67px);  height:90px;    outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300;  color:#333; margin:5px 0px; padding:10px 15px 6px 50px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  font-family: 'Roboto Condensed', sans-serif; font-size:16px; background:#fff; }
form.form_form .form_textarea:focus { background:#f4f4f4 }
/***/
form.form_form .form_select {   width:100%;  height:50px;   outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300; color:#333; margin:5px 0px; padding:6px 15px 6px 50px;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-family: 'Roboto Condensed', sans-serif; font-size:16px; background:#fff;}
form.form_form .form_select:focus { background:#f4f4f4 }
/***/
form.form_form .form_button  { border:none;  font-family: 'Roboto Condensed', sans-serif; background:#b37a2d; font-size:15px; font-weight:300;    color: #fff; margin:5px 0% 0% 22%; padding:0px; width:120px; height:40px; float:right; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
form.form_form .form_button:hover { background:#000; color:#fff; cursor:pointer; }
/***/




.BILGIBAR { margin-top: 10px;     padding-left:calc((100% - 1200px) / 2); background: #f2f2f2; 
	
	 /**
background: rgb(177,126,16);  
background: -moz-linear-gradient(left, rgba(177,126,16,1) 1%, rgba(180,126,17,1) 15%, rgba(253,233,144,1) 44%, rgba(180,126,17,1) 75%, rgba(180,126,17,1) 100%);   
background: -webkit-linear-gradient(left, rgba(177,126,16,1) 1%,rgba(180,126,17,1) 15%,rgba(253,233,144,1) 44%,rgba(180,126,17,1) 75%,rgba(180,126,17,1) 100%);  
background: linear-gradient(to right, rgba(177,126,16,1) 1%,rgba(180,126,17,1) 15%,rgba(253,233,144,1) 44%,rgba(180,126,17,1) 75%,rgba(180,126,17,1) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b17e10', endColorstr='#b47e11',GradientType=1 );    
**/





}
.BILGIBAR li { float:left; padding:13px 15px;   font-size:14px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ }
.BILGIBAR li i { margin-right:10px; margin-left:7px; }

.BILGIBAR li:nth-of-type(1){ font-weight:900; }

 
@media screen and (max-width: 850px) {
 .BILGIBAR li:nth-of-type(1){ display: none }
}



.sliderbg {     width:80%; position:relative; z-index:20; margin: 10px auto; }

 
.sliderbg .bgsi {   color:#fff; padding:30px 30px 30px 60px;  background:rgba(0,0,0,0.8)    }

.example-animation {    }
.example-animation {color: #999; font-size: 28px; }
.example-animation .navigation { display:none }
.example-animation .navigation .nav-link { background:#000 !important; color:#fff !important; }
.example-animation .navigation .active { background:#f2f2f2 !important; color:#666 !important }
.example-animation .bar { background:#b37a2d !important;  }
.example-animation h2 { font-size:25px; color:#fff;   } 
.example-animation p {  font-weight:300; color:#fff; padding:5px 0px; font-size:14px; line-height:15px; letter-spacing:1px;   }
.example-animation i { float:left; margin-right:15px; }
 
 

.SAYFADETAY { max-width:calc(1200px - 0px); padding:100px 0px; margin:0 auto;  color:#000;    position:relative; z-index:20;  }
 
.SAYFADETAY p { font-size:15px; line-height:35px; color:#000; font-weight:400; }
.SAYFADETAY h2 {   padding:10px 0px; font-size:20px; }
.SAYFADETAY ul    { padding:20px 0px }
.SAYFADETAY ul li {   padding:5px 15px;   margin:4px 0px;}

.img-content img { width:100%; margin-bottom:25px }

.SAYFADETAY .CONTENT { width:calc(100% - 0px); float:left;   }
.SAYFADETAY .CONTENT #imgw { border:1px solid #ccc; padding:20px; width:calc(100% - 42px); }
.SAYFADETAY .FORMVAR {   }
 
.SOLVAR {   width:320px; float:right;    z-index:2;    }
 
.SOLVAR .li { text-align:right; padding:15px 0px; margin-bottom:0; font-weight:700; font-size:16px; color:#000;   position:relative; overflow:hidden; border-bottom:1px solid #ccc;     }
.SOLVAR .li p { color:rgba(0,0,0,0.5); letter-spacing:1px; font-size:11px; font-weight:400; margin:0; padding:0; }
.SOLVAR .li:hover { 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(left, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

color:#000; }
.SOLVAR .li .say { font-family: 'Khand', sans-serif; font-weight:800; position:absolute; top:0; left:0; height:100%;    padding:0px 15px; font-size:28px; color:rgba(0,0,0,0.2) }
.SOLVAR .li.activeli { 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(left, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

 color:#000; } 
.SOLBG {   }
.SOLVAR .social-media ul { margin:0; padding:0; list-style:none; padding-top:40px }
.SOLVAR .social-media ul li { display:inline-block; margin:0px; padding:0px; }
.SOLVAR .social-media ul li i { color:#666; font-size:20px; padding:8px; border:none }
.SOLVAR .social-media ul li i:hover { color:#b37a2d  }
.SAGVAR { width:calc(100% - 390px); float:left; }


@media screen and (max-width: 850px) {
.SAGVAR { width:calc(100% - 0px); float:left; }
.SOLVAR {   width:100%; float:right;    z-index:2;    }
	
.SOLVAR .li p { display: none}	
	
.SAYFADETAY {  padding:50px 30px;   }
}


 
 
 
.copyright { color:#999; text-align:center; padding:15px 0px; font-size:13px; background:#000; }
.copyright a { color:#666; font-weight:800; }


.FOOTERADD { position:relative; z-index:10;  background:url(bg.jpg) top center no-repeat; background-size: cover;  }
.FOOTERADD .c { max-width:1200px; margin:0 auto; padding:0px 0px }
 
 
.FOOTERADD ul.footerul { margin:0px; padding:60px 0px; color:#333; float:left; margin-right:40px; position:relative; z-index:10; }
.FOOTERADD ul.footerul li { margin:0px; padding:4px 0px; color: #333; position:relative;  -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; letter-spacing:1px; font-size:12px;  }
.FOOTERADD ul.footerul h2 { font-size:18px; padding-bottom:10px; }
.FOOTERADD ul.footerul li .ani { background:#333; position:absolute;  bottom:0px; left:0px; width:0; height:1px; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  }
.FOOTERADD ul.footerul li:hover .ani { width:50px;  } 
.FOOTERADD ul.footerul li:hover { color:#000;  } 


.brand         { background:#121212; margin:-1px; padding:0px;}
.brand .bc     { max-width:1230px; margin:0 auto; padding:10px 0px   }
.brand .brand1 { height:60px; opacity: 0.2; filter: alpha(opacity=20); }



.FOOTERBILGI    { background: #f2f2f2      }
.FOOTERBILGI .c { max-width:1230px; margin:0 auto; padding:4px 0px   }
.FOOTERBILGI .c .li { padding:8px 15px; color:#000; float:left; font-size:12px; }
.FOOTERBILGI .c .li i { margin-right:5px }
.FOOTERBILGI .c .li:hover {    }
.FOOTERBILGI .c .sayfayukari { padding:9px; background:#000; color:#FFF; float:right; }
.FOOTERBILGI .c .sayfayukari:hover { cursor:pointer; background:#b37a2d; }


.FOOTERBILGI .NSOS { float: left; }
.FOOTERBILGI .NSOS a { display: inline-block; color: #fff;  }
.FOOTERBILGI .NSOS a i {  font-size: 19px; padding: 4px 8px; background: #000; line-height: 25px }
.FOOTERBILGI .NSOS a:hover i { background: #555; color: #fff; }


/***********************************************************************/
.PAYLAS         { float:right; }
.PAYLAS .li { display:inline-block; font-size:14px; padding:10px 15px; margin-right:5px;   }
.PAYLAS .li i {   }
.PAYLAS .li:hover { background:#000; color:#fff; cursor:pointer;  }
/***********************************************************************/
@media screen and (max-width: 850px) {
 .FOOTERBILGI .c { max-width:1230px; margin:0 auto; padding:4px 30px   }
.FOOTERADD ul.footerul { display: none}
	
.brand         { display: none }	
	
	
}











/*******************************/
.FOOTERADD .BULBG                { position:absolute; right:0px; width:100%; height:100%; top:0px;  }
.FOOTERADD #BULTEN               {   padding:90px 0px 60px 0px;  float:right;   height:100%; position:relative; z-index:5; color: #333;  }
.FOOTERADD .BULTEN               {   padding:0px;   margin:0 auto; text-align:center; margin:0 auto; width:300px; }
.FOOTERADD .BULTEN .center       {    margin:0 auto;  }
.FOOTERADD .BULTEN .center h2    { padding:0px 0px 8px 0px; color:#333; display:inline-block; font-size:20px; font-weight:900; }
.FOOTERADD .BULTEN .center p     { padding:9px 0px;  font-weight:400; font-size:12px;      }
.FOOTERADD .BULTEN .mailadresi   { width:calc(100% - 80px); padding:10px 15px; height:30px;  margin:0px; border:none; outline:none; color:#000;  font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:15px; float:left; background:none;   }
.FOOTERADD .BULTEN .gonder       { float:right; padding:11px 0px; height:28px; color:#000; text-align:center; width:50px;   background:none; }
.FOOTERADD .BULTEN .gonder:hover { cursor:pointer; color:#fff}
.FOOTERADD .BULTEN .MCN  {   border: 1px solid #333; overflow:hidden; }
/*******************************/
.FOOTERADD .social-media ul { margin:0; padding:0; list-style:none; }
.FOOTERADD .social-media ul li { display:inline-block; }
.FOOTERADD .social-media ul li i { color:#333; font-size:20px; padding:8px; }
.FOOTERADD .social-media ul li i:hover { color:#dbc300  }



.FOOTERADD .NSOS { text-align:center; }
.FOOTERADD .NSOS a { display: inline-block; color: #000; }
.FOOTERADD .NSOS a i {  font-size: 19px; padding: 4px 8px; background: #f2f2f2;   }
.FOOTERADD .NSOS a:hover i {   color: #fff; background: #000 }




 @media screen and (max-width: 850px) {
 .FOOTERADD #BULTEN               {   padding:90px 30px 60px 30px; width:calc(100% - 60px); float:right;   height:100%; position:relative; z-index:5; color: #333;  }
	 .FOOTERADD .BULTEN               {   padding:0px;   margin:0 auto; text-align:center; margin:0 auto; width:100%; }
}


.BLOKFOOTER .BLO { float:left; width:calc(100% / 3 - 40px); padding:8px 20px; } 
.BLOKFOOTER .BLO .li {  font-size:18px; padding:8px 20px;  background:#b37a2d; color:#fff; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
.BLOKFOOTER .BLO p { color:rgba(255,255,255,0.5); font-size:16px; padding:8px 25px; }
.BLOKFOOTER .BLO p:hover { color:#b37a2d; }



 

.google-link { width:100%; height:0px; overflow:hidden }


  

.DAHAFAZLA  { width:250px; height:250px; border:1px solid #ccc; line-height:250px; font-weight:600; margin:0 auto; text-align:center; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; letter-spacing:2px; }
.DAHAFAZLA:hover { background:#000; color:#fff; cursor:pointer }




 


 


.nt { position:fixed; top:48%; z-index:800; padding:9px; background:#000; color:#fff; }
.sag-fx { right:50px; }
.sol-fx { left:50px; }
.nt:hover { background:#FC0; cursor:pointer; }

/************/
.ETIKETLER         { padding:25px 0px; text-align:center;  }
.ETIKETLER a       { display:inline-block; padding:4px 10px; font-size:12px;  margin:2px 0px; color:#fff; font-weight:600; letter-spacing:1px; background:#b37a2d    }
.ETIKETLER a:hover { background:#000; }
/************/
 




 

.loading_wrapper {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.loading_wrapper .bubble {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: green;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background: #fff;
}

.loading_wrapper .bubble:first-child {
  opacity: 0.5;
  z-index: 10;
  -webkit-animation-name: bubble1;
          animation-name: bubble1;
}

.loading_wrapper .bubble:nth-child(2) {
  opacity: 0.6;
  z-index: 9;
  -webkit-animation-name: bubble2;
          animation-name: bubble2;
}

.loading_wrapper .bubble:nth-child(3) {
  opacity: 0.5;
  z-index: 8;
  -webkit-animation-name: bubble3;
          animation-name: bubble3;
}

.loading_wrapper .bubble:nth-child(4) {
  opacity: 0.6;
  z-index: 7;
  -webkit-animation-name: bubble4;
          animation-name: bubble4;
}

@-webkit-keyframes bubble1 {
  0% { top: 50%; }
  40% { top: calc(50% - 25px); }
  60% { top: calc(50% - 25px); }
  100% {  top: 50%; }
}

@keyframes bubble1 {
  0% { top: 50%; }
  40% { top: calc(50% - 25px); }
  60% { top: calc(50% - 25px); }
  100% { 
    top: 50%; 
  }
}

@-webkit-keyframes bubble2 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% + 25px); 
  }
  60% { 
    left: calc(50% + 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@keyframes bubble2 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% + 25px); 
  }
  60% { 
    left: calc(50% + 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@-webkit-keyframes bubble3 {
  0% { 
    top: 50%;
  }
  40% { 
    top: calc(50% + 25px); 
  }
  60% { 
    top: calc(50% + 25px); 
  }
  100% { 
    top: 50%; 
  }
}

@keyframes bubble3 {
  0% { 
    top: 50%;
  }
  40% { 
    top: calc(50% + 25px); 
  }
  60% { 
    top: calc(50% + 25px); 
  }
  100% { 
    top: 50%; 
  }
}

@-webkit-keyframes bubble4 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% - 25px); 
  }
  60% { 
    left: calc(50% - 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@keyframes bubble4 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% - 25px); 
  }
  60% { 
    left: calc(50% - 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@-webkit-keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg); 
            transform: rotate(0deg);
  }
  50% { 
    -webkit-transform: rotate(180deg); 
            transform: rotate(180deg);
  }
  100% { 
    -webkit-transform: rotate(360deg); 
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg); 
            transform: rotate(0deg);
  }
  50% { 
    -webkit-transform: rotate(180deg); 
            transform: rotate(180deg);
  }
  100% { 
    -webkit-transform: rotate(360deg); 
            transform: rotate(360deg);
  }
}





.spinner {
  width: 50px;
  height: 50px;
  background-color: #000;

  margin: 0px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
 
 

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}




@-moz-keyframes spin    { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin         { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.spin { -webkit-animation:spin 8s linear infinite ; -moz-animation:spin 8s linear infinite ; animation:spin 8s linear infinite ; }
.load { -webkit-animation:dol 4s /*linear  infinite*/; -moz-animation:dol 4s /* linear infinite*/; animation:dol 4s /*linear infinite*/; }

@-moz-keyframes dol    
{    
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}
@-webkit-keyframes dol 
{   
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}
@keyframes dol
{   
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}

@media screen and (max-width: 850px) {
 
 
}
 
 

.MENU-M { position: fixed; z-index: 2000; right: 10px; top: 35px; background: #000; color: #fff; width: 45px; font-size: 28px; text-align: center; display: none; }
.MENU-M i { line-height: 45px; }
.MENU-M:hover { cursor: pointer; background:#000 }

.MENU-MOBIL { position: fixed; left:-100%; top:0; z-index: 1500; width: 100%; height: 100%; background: #fff; }
.MENU-MOBIL ul li { line-height: 40px;   padding-left: 80px; font-size:20px; color: #000}
 

.MENU-MOBIL .DIL {     position:absolute; bottom:15px; left: 0;  width: 100%; text-align: center; }
.MENU-MOBIL .DIL .ln {    position:relative; text-align:center; line-height:30px; font-size:20px; color:#000; display:inline-block; margin: 0px 8px; }
.MENU-MOBIL .DIL .ln img { width:30px; height:30px;   margin:0; padding:0; left:0; padding-bottom: 4px;   }
.MENU-MOBIL .DIL .ln:hover img { top:0; } 
.MENU-MOBIL .DIL .aktifdil { font-weight: 600;   }






.MOBIL-HEADER {   padding: 10px 0px; display: none;}
.MOBIL-HEADER img { width: 200px; padding-left: 30px;}


@media screen and (max-width: 850px) {

	.HEADER, .BAR { display: none; }
	.PH-FIX, .WP-FIX, .MENU-M, .MOBIL-HEADER { display: block; }
/**:first-child {  color: lime;} **/	
}