h1,h2,h3,h4,p,strong,b,ul,li { margin:0px; padding:0px; list-style:none;  }
h1,h2,h3,h4 {   }
a { text-decoration:none; color:#666  }



.bold { font-weight: bold;}
.ciz { text-decoration: line-through; }

.innerbox {     -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }


#clear { clear:both }
.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; }


.scale1 { -webkit-transform: scale(1.20); -moz-transform: scale(1.20); -o-transform: scale(1.20); -ms-transform: scale(1.20); transform: scale(1.20); }

.don4 {   -webkit-animation:spin 4s linear infinite;  -moz-animation:spin 4s linear infinite;  animation:spin 4s linear infinite; }
.don8 {   -webkit-animation:spin 8s linear infinite;  -moz-animation:spin 8s linear infinite;  animation:spin 8s linear infinite; }




 


.rad   { -webkit-border-radius: 600px; -moz-border-radius: 600px; border-radius: 600px; }
.rad6  { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.rad10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; }


.YUKLENME { background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:50000;    }
.YUKLENME img { width:90px; position:absolute; left:50%; top:40%; margin-left:-45px;   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }
.loaderLOGO {  position:absolute; left:50%; top:50%;  width: 400px;  margin-left:-200px; margin-top:-200px; 
  animation: bounce 0.2s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5,0.05,1,.5);
  animation-iteration-count: infinite;}

.loaderX { position:absolute; left:50%; top:50%;  width: 40px; height: 40px; margin-left:-20px; margin-top:-20px; border: 2px solid #3b8e8e;  border-top:2px solid #fff; border-radius: 50%; animation: spin 1s linear infinite;
}

blockquote {
    background-color: #f2f2f2;
    border-left: 1em solid #6ead46;
    margin: 1.5em 0 1.5em;
    padding: 1em 1.5em 1em 2.5em;
    position: relative;
}
blockquote:before {
  color: #6ead46;
  content: "\201C";
  font-size: 5em;
  position:absolute;
  left:5px;
  top: 0.6em;
  line-height: 0.1em;
}

blockquote:after {
   color: #6ead46;
  content: "\201D";
  font-size: 5em;
  position:absolute;
  right:3px;
  bottom: 0em;
  line-height: 0.1em;
}


@-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); } }

/********************************** 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 *********************************/

body { margin: 0; padding: 0; font-family: 'Barlow', sans-serif; font-size: 18px; overflow-x:hidden; content: none; }

 






.IN:after { clear: both;  content: ""; display: table; }


.clear:after { clear: both;  content: ""; display: table; }







.NLOGIN { position:fixed; width: 100%; height: 100%; left: 0; top:0;  background: rgba(0,0,0,0.5); z-index:4000; overflow: auto; display: none;   }
#NLOGIN {  width: 400px; left: 50%; margin-left: -200px; background: #fff; top: 30%; position: absolute; margin-bottom: 100px;  }
#NLOGIN .loginkapat { position: absolute; right: 0px; top: -30px; font-size: 19px; background: #fff; color:#000; padding: 10px }
#NLOGIN .loginkapat:hover { background: #000; color: #fff; cursor: pointer; }


