body, html {font-size:15px; font-family: Verdana,Helvetica,   "Lucida Sans", sans-serif;
  height: 100%;
  margin: 0;}


* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;}
 
/* Header/logo Title */

.container, .container2  {
	background-color:#f2f2f2;
    font-size:14px;text-align:center;line-height:120%; 
    
    font-family: Helvetica, Verdana,  "Lucida Sans",         sans-serif,"bauhaus 93";
	color:#333;overflow:hidden;
 
   }
 
.container { 
 position:relative; vertical-align:bottom;z-index: 0;
 left:0px;top:0px;padding:15px 5px 0px 5px;display:none;
 } 
      
.header{
  background-color: #6ac2bd;
  position:relative;
  color:#7c7c7c;
  font-family: Garamond,Candara, Consolas,"Wide Latin", Helvetica, Verdana;
  text-align:center; 
  vertical-align:middle;
  font-weight:bold;
z-index: 0;font-size: 20px;}

.amblem { 
  background-color: #6ac2bd;
  position:relative;
  z-index: 0;
  color:#7c7c7c;
  font-family: Garamond, Consolas,  Helvetica, Verdana,"bauhaus 93",,,Candara;
  text-align: center; 
  font-size: 20px;
 
  } 
  
/* En ve Tr........................background-color:#f2f2f2;.*/ 
ul.dilp-1{padding:0; margin:0;
  list-style-type: none;line-height:150%;
  float:right;z-index:0;  }
 .dilp-1 a {
  display: block;
  color: #7c7c7c;
  padding-right: 25px ;
  text-decoration: none; 
 cursor:maus-pointer;}
.dilp {
  background-color:#f2f2f2;
  position:relative;
  top:-50px;right:0; 
  font-size:12px; text-align:center ;
  height:0px;
 }

.dilp-1 a:hover {
  color:red;
  }
  
  .kemer3{
  position: relative;
  top: 20%;
  width: 100%;text-align:center;
  background-color:#4cccbb;
  height:1px;
  } 
  .navi {
 display: none;
  padding: 10px 16px;
 /* float: right;
  display: block;*/
  font-size: 30px;
  text-decoration: none;
  color:#4cccbb;
  z-index:99;
    position: fixed;
  bottom: 20px;
  right: 20px;
 
}

  #myNav {
    z-index:3; }	
.navbar { 
  background:#6ac2bd; position:relative; 
       vertical-align:middle; /*border-top:1px solid #777;   height:25px;*/
        z-index:1;height:0;
         }        
         
.menu-1 {
   z-index:+3; 
   font-size: 25px;text-decoration: none; color:#777; 
   cursor:pointer;float: right;
	position:relative;
	top:-40px;
  padding-right:20px;
  }      
              
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: +15;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
  }
.overlay-content {
  position: relative;left:40%;
  top: 15%;text-align:center; 
  width: 25%;
  text-align: center;
  margin-top: 30px;
 }
.overlay-content  a ,.dropdown-contentover a ,.dropbtnover  {font-family: Garamond;
  padding: 2px; font-weight:bold;
  text-decoration: none;
  font-size: 18px;line-height:150%;
  color: #4cccbb;
  display: block;
  transition: 0.3s;}
.overlay a:hover,.overlay .dropdown:hover, .overlay.dropbtnover:hover,.overlay a:focus {
  background-color: #4cccbb;color:#f2f2f2;
 }
.overlay-content:hover {
  color: #f1f1f1;
  }
.overlay a:active,.overlay .dropdown:active {
    background-color: #4cccbb;color:#f2f2f2;
	}
.overlay .closebtn:active {
  color: #f1f1f1; background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
 }	
.overlay .closebtn {
  position: absolute;
  top: 2%;
  right: 45px;
  font-size: 40px;color:#818181;
  }
.kemer{
  position: relative;
  top: 20%;
  width:100%;text-align:center;
  background-color:#4cccbb;
  height:2px;
  }
.kemer2{
  position: relative;
  top: 23%;
  width: 100%;text-align:center;
  background-color:#4cccbb;
  height:2px;
  } 

 .dropbtnover {background-color: inherit;
  
  color: #4cccbb;font-family: Garamond;
  padding: 2px;font-weight:bold;
  font-size: 18px;
  border: none;
  cursor: pointer;
}

.dropdownover {
  position: relative;
  display: inline-block;
}

.dropdown-contentover {
  display: none;
  
  min-width:180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;border-left:3px solid #4cccbb;
}


.dropdown-contentover a:hover {background-color: #4cccbb;color: orange;
}

.dropdownover:hover .dropdown-contentover {
  display: block;border-left:1px solid #4cccbb;
}

.dropdownover:hover .dropbtnover {
  color:#f2f2f2;width:100%;
}

