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


/****************************************************************/
.BLOG_0            { max-width:1200px; margin:0 auto; padding:80px 0px 0px 0px; }
.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:33.33%; 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:1200px; 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; }
 /****************************************************************/
 
 
/****************************************************************/
.yukari {  background:#353434; 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 }
/****************************************************************/




.WEBCONTENT {   margin:0 auto; background:#fff; -webkit-box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.37);
box-shadow: 0px 0px 32px -10px rgba(0,0,0,0.37); }



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

 


.gorunum { padding:10px; }
.gorunum a { display:inline-block; padding:8px 15px; color:#000   }

/*******************************/
.DIL         { position:absolute; right:0px; top:130px; z-index:9999;  }
.DIL a       { display:inline-block; padding:7px 10px;     background:#000; color:#fff; font-size:12px  }
.DIL a:hover { background:#444; color:#fff }
/*******************************/





/*******************************/
.BAR                 { margin:0 auto;   text-align:left; font-size:15px;  color:#e6d062; margin-bottom:-40px;   }
.BAR  .padding       { padding:4px 0px; max-width:1000px; margin:0 auto; text-align: right  }
.BAR .material-icons { font-size:18px; padding:7px 0px 0px 0px  }
.BAR span { display:inline-block; padding:0px 5px  }
/*******************************/

/*******************************/
.HEADER           { padding:0px 0px 0px 0px; text-align:center; overflow:hidden; }
.HEADER .padding  { max-width:1200px; margin:0 auto;  position:relative; padding:0px 0px 0px 0px; }
.HEADER img.logo  { height:110px; padding:20px 0px 20px 0px }

.HEADER .headerst { position:absolute; width:350px; left:50%; margin-left:-175px; margin-top:-175px; }
.HEADER .headerst img { width:100%; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); opacity: 0.2; filter: alpha(opacity=20); }

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

.HEADER .slogan { position:absolute; text-align:center; top:30%; left:250px; font-size:28px; }

.HEADER .siletisim {   position:absolute; top:50px; right:0px;}
.HEADER .siletisim .p { font-size:18px; color:#fff; font-weight:400; padding:7px 15px; background:#353434; margin-bottom:2px; -webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;  }
.HEADER .siletisim .material-icons { font-size:18px; padding-right:10px;  }

.HEADER .headebuton  { position:absolute; top:60px; left:0px; padding:9px 15px 9px 35px; color:#fff; background:#d91e1c; font-size:16px; font-weight:300; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.HEADER .headebuton:hover { background:#000; cursor:pointer; } 
.HEADER .headebuton .material-icons { position:absolute; margin-left:-28px; margin-top:-3px; }

.LOGOCONTENT  { width:340px; height:140px; position:relative;   display:inline-block; margin:10px 0px 10px 0px }
.LOGOCONTENT .svg1 { width:100%; position:absolute; z-index:10; left:0; top:0;  }
.LOGOCONTENT .svg2 { width:100%; position:absolute; z-index:40; left:0; top:0;  }

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





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

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


/*******************************/
.ARABASLIK { text-align:left;    font-weight:400; font-size:14px; padding:0px 0px;   background:#484848;      }
.ARABASLIK .pad { max-width:1200px; 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:#fff; padding:15px 0px }
/*******************************/


/*******************************/
.ALTBAR           { padding:10px 0px; font-size:19px; text-align:right; background:#000; color:#fff; font-weight:600; font-size:12px;  }
.ALTBAR .padding  { max-width:1000px; margin:0 auto;    padding:0px 0px 0px 0px; }
/*******************************/

/*******************************/
.TOPMENUH   { width:100%; position:relative; overflow:hidden; }
.TOPMENU           {  background:#d91e1c;  }
.TOPMENU .padding { max-width:1200px; margin:0 auto;   overflow:hidden; }
.TOPMENU .li       { float:left; padding:15px 10px; margin:0px 0px 0px 0px;  font-size:15px;   color:#fff; font-weight:600;     }
.TOPMENU .li span  { font-size:12px; color:#508ebe; font-weight:400;  }
.TOPMENU .li:hover { background:#484848; color:#fff; }
.TOPMENULOAD { position:absolute; top:0; width:40%; height:100%;  right:0; background:#353434; }
/*******************************/

/*******************************/
.NEREDEYIM  {   padding:0px 0px; margin-bottom:10px; }
.NEREDEYIM .li { padding:15px 0px; float:left; font-size:30px; color:#000;  }
/*******************************/

.aramask { width:100%  }

.BuyukSlider {   margin:0 auto; padding:0px 0px; position:relative;   }
 

/*******************************/
.ANAKURUMSAL {  margin:0 auto; padding:100px 0px 80px 0px; background:#F2F2F2;  }
.ANAKURUMSAL .padding { max-width:1200px; 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:1200px; 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; }
/*******************************/

/*******************************/
 
/*******************************/
/*******************************/
.CRS1 {     padding:0px 0px; margin:0 auto;   }
.CRS1 .owl-carousel {    margin:0 auto }
.CRS1 .owl-carousel .owl-prev { width:35px; height:35px; margin:1px; background:#666 url(oklar2.png) center left no-repeat; color:#fff; display:inline-block; }
.CRS1 .owl-carousel .owl-next { width:35px; height:35px; margin:1px; background:#666 url(oklar2.png) center right no-repeat; color:#fff; display:inline-block; }
.CRS1 .owl-carousel .owl-next:hover { background:#000 url(oklar2.png) center right no-repeat; }
.CRS1 .owl-carousel .owl-prev:hover { background:#000 url(oklar2.png) center left no-repeat; }

 
.CRS1 .owl-carousel .item img { width:100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
  }
.CRS1 .owl-carousel .li { margin:0; padding:0;  }
.CRS1 .owl-item { margin:0px !important }
.CRS1 .owl-carousel .item:hover img{  -webkit-filter: grayscale(0%); filter: grayscale(0%); -webkit-transform: scale(1.20);
-moz-transform: scale(1.20);
-o-transform: scale(1.20);
-ms-transform: scale(1.20);
transform: scale(1.20);
}
/*******************************/



/*******************************/
.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:1000px; 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:1200px; 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:#000 url(nbg.jpg) top center no-repeat }
 

 


.CONTAINER .SOL  {   }
.CONTAINER .SOL .li { width:25%; float:left; text-align:center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
.CONTAINER .SOL .li .padding { padding:50px;  }
.CONTAINER .SOL .li img { width:100%; -webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px; -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease; }

.CONTAINER .SOL .li:hover img { -webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); }
 
.CONTAINER .SOL .li h2 { font-weight:100; color:#666; font-size:14px; padding:10px 0px}
.CONTAINER .SOL .li:hover { background:#f2f2f2}
.CONTAINER .SAG  { background:#fff;   padding:40px }
.CONTAINER .SAG p { font-size:16px; line-height:30px } 

.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:right;   }
.SOLSABIT .pad { margin-left:50px; padding-top:70px}
 
.SOLSABIT .li      { margin-bottom:10px; background:#000; color:#fff; padding:8px 10px }
.SOLSABIT .li h2   { font-weight:600; color:#fff; font-size:16px; padding:10px 0px;         }
.SOLSABIT .li p    { font-weight:300; color:#fff; font-size:12px; padding:0px 0px;    }
.SOLSABIT .li:hover h2 { color:#FC0}
.SOLSABIT .li_capraz    { font-weight:300; color:#fff; font-size:14px; padding:8px 15px;  color:#fff; margin-bottom:1px; background:#000; color:#fff;   }
.SOLSABIT .li_capraz:hover { background:#666; }

.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:100%; float:right; }
.SAGSABIT .SAYFABILGI {    padding:0px 0px; padding-top:20px; margin-bottom:-2px; }
.SAGSABIT .SAYFABILGI span { color:#000; font-size:15px; font-weight:500; background:#fff; display:inline-block; padding:15px 20px}



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

.ETIKETLER { padding:8px; background:#f3f3f3 }
.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:#d91e1c; }
/*******************************/
.FIRMALAR      { background:#fff;   }
.FIRMALAR .li  { border-bottom:1px solid #e4e7eb; background:#fff;  }
.FIRMALAR .li .padding { padding:15px}
.FIRMALAR .li .i { font-size:22px; font-weight:600;   color:#000; 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      { 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);}
.URUNLER .li  { width:33.33%; float:left; }
.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 {  }
/*******************************/

/*******************************/
.URUNDETAY               {  }
.URUNDETAY .firma        { width:25%; float:left  }
.URUNDETAY .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); }
.URUNDETAY .firma img    { width:100%; }
.URUNDETAY .firma .detay { padding:8px 15px;  background: #64c11f; color:#fff; margin-top:5px; position:relative; text-align:right }
.URUNDETAY .firma .detay .material-icons { position:absolute; left:15px; top:7px }
.URUNDETAY .firma .r2 { background:#217fe7 }
.URUNDETAY .firma .detay:hover { background:#666 }
.URUNDETAY .firma .i     { padding:10px 0px; color:#000; font-weight:700; font-size:20px;  border-bottom:1px solid #ccc; }
.URUNDETAY .firma .p     { padding:6px 0px; color:#000; font-weight:400; font-size:14px; border-bottom:1px solid #ccc; }
.URUNDETAY .img { width:30%; float:left  }
.URUNDETAY .img img      { width:100%; }
.URUNDETAY .img .pad     { border:1px solid #ccc;}
.URUNDETAY .cnt { width:45%; float:left  }
.URUNDETAY .cnt .pad     { padding:0px 20px }
.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 { padding:40px; 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); }
.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                     {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);}
.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 }
/*******************************/
 


/*******************************/
.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 }
.FOOTERSM i            { display:inline-block; padding:0px 5px 0px 0px ; width:100; color:#00a2d3;   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:20px 0px 20px 0px;   }
.BULTEN .center       {  text-align:center;  margin:0 auto;  }
.BULTEN .center h2    { padding:0px 0px 8px 0px; color:#fff; display:inline-block; font-size:20px; font-weight:600; }
.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: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;  }






/*******************************/
 
.FORMSOL { background:#fff;  padding:40px }
.FORMSOL .padding { padding:0px 0px 0px 0px}
/***/
form.form_form            {   }
form.form_form .form_tr   {   font-size:15px; padding-top:8px;      }
/***/
form.form_form .form_text { width:100%;  height:30px; outline:none;   border:1px solid #ccc; position:relative; font-size:15px; font-weight:300; color:#333; margin:2px 0px; padding:6px 4px; -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:100%;  height:90px;    outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300;  color:#333; margin:2px 0px; padding:6px 4px; -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 4px; -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; }
/***/
/*******************************/


/********************************** 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 2s /*linear  infinite*/; -moz-animation:dol 2s /* linear infinite*/; animation:dol 2s /*linear infinite*/; }

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





/*****************************/
.SliderB     { background:#000; }
.SliderB img {   }
.SliderB .flex-direction-nav {    top:40px; left:55%;   position:absolute; }
.SliderB .flex-direction-nav li { display:inline-block; }
.SliderB .flex-direction-nav a { z-index: 10;       cursor: pointer;    padding:8px; color:#fff; display:inline-block; float:left;  }
.SliderB .flex-direction-nav a:hover { background:#000 ; cursor: pointer;   }
.SliderB .flex-prev {    right:40px;  }
.SliderB .flex-next {   right:0px;    }
.SliderB .sla { float:left; width:50%;  }
.SliderB .sla img { width:100%; }
.SliderB .slb { width:50%; height:100%; position:absolute; right:0; top:0;  } 
.SliderB .slb .ibg { width:100%; height:100%; position:absolute; z-index:-1; background:#000; opacity: 0.5; filter: alpha(opacity=50); -webkit-filter: blur(5px) grayscale(100%); -moz-filter: blur(5px) grayscale(100%); -o-filter: blur(5px) grayscale(100%); -ms-filter: blur(5px) grayscale(100%); filter: blur(5px) grayscale(100%); }
.SliderB .slidertext    { padding:20% 15% 0px 15%; z-index:500; text-align:left; }
.SliderB .slidertext h2 { font-size:36px; font-weight:800; color:#fff; padding-bottom:15px}
.SliderB .slidertext p  { font-size:17px; 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%;   }

}