@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 #e14945;
    margin: 1.5em 0 1.5em;
    padding: 1em 1.5em 1em 2.5em;
    position: relative;
}
blockquote:before {
  color: #e14945;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.6em;
  line-height: 0.1em;
}

blockquote:after {
   color: #e14945;
  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; margin:0 auto; position:relative}
.HEADER .BAR { background:#000; }
.HEADER .BAR .li { float:left; padding:15px 10px; margin:0px 0px 0px 20px;  color:rgba(255,255,255,0.8) }
.HEADER .BAR .li .material-icons { font-size:15px;   padding-right:5px; color:rgba(255,255,255,0.5)}
.HEADER .BAN  { -webkit-box-shadow: 0px 0px 56px -9px rgba(0,0,0,0.76);
-moz-box-shadow: 0px 0px 56px -9px rgba(0,0,0,0.76);
box-shadow: 0px 0px 56px -9px rgba(0,0,0,0.76); position:relative; z-index:6666;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,a0a0a0+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #a0a0a0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#a0a0a0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#f6f6f6 47%,#a0a0a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0a0a0',GradientType=1 ); /* IE6-9 */

}
.HEADER .MENU { float:right; padding:47px 0px; }
.HEADER .MENU a.link { display:inline-block; padding:8px 10px; color:#d91e1c; font-weight:600;   }
.HEADER .MENU a.link:hover { background:#d91e1c; color:#fff;  }
.HEADER .logo { width:240px; padding:10px 0px }


.HEADER .DIL { position:absolute; right:0px; top:13px; }
.HEADER .DIL a { display:inline-block; color:#fff; background:#e41b21; }
.HEADER .DIL a:hover { color:rgba(255,255,255,0.5) }




.HEADLINE    { width:100%; background:#e14945 url(headline.png) center center no-repeat }
.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}





.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% - 55%); margin:10px; }

 
 
.FORMSOL { float:right; width:50%; background:#f3f3f3; padding:40px 0px; 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; }
/***/


.URUNLER { max-width:1200px; margin:0 auto; }
.URUNLER .SOLU { width:270px; float:left;   }
.URUNLER .SOLU .li { padding:10px 15px;  background:#a7a7a7; color:#fff; margin-bottom:5px; }
.URUNLER .SOLU .li:hover {  background:#e14945;  }
.URUNLER .SAGI { width:calc(100% - 340px); float:right; }

.URUNLER .URUNLISTELE { }
.URUNLER .URUNLISTELE .li { width:calc(100% / 3 - 32px); border:1px solid #f5f5f5; margin:5px; padding:10px; float:left; } 
.URUNLER .URUNLISTELE .li img { width:100%; }
.URUNLER .URUNLISTELE .li p { font-size:13px;  padding:8px; text-align:center; color:#666;  }

.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:#e14945; 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:#e14945; 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:#e14945; 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: #e14945;  content: "\201C";  font-size: 5em;  position:absolute;  left:15px;  top: 45px;  line-height: 0.1em; }
.ARACDETAY .aracaciklamasi:after {  color: #e14945;  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 }






.HIZMETLER         { max-width:1220px; margin:0 auto; padding-bottom:100px; }
.HIZMETLER .li     { width:calc(50% - 20px); float:left; padding:10px; }
.HIZMETLER .li img { width:100%; margin-bottom:10px }
.HIZMETLER .li h2  { font-size:20px; color:#e14945; padding:8px 0px; display:inline-block; border-bottom:3px solid #e14945; 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; }

/****************************************************************/ 
.BLOG_108            {   position:relative;  margin:0 auto; z-index:10    }
.BLOG_108 .owl-carousel {  }
.BLOG_108 .owl-carousel .owl-nav { text-align:center;   width:100%;  }
.BLOG_108 .owl-carousel .owl-prev {   color:#000; background:#fff; display:inline-block; padding:5px 5px;   position:absolute; top:50%; left:0px; margin-top:-17px;  }
.BLOG_108 .owl-carousel .owl-next {   color:#000; background:#fff; 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; }
.BLOG_108 .SLIDERCON .metin { position:absolute;   width:80%; left:10%; bottom:10%; background: rgba(0, 0, 0, 0.3) ;  }
.BLOG_108 .SLIDERCON .metin h2 { font-size:52px; color:rgba(255, 255, 255, 0.8) ; font-weight:700; }
.BLOG_108 .SLIDERCON .metin p  { font-size:20px; color:#fff; font-weight:400; }
.BLOG_108 .SLIDERCON .metin p strong  { background:#e14945; 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:#e14945; 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:#e14945; 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:#e14945; 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; height:40px; text-align:center; position:relative  }
.ARALOGO img { width:200px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);  opacity: 0.5;
    filter: alpha(opacity=50); display:none;  }
.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:30px 0px;    }
.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:#e14945  }



.ANA-HIZMETLER { padding:50px 0px; background:#f2f2f2}
.ANA-HIZMETLER .c { max-width:1300px; margin:0 auto; }

.ANA-HIZMETLER .li     { width:calc(50% - 132px); float:left; padding:50px;   background:#fff; margin:15px; -webkit-box-shadow: 0px 0px 54px -25px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 54px -25px rgba(0,0,0,0.75);
box-shadow: 0px 0px 54px -25px rgba(0,0,0,0.75); -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.ANA-HIZMETLER .li img { width:100%; margin-bottom:10px }
.ANA-HIZMETLER .li h2  { font-size:20px; color:#e14945; padding:8px 0px; display:inline-block; border-bottom:3px solid #e14945; 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; }



.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:#fff  }
 


.FOOTERUST { background:#df4c57; 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 p a { border:1px solid #ccc; display:inline-block; padding:9px 15px; color:#fff; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; }
.FOOTERUST p a:hover { background:#fff; color:#060 }
.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:#e14945; 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:#d91e1c; display:inline-block; font-size:20px; font-weight:900; }
.FOOTER .NEYSE p { line-height:27px; font-size:14px; } 


.FOOTERSM {  }
.FOOTERSM .img { padding:4px 20px 4px 0px; color:#CCC; display:inline-block; }
.FOOTERSM .img i { font-size:18px; }

.HEADERSM {  }
.HEADERSM .img { padding:4px 20px 4px 0px; color:#CCC; display:inline-block; margin-top:10px; }
.HEADERSM .img i { font-size:18px; }



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

/*******************************/
.FOOTER .BULTEN               {   padding:0px; max-width:400px; margin:0 auto; text-align:center }
.FOOTER .BULTEN .center       {    margin:0 auto;  }
.FOOTER .BULTEN .center h2    { padding:0px 0px 8px 0px; color:#fff; display:inline-block; font-size:20px; font-weight:900; }
.FOOTER .BULTEN .center p     { padding:9px 0px; color:#fff; font-weight:400; font-size:12px;      }
.FOOTER .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;   }
.FOOTER .BULTEN .gonder       { float:left; padding:11px 0px; height:28px; color:#666; text-align:center; width:25%; float:left; background:#ddd; }
.FOOTER .BULTEN .gonder:hover { cursor:pointer; background:#ccc; }
.FOOTER .BULTEN .MCN  {       }
/*******************************/









/*******************************************************************/
/*******************************/
table.ozellalan  { border:1px solid #ccc; border-top:none; border-left:none; width:100% !important; }
table.ozellalan  tr td { padding:8px !important; border:1px solid #ccc; border-bottom:none; border-right:none;}
table.ozellalan  tr.baslik_tr { background:#f5f5f5 }
table.ozellalan tr:nth-child(odd)  { background:#f2f2f2 }
table.ozellalan tr:nth-child(even) { background:#fff }
 
 
table.ozellalan2  { border:1px solid #ccc; border-top:none; border-left:none; width:100% !important; }
table.ozellalan2  tr td { padding:8px !important; border:1px solid #ccc; border-bottom:none; border-right:none;}
table.ozellalan2  tr.baslik_tr { background:#f5f5f5 }
table.ozellalan2 tr td:nth-child(odd)  { background:#f2f2f2 }
table.ozellalan2 tr td:nth-child(even) { background:#fff } 
/*******************************/
/************/
.ozellik_ler  { padding-top:20px; max-width:1200px; margin:0 auto;  }
.iii_ { display:none; font-family: 'Open Sans', sans-serif;     letter-spacing: 0.5px; font-size: 14px; line-height: 28px; }
.iii_ p { padding:8px !important;   }
.ozellalan h3 { position:relative; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
 cursor:pointer; padding:8px; border:1px solid #ccc; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-bottom:4px; }
.ozellalan h3:hover { background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 }
.ozellalan h3 img { position:absolute; top:9px; right:9px; }
.ozellalan table { border:1px solid #ccc; border-top:none; border-left:none; width:100% !important; }
.ozellalan table tr td { padding:8px !important; border:1px solid #ccc; border-bottom:none; border-right:none;}
.ozellalan table tr.baslik_tr { background:#f5f5f5 }

.ozellalan table tr:nth-child(odd) { background:#f2f2f2 }
.ozellalan table tr:nth-child(even) { background:#fff }

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

.PORTFOLYO         { max-width:1220px; margin:0 auto; padding-bottom:100px; text-align:center;  }
.PORTFOLYO .li     { width:calc(24% - 20px); float:left; padding:10px; border:solid 1px #ccc; margin:3px; }
.PORTFOLYO .li img { width:100%; margin-bottom:10px }
.PORTFOLYO .li h2  { font-size:16px; color:#e14945; padding:8px 0px; display:inline-block; border-bottom:3px solid #e14945; margin-bottom:15px; }
.PORTFOLYO .li p   { letter-spacing:0.5px; color:#666; font-size:14px; line-height:28px; }
.PORTFOLYO .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; }
.PORTFOLYO .li .devam:hover { background:#f2f2f2; }

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










 

.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 .gal_1 .li { width:100%;   float:left; margin:0; padding:0px; position:relative; z-index:1; overflow:hidden;    }
.GALERI .gal_1 .li .padding { padding:10px    }
.GALERI .gal_1 .li .padding img { width:100%;    }
.GALERI .gal_2  { max-width:1200px; margin:0 auto }
.GALERI .gal_2 .li {  width:25%;   float:left; margin:0; padding:0px; position:relative; z-index:1; overflow:hidden; }
.GALERI .gal_2 .li .padding { padding:5px 5px    }
.GALERI .gal_2 .li .padding img { width:100%;    }
.GALERI .gal_1 .ilk { width:40%; } 
/*******************************/

.GALERI .li .padding img { width:100%;    }
.GALERI .li .padding img:hover {  opacity: 0.5; filter: alpha(opacity=50); }


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


/****************************************************************/ 
.BLOG_103            { max-width:1100px; margin:15px auto; padding:20px 0px 0px 0px;      }
.BLOG_103 h1         { text-align:center;   margin-bottom:10px; border-bottom:1px solid #ccc;    }
.BLOG_103 h1 span { color:#666; background:#fff; font-size:15px; display:inline-block; margin-bottom:-19px; padding:10px 20px;  }
.BLOG_103 .yorumlist { padding:30px 0px; text-align:center; }
.BLOG_103 .devam { font-weight:300; font-size:13px;  padding:7px 15px; color:#fff; display:inline-block; margin-top:20px; margin-bottom:40px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; background:#23486c; }
.BLOG_103 .devam:hover { background:#000 }
.BLOG_103 .yorumlist .padding { padding:0px 15px 0px 15px;   }
.BLOG_103 .yorumlist .p { font-size:13px; line-height:26px; padding:5px 0px; color:#666; height:50px; overflow:hidden; }
.BLOG_103 .yorumlist .isim { font-size:15px; font-weight:800; padding:10px 0px 0px 0px; color:#23486c; }
/****************************************************************/
/*******************************/
.BLOG_103 .owl-carousel { }
.BLOG_103 .owl-carousel .owl-nav { text-align:center; padding-bottom:20px; }
.BLOG_103 .owl-carousel .owl-prev {   color:#fff; display:inline-block; padding:5px 10px; background:#000; }
.BLOG_103 .owl-carousel .owl-next {   color:#fff; display:inline-block; padding:5px 10px; background:#000; }
.BLOG_103 .owl-carousel .owl-next:hover { background:#23486c; }
.BLOG_103 .owl-carousel .owl-prev:hover { background:#23486c; }
.BLOG_103 .owl-item { margin: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:#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:#e14945    }
.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) {
 
 
}
 

.m-menu { padding:8px; background:#000; z-index:6000; width:25px; height:25px; position:fixed; top:40px; right:5px; display:none  }
.m-menu:hover { background:#666; cursor:pointer }
.MOBIL-MENU { position:fixed; left:-80%; top:0; width:80%; height:100%; background:#d91e1c; z-index:100; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;}
.MOBIL-MENU .li { padding:15px 15px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.4) }
.MOBIL-MENU .li:hover { background:rgba(0,0,0,0.2); color:#fff; }
.DILM { display:none; background-color:#000;}
.mobilsm { display:none; text-align:center  }
.mobilsm .img { padding:4px 20px 4px 0px; color:#e31e24; display:inline-block; text-align:center }
.mobilsm .img i { font-size:18px; }
.WSDESTEK { background:#090; color:#fff; padding:15px 15px; margin:20px; font-size:18px; text-align:center; display:none; }
.WSDESTEK:hover { background:#000; color:#fff;   }
.WSDESTEK { background:#090; color:#fff; padding:15px 15px; margin:20px; font-size:18px; text-align:center; display:none; }
.WSDESTEK:hover { background:#000; color:#fff;   }

.ARA { background:#704494; color:#fff; padding:15px 15px; margin:20px; font-size:18px; text-align:center; display:none; }
.ARA:hover { background:#000; color:#fff;   }


@media screen and (max-width: 800px) {
.MENU { display:none;}
.FOOTERUST { display:block;}
.WSDESTEK { display:block }
.ARA { display:block }
.mobilsm { display:block; } 
.m-menu { display:block; } 
.GGa, .aracbul, .HEADERUST, .HEADLINE { display:none }
.DILM { display:block;  } 
.DILM a {  display:inline-block; color:#fff; font-weight:600; background:#e41b21;  } 
.AFORM { width:100%; margin:0 auto;     }
.FF .f { width:calc(33.33% - 10px); padding:5px; float:left; }
.FF .f2 { width:calc(100% - 0px); padding:5px; float:left; }
.FF .b2  { width:calc(100% - 10px);  }

.BLOG_108 .SLIDERCON .metin { display:none }

.BLOG_109               {  padding:0px 20px 20px 20px;    }

.ANASAYFA { padding:0px 30px }

.FOOTERUST p { font-weight:600; font-size:18px; padding:20px 0px; display:inline-block; color:#fff; width:100%; }

.ANA-HIZMETLER .li     { width:calc(100% - 132px); }

.FOOTER .NEYSE { width:calc(100% - 80px); text-align:center; padding:0px 40px;  }


.FOOTER .BULTEN               {  width:calc(100% - 80px); padding:0px 40px 50px 40px; text-align:center;    }


.HEADER .MENU { display:none;  }
.HEADER .c { text-align:center; }
.HEADER .logo { width:180px; }



 
.ARACDETAY .ARACSOL { width:calc(100% - 40px); float:left; padding:0px 20px; margin-bottom:15px }
.ARACDETAY .ARACSAG { width:calc(100% - 40px); float:right;  padding:0px 20px 0px 20px; position:relative; }

.HİZMETLER { max-width:1220px; margin:0 auto; padding-bottom:100px; }
.HİZMETLER .li { width:calc(100% - 20px); float:none; padding:10px; margin:0 auto }


.HEADLINE    { width:100%; background:#e14945    }
.HEADLINE .c {  text-align:center; }
 
/**********************************************************/
.MHEADLINE    { }
.MHEADLINE .c { max-width:1200px; margin:0 auto; text-align:center; }
 
/**********************************************************/


.ODEMEASAMASI { width:calc(100% - 40px) margin:0 auto; padding:50px 20px}
.ODEMEASAMASI .W1 { width:calc(100% - 40px); float:left;   padding:20px;    }
.ODEMEASAMASI .W2 { width:100%; float:right;  }


.HEADER .BAR { display:none }

.GG .f2 { width:calc(100% - 10px); padding:5px; float:left;  }




 

.SAYFADETAY .CONTENT { width:calc(100% - 40px); float:left; padding:0px 20px }

.GALERI .li { width:100%;   float:left; margin:0; padding:0px; position:relative; z-index:1; overflow:hidden;    }

.SAYFADETAY .FORMVAR { width:calc(100% - 20px); padding:0px 20px; text-align:center; }

.FORMSOL          { float:right; width:calc(100% - 40px); background:#f3f3f3; padding:40px 0px ; margin:20px}


.FF .fg { width:calc(100% - 0px); padding:5px; float:left; }
.FF .f { width:calc(50% - 10px); padding:5px; float:left; }



 
.URUNLER .SOLU { width:95%; margin:0 auto; float:none  }
 
.URUNLER .SAGI {  width:95%; margin:0 auto; float:none  }
 
.URUNLER .URUNLISTELE .li { width:calc(100% / 1 - 32px); border:1px solid #f5f5f5; margin:5px; padding:10px; float:left; } 
 

.HIZMETLER .li     { width:calc(100% - 40px); float:left; padding:20px; text-align:justify }


}