@charset "utf-8";
/*******************************/
h1,h2,h3,h4,p,strong,b,ul,li { margin:0px; padding:0px;   }
body { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif;  overflow-x:hidden; overflow-y:scroll;   font-size:15px; background:#efefef        }
#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:0px; }
::-webkit-scrollbar-track { }
::-webkit-scrollbar-thumb { background: #000;  }
::-webkit-scrollbar-thumb:window-inactive { background: #000; }
/*******************************/

.WEBCONTENT { width:90%; margin:0 auto; background:#fff; -webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);  }



.arabar  { width:100%;  background:#003bb6; }
.arabar .MENUALANI { max-width:1100px; margin:0 auto; text-align:right; }
.arabar .MENUALANI .li { display:inline-block; padding:15px 10px; color:#fff; border-left:1px solid rgba(255,255,255,0.1); font-weight:700; margin:0px; font-size:12px;  }
.arabar .MENUALANI .li:hover { background:#000;  }


/*******************************/
.ARABASLIK { text-align:left;    font-weight:400; font-size:14px; padding:0px 0px;   background:#003bb6;      }
.ARABASLIK .pad { max-width:1100px; margin:0 auto;  }
.ARABASLIK .li { display:none; position:relative; float:left; padding:10px 40px 10px 0px;    }
.ARABASLIK .liK { display:block; }
.ARABASLIK .material-icons { font-size:20px; position:absolute; top:9px; right:10px; color:#fff }
.ARABASLIK .head { color:#000; padding:15px 0px }
/*******************************/


/*******************************/
.ALTBAR           { padding:10px 0px; font-size:19px; text-align:right;  color:#666; font-weight:600; font-size:12px;  }
.ALTBAR .padding  { max-width:1100px; margin:0 auto;    padding:0px 0px 0px 0px; }
/*******************************/

/*******************************/
.TOPMENUH   { width:100%; position:relative;  height:100px;   }
.TOPMENU           {  }
.TOPMENU .padding { max-width:1100px; margin:0 auto; height:100px;    z-index:20; position:relative; }
.TOPMENU .li       { float:left; padding:16px 10px; margin:0px 0px 0px 0px;  font-size:12px;   color:#fff;   font-weight:600;     }
.TOPMENU .li span  { font-size:12px; color:#508ebe; font-weight:400;  }
.TOPMENU .li:hover { background:rgba(0,0,0,0.2); color:#fff; }
.TOPMENULOAD { position:absolute; z-index:1; top:0; width:100%; height:100%;  left:0; background:#fff;   -webkit-box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px -3px rgba(0,0,0,0.75); }
.TOPMENU .TXTLOGO { float:left;    font-weight:800;  padding:5px; font-size:19px; margin:0px 50px 10px 0px; }
.TOPMENU .TXTLOGO span { color:#fff }
.TOPMENU .TXTLOGO img { height:110px; }
.TOPMENU .MENUALANI { position:absolute; right:0; bottom:0;   }
.TOPMENU .ADRESALANI { position:absolute; right:0; top:30px; text-align:right; font-size:14px;  }
.TOPMENU .ADRESALANI p { font-size:28px; font-weight:800; color:#000;  }
.TOPMENU .ADRESALANI span { font-size:13px; font-weight:400; color:#000;  }
/*******************************/

/*******************************/
.NEREDEYIM  {   padding:0px 0px; margin-bottom:10px; }
.NEREDEYIM .li { padding:15px 0px; float:left; font-size:30px; color:#000;  }
/*******************************/

.aramask { width:100%  }





.YORUMSAY    { max-width:1100px; margin:0 auto;  background:#fff; padding:50px;    -webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);  }




/********************************** 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 *********************************/


/****************************************************************/
.BLOG_0            { max-width:1100px; margin:0 auto; padding:30px 0px 0px 0px; background:#fff; }
.BLOG_0 h1  { text-align:center; border-bottom:1px solid #ccc; margin-bottom:10px;  }
.BLOG_0 h1 span { color:#666; background:#fff; display:inline-block; margin-bottom:-19px; padding:0px 20px;}
.BLOG_0 .yorumlist {width:calc(50% - 10px); float:left;   }
.BLOG_0 .yorumlist .padding { padding:40px 20px 40px 20px; position:relative; }
.BLOG_0 .yorumlist .p { color:#666; font-size:14px ; line-height:26px;   height:80px; overflow:hidden; }
.BLOG_0 .yorumlist .isim { font-weight:800; position:relative; padding:10px 30px 0px 0px; font-size:20px;  }
.BLOG_0 .yorumlist .isim .material-icons { position:absolute; right:0px; top:0px; font-size:17px; color:#ccc }
.BLOG_0 .yorumlist .devam { color:#000; text-align:right; display:inline-block; }
.BLOG_0 .yorumlist img { width:100%; }
 /****************************************************************/
 
/****************************************************************/
.BLOG_1            { max-width:1100px; margin:0 auto; padding:80px 0px 0px 0px; }
.BLOG_1 h1  { text-align:center; border-bottom:1px solid #ccc; margin-bottom:10px;  }
.BLOG_1 h1 span { color:#666; background:#fff; display:inline-block; margin-bottom:-19px; padding:0px 20px;}
.BLOG_1 .yorumlist { width:50%; float:left;   }
.BLOG_1 .yorumlist .padding { padding:40px 20px 40px 40px; position:relative; }
.BLOG_1 .yorumlist .p { color:#666; font-size:14px ; line-height:26px;   height:80px; overflow:hidden; }
.BLOG_1 .yorumlist .isim { font-weight:800; position:relative; padding:0px 30px 0px 0px; font-size:20px;   }
.BLOG_1 .yorumlist .isim .material-icons { position:absolute; right:0px; top:0px; font-size:17px; color:#ccc }
.BLOG_1 .yorumlist .devam { color:#000; text-align:right; display:inline-block; }
 /****************************************************************/





/****************************************************************/ 
.BLOG_109               {   position:relative;  margin:0 auto; z-index:10; max-width: 1000px; padding: 50px 0px; text-align: center    }
.BLOG_109 .owl-carousel { padding: 50px 0px  }
.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; text-align: center; padding: 15px 0px  }
.BLOG_109 .owl-item h2 span  { font-size: 14px; display: inline-block; width: 100%; }
.BLOG_109 .owl-item p { font-size: 18px; padding: 10px 0px}
/*******************************/ 
.BLOG_109 .owl-item .yor { padding: 10px 40px}
.BLOG_109 a.dev { display: inline-block; padding: 9px 15px; border: 1px solid #000; color: #000; font-size: 16px}
.BLOG_109 a.dev:hover { background: #000; color: #fff; }




/****************************************************************/ 
.BLOG_102            {  margin:0px auto; padding:0px 0px 0px 0px; background: url(bg1.jpg) bottom right no-repeat   }
.BLOG_102 h1         { text-align:center;  margin-bottom:10px; display:none  }
.BLOG_102 h1 span { color:#666; background:#fff; font-size:15px; display:inline-block; margin-bottom:-19px; padding:10px 20px; -webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px; }
.BLOG_102 .yorumlist { padding:30px 0px; text-align:center; }
.BLOG_102 .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:#003bb6; }
.BLOG_102 .devam:hover { background:#000 }
.BLOG_102 .yorumlist .padding { padding:0px 0px 0px 0px;   }
.BLOG_102 .yorumlist .p { font-size:13px; line-height:26px; padding:10px 0px; color:#000; height:60px; overflow:hidden; }
.BLOG_102 .yorumlist .isim { font-size:18px; font-weight:800; padding:10px 0px 10px 0px; color:#000; }
/****************************************************************/
/*******************************/
.BLOG_102 .owl-carousel {  max-width:500px; background:rgba(255,255,255,0.5); padding:0px 50px    }
.BLOG_102 .owl-carousel .owl-nav { text-align:center; padding-bottom:20px; }
.BLOG_102 .owl-carousel .owl-prev {   color:#fff; display:inline-block; padding:5px 10px; background:#000; }
.BLOG_102 .owl-carousel .owl-next {   color:#fff; display:inline-block; padding:5px 10px; background:#000; }
.BLOG_102 .owl-carousel .owl-next:hover { background:#003bb6; }
.BLOG_102 .owl-carousel .owl-prev:hover { background:#003bb6; }
.BLOG_102 .owl-item { margin: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:#003bb6; }
.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:#003bb6; }
/****************************************************************/
/*******************************/
.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:#003bb6; }
.BLOG_103 .owl-carousel .owl-prev:hover { background:#003bb6; }
.BLOG_103 .owl-item { margin:0px;  }
/*******************************/ 


/****************************************************************/ 
.BLOG_104            {   padding:40px 0px 60px 0px; background:#eef2f5     }
.BLOG_104 h1         { text-align:center;   margin-bottom:10px; display:none;    }
.BLOG_104 h1 span { color:#666; background:#fff; font-size:15px; display:inline-block; margin-bottom:-19px; padding:10px 20px; -webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px; }
.BLOG_104 .yorumlist { padding:30px 0px; text-align:center; }
.BLOG_104 .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:#003bb6; }
.BLOG_104 .devam:hover { background:#000 }
.BLOG_104 .yorumlist .padding { padding:0px 30px 0px 30px;   }
.BLOG_104 .yorumlist .p { font-size:13px; line-height:26px; padding:10px 0px; color:#666; height:60px; overflow:hidden; }
.BLOG_104 .yorumlist .isim { font-size:18px; font-weight:800; padding:10px 0px 10px 0px; color:#003bb6; }
/****************************************************************/
.BLOG_104 .CNT        { padding:0px 0px; max-width:900px; margin:0 auto; }
.BLOG_104 .CNT .MT    { padding:0px 20px;   }
.BLOG_104 .CNT .MT p  { line-height:30px; font-size:14px; color:#666 }
.BLOG_104 .CNT .MT h2 { line-height:30px; font-size:25px; color:#555; margin-top:50px; padding-bottom:15px; }



 



/****************************************************************/ 
.BLOG_106            {    padding:0px 0px 0px 0px;   position:relative; max-width:100%; margin:0 auto      }
.BLOG_106 .yorumlist { padding:0px 0px; text-align:center; }
.BLOG_106 .yorumlist .padding { padding:0px; position:relative;   }
.BLOG_106 .yorumlist img { width:100%;  }
.BLOG_106 .yorumlist .isim { position:absolute; top:10%; width:100%; }
.BLOG_106 .yorumlist .isim h2 { font-size:28px; color:#000; border-bottom:1px solid #ccc;  }
.BLOG_106 .yorumlist .isim h2 span { display:inline-block; padding:0px 15px; background:#fff; margin-bottom:-17px }
.BLOG_106 .yorumlist .isim p  { color:#000; margin-top:25px;  }
/****************************************************************/
/*******************************/
.BLOG_106 .owl-carousel {   }
.BLOG_106 .owl-carousel .owl-nav { text-align:center; padding-bottom:20px; position:absolute; bottom:-40px; width:100%;  }
.BLOG_106 .owl-carousel .owl-prev {   color:#555; display:inline-block; padding:5px 10px; background:#dedede; }
.BLOG_106 .owl-carousel .owl-next {   color:#555; display:inline-block; padding:5px 10px; background:#dedede; }
.BLOG_106 .owl-carousel .owl-next:hover { background:#fff; }
.BLOG_106 .owl-carousel .owl-prev:hover { background:#fff; }
.BLOG_106 .owl-item { margin:0px;  }
/*******************************/ 



/*******************************/ 
.BLOG_REL  { position:relative;  }
.BLOG_REL img { width:100%; position:relative; z-index:1; }
.BLOG_REL .REL_M { position:absolute; z-index:10; top:35%; left:0; width:100%; text-align:center; color:#fff; text-shadow:1px 1px #000 }
.BLOG_REL .REL_M h2  { font-size:45px; font-weight:800; }
.BLOG_REL .REL_M p   { font-size:22px; font-weight:300; }
/*******************************/ 



 
/****************************************************************/
.yukari {  background:#003bb6; color:#000; position:fixed; bottom:30px; right:30px; z-index:4500; padding:8px; display:none  }
.yukari .material-icons { font-size:36px; } 
.yukari:hover { background:#fff;  cursor:pointer }
/****************************************************************/








.ANASAYFA   { position:fixed; left:0; top:0; z-index:99999; background:#fff url(anasayfa.jpg) top center no-repeat; width:100%; height:100%; }

.ANASAYFA .MENU  { position:fixed; bottom:30px; left:0; width:100%; background:#000; z-index:40 }
.ANASAYFA .MENU .li { float:left; padding:15px 15px; font-size:16px; color:#fff; font-weight:300; }
.ANASAYFA .MENU .li:hover { background:#C00 }

.ANASAYFA .logo { width:250px; left:50px; top:50px; position:fixed; }


.ANASAYFA .MENUG { position:fixed; right:50%; padding-right:50px; top:110px;  }
.ANASAYFA .MENUG .li { padding:8px 50px 8px 0px; color:#000; font-weight:800; border-bottom:1px solid #000;   }
.ANASAYFA .MENUG .li:hover { color:#fff; border-bottom:1px solid #fff; }
.ANASAYFA .MENUG .li_1 { margin-top:360px }

.ANASAYFA .MENUK { position:fixed; left:50%; padding-left:50px; top:170px;  }
.ANASAYFA .MENUK .li { padding:8px 0px 8px 20px; color:#000; font-weight:800; border-bottom:1px solid #000; text-align:right; }
.ANASAYFA .MENUK .li:hover { color:#fff; border-bottom:1px solid #fff; }

.ANASAYFA .MENUK .li_1 { margin-top:10px }
.ANASAYFA .MENUK .li_2 { margin-top:5px }
.ANASAYFA .MENUK .li_3 { margin-top:7px }
.ANASAYFA .MENUK .li_4 { margin-top:9px }
.ANASAYFA .MENUK .li_5 { margin-top:9px }
.ANASAYFA .MENUK .li_6 { margin-top:7px }
.ANASAYFA .MENUK .li_7 { margin-top:10px }
.ANASAYFA .MENUK .li_8 { margin-top:10px }

.ANASAYFA .sosyalmedya           { position:fixed; right:10px; bottom:33px; z-index:50 }
.ANASAYFA .sosyalmedya img       { width:24px; height:24px; padding:5px; border:1px solid #fff; margin-left:1px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.ANASAYFA .sosyalmedya img:hover { cursor:pointer;  }



/*************** SAĞ FORM **********************/
.sagform { width:300px; height:100%; z-index:9000; position:fixed; background:#fff; right:-300px; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease;-webkit-box-shadow: 0px 0px 24px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -6px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -6px rgba(0,0,0,0.75); }
.sagdanac { background:#ffed00;  position:fixed;  font-size:15px; color:#000; top:45%; right:0; z-index:5000; text-align:center; padding:8px; -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; }
.sagdanac:hover { background:#000; color:#fff; cursor:pointer}
.sagdanac .material-icons { font-size:30px }
.sagform h2 { color:#666; padding:120px 0px 15px 0px }

.sagbg { background: rgba(0, 0, 0, 0.5); position:fixed; top:0; left:-100%; width:100%; height:100%; z-index:8000; transition:All 0.8000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;}
/*************** SAĞ FORM **********************/


/*******************************/
.BGSLIDER { position:fixed; left:0; top:0; z-index:50; width:100%; height:100%;  transition:All 0.8000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;   }
.BGSLIDER .slides-navigation { width:100px; position:fixed; opacity: 0.5; filter: alpha(opacity=50); /  }
.BGSLIDER .slides-navigation .material-icons { color:#fff; font-size:20px; margin:0px; padding:8px;    }
.BGSLIDER .slides-navigation .material-icons:hover { background:#fff; color:#666 }
/******/
/******/
.BGSLIDER .MENU       { position:fixed; background:#000; width:20%; top:0; height:100%; z-index:200;  left:-20%; transition:All 0.8000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;     }
.BGSLIDER .MENU .padding { padding:50px ;  text-align:center; }
.BGSLIDER .MENU .li   { font-size:18px; font-weight:300; color:#fff; padding:7px 0px; margin-bottom:5px;   -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;   background:#a42c2d;}
.BGSLIDER .MENU .li:hover {   cursor:pointer; background:#fff; color: #C30 }
.BGSLIDER .MENU  img.logo { width:100%; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }
/*******************************/

/*******************************/
.Analogo .textlogo              { position:fixed; color:#fff; z-index:200;   bottom:10%;  width:500px; left:50%; margin-left:-250px;  font-size:50px; text-align:center;  }
/*******************************/
.FXMENU { position:fixed; left:50px; top:120px; z-index:1500;   }
.FXMENU .padding {    }
.FXMENU .padding .li { font-size:19px; padding:2px 0px; color:#fff;  }
/*******************************/
.menuac { position:fixed; left:50px; top:50px; width:40px; z-index:900;  transition:All 0.8000s ease; -webkit-transition:All 0.8000s ease;-moz-transition:All 0.8000s ease; -o-transition:All 0.8000s ease;  }
.menuac:hover {   cursor:pointer; }
/*******************************/
.Hsosyalmedya           { position:fixed; top:40px; right:40px; z-index:2000  }
.Hsosyalmedya img       { width:20px; height:20px; padding:5px;   background:#fff; margin-left:1px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.Hsosyalmedya img:hover { cursor:pointer; background:#f2f2f2;}

/*******************************/
.YUKLENME { position:fixed; left:0; top:0; z-index:9000; background:#fff; width:100%; height:100%; }
.YUKLENME .logo { width:100%;   text-align:center; position:absolute;  top:40%; color:#000 }
.YUKLENME .logo img { max-width:250px; }
/*******************************/

/*******************************/
.listeisim { position:absolute; left:50px; top:20px; z-index:1000;    }
.listeisim .li { font-size:13px; font-weight:100; color:#fff; padding:5px 15px; background: rgba(0, 0, 0, 0.5); margin-bottom:3px; }
.listeisim .li:hover { background:#fff; color:#000}
/*******************************/
/*******************************/
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 } 
/*******************************/

table.ozelx  {   width:100% !important; }
table.ozelx  tr td { padding:4px !important;  }
table.ozelx  tr.baslik_tr { background:#f5f5f5 }
table.ozelx tr td:nth-child(odd)  { color:#000 }
table.ozelx tr td:nth-child(even) { color:#666 } 

 


.gorunum { padding:10px; }
.gorunum a { display:inline-block; padding:8px 15px; color:#000   }

/*******************************/
.DIL         { position:absolute; right:0px; top:5px; z-index:9999;  }
.DIL a       { display:inline-block; padding:4px 7px;     background:#000; color:#fff; font-size:14px  }
.DIL a:hover { background:#444; color:#fff }
/*******************************/





/*******************************/
.HEADERBAR   { background:#000; }
.HEADERBAR  .PD { padding:9px 0px; max-width:1100px; margin:0 auto; text-align: right; color:#fff; font-size:11px;   }
/*******************************/

/*******************************/
.HEADER           { padding:0px 0px 0px 0px; text-align:center; overflow:hidden;   }
.HEADER .padding  { max-width:1100px; margin:0 auto;  position:relative; padding:0px 0px 0px 0px; height:0px; }


.HEADER .sosyalmedya    { position:absolute; bottom:10px; right:0px; display:none }
.HEADER .sosyalmedya i  { display:inline-block; padding:9px ; width:100; color:#666;   margin:0px; font-size: 17px; font-weight:normal;  }
.HEADER .sosyalmedya a:nth-child(1) i {  }
.HEADER .sosyalmedya a:nth-child(2) i {   }
.HEADER .sosyalmedya a:nth-child(3) i {  }
.HEADER .sosyalmedya a i:hover { color:#36F }

/*******************************/

 
/*******************************/
.PAYLASHEADER     { float:right; }
.PAYLASHEADER .center { padding:9px 0px 0px 0px}
.PAYLASHEADER .liv {   position:relative; margin:0; float:left; padding:8px 10px 8px 35px; color:#fff; font-size:12px;   }
.PAYLASHEADER .liv i { position:absolute; left:8px; top:9px; font-size:14px; }
/**
.PAYLASHEADER .center .liv:nth-child(1) { background:#3b5998; }
.PAYLASHEADER .center .liv:nth-child(2){ background:#2daae1; }
.PAYLASHEADER .center .liv:nth-child(3){ background:#db2828; }
**/
.PAYLASHEADER .center .liv:hover { color:#000; cursor:pointer;  }

/*******************************/




 

/*******************************/
.ANAKURUMSAL {  margin:0 auto; padding:100px 0px 80px 0px; background:#F2F2F2;  }
.ANAKURUMSAL .padding { max-width:1100px; margin:0 auto }
.ANAKURUMSAL p { font-size:15px; line-height:30px; color:#666 }
.ANAKURUMSAL h1 { font-size:26px; color:#555;   }
.ANAKURUMSAL h2 { font-size:36px; color:#999; letter-spacing:-2px ;  }
.ANAKURUMSAL .bl-1 { width:30%; float:left; }
.ANAKURUMSAL .bl-2 { width:70%; float:left; }
.ANAKURUMSAL .bl-1 h1 { font-size:66px; color:#555;     }
.ANAKURUMSAL .bl-1 h2 { font-size:56px; color:#999; letter-spacing:-2px ;  }


/*******************************/

.homemap { padding:30px; background:#fff}




/*******************************/
.TUMDATA  {  padding:10px 0px; background:#00a2d3}
.TUMDATA .tm-padding { max-width:1100px; margin:0 auto; }
.TUMDATA .li { width:20%; float:left; text-align:center; color:#666;   }
.TUMDATA .li .material-icons { font-size:60px; color:#fff;   transition:All 0.2000s ease; -webkit-transition:All 0.2000s ease;-moz-transition:All 0.2000s ease; -o-transition:All 0.2000s ease;}
.TUMDATA .li .li-p { padding:10px; }
.TUMDATA .li h2 {   font-size:14px; padding:10px 0px; color:#fff; }
.TUMDATA .li p { line-height:25px; font-size:12px }
.TUMDATA .li:hover { background:#000; }
/*******************************/

/*******************************/
 


/*******************************/
.ANAFORM {   padding:50px 0px; color:#fff; background:#f5f5f5 url(bg2.jpg) bottom center no-repeat; }
.ANAFORM .li { padding:20px 0px 0px 0px}
.ANAFORM  h2   { font-weight:700; font-size:25px; padding:20px 0px 20px 0px; text-align:center;   }
.ANAFORM  p   {   font-size:19px; padding:0px 50px; text-align:center;   }
.ANAFORM .li h1   { font-weight:400; font-size:25px;   text-align:left }
.ANAFORM .li .forma { padding:0px 0px 0px 0px }
.ANAFORM .li .padding { padding:0px 0px 0px 0px; text-align:justify; }
.ANAFORM .CENTER { max-width:1100px; margin:0 auto  }
.ANAFORM .FORMLABEL {   width:46%; padding:0px 2%; float:left; }
.ANAFORM .FORMLABEL_ {   width:98%; padding:15px 0%; float:left; } 
/*******************************/

 


/*******************************/
.HYORUMLAR { background: url(dar.jpg) center center no-repeat ; padding:20px 0px;}
.HYORUMLAR .CENTER { max-width:900px; margin:0 auto  }
/*******************************/








.ORTACONTENT { max-width:1100px; margin:0 auto;          }
.ORTACONTENT .ORTAPADDING { padding:0px 0px 50px 0px; }
.ORTACONTENT p { font-size:14px; line-height:23px; color:#666 }

/*******************************/
.CONTAINER { padding:0px 0px 0px 0px; background:url(bg2.jpg) top center no-repeat    }
 

 
 
.CONTAINER .SAG h2 { color:#003bb6; font-size:19px; padding:10px 0px  }
.CONTAINER .SAG p { font-size:15px; line-height:30px } 

.CONTAINER .SAG a { color:#000 }
.CONTAINER .SAG ul { margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
.CONTAINER .SAG ul li {margin:0px 0px; padding:5px 0px 5px 0px; color:#666; }


.CONTAINER .SAG .varsaimg img { width:100%; }


.SOLSABIT {   width:25%; float:left;  }
.SOLSABIT .pad { padding:60px 15px; background:#003bb6; margin-top:45px;    }
.SOLSABIT .pad h2 { color:#fff; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.1); }
.SOLSABIT .li       { position:relative; color:rgba(255,255,255,0.8); padding:10px 0px 10px 0px; border-bottom:1px solid rgba(0,0,0,0.1);   font-size:14px; font-weight:400  }
.SOLSABIT .li:hover { background:rgba(0,0,0,0.1)}
.SOLSABIT .li .material-icons { position:absolute; right:0px; top:6px;   }

 
.SOLSABIT .li_capraz { position:relative; color:rgba(255,255,255,0.8); padding:10px 25px 10px 0px; border-bottom:1px solid rgba(0,0,0,0.1);   font-size:11px; font-weight:400  }
.SOLSABIT .li_capraz:hover { background:rgba(0,0,0,0.1)}
.SOLSABIT .li_capraz .material-icons { position:absolute; right:0px; top:6px;   }


.SOLSABIT .liK { color:#003bb6; font-weight:800;   padding:10px 0px 10px 0px;}



.uyariver { text-align:center; padding:20px; font-size:18px; }



.SOLSABIT .siletisim { padding:20px 0px}
.SOLSABIT .siletisim .p { font-size:18px; color:#666; font-weight:400;  }
.SOLSABIT .siletisim .p span { font-size:26px; color:#000; font-weight:800;  } 



.SAGSABIT {   width:75%; float:left;  }
.SAGSABIT .SAGPAD { padding:50px; background:#fff;  margin-top:30px; -webkit-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75);
box-shadow: 0px 0px 24px -8px rgba(0,0,0,0.75); }

.CAPRAZSAYFA  { background:#fff; padding:20px; }
.CAPRAZSAYFA .CAPRAZSL { width:30%; float:left; }
.CAPRAZSAYFA .CAPRAZSL .li { padding:7px 10px; margin:0px 25px 1px 0px; background:#000; color:#fff;  }
.CAPRAZSAYFA .CAPRAZSL .li:hover { background:#999 }

.CAPRAZSAYFA .CAPRAZSA { width:70%; float:left; }

/*******************************/

.ETIKETLER { padding:8px;   }
.ETIKETLER a { display:inline-block; padding:7px 20px; font-size:12px;  margin:1px; background:#000; color:#fff; float:left; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.ETIKETLER a:hover { background:#003bb6; }
/*******************************/
.FIRMALAR      {    }
.FIRMALAR .li  { border-bottom:1px solid #e4e7eb;    }
.FIRMALAR .li .padding { padding:15px}
.FIRMALAR .li .i { font-size:16px; font-weight:600;   color:#003bb6; padding:15px 0px 0px 0px;  }
.FIRMALAR .li .p { font-size:15px; font-weight:300;   color:#666; padding:8px 0px;  overflow:hidden; }
.FIRMALAR .li .t { font-size:22px; font-weight:200;   color:#000; padding:8px 0px;  }
.FIRMALAR .li img { width:150px; float:left; padding:15px }
.FIRMALAR .li .tl {  padding:0px 40px 0px 10px;   }
.FIRMALAR .li:hover { background:#f2f2f2 }
/*******************************/


/*******************************/
.URUNLER      {  }
.URUNLER .li .padding {   padding:15px; border:1px solid #f2f2f2  }
.URUNLER .li .i { font-size:12px; font-weight:600;  color:#000; padding:2px 0px }
.URUNLER .li .b { font-size:16px; font-weight:300;  color:#000; padding:2px 0px }
.URUNLER .li .p { font-size:14px; font-weight:600;  color:#C00; padding:2px 0px } 
.URUNLER .li img { width:100%; }
.URUNLER .li:hover {  }
/*******************************/

/*******************************/
.ARACLAR { background:#fff; padding:20px; }
.ARACLAR .li { border-bottom:1px solid #dfdfdf;     position:relative; }
.ARACLAR .li img { width:20%; float:left;  }
.ARACLAR .li .padding { padding:10px 0px}
.ARACLAR .li .txt { padding:0px 0px 0px 0px; float:left; width:55%;   }
.ARACLAR .li .txt-p { padding:20px; }
.ARACLAR .li .txt-p h2 { color:#555 }
.ARACLAR .li .txt-p p { padding-top:15px; }
.ARACLAR .li .ru {   bottom:0px;  float:right; width:25%;  }
.ARACLAR .li .ru-p { padding:10px }
.ARACLAR .li .ru .mi { }
.ARACLAR .li .ru .mi .mip { padding:8px 15px;  font-size:12px;   color:#000; border:1px solid #dfdfdf; margin:1%;   }
.ARACLAR .li .fiyat { font-size:20px; font-weight:300; padding:20px 0px 0px 0px; }
/*******************************/


/*******************************/
.URUN1 { background:#fff; padding:20px; }
.URUN1 .li { border-bottom:1px solid #dfdfdf;     position:relative; }
.URUN1 .li img { width:20%; float:left;  }
.URUN1 .li .padding { padding:10px 0px}
.URUN1 .li .txt { padding:0px 0px 0px 0px; float:left; width:70%;   }
.URUN1 .li .txt-p { padding:20px; }
.URUN1 .li .txt-p h2 { color:#555 }
.URUN1 .li .txt-p p { padding-top:15px; }
.URUN1 .li .ru {   bottom:0px;  float:right; width:30%;  }
.URUN1 .li .ru-p { padding:10px }
.URUN1 .li .ru .mi { }
.URUN1 .li .ru .mi .mip { padding:8px 15px;  font-size:12px;   color:#000; border:1px solid #dfdfdf; margin:1%;   }
.URUN1 .li .fiyat { font-size:20px; font-weight:300; padding:20px 0px 0px 0px; }
/*******************************/

/*******************************/
.URUNDETAY               {  }
.URUNDETAY .GORSEL       { width:40%; float:left; }
.URUNDETAY .GORSEL img   { width:100%; }
.URUNDETAY .GORSEL .SPVER  { margin:0px; padding:15px 0px; width:100%; background:#003bb6; color:#fff; margin-top:15px; outline:none; border:none;  }
.URUNDETAY .GORSEL .SPVER:hover { background:#000; cursor:pointer}
.URUNDETAY .GORSEL .altresim { width:49.3%; margin:0px; float:left; padding:1px; margin-bottom:5px;}
.URUNDETAY .GORSEL .a_1 { width:100%;}

.URUNDETAY .ACIKLAMA     { width:calc(60% - 30px); float:left; padding:0px 0px 0px 30px; }

.URUNDETAY table         { border:1px solid #ccc; border-top:none; border-left:none; width:100% !important; font-size:12px; }
.URUNDETAY table   tr td { padding:8px !important; border:1px solid #ccc; border-bottom:none; border-right:none; color:#666}
.URUNDETAY table   tr.baslik_tr { background:#f5f5f5 }
.URUNDETAY table  tr td:nth-child(odd)  { background:#f4f4f4 }
.URUNDETAY table  tr td:nth-child(even) { background:#fff } 
/*******************************/


/*******************************/
.FIRMADETAY        { }
.FIRMADETAY .firma { width:25%; float:left;   }
.FIRMADETAY .firma .pad {   padding:15px; background:#fff; -webkit-box-shadow: 0px 0px 22px -3px rgba(189,189,189,1);
-moz-box-shadow: 0px 0px 22px -3px rgba(189,189,189,1);
box-shadow: 0px 0px 22px -3px rgba(189,189,189,1); }
.FIRMADETAY .firma img { width:100%; }
.FIRMADETAY .firma .detay { padding:8px 15px; text-align:center; background: #64c11f; color:#fff; margin-top:5px; position:relative }
.FIRMADETAY .firma .detay .material-icons { position:absolute; left:15px; top:7px }
.FIRMADETAY .firma .r2 { background:#217fe7 }
.FIRMADETAY .firma .detay:hover { background:#666 }
.FIRMADETAY .firma .i { padding:10px 0px; color:#000; font-weight:700; font-size:20px;  border-bottom:1px solid #ccc; }
.FIRMADETAY .firma .p { padding:6px 0px; color:#000; font-weight:400; font-size:14px; border-bottom:1px solid #ccc; }
.FIRMADETAY .cnt { width:75%; float:left  }
.FIRMADETAY .cnt .pad { padding:0px 0px 0px 40px;   }
.FIRMADETAY .cnt h2 { padding:8px 15px; margin:0px; background:#000; color:#fff; font-size:15px; font-weight:300 }
/*******************************/







/*******************************/
.GALERI     {   }
.GALERI .pad {   }
.GALERI .li { width:25%;   float:left; margin:0; padding:0px; position:relative; z-index:1; overflow:hidden;    }
.GALERI .li .pat{ position:absolute; width:100%; height:100%;   background: rgba(0, 0, 0, .5); top:-100%; transition:All 0.4000s ease; -webkit-transition:All 0.4000s ease;-moz-transition:All 0.4000s ease; -o-transition:All 0.4000s ease; z-index:-5}
.GALERI .li:hover .pat {   }
.GALERI .li .padding { padding:4px    }
.GALERI .li .padding img { width:100%;    }
.GALERI .li .padding img:hover {  opacity: 0.5; filter: alpha(opacity=50); }
 
/*******************************/

/*******************************/
.POSTER     {}
.POSTER .li { width:25%; float:left; }
.POSTER .li .padding { padding:5px; overflow:hidden;   }
.POSTER .li img { width:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.POSTER .li h2 { padding:8px 0px; margin-bottom:10px; display:inline-block; font-size:13px; font-weight:900; border-bottom:2px solid #000 }
.POSTER .li .p { height:90px; color:#666 }
.POSTER .li:hover img { -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
/*******************************/


/*******************************/
.TABPOSTER     { padding-right:250px; }
.TABPOSTER .li { width:50%; float:left; }
.TABPOSTER .li .padding { padding:5px; overflow:hidden;   }
.TABPOSTER .li img { width:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.POSTER .li:hover img { -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); }
/*******************************/




/*******************************/
.VIDEO             { }
.VIDEO .li         { float:left;   padding:1%; width:48%; position:relative; overflow:hidden }
.VIDEO .li img     { width:100%; border:1px solid #fff; }
.VIDEO .li p       { font-weight:800; color:#000;  padding:8px 0px}
.VIDEO .li:hover p {  }
.VIDEO .liste      { position:relative; color:#000; padding:7px 30px  }
.VIDEO .liste .material-icons { position:absolute; left:0; top:2px; }
.VIDEO .liste:hover { color:#F36  }
.VIDEO .li .playbu { position:absolute; left:40px; top:40px;   }
.VIDEO .li .playbu .material-icons { color:#fff; font-size:46px;}
/*******************************/

/*******************************/
.TABVIDEO             { padding-right:250px;   }
.TABVIDEO .li         { float:left;   padding:0%; width:33%; position:relative; overflow:hidden;  }
.TABVIDEO .li img     { width:100%; border:1px solid #fff; }
.TABVIDEO .li p       { font-weight:800; color:#000;  padding:15px 0px; text-align:left !important;     }
/*******************************/

/*******************************/
.BLOG .li {  width:50%; float:left;    }
.BLOG .li .padding { padding:20px 20px; }
.BLOG .li span { font-weight:700; color:#666 }
.BLOG .li img { width:20%; padding:1%; background:#fff; float:left;   }
.BLOG .li .txt { float:left;   position:relative; width:70%; padding-left:5%; }
.BLOG .li .dinle { display:inline-block; padding:7px 10px; font-size:14px; background:#717a89; color:#fff;   }
.BLOG .li .dinle:hover { cursor:pointer; background:#e31e24 }
/*******************************/

/**************************************************************/
.HABERLER                     { }
.HABERLER .li                 {    font-size:18px; background:#fff;  position:relative; border-bottom:1px solid #ccc; }
.HABERLER .li .padding        { padding:20px 60px 20px 110px; }
.HABERLER .li span            { font-weight:700; color:#666 }
.HABERLER .li img             { width:100%; padding-bottom:15px   }
.HABERLER .li h2              { padding:0px 0px; margin-bottom:9px;  display:inline-block; font-size:18px; font-weight:900; color:#353f44;  }
.HABERLER .li p               { color:#666; font-size:15px }
.HABERLER .li .material-icons { font-size:60px; color:#ccc; position:absolute; left:10px; top:10px; }
.HABERLER .li:hover { background:#f5f5f5 }
.HABERLER .li .con { height:90px; overflow:hidden }
/**************************************************************/

 


/*******************************/
.TABLAR             { position:relative; }
.TABLAR .UL_TAB     { padding:10px 0px }
.TABLAR .UL_TAB .li { display:inline-block;  color:#b62424; font-size:13px; font-weight:900; padding:8px 15px; margin-bottom:4px; cursor:pointer; border:1px solid #b62424; }
.TABLAR .UL_TAB .li:hover { background:#000; }
.TABLAR .UL_TAB .activeX { background:#b62424; color:#fff;  } 
.TABLAR .UL_CONTENT p { line-height:28px; font-size:16px; text-align:justify; }
.TABLAR .UL_CONTENT   { display:none; }
.TABLAR .UL_CONTENT:first { background:#F93 }
/*******************************/
 

/*******************************/
.ACILIRTAB             {   }
.ACILIRTAB .UL_TAB     {   }
.ACILIRTAB .UL_TAB .li {  font-size:18px; font-weight:300; padding:12px 15px;   cursor:pointer; border-bottom:1px solid #ccc; position:relative;   }
.ACILIRTAB .UL_TAB .li:hover { background:#f2f2f2; }
.ACILIRTAB .UL_TAB .li .material-icons { position:absolute; right:10px; top:10px; }
.ACILIRTAB .UL_TAB .activeX { background:#f2f2f2;  } 
.ACILIRTAB .UL_TAB .contenti { display:none; padding:50px; }
/*******************************/


/*******************************/
.HABER           { width:100%;   padding:0px 0px 0px 0px;  font-size:15px; text-align:center; display:none }
.HABER .padding  { padding:10px 0px;    }
.HABER .item     {   }
.HABER img       { width:100%; }
.HABER .item h2  { padding:0px 30px; color:#000; display:inline-block;   font-weight:600; }
.HABER .item p   { padding:0px 30px; color:#666; font-weight:400; line-height:22px   }
.HABER .owl-buttons { width:auto;   }
.HABER .owl-buttons div{ color: #fff; display:inline-block; margin: 1px; padding: 3px 10px; font-size: 15px; background: #000; }
.HABER .owl-buttons div:hover{ background:#999; text-decoration: none; }
.HABER .owl-pagination { display:none }
/*******************************/

/*******************************/
.BANNERLIST  { }
.BANNERLIST .li { width:33.33%;  float:left; text-align:center;   }
.BANNERLIST .li .padding { padding:15px; height:160px;   margin:5px; }
.BANNERLIST .li .material-icons { font-size:50px; padding:20px;  border:1px solid #3c4347; color:#3c4347; margin-bottom:20px; -webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px; }
.BANNERLIST .li h2 { color:#3c4347; font-size:16px}
.BANNERLIST .li p  { font-size:16px }
.BANNERLIST .msk { width:90%; margin:0px 5% 0px 5% }
.BANNERLIST .li:hover .material-icons { background:#3c4347; color:#ffed00; } 
/*******************************/ 











/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,.flex-slider a:hover {  outline: none;}
.slides,.slides > li,.flex-control-nav,.flex-direction-nav {  margin: 0;  padding: 0;  list-style: none;}
.flex-pauseplay span {  text-transform: capitalize;}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider { overflow:hidden;  margin: 0;  padding: 0;text-align:center;}
.flexslider .slides > li {  display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides:after {  content: "\0020";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}
html[xmlns] .flexslider .slides {  display: block;}
* html .flexslider .slides {  height: 1%;}
.no-js .flexslider .slides > li:first-child {  display: block;}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider { position:relative; overflow:hidden; }
.flexslider .slides {  zoom: 1;}
.flexslider .slides img {    }
.flexslider .slides .fwresim { width:100%; background:#fff; }
.flex-viewport {  max-height: 2000px;  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease;}
.loading .flex-viewport {  max-height: 300px;}
.carousel li {  margin-right: 5px;}
.flex-direction-nav {  *height: 0;}

 
.flex-direction-nav .flex-disabled {    cursor: default;   }
 
.flex-control-nav {  width: 100%;  position: absolute;  bottom: -40px;  text-align: center;}
.flex-control-nav li {  margin: 0 6px;  display: inline-block;  zoom: 1;  *display: inline;}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 33.33%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
   
  display: block;
  opacity: 0.5;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}















 



 








/***********************************************************************/
.FOOTER                         { width:100%;     }
.FOOTER .CENTER           { width:100%;   padding:0px 0px }
.FOOTER .CENTER .SOLB             { width:50%; float:left; background:#F90   }
.FOOTER .CENTER .SOLB ul          { margin:0px; padding:20px 30px 20px 70px; list-style:none; float:right; }
.FOOTER .CENTER .SOLB ul li       {   font-size:12px; color:#999; margin:0px; padding:4px 20px 4px 0px;  }
.FOOTER .CENTER .SOLB ul li:hover { color:#000 }
.FOOTER .CENTER .SOLB ul li b     {   color:#00a2d3;}
.FOOTER .CENTER .SOLB ul li b:hover { color:#f60a0a; }




.FOOTER .CENTER .b2             { border-top:1px solid #ccc; padding:90px 0px; text-align:center; color:#fff; }
 
.FOOTERSM              { text-align:center; background:#000; padding-top:40px }
.FOOTERSM i            { display:inline-block; padding:0px 5px 0px 0px ; width:100; color:#fff;   margin:0px; font-size: 25px; }
.FOOTERSM .img         { color:#999; padding:7px 15px; display:inline-block}
.FOOTERSM .img:hover i { color:#fff }


.FOOTER .CENTER .siletisim { float:left; padding:20px 40px}
.FOOTER .CENTER .siletisim .p { font-size:14px; color:#999; font-weight:400;  }
.FOOTER .CENTER .siletisim .p span { color:#000; font-size:20px; font-weight:800; }
.FOOTER .CENTER .siletisim h2 { color:#00a2d3 }
.FOOTER .CENTER .siletisim .material-icons { color:#dcdcdc; font-size:46px; border-bottom:5px solid #dcdcdc; margin-bottom:15px }
 
 
 
.FOOTER .FOOTERMENU { background:#000; padding:20px; text-align:center; }
.FOOTER .FOOTERMENU a { color:#888; font-size:12px;  display:inline-block; padding:7px 10px }
.FOOTER .FOOTERMENU a:hover { color:#fff; }
.FOOTER .FOOTERMENU p { color:#999; padding-top:10px; font-size:14px; font-weight:400; border-top:1px solid #444; margin:20px 50px }
/***********************************************************************/


/*******************************/
.BULTEN               { background:#000; padding:60px 0px 20px 0px; display:none   }
.BULTEN .center       {  text-align:center;  margin:0 auto;  }
.BULTEN .center h2    { padding:0px 0px 8px 0px; color:#f7c022; display:inline-block; font-size:20px; font-weight:900; }
.BULTEN .center p     { padding:9px 0px; color:#fff; font-weight:400; font-size:12px;      }
.BULTEN .mailadresi   { width:69%; padding:14px 3%;  margin:0px; border:none; outline:none; color:#000;  font-family: 'Jaldi', sans-serif; font-weight:400; font-size:15px; float:left;   }
.BULTEN .gonder       { float:left; padding:11px 0px; color:#666; text-align:center; width:25%; float:left; background:#ddd; }
.BULTEN .gonder:hover { cursor:pointer; background:#ccc; }
.BULTEN .MCN  {   -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; overflow:hidden;  max-width:350px; margin:0 auto; }
/*******************************/




/*******************************/
.PAYLAS         { padding:10px 0px ;   text-align:right;   }
.PAYLAS .CT     { max-width:1100px; margin:0 auto; }
.PAYLAS .li { display:inline-block; font-size:12px; padding:10px 25px 10px 25px; background:#000; color:#fff; margin:0px; text-align:center }
.PAYLAS .li img { width:15px; height:15px; }
.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;  }
/*******************************/





/*******************************/
 
.FORMSOL { }
.FORMSOL .padding { padding:0px 0px 0px 0px}
/***/
form.form_form            {   }
form.form_form .form_tr   {   font-size:15px; padding-top:20px;      }
/***/
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;   }
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;    }
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;   }
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;  }
form.form_form .form_button:hover { background:#666; color:#fff; cursor:pointer; }
/***/
/*******************************/


/********************************** MESAJ UYARISI *********************************/

.loading_wrapper {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.loading_wrapper .bubble {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: green;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background: #fff;
}

.loading_wrapper .bubble:first-child {
  opacity: 0.5;
  z-index: 10;
  -webkit-animation-name: bubble1;
          animation-name: bubble1;
}

.loading_wrapper .bubble:nth-child(2) {
  opacity: 0.6;
  z-index: 9;
  -webkit-animation-name: bubble2;
          animation-name: bubble2;
}

.loading_wrapper .bubble:nth-child(3) {
  opacity: 0.5;
  z-index: 8;
  -webkit-animation-name: bubble3;
          animation-name: bubble3;
}

.loading_wrapper .bubble:nth-child(4) {
  opacity: 0.6;
  z-index: 7;
  -webkit-animation-name: bubble4;
          animation-name: bubble4;
}

@-webkit-keyframes bubble1 {
  0% { top: 50%; }
  40% { top: calc(50% - 25px); }
  60% { top: calc(50% - 25px); }
  100% {  top: 50%; }
}

@keyframes bubble1 {
  0% { top: 50%; }
  40% { top: calc(50% - 25px); }
  60% { top: calc(50% - 25px); }
  100% { 
    top: 50%; 
  }
}

@-webkit-keyframes bubble2 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% + 25px); 
  }
  60% { 
    left: calc(50% + 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@keyframes bubble2 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% + 25px); 
  }
  60% { 
    left: calc(50% + 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@-webkit-keyframes bubble3 {
  0% { 
    top: 50%;
  }
  40% { 
    top: calc(50% + 25px); 
  }
  60% { 
    top: calc(50% + 25px); 
  }
  100% { 
    top: 50%; 
  }
}

@keyframes bubble3 {
  0% { 
    top: 50%;
  }
  40% { 
    top: calc(50% + 25px); 
  }
  60% { 
    top: calc(50% + 25px); 
  }
  100% { 
    top: 50%; 
  }
}

@-webkit-keyframes bubble4 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% - 25px); 
  }
  60% { 
    left: calc(50% - 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@keyframes bubble4 {
  0% { 
    left: 50%;
  }
  40% { 
    left: calc(50% - 25px); 
  }
  60% { 
    left: calc(50% - 25px); 
  }
  100% { 
    left: 50%; 
  }
}

@-webkit-keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg); 
            transform: rotate(0deg);
  }
  50% { 
    -webkit-transform: rotate(180deg); 
            transform: rotate(180deg);
  }
  100% { 
    -webkit-transform: rotate(360deg); 
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg); 
            transform: rotate(0deg);
  }
  50% { 
    -webkit-transform: rotate(180deg); 
            transform: rotate(180deg);
  }
  100% { 
    -webkit-transform: rotate(360deg); 
            transform: rotate(360deg);
  }
}





.spinner {
  width: 50px;
  height: 50px;
  background-color: #000;

  margin: 0px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
 




@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}




@-moz-keyframes spin    { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin         { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.spin { -webkit-animation:spin 8s linear infinite ; -moz-animation:spin 8s linear infinite ; animation:spin 8s linear infinite ; }
.load { -webkit-animation:dol 4s /*linear  infinite*/; -moz-animation:dol 4s /* linear infinite*/; animation:dol 4s /*linear infinite*/; }

@-moz-keyframes dol    
{    
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}
@-webkit-keyframes dol 
{   
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}
@keyframes dol
{   
	0% { width:0%; } 
	30% { width:50%; } 
	100% { width:100%;  }
}




.BuyukSlider { padding:30px 0px 0px 0px; position:relative;   }
/*****************************/
.SliderB     { max-width:1100px; margin:0px auto; padding:0px 0px 0px 0px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; overflow:hidden; }
.SliderB img {   }
.SliderB .flex-direction-nav {    top:40%; width:100%;  position:absolute; }
.SliderB .flex-direction-nav li { display:inline-block; }
.SliderB .flex-direction-nav a { z-index: 10; cursor: pointer;    padding:8px; color:#000; background:#fff; display:inline-block; position:absolute; }
.SliderB .flex-direction-nav a:hover { background:#000 ; color:#fff; cursor: pointer;   }
.SliderB .flex-prev {    left:0px;  }
.SliderB .flex-next {   right:0px;    }
.SliderB .sla { float:left; width:100%;  }
.SliderB .sla img { width:100%; }
.SliderB .slb { width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.7); -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease; } 
 
.SliderB .slidertext    { padding:20px 15% 30px;  z-index:500; text-align:center   }
.SliderB .slidertext h2 { font-size:20px; font-weight:800; color:#fff; padding-bottom:15px}
.SliderB .slidertext p  { font-size:14px; font-weight:300; color:#fff;   }
.SliderB .slidertext .material-icons { position:absolute;   font-size:80px; margin-top:-100px; color:#fff;   }
/*****************************/ 







/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    
    
  }
  .flex-direction-nav .flex-next {
    
  }
}

@media screen and (max-width:1300px) {
.WEBCONTENT { max-width:100%;   }

} 