@media screen and (max-height: 668px) {
 .overlay a {
   font-size: 20px}
 .overlay .closebtn {
   font-size: 40px;
   top: 15px;
   right: 35px;}
 /*.container2{display:none;
    
 }
   For mobile phones: */
[class*="col-"] {
  width: 100%; }

  

  /* For desktop:orta ekran büyüklüğü */
   @media only screen and (min-width: 668px) {
   /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  
   .container2, .container{display:block;
    
 }
 .container2,.container {
 text-align:center;font-size:14px;
 overflow:hidden; color:#333;height:65px; background-color:#f2f2f2;line-height:120%; }
  .container { border-right:1px solid #4cccbb;}

.dilp-1 a {
  
padding-right: 25px ;}


.dilp {
  height:65px;background-color:#f2f2f2;
  position:relative;
  top:0;right:0; padding-top:10px;
  font-size:14px; text-align:center ;overflow:hidden;
  line-height:150%;
 }
 

 
 
 
 
 ul.dilp-1{display:block;
  list-style-type: none;line-height:150%;
  text-decoration:none;cursor:maus-pointer;
  float:right;color: #4bcba4;z-index:0;  }

 

.header {height:55px;}
.header0 {
  text-align: center;
  overflow: hidden;
  padding:10px 0px 0px 0px;
  z-index: -1;
  font-size:30px;
 
}
.amblem { height:55px;
  } 
.amblem0 { 
  position:relative;
  z-index: 0;
  color:#777; 
  font-family: Garamond, Candara, Consolas,"Wide Latin", Helvetica, Verdana,"bauhaus 93";
  font-size: 35px; text-align: center;

  } 
 
  /* Style the top navigation bar */
.navbar {height:55px;vertical-align:middle;
background-color: #6ac2bd;z-index: 1
 }
 .menu-1 {font-size: 25px;padding:10px 20px 0px 0px;
	 position:relative;top:0;z-index: 1;
	top:0px;
 }
 

.overlay {
  z-index: +3; }


  


.dropdownover {
  position: relative;
  display: inline-block;
}
.dropdown-contentover {
  display: none;
  position: absolute;
  left:120px;top:-12px;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(3,1,3,1.0);
  z-index: 1;
}
.overlay-content {

width: 20%;}
.overlay-content  a ,.dropdown-contentover a ,.dropbtnover  {font-family: Garamond;

  font-size: 20px;line-height:160%;
  }
.overlay.dropdown:hover {
 color:#4cccbb;
 text-align:center;
 width:100%;
     }

 
 
  @media only screen and (min-width: 992px) {
  /* For desktop: */
  .col-1 {
  width: 8.33%;}
  .col-2 {
  width: 16.66%;}
  .col-3 {
  width: 25%;}
  .col-4 {
  width: 33.33%;}
  .col-5 {
  width: 41.66%;}
  .col-6 {
  width: 50%;}
  .col-7 {
  width: 58.33%;}
  .col-8 {
  width: 66.66%;}
  .col-9 {
  width: 75%;}
  .col-10 {
  width: 83.33%;}
  .col-11 {
  width: 91.66%;}
  .col-12 {
  width: 100%;}
  .container{display:block;}
  
  .container2,.container {text-align:center;font-size:14px;line-height:150%;overflow:hidden; color:#333;height:70px; background-color:#f2f2f2; }
  .container { border-right:1px solid #4cccbb;}
  
 .amblem { height:70px;
  } 
.amblem0 { position:relative;
  z-index: 0;color:#777; font-family: Garamond, Candara, Consolas,"Wide Latin", Helvetica, Verdana,"bauhaus 93";
  font-size: 45px; text-align: center;

  } 
   .header {height:70px;}
.header0 {
  text-align: center;
  overflow: hidden;
  padding:18px 0 12px 0;
  z-index: -1;
 font-size:35px;
 
}
  /* Style the top navigation bar */
.navbar {height:70px;vertical-align:middle;
background-color: #6ac2bd;
 }
 .menu-1 {font-size: 35px; float: right;position:relative;top:0;
	padding-right:25px;
 }
 .dilp-1 a {
  
padding-right: 30px ;}
 
 .dilp {
  height:70px;
  position:relative;
  top:0;right:0; 
  font-size:16px; text-align:center ;overflow:hidden;
  height:70px; line-height:150%;
 }
 

	  
.overlay {
  z-index: +1;}

 .overlay a  {
  padding: 2px;font-weight:bold;
  font-size: 25px;}
 
 
 .dropbtnover {
  background-color: inherit;
  color: #4cccbb;font-family: Garamond;
  padding: 3px;
  font-size: 25px;font-weight:bold;
  border: none;
  cursor: pointer;
}

.dropdownover {
  position: relative;
  display: inline-block;
}

.dropdown-contentover {
  display: none;
  position: absolute;
  left:150px;top:-20px;
  min-width: 230px;
  box-shadow: 0px 8px 16px 0px rgba(3,1,3,1.0);
  z-index: 1;
}


.overlay-content  a ,.dropdown-contentover a ,.dropbtnover  {font-family: Garamond;

  font-size: 25px;line-height:130%;
  }









.overlay.dropdown:hover {
 color:#4cccbb;
 text-align:center;
 width:250px; z-index: 0;
     }

 }
 

 
 
 /*------------------------BÜYÜK EKRAN SONU----------------*/