﻿@charset "UTF-8";
/* ######################################################################## */
/* /////////////////////////////// CSSRESET /////////////////////////////// */
/* ######################################################################## */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { padding:0; margin:0; line-height: 1; }ol, ul, li { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
div, ul, li, span, p, table, tr, td, th, h1, h2, h3, h4, h5, h6, input, textarea { padding:0; margin:0; box-sizing:border-box; } hr { border:none; border-top:#dfdfdf 1px solid; margin:10px 0 10px 0; }
/* ######################################################################## */
/* /////////////////////////////// CSSRESET /////////////////////////////// */
/* ######################################################################## */


body                       {margin: 0; padding: 0; background: url(images/bg1.jpg)  repeat; font-family: 'Oswald', sans-serif; font-weight: 300;background-repeat: no-repeat;
    background-size: cover; }  
a                          {text-decoration: none; color:#000;}
p                          { font-family: 'Roboto Condensed', sans-serif; line-height: 20px; }
h1                         {color: #000; font-family: 'Oswald', sans-serif; font-size: 20px;}
.container                 {width: 1170px; margin: 0 auto;} 
/******************** header *****************/
#header                    {width: 100%; }
.header                    {height: 100px;}
.logo                      {width: 20% ;float: left;  }


.logo img                  {margin: 15px 0 0 0; float: left;  }
 
.logo_text                 {width: 150px;height: 80px; float: right;margin-top: 11px;}
.info-center 			         {width: 60%;float: left;  padding: 50px 0 0 220px; } 
.medya 					           { width: 20%;float: left; }
.info-center p             { float: left; color: #45C0AE; }
.info-title-1              {font-size:18px; font-family: 'Lobster', cursive; border-right: 2px solid #45C0AE; padding-right: 10px;  }
.info-title-2              {font-size:18px; font-family: 'Lobster', cursive; padding-left: 10px;  }
 




/******************** header *****************/

/*******************  menu   ****************/
#genel                     {width: 100%;  height:auto; float: left;}
.nav                       {width: 100%;  background: #ffffff; border-top:1px solid #45C0AE; border-bottom: 1px solid #45C0AE; }  
 
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0 auto;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu {
  width: auto;
 
  font-family: Raleway, sans-serif;
  line-height: 1;
}
#cssmenu ul {  
  
}
#cssmenu > ul > li {  
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li > a {
  margin-right: 0;
  margin-left: -4px;
}
#cssmenu > ul > li > a {
  z-index: 2;
  padding: 18px 25px 12px 25px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: #444444;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-right: -4px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li > a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
   
  content: "";
  
  -o-transition: all .2s ease;
  transition: all .2s ease;
  
  -webkit-transform-origin: bottom;
  -moz-transform: perspective(5px) rotateX(2deg);
  -moz-transform-origin: bottom;
  
}
#cssmenu > ul > li.active > a:after,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
  background: #45C0AE;
}

/******************* menu ************************/

/******************* slider ************************/

.slider                     {width: 100%; height: 350px; margin-top: 20px;   }




/******************* slider *************************/

/******************* içerik *************************/
#icerik                     {width: 100%;  height: auto; float: left;  }
.icerik                     {width: 990px; height: 800px; margin: 0 auto;    }
.eko1                       {width: 500px;  float: left;    }
.eko01video                 {width: 500px;   float: left;  } 
.eko2                       {width: 480px; padding: 5px 10px 10px 30px;
    text-align: CENTER; float: right;   background-color: #fff; border: 1px solid #d5d5d5;     height: 308px;}
.eko2 h1                    {font: normal 22px ;text-align: center; margin-top: 10px;margin-bottom: 10px;}
.eko_01                     {width:200px;   float: left;  margin-right: 12px;    }
 
.eko_01 p                   {font-size: 13px; margin-top: 5px; }
.devami h2                  {font: normal 15px Arial; text-align: center;}
.devami                     {  float: right;   background-color:#45C0AE; }
.devami:hover               { background-color:#414099; }
.devami1 h2                 {font: normal 16px Arial; text-align: center; padding-top: 5px;}
.devami1                    {width: 85px; height: 30px;   float: right; border: 1px solid #d5d5d5;background-color:#904c9f; }
.devami1 a                  {color: #fff;}
.eko_01 h2                  {  margin-top: 5px;}
.eko_02 img                 {margin: 3px;}
.eko_02 p                   {font: normal 10px Arial; margin: 5px; padding-top: 15px;}
.eko_02 h2                  {float: right; margin-right: 15px;}
.eko2 a                     {color: #fff;}
.eko3                       {width: 990px; height: 216px; float: left; background-color: #fff; border: 1px solid #d5d5d5;} 
.eko_03                     {width: 226px; height: auto; float: left; margin: 8px; margin-top: 15px;   }
 
 
.eko3 img                   {margin: 5px;   }
.eko_bilgi                  {width: 240px;   float: left; text-align: center;   }
.eko3 h1                    {text-align: center; font: normal 14px Arial; padding-top: 2px;}
.eko3 p                     {font: normal 12px Arial; margin: 5px;}
.eko4                       {width: 990px; float: left; background-color: #fff;}
.eko4 img                   {margin: 0 0 0 10px;float: left;}
.eko_06                     {width: 520px; float: right;margin-top:10px;}
.eko4 h3                    {text-align: center; font: normal 30px Arial; padding-top: 10px;}
 
.p1                         {width: 500px; height: 200px; float: left;    margin-left: 10px;} 
.p1 p                       {font: normal 15px Arial; margin: 10px; }
.eko_07:hover               {opacity: 0.8;}
.eko07                      {
    float: right;
    width: 100px;
    height: 40px;
    /* border-radius: 5px; */
    margin-right: 20px;
    background-color: #45C0AE;
    margin-top: 0px;
    }
.eko07:hover                {background-color:#414099;}
.eko07 a                {clear: both; text-align: center; font: normal 20px Arial; padding-bottom: 7px; color: #fff;}
 

/*************** içerik ********************************/

/*************** footer ********************************/
#footer                     {width: 100%;  height:150px; float: left; }
 
.Copyright                  {width: 500px; height: 50px; float: left;  margin-left: 300px;}
.Copyright p                {color: #272727; margin-top: 70px;}
.alt_menu                   { float: left;   }
.alt_menu ul li             {float: left; margin: 0 35px 0 10px ; padding-top: 20px; }
.alt_menu a                 {color: #272727;}
.alt_menu a:hover           { color:#fff; } 
.alt_menu li                {font:normal 14px Arial;}
.medya                      {width: 130px;height: 30px;float: right;margin-top: 65px;}
.medya img:hover            {opacity: 0.6;}
/************** footer *************************************/

/*************** hakkimda ***********************************/

.hakkimda                    {float: left; background-color: #ffffff; margin-top: 50px; padding: 30px 0 30px 0;}
.hak_resim                   {width: 20%; height: 300px; float: left; }
.hak_resim img               {margin: 15px 0 0 30px; float: left; }
.hak_text                    {float: left; width: 78%; height: 250px; margin-top: 15px; margin-right: 20px; } 
.hak_bilgi                   {float: left;  height: 600px; margin-left: 20px; margin-right: 20px;}
.hak_bilgi p                 {margin: 15px; font: normal 15px Arial; line-height: 23px; }
/************ hakkimda ***********************************/

/************* nöral terapi ******************************/

#noralterapi                 { height: auto; margin: 0 auto; margin-top:5px; }
.noral_kategori              { height: 500px; margin: 0 auto; margin-top:5px; }
#noralterapi img             {width: 100%;  }
.noral_menu                  {width: 30%; height: 350px; float: left; margin-top:15px;}
.noral_menu ul li:hover      {opacity: 0.6;}
.noral_menu ul li            {margin:10px 19px 0 0;  width:250px; background-color: #904c9f; height:40px; border:1px solid #d5d5d5;  border-radius: 5px; }
.noral_menu li               {padding:10px 0 0 15px;  }
.noral_menu a                {color: #fff;}          
.noral_bilgi                 {border:1px solid #d5d5d5; float: left; width: 70%; height:624px; overflow-y:hidden; overflow: scroll;background-color:#f4f5f6;margin-top:17px; text-align: justify;}
.noral_bilgi  p              {margin: 20px; line-height: 25px;}
.noral_bilgi  h1             {margin: 20px}
 
/********************** nöral terapi ******************************/

/************************ tedaviler ********************************/

.tedaviler                   {width: 1000px; height:auto; margin: 0 auto; margin-top: 3px; }
.tedavi_bilgi                {clear: both; width: 1000px; height: 500px; overflow-y:hidden; overflow: scroll; margin: 0 auto; border:1px solid #d5d5d5; background-color:#ffffff; margin-top: 80px;}
.tedaviler ul li             {float: left; width:200px; height:40px;border:1px solid #d5d5d5; background-color: #904c9f; margin: 0 30px 0 10px;  border-radius: 5px; }
.tedaviler li                {text-align: center; padding-top: 10px;}
.tedaviler a                 {color: #ffffff;} 
.tedaviler ul li:hover       {opacity: 0.6;}
.tedavi_bilgi h1             {margin: 30px;}
.tedavi_bilgi h2             {margin: 30px;}
.tedavi_bilgi p              {margin: 30px;}
.tedavi_bilgi  img           {border-radius: 30px;}
.tedavi_01                   {width: 1000px; height: 200px; margin: 0 auto; margin-top: 5px; margin-bottom: 15px;}
/********************** tedaviler **************************************/
 

/************************ etkinlikler ***********************************/
.etkinlikler                 {  height: 840px; margin: 0 auto; margin-top: 25px; padding-left: 20px; padding-right: 20px; border:1px solid #d5d5d5; background-color: #ffffff;  }
.etkin_bilgi                 {float: left; height:auto; border:1px solid #d5d5d5; padding: 20px 20px 20px 20px;  }
.etkin_bilgi    p            {margin: 20px;line-height: 25px;}
.img_1                       {width: 370px; height: 310px; float: left; }
.img_text                    {float: right; width: 615px; height: 310px;  }
.img_text h1                 {font-size: 18px; margin: 90px 0 0 50px;}
.img_text p                  {font-size: 18px;margin: 50px 0 0 50px; }
/************************ etkinlikler **************************************/

/************************* videolar **********************************/

.videolar                    {width: 1000px; height: 600px; margin: 0 auto;  margin-top: 30px; border:1px solid #d5d5d5; background-color: #ffffff;    }
#videolar                    {width: 290px; height: 250px;   float: left; margin: 20px; } 
 
/************************** videolar *******************************/

/************************** iletişim **********************************/
#iletisim                   {width: 1170px; padding: 50px 30px 50px 30px; height: 800px; margin: 0 auto; margin-top: 25px; background-color: #ffffff;  border:1px solid  #d5d5d5;; }
.forumtext img              {margin-top: 25px; float: left;}
 
.forummenu                  {width:50%; float: left; }
select                      {width:170px; padding: 5px;  }
 
.iletisim_adres             {float: right; width: 50%;  height: 285px;    }
.harita                     {float: left;width: 1000px; height:340px; margin-top: 30px;  } 
.harita  h4                 {font-size: 18px; color: #3E3D9A; padding-left: 5px;} 
.google-map                 {width: 990px; margin: 5px; margin-top: 10px; height: 340px;}

/************************ iletişim *************************************/

/************************* basın ****************************************/

.basin                      {clear: both; width: 100%;padding: 50px 0 50px 0; }
.title_basin                {background-color: #45C0AE; padding: 40px 0 40px 0;   } 
.basin_title                {font: normal 30px Arial; color:#FFFFFF; text-align: center;  } 
.basinimg                   {}
.basinimg2                  {float:left; width: 300px; height: auto; margin: 20px 8px 30px 20px;   }
.basinimg img               {float: left; border:1px solid #d5d5d5;}
.basinimg2 img              {float: left; border:1px solid #d5d5d5;}
.basinlife                  {clear: both; padding:8px 0 0 5px;}
/************************ basın **********************************************/

.clear                      {width: 100%; height: 50px; float: left;}


.col-lg-4 { width: 25%; padding: 0 10px 0 10px; height: 400px;  float: left;margin-bottom: 20px; }
.btn-1 { padding: 8px 15px 8px 15px; } 

.forummenu input { 
    height: 50px;
    border: 1px solid #e3e3e3;
    padding-left: 15px;
    color: #919191;
    font-size: 14px;
    line-height: inherit;
    text-shadow: none;
    transition: border ease .238s;
    margin-bottom: 10px;
    width: 45%;
    float: left;
    margin-right: 10px;

 }
 .forummenu textarea { 
    width: 92%;
    border: 1px solid #e3e3e3;
    padding:15px 0 0 15px;
    color: #919191;
    font-size: 14px;
    line-height: inherit;
    text-shadow: none;
    transition: border ease .238s;
      margin-bottom: 10px;
 }

 .message-box-wrap {
  text-align: center;
     
    background-color: #45c0ae;
    color: #fff;
    padding: 20px
 }