@charset "utf-8";
/*******************************/
h1,h2,h3,h4,p,strong,b,ul,li { margin:0px; padding:0px; list-style:none   }
body { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif;   overflow-y:scroll;   font-size:15px; overflow-x: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 *********************************/

.YUKLENME { background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:50000 }
.loaderX { position:absolute; left:50%; top:50%;  width: 40px; height: 40px; margin-left:-20px; margin-top:-20px; border: 5px solid #fff;  border-top:5px solid #000; border-radius: 50%; animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



@-webkit-keyframes blur {
  0%   { background:#CC0 }
  100% { background:#FC3 }
}
@-moz-keyframes blur {
  0%   { background:#CC0 }
  100% { background:#FC3 }
}
@-o-keyframes blur {
  0%   { background:#CC0 }
  100% { background:#FC3 }
}
@keyframes blur {
  0%   { background:#CC0 }
  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 #888;
    margin: 1.5em 0 1.5em;
    padding: 1em 1.5em 1em 2.5em;
    position: relative;
}
blockquote:before {
  color: #888;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.6em;
  line-height: 0.1em;
}

blockquote:after {
   color: #888;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:3px;
  bottom: 0em;
  line-height: 0.1em;
}     
/************/
.WEBCONTENT  { width:100%; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;  -webkit-box-shadow: 0px 0px 37px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 37px -10px rgba(0,0,0,0.75);
box-shadow: 0px 0px 37px -10px rgba(0,0,0,0.75); z-index:4500; position:relative; overflow:hidden  }



.HEADER  {  }

.HEADER .c { max-width:1200px; height:50px; margin:0 auto; position:relative; z-index:8000}
.HEADER .BAR {  color:#666}
.HEADER .logo { height:210px; padding:5px 10px; position:absolute; background:#fff; -webkit-box-shadow: 0px 0px 39px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 39px -14px rgba(0,0,0,0.75);
box-shadow: 0px 0px 39px -14px rgba(0,0,0,0.75); }
.HEADER .BAR .li { float:left; padding:15px 10px; margin:0px 10px 0px 0px;    }
.HEADER .BAR .li .material-icons { font-size:15px;   padding-right:5px;  }
.HEADER .he { float:right; }

.serbest { position:absolute; top:0; z-index:7000; width:100%;   }
.serbest .BAR {  color:#fff; font-weight:600; text-shadow:1px 1px #000}

.HEADER .BAN  {   position:relative; z-index:6666;  }
.HEADER .MENU { float:right; padding:0px 0px;   }
.HEADER .MENU a.link { display:inline-block; padding:10px 15px; background:#fff; margin-left:2px; color:#666; font-weight:600;   }
.HEADER .MENU a.link:hover { background:#000; color:#fff;  }

.HEADER .SBAR  {   position:relative; z-index:6666; height:120px;  background: url(bgmenu.jpg) center center no-repeat; background-size:cover;  }

.HEADER .DIL { position:absolute; right:0; top:4px; }
.HEADER .DIL a { display:inline-block; padding:10px 8px; color:#888 }
.HEADER .DIL a:hover { color:#000}




.HEADLINE    { width:100%; display:none }
.HEADLINE .c { max-width:1200px; margin:0 auto;}
.HEADLINE h1 { font-size:20px; padding:40px 0px; color:#FFF; font-weight:300}

.MHEADLINE    {   }
.MHEADLINE .c { max-width:1200px; margin:0 auto;}
.MHEADLINE h2 { font-size:20px; padding:30px 0px 20px 0px; color:#666; display:inline-block; border-bottom:2px solid #666; margin-bottom:20px}


.fullslider { position:relative; }
.asagiin { position:absolute; z-index:8000; padding:15px; left:20%; bottom:0px; background:#83a944;   color:#000; }
.asagiin .material-icons { margin:0; padding:0; font-size:40px; }
.asagiin:hover { background:#000; color:#fff; cursor:pointer; }



.SAYFADETAY { max-width:1200px; margin:0 auto;    }
.SAYFADETAY p { font-size:17px; line-height:37px; color:#999; font-weight:400; }
.SAYFADETAY h2 { color:#666; padding:10px 0px }
.SAYFADETAY ul    { padding:20px 0px }
.SAYFADETAY ul li { color:#666; padding:5px 15px; border-left:3px solid #ccc; margin:4px 0px;}

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

.SAYFADETAY .CONTENT { width:calc(100% - 0px); float:left; margin-bottom:50px }
 
.SAYFADETAY .FORMVAR { width:calc(100% - 50%); }

 
 
.FORMSOL { float:right; width:calc(50% - 12px); background:#f3f3f3 url(cover.jpg) bottom center no-repeat; background-size:cover; border:1px solid #ccc; padding:40px 0px; margin-left:10px; margin-bottom:50px }
.FORMSOL h2 { padding:0px 30px }
.FORMSOL .padding { padding:0px 30px;  }
/***/
form.form_form            { text-align:left; }
form.form_form .form_tr   {   font-size:15px; padding-top:10px;      }
/***/
form.form_form .form_text { width: calc(100% - 32px);  height:30px; outline:none;   border:1px solid #ccc; position:relative; font-size:15px; font-weight:300; color:#333; margin:2px 0px; padding:6px 15px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;  }
form.form_form .form_text:focus { background:#f4f4f4 }
/***/
form.form_form .form_textarea {  width: calc(100% - 32px);  height:90px;    outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300;  color:#333; margin:2px 0px; padding:6px 15px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;   }
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:2px 0px; padding:6px 15px;  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
form.form_form .form_select:focus { background:#f4f4f4 }
/***/
form.form_form .form_button  { border:none; background:#000; font-size:15px; font-weight:300;    color: #fff; margin:2px 0% 0% 22%; padding:0px; width:120px; height:40px; float:right; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
form.form_form .form_button:hover { background:#666; color:#fff; cursor:pointer; }
/***/


.ARACLAR { max-width:1200px; margin:0 auto; padding-bottom:100px; }
.ARACLAR .SOL { width:270px; float:left;   }
.ARACLAR .SAG { width:calc(100% - 340px); float:right; }
.ARACLAR .SAG .ARAMAK {  }
.ARACLAR .SAG .ARAMAK .li { float:left; background:#df483d; color:#fff; padding:9px 50px 9px 15px; margin:5px; position:relative;  }
.ARACLAR .SAG .ARAMAK .li .material-icons { position:absolute; right:0px; top:0px; color:#fff; background:#000; padding:7px 7px }

.HATA { border:1px solid #f4c1bd; background:#ffe4e2; padding:40px; text-align:center; }
.HATA h1 { font-size:22px; padding:0px 0px 15px 0px }
.HATA p { font-size:18px; }

 
.ARACLAR .SAG .arac { width:calc(33.33% - 10px); padding:0px 0px 0px 0px; margin:0px 5px 20px 5px; float:left;   }
.ARACLAR .SAG .dolu { opacity: 0.5; filter: alpha(opacity=50);  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.ARACLAR .SAG .arac img { width:100%; }
.ARACLAR .SAG .arac h2  { color:#666; font-weight:600; font-size:13px; padding:5px 0px; margin:0; text-align:left; }
.ARACLAR .SAG .arac .pr { font-size:15px; text-align:left; color:#df483d; padding-bottom:15px; }
.ARACLAR .SAG .arac .hr { border-bottom:1px solid #f2f2f2; font-size:13px; color:#666   }
.ARACLAR .SAG .arac .hr .i1 { float:left; padding:5px 0px; width:40%; font-weight:400 }
.ARACLAR .SAG .arac .hr .i2 { float:left; padding:5px 0px; width:60%; font-weight:400 }




.ARACDETAY { max-width:1200px; margin:0 auto; padding:0px 0px 50px 0px }
.ARACDETAY .ARACSOL { width:50%; float:left; }
.ARACDETAY .ARACSOL img { width:calc(100% - 0px);   }

.ARACDETAY .ARACSAG { width:calc(44% - 42px); float:right;  padding:0px 40px; position:relative; border-left:1px solid #ccc}
.ARACDETAY .ARACSAG  h2 { padding:0px; font-size:28px; color:#666; }

.ARACDETAY .ARACSAG   .baslik2 { padding:10px 25px; font-size:18px;   margin-bottom:15px; position:relative; background:#f2f2f2; color:#666;   }
.ARACDETAY .ARACSAG   .baslik2 .imlec { width:15px; height:15px; position:absolute; bottom:-9px; left:50px; background:#f2f2f2; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);  }
.ARACDETAY .ARACSAG   .baslik2 .icon { font-size:26px; position:absolute; top:10px; right:10px; color:#999 }

.ARACDETAY .ARACSAG .ft { }
.ARACDETAY .ARACSAG .pr { font-size:13px; text-align:left; color:#666; padding:9px 0px; width:50%; float:left;  }
.ARACDETAY .ARACSAG .pr strong { font-size:18px;color:#555; }
.ARACDETAY .ARACSAG .hr { border-bottom:1px solid #f2f2f2; font-size:15px; color:#666   }
.ARACDETAY .ARACSAG .hr .i1 { float:left; padding:9px 0px; width:40%; font-weight:400 }
.ARACDETAY .ARACSAG .hr .i2 { float:left; padding:9px 0px; width:60%; font-weight:400 }





.BUTONLAR { padding:8px 0px; }
.BUTONLAR .A     { width:calc(50% - 5px); margin-right:5px; float:left; background:#888; 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:#888; color:#fff;}
.BUTONLAR .BUTON { padding:10px 0px; text-align:center;  }
.BUTONLAR .BUTON:hover { background:#000; cursor:pointer;  }

.ARACDETAY .DESTEK {   background:#f2f2f2; color:#666; padding:15px 30px 15px 70px; position:relative; font-size:36px; font-weight:700;   }
.ARACDETAY .DESTEK span { font-size:12px; font-weight:400; }
.ARACDETAY .DESTEK .material-icons { position:absolute; height:100%; background:#888; color:#fff; left:0; top:0; line-height:95px; padding:0px 15px; font-size:30px }


.ARACDETAY .aracaciklamasi {  padding:50px;  position:relative; background:#f9f9f9; }
.ARACDETAY .aracaciklamasi p { font-size:15px; line-height:27px; }
.ARACDETAY .aracaciklamasi:before { color: #888;  content: "\201C";  font-size: 5em;  position:absolute;  left:15px;  top: 45px;  line-height: 0.1em; }
.ARACDETAY .aracaciklamasi:after {  color: #888;  content: "\201D";  font-size: 5em;  position:absolute;  right:15px;  bottom: 15px;  line-height: 0.1em; }  

.ARACDETAY .durumu     { padding:15px 50px 15px 15px; margin-bottom:15px; font-size:15px; position:relative;}
.ARACDETAY .durumu .material-icons { position:absolute; right:15px; top:15px; }
.ARACDETAY .uygun      {  border:1px solid #c1edd1; background:#dbf6e5; }
.ARACDETAY .uygundegil {  border:1px solid #e5b0b0; background:#f6dbdb; }

.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 }

.ODEMEASAMASI { max-width:1200px; margin:0 auto; padding:50px 0px}
.ODEMEASAMASI .W1 { width:calc(35% - 56px); float:left;   padding:40px; -webkit-box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.27);
box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.27);   }
.ODEMEASAMASI .W2 { width:60%; float:right;  }



.ODEMEASAMASI .W1 h2 { padding-bottom:10px }

.ODEMEASAMASI .hr { border-bottom:1px solid #f2f2f2; font-size:15px; color:#666   }
.ODEMEASAMASI .hr .i1 { float:left; padding:9px 0px; width:40%; font-weight:400 }
.ODEMEASAMASI .hr .i2 { float:left; padding:9px 0px; width:60%; font-weight:400 }
.ODEMEASAMASI .toplamtutar { padding:20px 50px; background: #3C6; color:#fff;   margin-top:10px;  }
.ODEMEASAMASI .toplamtutar span {font-size:36px; font-weight:700; }


.ODEMEYAP { display:inline-block; padding:10px 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#44b0e7+4,3198de+100 */
background: #44b0e7; /* Old browsers */
background: -moz-linear-gradient(top, #44b0e7 4%, #3198de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #44b0e7 4%,#3198de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #44b0e7 4%,#3198de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b0e7', endColorstr='#3198de',GradientType=0 ); /* IE6-9 */ color:#fff; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.ODEMEYAP:hover { background:#000; cursor:pointer }

.ODEMEYAPf { display:inline-block; padding:10px 20px;  color:#666; background:#f2f2f2; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }


.odemeturu { border:1px solid #ccc; padding:30px 50px; margin-bottom:15px; position:relative; overflow:hidden;}
.odemeturu p { font-size:17px; line-height:37px; color:#666; font-weight:400; }
.odemeturu h2 { color:#666; padding:10px 0px }
.odemeturu .material-icons { color:#f2f2f2; font-size:200px; position:absolute; top:50px; right:50px; }

.ODEMEASAMASI .baslik2 { padding:10px 25px; background:#f2f2f2; margin-bottom:15px; position:relative; color:#666 }
.ODEMEASAMASI  .baslik2 .imlec { width:15px; height:15px; position:absolute; bottom:-7px; left:50px; background:#f2f2f2; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.EKHIZMET  { margin-bottom:20px; }
.EKHIZMET .baslik { padding:35px; background:#f2f2f2; position:relative; }
.EKHIZMET .baslik h2 { color:#666 }
.EKHIZMET .baslik  p { font-size:12px; line-height:27px; }
.EKHIZMET .baslik .imlec { width:15px; height:15px; position:absolute; bottom:-7px; left:50px; background:#f2f2f2; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.EKHIZMET .icerik { border:1px solid #ccc; padding:35px; border-top:none; }


.EKHIZMET .li { padding:5px 0px; color:#666; border-bottom:1px solid #f2f2f2; }
 

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 }


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




.HIZMETLER         { max-width:1220px; margin:0 auto; padding-bottom:100px; }
.HIZMETLER .li     { width:calc(100% / 3  - 20px); float:left; padding:10px; }
.HIZMETLER .li img { width:100%; margin-bottom:10px;  }
.HIZMETLER .li h2  { font-size:20px; color:#888; padding:8px 0px; display:inline-block; border-bottom:3px solid #888; margin-bottom:15px; margin-top:25px; }
.HIZMETLER .li p   { letter-spacing:0.5px; color:#666; font-size:14px; line-height:28px; }
.HIZMETLER .li .devam { display:inline-block;   color:#666; border:1px solid #666; font-size:14px; padding:8px 15px; margin-top:10px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; }
.HIZMETLER .li .devam:hover { background:#f2f2f2; }






.MAKALE         { max-width:1220px; margin:0 auto; padding-bottom:100px; }
.MAKALE .li     {    padding:10px; }
.MAKALE .li img { width:100%; margin-bottom:10px;  }
.MAKALE .li h2  { font-size:20px; color:#888; padding:8px 0px; display:inline-block;   margin-bottom:5px; margin-top:25px; }
.MAKALE .li p   { letter-spacing:0.5px; color:#666; font-size:14px; line-height:28px; }
.MAKALE .li .devam { display:inline-block;   color:#666; border:1px solid #666; font-size:14px; padding:8px 15px; margin-top:10px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; }
.MAKALE .li .devam:hover { background:#f2f2f2; }











.PERSONEL         { max-width:1220px; margin:0 auto; padding:80px 0px; }
.PERSONEL .li     { width:calc(100% / 4 - 25px); float:left; padding:10px; text-align:center; }
.PERSONEL .li img { width:calc(100%  - 22px); border:1px solid #ccc; padding:10px; margin-bottom:10px; -webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px; }
.PERSONEL .li h2  { font-size:20px; color:#888; padding:8px 0px; display:inline-block;    margin-top:25px; }
.PERSONEL .li p   { letter-spacing:0.5px; color:#666; font-size:14px; line-height:28px; }



.ANA-PERSONEL         { max-width:1220px; margin:0 auto; padding:90px 0px }
.ANA-PERSONEL .li     { width:calc(100% / 4 - 25px); float:left; padding:10px; text-align:center; }
.ANA-PERSONEL .li img { width:calc(100%  - 22px); border:1px solid #ccc; padding:10px; margin-bottom:10px; -webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px; }
.ANA-PERSONEL .li h2  { font-size:20px; color:#888; padding:8px 0px; display:inline-block;    margin-top:25px; }
.ANA-PERSONEL .li p   { letter-spacing:0.5px; color:#666; font-size:14px; line-height:28px; }



/****************************************************************/ 
.BLOG_108            {   position:relative;  margin:0 auto; z-index:10; max-width:1200px;    }
.BLOG_108 .owl-carousel {  }
.BLOG_108 .owl-carousel .owl-nav { text-align:center;   width:100%;  }
.BLOG_108 .owl-carousel .owl-prev {   color:#fff; background:#000; display:inline-block; padding:5px 5px;   position:absolute; top:50%; left:0px; margin-top:-17px;  }
.BLOG_108 .owl-carousel .owl-next {   color:#fff; background:#000; display:inline-block; padding:5px 5px;   position:absolute; top:50%; right:0px; margin-top:-17px;  }
.BLOG_108 .owl-carousel .owl-next:hover {   }
.BLOG_108 .owl-carousel .owl-prev:hover {   }
.BLOG_108 .owl-item { margin:0px;  }
.BLOG_108 .SLIDERCON { position:relative; text-align:center; padding:80px 0px }
.BLOG_108 .SLIDERCON .metin {      }
.BLOG_108 .SLIDERCON .metin h2 { font-size:36px; color:#000; font-weight:700; border-bottom:5px solid #ccc; display:inline-block; padding:9px 0px }
.BLOG_108 .SLIDERCON .metin p  { font-size:20px; color:#000; font-weight:400; }
.BLOG_108 .SLIDERCON .metin p strong  { background:#888; display:inline-block; padding:4px 10px;  }
/*******************************/ 

/****************************************************************/ 
.BLOG_109               {   position:relative;  margin:0 auto; z-index:10; padding:15px; background:#f5f5f5   }
.BLOG_109 .owl-carousel {  }
.BLOG_109 .owl-carousel .owl-nav { text-align:center;   width:100%;  }
.BLOG_109 .owl-carousel .owl-prev {   color:#000; background:#fff; display:inline-block; padding:5px 5px;   position:absolute; top:50%; left:-40px; margin-top:-17px;  }
.BLOG_109 .owl-carousel .owl-next {   color:#000; background:#fff; display:inline-block; padding:5px 5px;   position:absolute; top:50%; right:-40px; margin-top:-17px;  }
.BLOG_109 .owl-carousel .owl-next:hover {   }
.BLOG_109 .owl-carousel .owl-prev:hover {   }
.BLOG_109 .owl-item { margin:0px;  }
.BLOG_109 .arac {  padding:30px 30px; margin:0px;     }
.BLOG_109 .arac img { width:100%; }
.BLOG_109 .arac h2  { color:#888; font-weight:600; font-size:19px; padding:15px 0px; margin:0;   }
.BLOG_109 .arac p   { color:#666; font-weight:400; line-height:26px; font-size:16px; padding:15px 0px; margin:0;     }
.BLOG_109 .arac .lr { height:100px; overflow:hidden; }


/*******************************/ 

 



.AFORM { width:80%; margin:0 auto; background:#fff;   margin-top:-150px; z-index:100; position:relative; }
.AFORM h2 { text-align:center; background:#888; color:#fff; padding:18px 0px }
.FF   { margin:20px;  padding:50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+1,ffffff+99 */
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 1%, #ffffff 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #efefef 1%,#ffffff 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #efefef 1%,#ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 13px 13px -9px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 13px 13px -9px rgba(0,0,0,0.11);
box-shadow: 0px 13px 13px -9px rgba(0,0,0,0.11); }
.FF .f { width:calc(33.33% - 10px); padding:5px; float:left; }
.FF .f2 { width:calc(25% - 10px); padding:5px; float:left; }
.FF .b2  { width:calc(50% - 30px); float:left;   padding:10px; margin:5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,efefef+99 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 1%, #efefef 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 1%,#efefef 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 1%,#efefef 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */  -webkit-box-shadow: 0px 13px 13px -9px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 13px 13px -9px rgba(0,0,0,0.11);
box-shadow: 0px 13px 13px -9px rgba(0,0,0,0.11);}


.FF p { color:#666; padding:6px 0px; font-size:14px }
.FF .form_     { outline:none; border:1px solid #ccc; height:40px; padding:0px 10px; font-family: 'Open Sans', sans-serif; color:#666 ; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.FF .form-text   { width:calc(100% - 22px);   }
.FF .form-select { width:calc(100% - 0px); height:42px;   }
.FF .form-buton   { background:#888; color:#fff; border:none; font-weight:600; outline:none; height:42px; padding:0px 20px; margin-top:28px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.FF .form-buton:hover { background:#666; cursor:pointer; }





.GG   { margin:0px; background:#f5f5f5; padding:20px;    }
.GG .f { width:calc(100% - 10px); padding:5px; float:left;  }
.GG .f2 { width:calc(50% - 10px); padding:5px; float:left;  }
.GG p { color:#666; padding:2px 0px; font-size:12px }
.GG .form_     { outline:none; border:1px solid #ccc; height:35px; padding:0px 10px; font-family: 'Open Sans', sans-serif; color:#666 ; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}
.GG .form-text   { width:calc(100% - 22px);   }
.GG .form-select { width:calc(100% - 0px); height:37px;   }
.GG .form-buton   { background:#df483d; color:#fff; border:none; outline:none; width:100%; height:37px; padding:0px 20px; margin-top:10px; }
.GG .form-buton:hover { background:#666; cursor:pointer; }



.ARALOGO { padding:20px 0px; text-align:center; position:relative  }
.ARALOGO img { width:300px;  }
.ARALOGO .imlec { width:50px; height:50px; position:absolute; left:calc(50% - 26px); bottom:-26px; background:#fff; -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }


.ANASAYFA {   padding:90px 0px 180px 0px;   background: url(cover.jpg) bottom center no-repeat; background-size:cover;     }
.ANASAYFA .c { max-width:1200px; margin:0 auto; }
.ANASAYFA p { font-weight:400; font-size:16px; line-height:30px; padding:0px 0px;   color:#666  }
.ANASAYFA h1 { font-weight:800; font-size:26px; line-height:30px; padding:0px 0px 20px 0px;   color:#888  }


.ANASAYFA .li1 { width:35%; float:left; }
.ANASAYFA .li2 { width:calc(65% - 30px); float:left; padding:0px 15px } 

.ANASAYFA .li { border-bottom:1px solid #ccc; padding:8px 0px; color:#000; margin-bottom:2px; margin-right:40px;}
.ANASAYFA .li span { display:inline-block; background:#888; margin-right:8px;  color:#fff; width:22px; height:22px; text-align:center; line-height:22px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}



.SOLVAR { width:320px; float:left; background:#e0e0e0; padding:30px 0px   }
 

.SOLVAR .material-icons { position:absolute; left:0px;   }


.SOLVAR .li { border-bottom:1px solid #f3f3f3; padding:8px 30px; color:#000; margin:0px 40px 2px 10px;    position:relative;}


.SAGVAR { width:calc(100% - 330px); float:right; }











.ANA-HIZMETLER { padding:0px 0px; background:#f2f2f2; padding:60px 0px}
.ANA-HIZMETLER .c { max-width:1300px; margin:0 auto; }
.ANA-HIZMETLER h1 { text-align:center; padding:15px 0px; color:#5b4633; }
.ANA-HIZMETLER .li     { width:calc(100% / 3  - 102px); float:left; padding:50px;   background:#fff; margin:1px; position:relative;  }
.ANA-HIZMETLER .li img { width:100%; margin-bottom:10px }
.ANA-HIZMETLER .li h2  { font-size:20px; color:#888; padding:8px 0px; display:inline-block; border-bottom:3px solid #888; margin-bottom:15px;   }
.ANA-HIZMETLER .li p   { letter-spacing:0.5px; color:#666; font-size:14px; line-height:28px; }
.ANA-HIZMETLER .li .devam { display:inline-block;   color:#666; border:1px solid #666; font-size:14px; padding:8px 15px; margin-top:10px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; }
.ANA-HIZMETLER .li .devam:hover { background:#f2f2f2; }
.ANA-HIZMETLER .material-icons { color:#f2f2f2; font-size:56px; position:absolute; right:20px; top:20px; }


.ANA-HIZMETLER2 { padding:0px 0px; background:#888}
.ANA-HIZMETLER2 .c { max-width:1300px; margin:0 auto; }

.ANA-HIZMETLER2 .li     { width:calc(100% / 3 - 40px); float:left; padding:20px;     margin:0px; text-align:center;   }
.ANA-HIZMETLER2 .li img { width:100%; margin-bottom:10px }
.ANA-HIZMETLER2 .li h2  { font-size:20px; padding:0px 0px; display:inline-block;   color:#fff;  }
 .ANA-HIZMETLER2 .li:hover { background:rgba(0,0,0,0.4); }




.ALT-KATEGORI { padding:0px 0px;  }
.ALT-KATEGORI .c { border:1px solid #ccc; border-bottom:none; border-left:none }
 
.ALT-KATEGORI .li     { width:calc(100% / 3  - 62px);  float:left; padding:30px; border:1px solid #ccc; border-top:none; border-right:none; position:relative;  }
.ALT-KATEGORI .li img { width:100%; margin-bottom:10px }
.ALT-KATEGORI .li h2  { font-size:16px; color:#666; padding:8px 0px; display:inline-block; border-bottom:1px solid #666; margin-bottom:15px;   }
.ALT-KATEGORI .li p   { letter-spacing:0.5px; height:50px; overflow:hidden; color:#666; font-size:14px; line-height:28px; margin-bottom:8px }
.ALT-KATEGORI .li .devam { display:inline-block;   color:#666; border:1px solid #666; font-size:14px; padding:8px 15px; margin-top:10px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; }
.ALT-KATEGORI .li .devam:hover { background:#f2f2f2; }
.ALT-KATEGORI .material-icons { color:#f2f2f2; font-size:46px; position:absolute; right:5px; top:5px; }
.ALT-KATEGORI .li a { display:inline-block; padding:8px 10px; color:#fff; background:#83a944; font-size:12px }
.ALT-KATEGORI .li a:hover { background:#000 }
.ALT-KATEGORI h1 { text-align:center; padding:15px 0px; color:#5b4633; }

.more { text-align:center; position:relative; padding:15px 0px }
.more .material-icons { color:#fff; display:inline-block; position:relative; font-size:46px; background:#000; padding:0px 90px; -webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;     }

.more .material-icons:hover { cursor:pointer; background:#83a944 } 


.HEADERUST { background:#000; padding:20px 0px; text-align:center;    }
.HEADERUST .c { max-width:1200px; margin:0 auto; }
.HEADERUST p { font-weight:300; font-size:36px; padding:0px 0px; display:inline-block;   width:33%; color:#888  }
 


.FOOTERUST { background:#5b4633; padding:30px 0px; text-align:center;   }
.FOOTERUST p { font-weight:600; font-size:18px; padding:0px 15px; display:inline-block; color:#fff; width:calc(33% - 30px); }
.FOOTERUST p strong { font-size:16px; font-weight:300; }
.FOOTERUST .c { max-width:1200px; margin:0 auto; }




.FOOTER {   padding:50px 0px; background:#333; }
.FOOTER .c { max-width:1200px; margin:0 auto; }


.FOOTER .aracbul  {  width:26%; text-align:center; float:left; }
.FOOTER .aracbul img { width:100%; }
.FOOTER .aracbul h1 { display:inline-block; padding:9px 15px; font-size:17px; background:#888; color:#fff; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.FOOTER .aracbul h1:hover { background:#000; cursor:pointer; }


.FOOTER .NEYSE { width:33.33%; margin-left:5%; height:100px;   float:left; color:#fff; }
.FOOTER .NEYSE h2 { padding:0px 0px 8px 0px; color:#888; display:inline-block; font-size:20px; font-weight:900; }
.FOOTER .NEYSE p { line-height:27px; font-size:14px; } 






.FOOTER .top { display:inline-block; letter-spacing:2px; font-size:15px; font-weight:800; padding:5px 0px; cursor:pointer }

.FOOTERADD { background:url(footer.png) center center no-repeat; background-size:cover; padding:70px 0px;      }
.FOOTERADD .c { max-width:1200px; margin:0 auto; padding:50px 0px }
.FOOTERADD .li { width:calc(100% / 3); float:left; color:#fff; padding-top:60px }
.FOOTERADD .li .material-icons { font-size:56px }
.FOOTERADD .li p { font-size:16px; line-height:28px; }
.FOOTERADD .li p strong { font-size:20px; }
/*******************************/
.FOOTERADD #BULTEN               {   padding:60px 0px 0px 0px; float:right;  width:calc(100% / 3); }
.FOOTERADD .BULTEN               {   padding:0px;   margin:0 auto; text-align:center; }
.FOOTERADD .BULTEN .center       {    margin:0 auto;  }
.FOOTERADD .BULTEN .center h2    { padding:0px 0px 8px 0px; color:#fff; display:inline-block; font-size:20px; font-weight:900; }
.FOOTERADD .BULTEN .center p     { padding:9px 0px; color:#fff; font-weight:400; font-size:12px;      }
.FOOTERADD .BULTEN .mailadresi   { width:69%; padding:10px 3%; height:30px;  margin:0px; border:none; outline:none; color:#000;  font-family: 'Jaldi', sans-serif; font-weight:400; font-size:15px; float:left;   }
.FOOTERADD .BULTEN .gonder       { float:left; padding:11px 0px; height:28px; color:#000; text-align:center; width:25%; float:left; background:#ddd; }
.FOOTERADD .BULTEN .gonder:hover { cursor:pointer; background:#ccc; }
.FOOTERADD .BULTEN .MCN  {       }
/*******************************/
.FOOTERSM {  }
.FOOTERSM .img { padding:4px 20px 4px 0px; color:#fff; display:inline-block; }
.FOOTERSM .img i { font-size:18px; }


















 

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


 

.UST-MENU 		    {  text-align:center; }
.UST-MENU .M-PAD  { padding:20px 0px }
.UST-MENU a.link 		{ display:inline-block; padding:8px 10px;    color:#000; font-size:15px; font-weight:400; letter-spacing:2px   }
.UST-MENU a.link:hover   { background:#ffcc00; color:#000 }
.UST-MENU .logo { width:300px; padding:10px 0px  }

.UST-SM                  { text-align:center; }
.UST-SM .header_sosyal   { text-align:center; display:inline-block; padding:0px 20px 20px 20px; margin-bottom:20px;    border-bottom:1px solid #dedede }
.UST-SM .header_sosyal a {  text-decoration:none; letter-spacing:2px; padding:4px 0px; margin:8px 8px; font-size:15px;   color:#000; font-weight:400   }
.UST-SM .header_sosyal a:hover { color:#ffcc00; cursor:pointer }

/*******************************/
.VIDEO              {   margin:0 auto; padding:8px; }
.VIDEO .li          { float:left;   padding:0%; width:33.33%; position:relative; overflow:hidden;   }
.VIDEO .li .padding { padding:8px; }
.VIDEO .li img      { width:100%; }
.VIDEO .li p        { font-weight:300; line-height:100%;   padding:10px;  font-size:18px; font-weight:300; position:absolute; bottom:8px; left:8px; text-align:center;  background:rgba(0,0,0,0.8);    color:#fff;  }
.VIDEO .li p:hover  { background:#ffcc00; }
.VIDEO .li .playbu { position:absolute; top:20px; left:20px; background:#000; padding:8px;  }
.VIDEO .li .playbu .material-icons { font-size:30px; color:#fff;   }
.VIDEO .li .playbu:hover { background:#ffcc00 }
 
/*******************************/

/*******************************/
.GALERI     { padding:10px}
.GALERI .type { text-align:center;   }
.GALERI .type a { display:inline-block;  }
.GALERI .type .material-icons { font-size:30px; color:#000 }
.GALERI .type .material-icons:hover { color:#ffcc00; cursor:pointer }

.GALERI .li { width:20%;   float:left; margin:0; padding:0px; position:relative; z-index:1; overflow:hidden;    }
.GALERI .li .padding { padding:10px    }
.GALERI .li .padding img { width:100%;    }
.GALERI .gal_2  { max-width:1200px; margin:0 auto }
.GALERI .gal_2 .li { width:100%;  margin:0; padding:0px; }
.GALERI .gal_2 .li .padding { padding:5px 0px    }
.GALERI .gal_2 .li .padding img { width:100%;    }
.GALERI .ilk { width:40%; } 
/*******************************/

.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 }






/************/
.ANACENTER {    }
.ANACENTER p { font-size:14px; line-height:30px; text-align:justify }
.ANACENTER h2 { font-size:28px; padding-bottom:20px; border-bottom:1px solid #000; width:300px; margin-bottom:20px; }
/************/
 
/************/
.BLOG     { max-width:1200px; margin:0 auto}
.BLOG .menu { float:right; width:260px; padding-top:80px;  }
.BLOG .menu .li { border-bottom:1px solid #f2f2f2; padding:10px 0px;   }
.BLOG .menu .li .b { font-size:15px; letter-spacing:1px; padding:6px 0px; font-weight:600; color:#000; }
.BLOG .menu .li .i { font-size:13px; letter-spacing:1px; padding:0px 0px; color:#555 ; font-weight:400; height:33px; overflow:hidden;   }




.BLOG .icerik { float:left; width:260px; width:calc(100% - 300px); }
.BLOG .post { border-bottom:1px solid #ccc; padding:30px 0px 40px 0px; margin-bottom:25px; background:#fff; float:left;   }
.BLOG .post img { width:100%; padding-bottom:1px; }
.BLOG  h1 {  font-size:22px;   font-weight:600;    letter-spacing:2px ;margin-bottom:30px; color:#000; display:inline-block }
.BLOG .date { padding-bottom:15px; margin:10px 0px; border-bottom:1px solid #000; width:300px;   font-size:12px; color:#000; display:inline-block ; letter-spacing:2px }
.BLOG  h2 { margin-bottom:10px; color:#000;  font-weight:600; letter-spacing:3px; font-size:15px; padding:25px 0px 0px 0px; display:inline-block;  }
.BLOG  p  {  font-size:14px; line-height:30px;   }
.BLOG  .p { padding:20px 0px;  letter-spacing:1px; text-align:left }
 
.BLOG .devam { display:inline-block; background:#000; color:#fff; font-size:12px; padding:8px 15px; margin-top:15px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.BLOG .devam:hover { background:#ffcc00; color:#000; }
/************/

.BLOGDETAY     { max-width:1200px; margin:0 auto}
.BLOGDETAY .post {   padding:30px 0px 40px 0px; margin-bottom:25px;   background:#fff;  }
.BLOGDETAY .post img { width:100%; padding-bottom:1px; }

.BLOGDETAY .date { padding-bottom:15px; margin:10px 0px; border-bottom:1px solid #000; width:300px;   font-size:12px; color:#000; display:inline-block ; letter-spacing:2px }
.BLOGDETAY  h1 { margin-bottom:10px; color:#000;  font-weight:600; letter-spacing:2px;   padding:25px 0px 0px 0px; display:inline-block; }
.BLOGDETAY  h2 {  font-size:16px; line-height:30px;   font-weight:400; letter-spacing:2px ;margin-bottom:30px;    }
.BLOGDETAY  p  {  font-size:14px; line-height:30px;   }
.BLOGDETAY  .p { padding:20px 0px;  letter-spacing:1px; text-align:left }
.BLOGDETAY  .p a { color:#000 }
.BLOGDETAY .devam { display:inline-block; background:#000; color:#fff; font-size:12px; padding:8px 15px; margin-top:15px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
.BLOGDETAY .devam:hover { background:#ffcc00; color:#000; }
.BLOGDETAY ul { margin:0; padding:0 20px; }
.BLOGDETAY ul li { padding:5px 0px; }





 


.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:#83a944; 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:#888    }
.ETIKETLER a:hover { background:#000; }
/************/
 

/***********************************************************************/
.PAYLAS         { padding:30px 0px 0px 0px;   }
.PAYLAS .li { display:inline-block; font-size:12px; padding:10px 15px 10px 15px; background:#000; color:#fff; margin:0px; text-align:center }
.PAYLAS .li img { width:30px; height:30px; }
.PAYLAS .li:nth-child(1) { background:#3b5998; }
.PAYLAS .li:nth-child(2){ background:#2daae1; }
.PAYLAS .li:nth-child(3){ background:#db2828; }
.PAYLAS .li:hover { background:#000; cursor:pointer;  }
/***********************************************************************/


 

.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;
}
 

.iletisimb { }
.iletisimb a { display:inline-block; padding:10px 15px; background:#000; color:#fff !important; margin:8px 0px }
.iletisimb a:hover { background:#ffcc00; color:#000 }


@-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: 800px) {
 
 
}