ul.LOGINTAB { list-style: none; margin: 0; padding: 10px; }
ul.LOGINTAB li { width: calc(100% / 2 - 20px);  padding:10px; color: #fff; background: #000; float: left; text-align: center;  }
ul.LOGINTAB li.active { background: #fff; color:#000}
ul.LOGINTAB li:hover { background: #fff; color: #000; cursor: pointer}
 
ul.LOGINCONTENT { list-style: none; margin: 0; padding: 10px; }
ul.LOGINCONTENT li { display: none }
ul.LOGINCONTENT li.active { display: block }


.RESFORM   { padding:10px; }
.RESFORM p   { padding:10px 0px; }
.RESFORM .text-i { width: calc(100% - 2px - 30px); height: 50px; border: 1px solid #ccc; padding: 0px 15px; outline: none; }
.RESFORM .BUTON  { background: #000; color: #fff; padding: 0px 15px; height: 50px; line-height: 50px; margin-top: 10px; text-align: center; }
.RESFORM .BUTON:hover { background: #464646; cursor: pointer; }









.BAR { background: #fff; height: 50px; position: relative; z-index: 30}
.BAR .IN { max-width: 1200px; margin: 0 auto; border-bottom: 1px dashed #ccc}
 
.BAR .DIL { float: left;  }
.BAR .DIL .li {   display: inline-block; color: #666; font-size: 15px; line-height: 50px; margin-right: 15px }
.BAR .DIL .li:after { content: ''; clear: both; display: table; }
.BAR .DIL .li img { height: 20px; float:left; padding-right: 10px; margin-top: 15px }
 .DIL .li:hover { color: #000; }
.BAR .whatsapp-a { float: right; background: #2cb742; padding: 0px 30px; line-height: 40px; margin: 5px 3px; color: #fff;  }
.BAR .buton-a { float: right;   padding: 0px 30px; line-height: 40px; margin: 5px 3px; color: #fff;  }
.BAR .buton-a:hover { background: #000}


.HEADER { width: 100%; z-index: 10 }
.HEADER .IN { max-width: 1200px; margin: 0 auto; text-align: center; }
.HEADER .LOGO { width: 300px; padding: 30px 0px; float: left;      }
.HEADER .LOGO2 { width: 200px; padding: 30px 0px; float: left; display: none}
.HEADER .IN:after { clear: both;  content: ""; display: table; }




.BAR .LOGINLER { float: right;   }
.BAR .LOGINLER .col {position: relative; float: left; padding: 0px 15px; color: #000; }
.BAR .LOGINLER .col i {  line-height: 50px; }
.BAR .LOGINLER .col .bildirim { position: absolute; background: rgba(255,0,4,1.00); padding: 2px; font-size: 12px; right: 0px; top: 0px; line-height: normal; color: #fff; }




.HEADER ul.MENU {  margin: 0; padding:0px 0px; text-align: center;  display: block; float: right; }
.HEADER ul.MENU li { font-size: 16px; padding: 0px 8px; line-height: 120px; display: inline-block;   font-weight: 600; letter-spacing:-0.5px; list-style:none; margin:0; color:#666; text-transform: uppercase;   }
.HEADER ul.MENU li:hover { color: #000; }



.WP-FIX { position: fixed; z-index: 2000; right: 20px; bottom: 20px; background: #2cb742; color: #fff; width: 50px; font-size: 28px; text-align: center; display: none; }
.WP-FIX i { line-height: 50px; }
.WP-FIX:hover { cursor: pointer; background:#000 }

.PH-FIX { position: fixed; z-index: 2000; left: 20px; bottom: 20px; background: #21c4b3; color: #fff; width: 50px; font-size: 28px; text-align: center; display: none; }
.PH-FIX i { line-height: 50px; }
.PH-FIX:hover { cursor: pointer; background:#000 }



.MENU-M { position: fixed; z-index: 2000; right: 20px; top: 20px; background: #000; color: #fff; width: 50px; font-size: 28px; text-align: center; display: none; }
.MENU-M i { line-height: 50px; }
.MENU-M:hover { cursor: pointer; background:#6ead46 }

.MENU-MOBIL { position: fixed; left:-100%; top:0; z-index: 1500; width: 100%; height: 100%; background: #fff; }
.MENU-MOBIL ul li { line-height: 50px; text-align:right; padding-right: 60px; font-size:28px; color: #000}
.MENU-MOBIL .DIL { position: absolute; bottom: 10px; width: 100%; text-align: center; }
.MENU-MOBIL .DIL .li {   display: inline-block; color: #666; font-size: 15px; line-height: 50px; margin-right: 15px }
.MENU-MOBIL .DIL .li:after { content: ''; clear: both; display: table; }
.MENU-MOBIL .DIL .li img { height: 20px; float:left; padding-right: 10px; margin-top: 15px }



.MOBIL-HEADER {   padding: 10px 0px; display: none;}
.MOBIL-HEADER img { width: 200px; padding-left: 30px;}


@media screen and (max-width: 1000px) {

	.HEADER, .BAR { display: none; }
	.PH-FIX, .WP-FIX, .MENU-M, .MOBIL-HEADER { display: block; }
/**:first-child {  color: lime;} **/	
}







.URUN_CONTENT { }
.URUN_CONTENT .IN { max-width: 1200px; margin: 0 auto; padding: 80px 0px } 
.URUN_CONTENT .IN li { width: calc(100% / 2 - 62px); float: left; padding: 20px; margin: 10px; border: 1px solid #f2f2f2 }
.URUN_CONTENT .IN li img { text-align: center; width: 100%;  }
.URUN_CONTENT .IN li .li { padding: 30px 0px; }
.URUN_CONTENT .IN li .li h2 { font-size: 20px; color: #999; padding-bottom: 8px; }
.URUN_CONTENT .IN li .li .fiyat1 {   }
.URUN_CONTENT .IN li .li .fiyat1 span { text-decoration: line-through; color: #FF0004; }
.URUN_CONTENT .IN li .li .fiyat2 { font-size: 23px;   color: #000;   }
.URUN_CONTENT .IN li a { padding: 8px 20px; background: #999; color: #fff; }
.URUN_CONTENT .IN li a:hover { background: #000}


.URUN_DETAY .IN { max-width: 1200px; margin: 0 auto; padding: 80px 0px } 
.URUN_DETAY .IN .SOL { width: 50%; float: left; }
.URUN_DETAY .IN .SAG { width: calc(50% - 80px); float: left; padding-left: 80px; }

.URUN_DETAY .IN .SAG h1 { font-size: 30px; color: #666; padding-bottom: 8px; font-weight: 600; }
.URUN_DETAY .IN .SAG h2 { font-size: 20px; color: #999; padding-bottom: 8px; font-weight: 300; }
.URUN_DETAY .IN .SAG h3 { cursor: pointer }
.URUN_DETAY .IN .SAG .li p { font-size: 16px}

.URUN_DETAY .zoom { display:inline-block; position: relative; }
.URUN_DETAY .zoom:after {content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0;	}
.URUN_DETAY .zoom img { display: block; }
.URUN_DETAY .zoom img::selection { background-color: transparent; }

 


.URUN_DETAY .adetler { line-height:37px; color:#666; font-weight:600; padding: 15px 0px  }
.URUN_DETAY .adetler input {   border:1px solid #000;  width:30px; height:40px; margin:0px 3px; text-align:center; float:left;  }
.URUN_DETAY .adetler .eksilt { width:30px; background:#000; color:#fff; text-align:center; float:left; line-height:44px; }
.URUN_DETAY .adetler .eksilt:hover { cursor:pointer; background:#666; }


.URUN_DETAY .EKLE { padding:10px 10px; text-align: center; background: #000; color: #fff; }
.URUN_DETAY .EKLE:hover { background: #555; cursor: pointer; }



.oylama { margin-bottom:20px ; opacity: 0.3;  filter: alpha(opacity=30);  }
.oylama:hover {  opacity: 1;  filter: alpha(opacity=100);}
.oylama i:hover { cursor:pointer;  }


.ALI_ZOOM { }
.ALI_ZOOM .al-1 .li { width:calc(100% - 12px); margin-bottom:10px; padding:5px; border:1px solid #f2f2f2; cursor:pointer;  }
.ALI_ZOOM .al-1 .li img { width:100%; }
.ALI_ZOOM .al-1 { width:100px; float:left; }
.ALI_ZOOM .al-2 { width:calc(100% - 112px); float:right;   border:1px solid #f2f2f2 }
.ALI_ZOOM .al-2 img { width:100%; }



.SAGSEPET { background:rgba(0,0,0,0.5); width:100%; height:100%;    position: fixed; left:0%; top:-100%; z-index:2500;  }
.sepetac { position:fixed; right: 10px; top: 50px;  background: #000; font-size: 20px; color: #fff; padding: 10px; z-index: 2800 }
.sepetac:hover  { cursor: pointer; background: #f2f2f2; color: #000}

@media screen and (max-width: 800px) {
	.sepetac { display: none }

}



.SEPETLISTE { position: absolute; width: 90%; height: 90%; left: 5%; top: 5%; background: #fff;  overflow: auto; }
.SEPETLISTE .li { border-bottom: 1px solid #ccc; position: relative; padding:20px; font-size:16px; color: #000; }
.SEPETLISTE .li span { font-size:12px; color: #888; }

.SEPETLISTE .li .sepsil { color: #000; padding: 5px; position: absolute; right: 5px; top: 5px; font-size: 16px; }
.SEPETLISTE .li .sepsil:hover { color:#D9191C }
.SEPETLISTE .li .st-0 { width: 70px; float: left}
.SEPETLISTE .li .st-0 img { width: 100%  }
.SEPETLISTE .li .st-1 { width: calc(70% - 100px); float: left}
.SEPETLISTE .li .st-2 { width: calc(30% - 15px); float:right; padding-right: 15px; text-align: right  }	
.SEPETLISTE .li:hover { background:#f6f6f6 }
.SEPETLISTE .SEPSOL { width: calc(50% - 100px); float: left; padding: 50px  }
.SEPETLISTE .SEPSAG { width: 50%; height: 100%; position:absolute; background: url(nedenbg.jpg) center center no-repeat; background-size: cover; right: 0; top: 0}
.SEPETLISTE .BUTONSET { text-align: center; padding: 10px 0px }
.SEPETLISTE .BUTONSET a { display: inline-block; padding: 9px 15px; margin: 3px; background: #000; color: #fff; }
.SEPETLISTE .BUTONSET a:hover { background: #666}



@media screen and (max-width: 800px) {
.SEPETLISTE { position: absolute; width: 100%; height: 90%; left: 0%; top: 0%; background: #fff;  overflow: auto; }
.SEPETLISTE .SEPSAG { display: none; }
.SEPETLISTE .SEPSOL { width: calc(100% - 40px); float: none; padding: 20px  }
}


 




.li-table { padding: 30px 0px  }
.li-table .li-tr { }
.li-table .li-tr .li-td { padding: 8px 0px;   }
.li-table .li-tr .li-td span { color: #DD0306}
.li-table .li-tr .fiyat { font-size: 38px;}




.SLIDERC                { position: relative; z-index: 1; background: #000 }
.BLOG_111               {   position:relative;    margin:0px 0px 0px 0px; width: 100%; z-index:10; overflow:hidden;   padding: 0px 0px;    }
.BLOG_111 .owl-carousel {   margin: 0 auto; position: relative; z-index: 0}
.BLOG_111 .owl-carousel .owl-nav {     width:100%;  }
.BLOG_111 .owl-carousel .owl-prev {   color:#14a4c7; font-size: 25px;   display:inline-block; padding:5px 5px;   position:absolute; top:50%; left:50px; margin-top:-17px;  }
.BLOG_111 .owl-carousel .owl-next {   color:#14a4c7; font-size: 25px;  display:inline-block; padding:5px 5px;   position:absolute; top:50%; right:50px; margin-top:-17px;  }
.BLOG_111 .owl-carousel .owl-next:hover {   }
.BLOG_111 .owl-carousel .owl-prev:hover {   }
.BLOG_111 .owl-item { margin:0px; padding: 0;   position: relative;}
.BLOG_111 .owl-item  img { width: 100%;}
 
.BLOG_111 .yakinlas .BGIMG {  }
@media screen and (max-width: 1000px) {
 
 
}

.borsa { max-width: 1000px; margin:  0 auto; padding: 10px 0px }

.BANNER { width: 100%; height: 350px; }
.UGDETAY { margin-top: -360px; background: #fff; }
@media screen and (max-width: 1000px) {
.BANNER {   height: 150px; }
.UGDETAY { margin-top:0px; background: #fff; }	
	
 
}








.COMMEND     { background: url(commen.jpg) right center no-repeat; background-size: cover; height: 800px; z-index: 10}
.COMMEND .IN { max-width: 1300px; margin: 0 auto;     }

.BLOG_112               {   position:relative; width: calc(60% - 100px);  z-index:10;     padding: 150px 50px;    }
.BLOG_112 .ikon         { position: absolute; left: 0; top: 50px; font-size: 150px;}
.BLOG_112 .owl-carousel {   margin: 0 auto; position: relative; z-index: 0}
.BLOG_112 .owl-carousel .owl-nav {     width:100%; text-align:right; position:  absolute; top: -80px;  }
.BLOG_112 .owl-carousel .owl-prev {   color:#000; font-size: 35px;  display:inline-block; padding:5px 10px;     }
.BLOG_112 .owl-carousel .owl-next {   color:#000; font-size: 35px;  display:inline-block; padding:5px 10px;     }
.BLOG_112 .owl-carousel .owl-next:hover {   }
.BLOG_112 .owl-carousel .owl-prev:hover {   }
.BLOG_112 .owl-item { margin:0px; padding: 0;   position: relative;}
 
.BLOG_112 .owl-item .musteri {  padding: 40px 0px; margin: 0 auto;     }
.BLOG_112 .owl-item .musteri .isim { padding: 20px 0px; font-size: 28px;}
.BLOG_112 .owl-item .musteri p { line-height: 25px; text-align: justify; font-size: 18px; }
.BLOG_112 h1 {   font-weight: 300; }

@media screen and (max-width: 1000px) {
 
.COMMEND     { height: auto; background: #fff;}
.BLOG_112               {   position:relative; width: calc(100% - 100px);  z-index:10;     padding: 150px 50px;    }
.BLOG_112 .owl-carousel .owl-nav {     width:100%; text-align:center; position:  absolute; top: -120px;  }
.BLOG_112 h1 { font-size: 22px; font-weight: 600; }
}








.INFO     {  overflow: hidden; position: relative; z-index: 10}
.INFO .IN { max-width: 1400px; margin: 0 auto; padding: 100px 20px ; text-align: center; position: relative; z-index: 20; color: #666;    }
.INFO .IN:after { content: ''; display: table; clear: both; }
.INFO .IN .li { width: calc(100% / 3 - 60px); float: left; padding:10px 30px; color: #000 }
.INFO .IN .li .img { width: calc(100% - 0px); height: 150px;   }
.INFO .IN .li .ayrac img { width: 100%; }


.INFO .IN .li h1 { color: #000; padding-top: 30px; font-weight: 300; }
.INFO .IN .li h2 { padding: 10px 0px; font-size: 18px; font-weight: 400; background: #ee5f60; color: #fff; }
.INFO .IN .li:hover h2 { background: #42b24e}
.INFO  .karebg { width: 50%;  position: absolute; left: 0; top: -60%; z-index: 0 }
.INFO  .karebg img {width: 100%; }

@media screen and (max-width: 1000px) {

.INFO .karebg { display: none; }
.INFO .IN { padding: 30px 20px ;      }
.INFO .IN .li { width: calc(100% / 1 - 60px); float: left; padding: 30px; color: #666 }
.INFO .IN .baslik { width: calc(100% / 1 - 60px); }		
	
}

 

.NEDEN          { background:#f7f7f7; -webkit-box-shadow: 0px 0px 28px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 28px -12px rgba(0,0,0,0.75);
box-shadow: 0px 0px 28px -12px rgba(0,0,0,0.75); position: relative; z-index: 60}
.NEDEN .IN { max-width: 1400px; margin: 0 auto; padding: 60px 20px ;  position: relative; z-index: 20; background: url(bg_1.png) center bottom no-repeat; }
.NEDEN .IN:after { content: ''; display: table; clear: both; }
.NEDEN .IN .li { width: calc(100% / 3 - 60px); min-height: 30px; float: left; padding: 30px }
.NEDEN .IN .li p { line-height: 30px; color: #666; font-weight: 300}
.NEDEN .IN .li h1 { padding-bottom: 20px; color: #000; font-weight: 600}
.NEDEN .IN .li ul { padding: 20px 0px}
.NEDEN .IN .li ul li { padding: 8px 10px; border-left: 3px solid #ccc; margin-bottom: 2px}
.NEDEN .IN .li h4 { padding: 20px; border: 1px solid #ccc; font-weight: 300; background: #fff; margin-bottom: 10px; -webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px; text-align: center; }
.NEDEN .IN .li h4 strong { display: inline-block; width: 100%; font-size: 26px }


@media screen and (max-width: 1000px) {
.NEDEN  { margin: 0px 30px}
.NEDEN .IN {  padding: 60px 50px 350px 50px;  }
.NEDEN .IN .li { width: calc(100% / 1 - 0px); min-height: 30px; float: left; padding: 0px }
}
 

.WAVE { background: url(mask.png) top center no-repeat; position: relative; background-size: cover; width: 100%; height: 320px; }
.WAVE  a { display: inline-block; font-size: 20px; position: absolute; top: 100px; left:60%;; background:#febd00; padding: 8px 25px; color: #fff;  -webkit-border-radius: 600px; -moz-border-radius: 600px; border-radius: 600px; }
.WAVE  a:hover { background: #000}




.WAVEC { background: #fff; }
.WAVEC .IN { max-width: 1200px; margin: 0 auto; padding: 0px 20px 100px 20px; text-align: center; position: relative}
.WAVEC .IN h1 { color: #14a4c7; font-size: 36px; padding-bottom: 20px;  }
.WAVEC .IN p  { color: #666; font-size: 18px; line-height: 30px;  }
.WAVEC .IN a.gel  { font-size: 38px; position: absolute; right:40px; top: -40px; color: #14a4c7}
.WAVEC .IN a.gel p { font-weight: 600; }

.RFORM { background: #fff; }
.RFORM .IN { max-width: 1200px; margin: 0 auto; padding:100px 20px 100px 20px; text-align: center; position: relative}
.RFORM .IN:after { content: ''; display: table; clear: both; }
.RFORM .IN .li { width: 50%; float:right; }
.RFORM .IN .li h2 { padding-bottom: 10px; font-weight: 300; }
.RFORM .IN .li h2 strong { color:#14a4c7;}

@media screen and (max-width: 1000px) {
.RFORM { margin: 30px; background: #fff !important;}
.RFORM .IN { padding:30px 20px 30px 20px;   }
.RFORM .IN .li { width: 90%; float:none; margin: 0 auto;  }
}




.KLINIKLER { padding: 80px 0px; background: #f2f2f2   }
.KLINIKLER .IN { max-width: 1400px; margin: 0 auto; padding:50px 20px;   position: relative}
.KLINIKLER .IN:after { content: ''; display: table; clear: both; }
.KLINIKLER .IN .li { width: calc(100% / 4 - 60px); overflow: hidden; margin: 10px; background: #fff; padding: 20px 20px 50px 20px; height: 350px; float:left; color: #666; position: relative; text-align: center; -webkit-box-shadow: 0px 0px 27px -20px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 27px -20px rgba(0,0,0,0.75);
box-shadow: 0px 0px 27px -20px rgba(0,0,0,0.75);}
.KLINIKLER .IN .li h2 { padding: 20px 0px; font-weight: 800; font-size: 20px; }
.KLINIKLER .IN .li i { font-size: 60px; padding-top: 20px;  }
.KLINIKLER .IN .li li {  font-size: 16px;  line-height: 32px;  }
.KLINIKLER .IN .li:hover {-webkit-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.75);
box-shadow: 0px 0px 27px -10px rgba(0,0,0,0.75); }
.KLINIKLER h1 { text-align: center; color: #ccc; }
.KLINIKLER .MORE { position:absolute; bottom: 0;  color: #fff; padding: 10px 0px; width: 100%; left: 0; font-weight: 600; }



@media screen and (max-width: 1000px) {
	.KLINIKLER .IN .li { width: calc(100% / 1 - 60px); height: auto }
}








.RANDEVU { }
.RANDEVU .IN { max-width: 1300px; margin: 0 auto; padding:50px 20px;   position: relative}
.RANDEVU .IN:after { content: ''; display: table; clear: both; }
.RANDEVU .IN .li { width: calc(60% - 40px); float: left; padding: 0px 40px 0px 0px }
.RANDEVU .IN .li h1 { color: #6ead46; padding-bottom: 10px; font-weight: 300; }
.RANDEVU .IN .li p { line-height: 30px; color: #666 }

.RANDEVU .IN .PFORM { width: calc(40% - 100px); float: left; padding: 50px; background: #f8f8f8; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;-webkit-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75); }
.RANDEVU .IN .PFORM h1 { padding-bottom: 20px ; font-size: 28px; color: #888;}



 
.SORULAR .IN { max-width: 1200px; margin: 0 auto; padding: 80px 0px }
.SORULAR .IN .PFORM { padding:50px; background: #f6f6f6; -webkit-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75); }
.SORULAR .IN .PFORM h2 { color: #6ead46; padding-bottom: 10px; font-weight: 300; }
.SORULAR .IN .PFORM p { line-height: 30px; color: #666 }




@media screen and (max-width: 1000px) {
.SORULAR .IN { max-width: 1200px; margin: 0 auto; padding: 20px 30px }
 
}



ul.ACILIRTAB { padding: 20px 0px }
ul.ACILIRTAB li { border: 1px solid #ccc; margin-bottom: 15px; padding: 25px; position: relative; } 
ul.ACILIRTAB li i { position: absolute; right: 25px; top: 25px; font-size: 28px; }
ul.ACILIRTAB li h2:hover { cursor: pointer; }
ul.ACILIRTAB li h2 { padding: 0px; margin: 0; color: #494949; font-size: 20px }
ul.ACILIRTAB li .li { color: #777; padding: 30px 0px; display: none; }
ul.ACILIRTAB li .li p { line-height: 30px; }
ul.ACILIRTAB li:first-child .li {  }
ul.ACILIRTAB .active .li { display: block; }

@media screen and (max-width: 1000px) {
ul.ACILIRTAB li h2 { padding: 0px 40px 0px 0px; margin: 0; color: #494949; font-size: 18px }
 
}




.BLOG_CONTENT { background: #f2f2f2; }
.BLOG_CONTENT .IN { max-width: 1200px; margin: 0 auto; padding: 80px 0px }
.BLOG_CONTENT .IN:after { content: ''; display: table; clear: both; }
.BLOG_CONTENT li {   padding: 60px; margin: 10px;   float: left; width: calc(100% / 2 - 140px);  position: relative; background: #fff;  }
.BLOG_CONTENT li .img { width: 100%; height: 250px }
.BLOG_CONTENT li .li { height: 60px; overflow: hidden; margin-top: 15px }
.BLOG_CONTENT li .li p { line-height: 30px; font-size: 15px }
.BLOG_CONTENT li h2 { padding-bottom: 30px; font-size: 22px; color: #666; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;   }
.BLOG_CONTENT li:hover { -webkit-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);}
.BLOG_CONTENT li a { display: inline-block; padding: 8px 25px; margin-top: 15px;}
.BLOG_CONTENT li a:hover { background: #000 }



@media screen and (max-width: 1000px) {
.BLOG_CONTENT { background: #fff; }
.BLOG_CONTENT .IN {  padding: 20px 30px }
.BLOG_CONTENT li {   padding: 15px 15px 30px 15px; margin: 0px; margin-bottom: 30px;  width: calc(100% / 1 - 30px); border-bottom: 1px solid #ccc;    }
}



.BLOG_CONTENT_DETAY { }
.BLOG_CONTENT_DETAY .IN { max-width: 1200px; margin: 0 auto; padding: 80px 0px }
.BLOG_CONTENT_DETAY .IN:after { content: ''; display: table; clear: both; }
.BLOG_CONTENT_DETAY .SOL { width: 400px;   float:right;  }
.BLOG_CONTENT_DETAY .SOL  .img { width: 100%; height: 90px }
.BLOG_CONTENT_DETAY .SOL h2 { padding-bottom: 10px;  font-size: 16px; color: #666; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;   }
.BLOG_CONTENT_DETAY .SOL li { padding: 15px 0px; }
.BLOG_CONTENT_DETAY .SOL li:hover h2 { color: #000}



.BLOG_CONTENT_DETAY .SAG { width: calc(100% - 450px); float:left; padding: 0px 0px 60px 0px }
.BLOG_CONTENT_DETAY .SAG h1 { color: #6ead46; padding-bottom: 10px; font-weight: 300; }
.BLOG_CONTENT_DETAY .SAG p { line-height: 30px; color: #666 }
.BLOG_CONTENT_DETAY .SAG img { width: 100%; padding: 30px 0px }



@media screen and (max-width: 1000px) {
.BLOG_CONTENT_DETAY .IN {   padding: 0px 0px }
.BLOG_CONTENT_DETAY .SOL { display:none;  }
.BLOG_CONTENT_DETAY .SAG { width: calc(100% - 60px); float:left; padding: 30px 30px 90px 30px }
}




.UYELIK { background: url(http://www.hurttclinic.org/wp-content/uploads/2017/08/image1.jpg) center center no-repeat; background-size: cover; padding: 50px 0px    }
.UYELIK .IN { max-width: 1200px; margin: 0 auto; padding: 80px 0px }
.UYELIK .UYEFORM { max-width: 500px; margin: 0 auto;}



.li-tab { text-align: center }
.li-tab .li { padding: 10px 20px; display: inline-block; color: #000  }
.li-tab .li i { padding-right: 8px}
.li-tab .aktif { border: 1px solid #fff; background: rgba(255,255,255,0.5); border-bottom: none; }
.li-tab .li:hover{  background: rgba(255,255,255,0.5); cursor: pointer }
.li-tab-icerik {   padding: 50px; border: 1px solid #fff; background: rgba(255,255,255,0.5) }



.li-tab-1 {  }
.li-tab-1 .li { padding: 40px 0px; float:left; color: #999; text-align: center; width: calc(100% / 3);   }
.li-tab-1 .li span { display:inline-block; width: 100%; font-size: 36px; font-weight: 800; padding-bottom: 10px;  }
.li-tab-1 .aktif {  background:#fff; color: #000   }
.li-tab-1 .li:hover{  background:#fff; cursor: pointer }
.li-tab-1-icerik {   padding: 50px;  background:#fff; }





.SIPARIS { background:#f2f2f2; padding: 50px 0px    }
.SIPARIS .IN { max-width: 1200px; margin: 0 auto; padding: 80px 0px }
.SIPARIS .UYEFORM { max-width: 500px; margin: 0 auto;}

.SIPARIS h2.formbaslik { padding: 0px 0px 20px; font-size: 22px}







.ILETISIM { }
.ILETISIM .IN { max-width: 1200px; margin: 0 auto; padding: 80px 0px }
.ILETISIM .IN:after { content: ''; display: table; clear: both; }
.ILETISIM .SOL { width: 50%; float:left; }
.ILETISIM .PFORM { width: 50%; float:left; }
.ILETISIM .SOL h2 { color: #6ead46; padding-bottom: 10px; font-weight: 300; }
.ILETISIM .SOL p { line-height: 30px; color: #666 }
.ILETISIM .MAP { width: 100%;  }


@media screen and (max-width: 1000px) {
.ILETISIM .IN {  padding: 40px 30px }
.ILETISIM .SOL { width: 100%; float:left; }
.ILETISIM .PFORM { width: 100%; float:left; padding: 30px 0px }
}


.KLINIKDETAY { }
.KLINIKDETAY .IN { max-width: 1300px; margin: 0 auto; padding:50px 20px;   position: relative}
.KLINIKDETAY .IN:after { content: ''; display: table; clear: both; }
.KLINIKDETAY .IN .li { width: calc(60% - 40px); float: left; padding: 0px 40px 0px 0px }
.KLINIKDETAY .IN .li ul { padding: 10px 0px }
.KLINIKDETAY .IN .li ul li { line-height: 30px}

.KLINIKDETAY .IN .PFORM { width: calc(40% - 100px); float: left; padding: 50px; background: #f8f8f8; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;-webkit-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75); }
.KLINIKDETAY .IN .PFORM h1 { padding-bottom: 20px ; font-size: 28px; color: #888;}

.KLINIKDETAY .BL1 { width: calc(50% - 20px); float: left; padding-right: 20px}
.KLINIKDETAY .BL2 { width: 50%; float: left;}
.KLINIKDETAY .BL3 { width: 100%; float: left; padding-top: 30px}
.GALERI:after {  content: ''; display: table; clear: both;}
.GALERI .img { width: calc(100% / 4 - 10px); float: left; padding: 5px; }
.GALERI .img img { width: 100%; }
.GALERI .img:hover {   -webkit-transform: scale(1.10);
-moz-transform: scale(1.10);
-o-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);
 }
@media screen and (max-width: 1000px) {
.KLINIKDETAY .IN .li { width: calc(100% - 0px); float: left; padding: 0px 0px 0px 0px }
.KLINIKDETAY .BL1 { width: calc(100% - 20px); float: left; padding-right: 20px}
.KLINIKDETAY .BL2 { width: 100%; float: left;}
	.KLINIKDETAY .IN .PFORM { width: calc(100% - 100px); margin: 30px 0px } 
}





.SAYFA { max-width: 1200px; margin: 0 auto; padding: 100px 0px }
.SAYFA:after {  content: ''; display: table; clear: both;}
.SAYFA .SOL { width: 400px;   float:right; background: #fff; -webkit-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75); -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; overflow: hidden;}
.SAYFA .SOL .MENUSOL { padding: 30px; }
.SAYFA .SOL .MENUSOL .li { padding: 15px 0px; font-weight: 600; color: #000; border-bottom: 1px solid #ccc; }
.SAYFA .SOL .MENUSOL .li p { text-transform: uppercase; letter-spacing: 2px; font-size: 12px; color: #ccc; }
.SAYFA .SOL .MENUSOL .li:hover { color: #6ead46; }
.SAYFA .SOL .BILGIFORM { padding: 30px; background: #f2f2f2; }
.SAYFA .SOL .BILGIFORM h1 { font-size: 20px; padding-bottom: 15px}



.SAYFA .SAG { width: calc(100% - 450px); float:left; padding: 0px 0px 60px 0px }
.SAYFA .SAG h1 { color: #6ead46; padding-bottom: 10px; font-weight: 300; }
.SAYFA .SAG p { line-height: 30px; color: #666 }



@media screen and (max-width: 1000px) {
.SAYFA {   padding: 40px 30px }
.SAYFA .SOL { width: 100%; -webkit-box-shadow: 0px 0px 0px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px -17px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px -17px rgba(0,0,0,0.75); -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; overflow: hidden;}
.SAYFA .SAG { width: calc(100% - 0px); float:left; padding: 40px 0px 60px 0px }	
.SAYFA .SOL .BILGIFORM  { display: none; }	
.SAYFA .SOL .UG  { display: none; }	
.SAYFA .SOL .MENUSOL { padding: 0px; }
.SAYFA .SOL .MENUSOL .li p { display: none }
}











.ACIKLAMA          {background: url(https://www.mezopotamyaekoloji.org/wp-content/uploads/2017/03/bg_pic1.jpg) center center no-repeat; background-size:cover;  -webkit-box-shadow: 0px 0px 28px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 28px -12px rgba(0,0,0,0.75);
box-shadow: 0px 0px 28px -12px rgba(0,0,0,0.75); position: relative; z-index: 60}
.ACIKLAMA .IN { max-width: 1400px; margin: 0 auto; padding: 60px 20px ;  position: relative; z-index: 20; overflow: hidden;   }
.ACIKLAMA .IN:after { content: ''; display: table; clear: both; }
.ACIKLAMA .IN .li { width: calc(100% / 2 - 60px); min-height: 30px; float:right; padding: 30px }
.ACIKLAMA .IN .li p { line-height: 30px; color: #fff; font-weight: 300}
.ACIKLAMA .IN .li h2 { padding-bottom: 20px; color: #fff; font-weight: 600}



.ACIKLAMA .IN .li ul { padding: 20px 0px}
.ACIKLAMA .IN .li ul li { width: calc(100% / 2 - 80px); float: left; padding: 2px 40px; margin: 20px 0px; font-size: 20px; font-weight: 600;     background: url(shield.svg) left center no-repeat; background-size: contain }
.ACIKLAMA .IN .li ul:after { content: ''; display: table; clear: both; }


.ACIKLAMA .IN .ODAK { position: relative; width: 50%; float: left; text-align: center; margin-top: 40px;   }
.ACIKLAMA  .karebg { width: 100%;  position: absolute; left: 50%; top:50%; margin-left: -50%; margin-top: -50%; z-index: 0 }
.ACIKLAMA  .karebg img {width: 100%; }
.ACIKLAMA .scel { position: relative; z-index: 20}


@media screen and (max-width: 1000px) {
	.ACIKLAMA  .karebg { display: none; }
.ACIKLAMA .IN .ODAK { position: relative; width:100%;     }
.ACIKLAMA .IN .li { width: calc(100% / 1 - 60px);   }
.ACIKLAMA .IN .li ul li { width: calc(100% / 1 - 80px); float: left;  }
	
}










.BLOG { background:#f5f5fa; overflow: hidden;   }
.BLOG .IN:after { content: ''; display: table; clear: both; }
.BLOG .IN {  max-width: 1200px; margin: 0 auto; padding: 50px 0px 50px 0px;   position: relative; background: url(web2.svg) center center no-repeat; }
.BLOG .IN .li1 { width: 50%; float: left;  }
.BLOG .IN .li1 img { width: 100%; }
.BLOG .IN .li2 { width: calc(50% - 60px); float: left; padding-left: 60px; position: relative; z-index: 10}
.BLOG .IN .li2 h2 { color: #14a4c7; font-size: 36px; padding-bottom: 20px;  }
.BLOG .IN .li2 p  { color: #666; font-size: 18px; line-height: 30px;  }
.BLOG .IN .karebg { width: 100%;  position: absolute; right: 0; top: 0; z-index: 0 }
.BLOG .IN .karebg img {width: 100%; }
.BLOG .AYRAC  { text-align: center;  }
.BLOG .AYRAC .li { width: 5px; height: 5px; background: #dbdbed;  margin: 10px auto}




.WAVED { background: #f5f5fa; }


.BLOG_109            {   position:relative;    margin:0 auto; z-index:10; max-width:1100px; overflow:hidden; padding-top: 0px   }
.BLOG_109 .owl-carousel {  }
.BLOG_109 .owl-carousel .owl-nav { text-align:center;   width:100%;  }
.BLOG_109 .owl-carousel .owl-prev {   color:#fff; font-size: 25px;   display:inline-block; padding:5px 5px;   position:absolute; top:50%; left:0px; margin-top:-17px;  }
.BLOG_109 .owl-carousel .owl-next {   color:#fff; font-size: 25px;  display:inline-block; padding:5px 5px;   position:absolute; top:50%; right:0px; margin-top:-17px;  }
.BLOG_109 .owl-carousel .owl-next:hover {   }
.BLOG_109 .owl-carousel .owl-prev:hover {   }
.BLOG_109 .owl-item { margin:0px;  }
.BLOG_109 .BLOG_LI { position:relative; text-align:center; padding: 15px 0px  }
.BLOG_109 .BLOG_LI h2 { color: #fff; font-size: 50px; font-weight: 100; }




.BLOG_110            {   position:relative;    margin:0 auto; z-index:10; max-width:1000px; overflow:hidden;     }
.BLOG_110 .owl-carousel {  }
.BLOG_110 .owl-carousel .owl-nav { text-align:center;   width:100%;  }
.BLOG_110 .owl-carousel .owl-prev {   color:#000; font-size: 25px;   display:inline-block; padding:5px 5px;   position:absolute; top:50%; left:-50px; margin-top:-17px;  }
.BLOG_110 .owl-carousel .owl-next {   color:#000; font-size: 25px;  display:inline-block; padding:5px 5px;   position:absolute; top:50%; right:-50px; margin-top:-17px;  }
.BLOG_110 .owl-carousel .owl-next:hover {   }
.BLOG_110 .owl-carousel .owl-prev:hover {   }
.BLOG_110 .owl-item { margin:0px;  }
.BLOG_110 .BLOG_LI { position:relative; text-align:center; padding: 0px 0px;   }
.BLOG_110 .BLOG_LI img { width: 80%; -webkit-filter: grayscale(100%);   filter: grayscale(100%); opacity: 0.5; filter: alpha(opacity=50); }
.BLOG_110 .BLOG_LI:hover img  { -webkit-filter: grayscale(0%);   filter: grayscale(0%); opacity: 0.9; filter: alpha(opacity=90);}
.BLOG_110 .BLOG_LI h2 { color: #fff; font-size: 80px; font-weight: 100; }



 

.WEBBANNER { width: 100%; position: relative;     }
.WEBBANNER:after {
   
  content: "";
  background: url(https://quickbooks.intuit.com/au/resources/au_qrc/uploads/2018/01/Online-Business.jpg) center center no-repeat;
  opacity: 0.8;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute; width: 100%; background-size: cover;
  z-index: -1;   
 
}

.WEBBANNER .IN { max-width: 1000px; margin: 0 auto; padding: 100px 0px; text-align: center; color: #fff;   }
.WEBBANNER .IN h2 { font-size: 28px; padding-bottom: 10px;}
.WEBBANNER .IN p  { font-size: 18px; line-height: 30px}


.NEREDEYIM { background: #f2f2f2}
.NEREDEYIM .IN { max-width: 1200px; margin: 0 auto; padding:10px 0px; text-align: center; color: #666; text-transform: uppercase;   }




.ICERIK { max-width: 1200px; margin: 0 auto; padding: 90px 0px }
.ICERIK h1 { font-size: 32px; padding-bottom: 10px; color: #6ead46; font-weight: 300; }
.ICERIK h2 { font-size: 22px; padding-bottom: 10px; }
.ICERIK p  { font-size: 18px; line-height: 30px; color: #666}
.ICERIK:after { content: ''; display: table; clear: both; }

.ICERIK #bol-2-hk { width: 50%; float: left;   }
.ICERIK #bol-2-hk2 { width: calc(50% - 40px); float: left; text-align: center; padding-left: 40px;   }
.ICERIK #ccc ul { margin: 0; padding: 0;   }
.ICERIK #ccc ul:after { content: ''; display: table; clear: both; }
.ICERIK #ccc ul li { width: calc(100% / 3 - 10px); display: table-cell; height: auto;  text-align: center; float: left; margin: 5px; padding: 50px 0px; }
.ICERIK #ccc ul li strong { display: inline-block; width: 100%; font-size: 36px; color: #6ead46 }
 

.ORANLAR2 { padding: 40px 0px; background: #f6f6f6   }
.ORANLAR2 .IN { max-width: 1300px; margin: 0 auto;   text-align: center; position: relative; z-index: 60}
.ORANLAR2 .IN:after { content: ''; display: table; clear: both; }
.ORANLAR2 .IN h4 { width: calc(100% / 4); float: left; padding: 90px 0px; background: url(web2.svg) center center no-repeat; background-size: contain; }
.ORANLAR2 .IN h4 strong { display: inline-block; width: 100%; font-size: 36px; color: #1572b7 }


@media screen and (max-width: 1000px) {
.ICERIK {   padding: 90px 30px }
.ICERIK #bol-2-hk { width: 100%; float: left;   }
.ICERIK #bol-2-hk2 { width: calc(100% - 0px);  padding-left: 0px;   }
.ORANLAR2 { padding: 0px 30px;   }
.ORANLAR2 .IN h4 { width: calc(100% / 2); margin-bottom: 20px; float: left; padding: 40px 0px; background: url(web2.svg) center center no-repeat; background-size: contain; }
}







.ONCESI {  text-align: center; padding: 0px 0px; background: #f5f5f5; overflow: hidden; position: relative; z-index: 20}
.ONCESI .IN { max-width: 1000px; margin: 0 auto;   text-align: center; position: relative; z-index: 60}
.ONCESI h1 { font-size: 28px; padding-bottom: 10px; color: #6ead46}
.ONCESI p  { font-size: 18px; line-height: 30px}
.ONCESI .CN { padding: 40px 0px; position: relative; z-index: 60}
 
.ONCESI   .karebg { width: 100%;  position: absolute; left: 50%; top:50%; margin-left: -50%; margin-top: -50%; z-index: 0 }
.ONCESI   .karebg img {width: 100%; }
 

.OBG { background: #212121 url(footer.jpg) center center no-repeat; background-size: cover; }

.ABONEOL { color: #fff; background: rgba(0,0,0,0.5)  }
.ABONEOL .IN { max-width: 1200px; margin: 0 auto; padding: 60px 0px;   color: #fff; border-bottom: 1px dashed #383838}
.ABONEOL .IN .li { width: calc(100% / 2); float: left; }
.ABONEOL .IN:after { content: ''; display: table; clear: both; }
.ABONEOL .IN .li p { padding-bottom: 18px; color: rgba(255,255,255,0.5)}
.ABONEOL .IN .li h3 { font-size: 16px; padding: 5px 20px 5px 0px ; display: inline-block;   }
.ABONEOL .IN .li .FLOGO { height: 50px;  opacity: 0.5;  filter: alpha(opacity=50); /* For IE8 and earlier */ }
.ABONEOL .IN .li a.buton { display: inline-block; line-height: 50px; font-weight: 800; font-size: 16px; height: 50px; padding: 0px 25px; background: #efefef; color: #14a4c7;  }
.ABONEOL .IN .li a.buton i { padding: 0px 8px}
.ABONEOL .IN .li a.buton:hover { background: #6ead46; color: #fff;  }
.ABONEOL .IN .bultenform { position: relative; background: #fff; overflow: hidden; }
.ABONEOL .IN .bultenform .MA { width: calc(100% - 80px); border:none; background: none; outline: none; padding: 0px 60px 0px 20px; height: 50px; }
.ABONEOL .IN .bultenform .MG { width: 60px; color: #14a4c7; position: absolute; top: 0px; height: 50px; right: 0px; text-align: center; }
.ABONEOL .IN .bultenform .MG i { line-height: 50px; font-size: 25px }
.ABONEOL .IN .bultenform .MG:hover { cursor: pointer; color:#6ead46;   }

.ABONEOL .IN .SOSYALMEDYA { line-height: 50px; text-align: right; }
.ABONEOL .IN .SOSYALMEDYA i { line-height: 48px; font-size: 25px  }
.ABONEOL .IN .SOSYALMEDYA a { display: inline-block; padding: 0px 0px; margin: 0px 3px; color: #fff;     width: 48px; height: 48px; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
.ABONEOL .IN .SOSYALMEDYA a:hover { background:rgba(255,255,255,0.2);   }



@media screen and (max-width: 1000px) {
.ABONEOL .IN {   padding: 60px 30px;   }
.ABONEOL .IN .li { width: calc(100% / 1); float: left; padding: 30px 0px; text-align: center; }
.ABONEOL .IN .SOSYALMEDYA {   text-align: center; }	
}
 
 

.FOOTER-ALT  { background: #000; text-align: center; padding: 30px 0px; color: #fff;  }




.FOOTER {   color: #fff; background: rgba(0,0,0,0.5) }
.FOOTER .IN { max-width: 1200px; margin: 0 auto; padding:20px 0px; position: relative; z-index: 15}
.FOOTER .IN:after { content: ''; display: table; clear: both; }

.FOOTER .IN ul h2 { padding: 10px 0px; color: #ccc }
.FOOTER .IN ul li { padding: 8px 20px; font-size: 15px; display: inline-block;   }
.FOOTER .IN ul li a { color: #fff}
.FOOTER .IN ul li a:hover { color: #ccc;}
.FOOTER .IN ul h3 { padding: 10px 0px; font-size: 25px }
.FOOTER .IN ul h3 i { font-size: 18px; color: #fff }
.FOOTER .IN ul h3 span { font-size: 18px; color: #fff  }
.FOOTER .IN ul li p { line-height: 30px}

.FOOTER .IN ul.bol-1    {   width: calc(100% / 1);    }
.FOOTER .IN ul.bol-2    {  width: calc(35%) }
.FOOTER .IN ul.bol-2 li { padding: 8px 0px; float: left; width: 50%;   }
.FOOTER .IN ul.bol-2:after { content: ''; display: table; clear: both; }


@media screen and (max-width: 1000px) {
.FOOTER .IN {  padding:30px 0px;  }
.FOOTER .IN ul.bol-1    { float: left; width: calc(100%); text-align:center; }
.FOOTER .IN ul.bol-2    { display: none}
.FOOTER .IN ul.bol-2 li { padding: 8px 0px; float: left; width: 100%;   }
 	
	
	
	
	
}


/***/
form.form_form            { text-align:left; }
form.form_form .simgesi { position:absolute; z-index:20; margin-top:22px; margin-left:20px; color:#999; font-size:17px }

form.form_form .form_tr   {   font-size:15px; padding-top:10px;      }
/***/
form.form_form .form_text {  width: calc(100% - 67px);  height:50px; outline:none;   border:1px solid #ccc; position:relative; font-size:15px; font-weight:300; color:#333; margin:5px 0px; padding:0px 15px 0px 50px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-family: 'Exo', sans-serif; font-size:16px; background:#fff;}
form.form_form .form_text:focus { background:#f4f4f4 }
/***/
form.form_form .form_textarea {  width: calc(100% - 67px);  height:90px;    outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300;  color:#333; margin:5px 0px; padding:20px 15px 6px 50px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  font-family: 'Exo', sans-serif; font-size:16px; background:#fff; }
form.form_form .form_textarea:focus { background:#f4f4f4 }
/***/
form.form_form .form_select {   width:100%;  height:50px;   outline:none; border:1px solid #ccc; position:relative;    font-size:15px; font-weight:300; color:#333; margin:5px 0px; padding:6px 15px 6px 50px;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-family: 'Exo', sans-serif; font-size:16px; background:#fff;}
form.form_form .form_select:focus { background:#f4f4f4 }
/***/
form.form_form .form_button  { border:none; outline: none;  font-family: 'Exo', sans-serif;  font-size:15px; font-weight:300;    color: #fff; margin:5px 0px;  padding:0px; width:calc(100%); height:50px;   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
form.form_form .form_button:hover { background:#000; color:#fff; cursor:pointer; }
/***/



.BTN1 { background: #1572b7; color: #fff; }








 
@-webkit-keyframes bardol {
  0%   { width: 0% }
  100% { width: 85% }
}
 
@-moz-keyframes bardol {
  0%   { width: 0% }
  100% { width: 85% }
}
 
@-o-keyframes bardol {
  0%   { width: 0% }
  100% { width: 85% }
}
 
@keyframes bardol {
  0%   { width: 0% }
  100% { width: 85% }
}


.akbar { background: #f2f2f2; margin-top: 20px; }

.sozlesme { padding: 9px 0px;    }








