﻿@charset "utf-8";
html, body {margin: 0% 5%; background-color:#fff; background-image:url(bgwhite.png); background-attachment:fixed;color:#000;font-family:Tahoma,Geneva,sans-serif,FontAwesome; }

/*GRID HEADER BASLAMA*/
.masthead{ grid-area: masthead; }
.headunvan{ grid-area: headunvan;  }
.headmenu{ grid-area: headmenu; }
.gridheader {clear:both;  display: grid; grid-template-columns: 25% 25% auto 25%; 
grid-template-areas: 
'headmenu headmenu headmenu headmenu'
'headunvan masthead masthead masthead' ;
grid-gap: 4px;padding: 4px; background-color:white; text-align:center;}
.gridheader > div {padding:4px 0; border: 0px solid red;}
.logo{position:relative;overflow:hidden;clear:both; margin:0 auto;padding:0; text-align:left;}
.logo img{opacity:0.4;filter:alpha(opacity=40); padding:0;border:0; width:100px; height:auto;}
/*GRID HEADER SON*/

/*GRID CONTAINER BASLAMA*/
.content{ grid-area: content; }
.navigation{ grid-area: navigation; }
.enola { grid-area: enola; }
.yerus{ grid-area: yerus; }
.gridcontainer {clear:both;  display: grid; grid-template-columns: 25% 25% auto 25%;
grid-template-areas: 
'content content content content'
'enola enola yerus yerus';
grid-gap: 4px;padding: 4px; background-color:white; }
.gridcontainer > div {text-align:left; padding:4px 0; font-size:16px; border: 0px solid green;}
/*GRID CONTAINER SONU*/

/*GRID FOOTER BASLAMA*/
.gfmasthead{ grid-area: gfmasthead;}
.gfsidebar{ grid-area: gfsidebar;}
.gfenola { grid-area: gfenola;}
.gfcontent{ grid-area: gfcontent; }
.gfyerus{ grid-area: gfyerus;}
.gfvega{ grid-area: gfvega; }
.gridfooter {clear:both; display: grid; grid-template-columns: 20% 30% auto 20%;
grid-template-areas: 
'gfmasthead gfmasthead gfmasthead gfmasthead'
'gfenola gfcontent gfcontent gfyerus'
'gfvega gfvega gfvega gfvega';
grid-gap: 4px; padding: 4px; background-color:white;}
.gridfooter > div { text-align:center; padding:4px 0;border: 0px solid black; }
.gfenola img{ opacity:0.2;filter:alpha(opacity=20);}
.gfyerus img{ opacity:0.2;filter:alpha(opacity=20);}
/*GRID FOOTER SONU*/

#videoplayer {position:relative;overflow:hidden;clear:both; margin:8px auto;max-width:75%;
  padding: 8px;
  border-style: solid;
  border-color: #9BB189;
  background-color: transparent;
  box-shadow: 0 2px 3px 0 #FFFFFF inset;
  border-collapse: separate;
  background-image: url('wrapper_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: -webkit-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: -ms-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-size: 100% 100%;text-align:left;
}

/*AUDIO PLAYER-1 BASLAMA*/
#audioplayer {position:relative;overflow:hidden;clear:both; margin:8px auto;max-width:75%;
  padding: 8px;
  border-style: solid;
  border-color: #9BB189;
  background-color: transparent;
  box-shadow: 0 2px 3px 0 #FFFFFF inset;
  border-collapse: separate;
  background-image: url('wrapper_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: -webkit-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: -ms-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-size: 100% 100%; text-align:left;
}

  
/*amazingaudioplayer-1*/
#amazingaudioplayer-1 {box-sizing: border-box;background-color: #f9fbe7;padding:8px 4px;display:block;position:relative;width:100%; height:auto;margin:0 auto;}
#amazingaudioplayer-1 div {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#amazingaudioplayer-1 .amazingaudioplayer-text {position: relative;display: block;overflow: hidden;padding:0;margin:0 auto;height:48px;font-size: 14px;}
#amazingaudioplayer-1 .amazingaudioplayer-title {display:block;color:#000000;}
#amazingaudioplayer-1 .amazingaudioplayer-bar {position:relative;width:100%;min-height:80px;float:left;}
#amazingaudioplayer-1 .amazingaudioplayer-bar-buttons-clear {clear:both;}
#amazingaudioplayer-1 .amazingaudioplayer-bar-clear {clear:both;}
#amazingaudioplayer-1 .amazingaudioplayer-bar-title {margin:0 8px;position:relative;float:left;color:#000;line-height:24px;}
#amazingaudioplayer-1 .amazingaudioplayer-prev {position:absolute;top:0;left:1px;}
#amazingaudioplayer-1 .amazingaudioplayer-playpause {position:absolute;top:0;left:50px;}
#amazingaudioplayer-1 .amazingaudioplayer-next {position:absolute;top:0;left:99px;}
#amazingaudioplayer-1 .amazingaudioplayer-loop {position:absolute;top:0;left:145px;}
#amazingaudioplayer-1 .amazingaudioplayer-progress {position:absolute;top:44px;left:0;right:0;background-color:#e6e3da;margin:8px 4px;}
#amazingaudioplayer-1 .amazingaudioplayer-progress-loaded {background-color: #009688;}
#amazingaudioplayer-1 .amazingaudioplayer-progress-played {background-color: #ff9800;}
#amazingaudioplayer-1 .amazingaudioplayer-volume {position: absolute;top: 0;left:190px;}
#amazingaudioplayer-1 .amazingaudioplayer-volume-bar {background-color: #ff9800;border: none;}
#amazingaudioplayer-1 .amazingaudioplayer-volume-bar-adjust {background-color: #222222;}
#amazingaudioplayer-1 .amazingaudioplayer-volume-bar-adjust-active {background-color: #f0f0f0;}
#amazingaudioplayer-1 .amazingaudioplayer-time {margin: 0 auto;position: absolute;top: 62px;left: 16px;font-size: 14px;}
#amazingaudioplayer-1 .amazingaudioplayer-tracklist {display: block;position: relative;font-size: 14px;}
#amazingaudioplayer-1 .amazingaudioplayer-tracklist-container {display: block;position: relative;margin: 4px;padding: 8px 0;}
#amazingaudioplayer-1 .amazingaudioplayer-tracks-wrapper {position: relative;}
#amazingaudioplayer-1 .amazingaudioplayer-tracks {position: relative;list-style-type: none;margin: 0;padding: 0;}
#amazingaudioplayer-1 .amazingaudioplayer-track-item {position: relative;cursor: pointer;color: #000;line-height: 22px;margin: 0;padding: 0;text-align: left;}
#amazingaudioplayer-1 .amazingaudioplayer-track-item-active {cursor: pointer;color: #000000;}
#amazingaudioplayer-1 .amazingaudioplayer-track-item a {color: #000;text-decoration: none;}
#amazingaudioplayer-1 .amazingaudioplayer-track-item-active a {color: #000;text-decoration: none;}
#amazingaudioplayer-1 .amazingaudioplayer-track-item-duration {position: absolute;top: 0;right: 0;}
#amazingaudioplayer-1 .amazingaudioplayer-tracklist-arrow-prev {position: absolute;bottom: -9px;left: 50%;margin-left: -96px;}
#amazingaudioplayer-1 .amazingaudioplayer-tracklist-arrow-next {position: absolute;bottom: -9px;left: 50%;margin-left: 16px;}
#amazingaudioplayer-1 .amazingaudioplayer-tracklist-clear {clear: both;}
#amazingaudioplayer-1 .amazingaudioplayer-item-id {float: left;width: 40px;text-align: center;}
#amazingaudioplayer-1 .amazingaudioplayer-item-info {float: right;width: 36px;}
#amazingaudioplayer-1 .amazingaudioplayer-item-title {overflow: hidden;}





/*EBELGE MENU BASLAMA*/
/* Created with Easy Button & Menu Maker */

#mbebelgeebul_wrapper {
  padding: 8px;
  border-style: solid;
  border-color: #9BB189;
  border-width: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: 0 2px 3px 0 #FFFFFF inset;
  border-collapse: separate;
  background-image: url('wrapper_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: -webkit-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: -ms-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
  margin:0 auto;text-align:center;
}

#mbebelgeebul_wrapper.quirks {
  margin-bottom: 16px;
  margin-right: 16px;
}

#mbebelgeebul_wrapper.quirks #mbebelgeebul_table ul li {
  width: 100%;
}

#mbebelgeebul_table {
  margin: 0px;
  margin-bottom: -16px;
  margin-right: -16px;
  padding: 0;
  line-height: 0px;
  font-size: 0px;
  display: inline-block;
  width: auto;
}

#mbebelgeebul_table li a {
  line-height: 25px;
  font-size: 21px;
  font-family: "Exo 2",Tahoma,Geneva,sans-serif;
  text-decoration: none;
  color: #000000;
  font-style: normal;
  font-weight: bold;
  padding: 87px 9px 9px 9px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbebelgeebul_table li div.buttonbg {
  height: 146px;
  width: 221px;
  line-height: 0;
  background-color: transparent;
  border-style: solid;
  border-color: #B6B694 #9AA07A #9AA07A #B6B694;
  border-width: 2px;
  border-radius: 3px;
  padding: 0;
  box-shadow: 1px 1px 4px 0 #FFFFFF inset;
  text-align: center;
}

#mbebelgeebul_table li:hover div.buttonbg a, #mbebelgeebul_table li.expanded a.topitem, #mbebelgeebul_table li.active a.topitem,
#mbebelgeebul_table li.itemhot a.topitem, #mbebelgeebul_table li a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}


#mbebelgeebul_table li.expanded div.buttonbg, #mbebelgeebul_table li.active div.buttonbg, #mbebelgeebul_table li.itemhot div.buttonbg, #mbebelgeebul_table li:hover div.buttonbg {
  background-color: transparent;
  box-shadow: 2px 2px 3px -1px #505050 inset;
}

#mbebelgeebul_table li.expanded div.buttonbg, #mbebelgeebul_table li.active div.buttonbg, #mbebelgeebul_table li.itemhot div.buttonbg, #mbebelgeebul_table li:hover div.buttonbg {
  border-color: #9AA07A;
}

#mbebelgeebul_table ul li a {
  color: #333333;
  font-family: Tahoma,sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbebelgeebul_table ul li:hover > a {
  color: #FFFFFF;
  font-family: Tahoma,sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  transition: all 0.5s;
}

#mbebelgeebul_table ul li.subexpanded a.subexpanded, #mbebelgeebul_table ul li.subitemhot a.subitemhot, #mbebelgeebul_table ul li a:hover {
  color: #FFFFFF;
  font-family: Tahoma,sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  transition: all 0.5s;
}

#mbebelgeebul_table ul li:hover, #mbebelgeebul_table ul li.subexpanded, #mbebelgeebul_table ul li.subitemhot {
  border-color: #7DA2CE;
  background-color: #3399FF;
  box-shadow: none;
  transition: all 0.5s;
}

#mbebelgeebul_table ul {
  margin: 0;
  border-style: solid;
  border-color: #B2B7BD;
  border-width: 1px;
  padding: 2px;
  background: #FFFFFF;
  font-size: 0;
  border-radius: 0;
}

#mbebelgeebul_table ul li a {
  padding: 5px 13px 5px 11px;
  text-align: left;
}

#mbebelgeebul_table ul li.separator {
  padding: 5px;
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}

#mbebelgeebul_table ul li.separator div {
  border-top: 1px solid #CBCED1;
  border-bottom: 1px solid #FFFFFF;
  font-size: 0px;
}

#mbebelgeebul_table ul li {
  border-style: solid;
  border-color: transparent;
  border-width: 0;
  height: auto;
  width: auto;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 5px 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  display: block;
}

#mbebelgeebul_table ul li.last_item {
  margin-bottom: 0;
}


#mbebelgeebul_table ul {
  box-shadow: 2px 2px 5px -2px #666666;
}

#mbebelgeebul_table a img {
  border: none;
}

#mbebelgeebul_table li {
  list-style: none;
  float: left;
  margin: 0px 16px 16px 0px;
  padding: 0;
  float: left;
  display: inline-block;
}

#mbebelgeebul_table.css_menu li {
  position: relative;
}

#mbebelgeebul_table.css_menu ul li:hover > ul {
  opacity: 1;
}

#mbebelgeebul_table.css_menu li:hover > ul {
  top: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}

#mbebelgeebul_table.css_menu ul li:hover > ul {
  top: -1px;
  left: 100%;
  right: auto;
}

#mbebelgeebul_table.css_menu ul {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-property:opacity;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -ms-transition-property:opacity;
  opacity: 0;
}

#mbebelgeebul_table ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
}

#mbebelgeebul_table ul ul {
  position: absolute;
  z-index: 5000;
}

#mbebelgeebul_table .submenu_arrow {
  margin-left: 8px;
}


@media screen and (max-width: 500px) {
  #mbebelgeebul_wrapper:not(.scripted) {
    text-align: center;
    background-image: url('wrapper_simple_bg.png');
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
    background-image: -webkit-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
    background-image: -ms-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
    background-image: linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
    background-size: 100% 100%;
  }

  #mbebelgeebul_wrapper:not(.scripted) #mbebelgeebul_table li {
    float: none;
    vertical-align: top;
  }
}

#mbebelgeebul_wrapper.centeritems {
  text-align: center;
  background-image: url('wrapper_simple_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: -webkit-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: -ms-linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-image: linear-gradient(top, #B4BD8C 0%, #CAD5A2 100%);
  background-size: 100% 100%;
}

#mbebelgeebul_wrapper.centeritems #mbebelgeebul_table li {
  float: none;
  vertical-align: top;
}



/* Burger menu CSS */



#mbebelgeebul_table_burger {
  margin: 0px;
  margin-bottom: -16px;
  margin-right: -16px;
  padding: 0;
  line-height: 0px;
  font-size: 0px;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbebelgeebul_table_burger li a {
  line-height: 25px;
  font-size: 21px;
  font-family: "Exo 2",Tahoma,Geneva,sans-serif;
  text-decoration: none;
  color: #000000;
  font-style: normal;
  font-weight: bold;
  padding: 87px 9px 9px 9px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbebelgeebul_table_burger li div.buttonbg {
  height: 146px;
  width: 100%;
  line-height: 0;
  background-color: transparent;
  border-style: solid;
  border-color: #B6B694 #9AA07A #9AA07A #B6B694;
  border-width: 2px;
  border-radius: 3px;
  padding: 0;
  box-shadow: 1px 1px 4px 0 #FFFFFF inset;
  text-align: left;
}

#mbebelgeebul_table_burger li:hover div.buttonbg a, #mbebelgeebul_table_burger li.expanded a.topitem, #mbebelgeebul_table_burger li.active a.topitem,
#mbebelgeebul_table_burger li.itemhot a.topitem, #mbebelgeebul_table_burger li a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}


#mbebelgeebul_table_burger li.expanded div.buttonbg, #mbebelgeebul_table_burger li.active div.buttonbg, #mbebelgeebul_table_burger li.itemhot div.buttonbg, #mbebelgeebul_table_burger li.subitemhot div.buttonbg, #mbebelgeebul_table_burger li div.buttonbg:hover {
  background-color: transparent;
  box-shadow: 2px 2px 3px -1px #505050 inset;
}

#mbebelgeebul_table_burger li.expanded div.buttonbg, #mbebelgeebul_table_burger li.active div.buttonbg, #mbebelgeebul_table_burger li.itemhot div.buttonbg, #mbebelgeebul_table_burger li.subitemhot div.buttonbg, #mbebelgeebul_table_burger li div.buttonbg:hover {
  border-color: #9AA07A;
}

#mbebelgeebul_table_burger ul li a {
  color: #333333;
  font-family: Tahoma,sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbebelgeebul_table_burger ul li:hover > a {
  color: #FFFFFF;
  font-family: Tahoma,sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  transition: all 0.5s;
}

#mbebelgeebul_table_burger ul li.subexpanded a.subexpanded, #mbebelgeebul_table_burger ul li.subitemhot a.subitemhot, #mbebelgeebul_table_burger ul li a:hover {
  color: #FFFFFF;
  font-family: Tahoma,sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  transition: all 0.5s;
}

#mbebelgeebul_table_burger ul li:hover > a, #mbebelgeebul_table_burger ul li.subexpanded > a, #mbebelgeebul_table_burger ul li.subitemhot > a {
  border-color: #7DA2CE;
  background-color: #3399FF;
  box-shadow: none;
  transition: all 0.5s;
}

#mbebelgeebul_table_burger ul {
  margin: 0;
  border-style: solid;
  border-color: #B2B7BD;
  border-width: 1px;
  padding: 2px;
  background: #FFFFFF;
  font-size: 0;
  border-radius: 0;
  z-index: 5000;
}

#mbebelgeebul_table_burger ul li a {
  border-style: solid;
  border-color: transparent;
  border-width: 0;
  background-color: #FFFFFF;
  padding: 5px 13px 5px 11px;
  box-shadow: none;
  border-radius: 0;
  text-align: left;
}

#mbebelgeebul_table_burger ul li.separator {
  padding: 5px;
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}

#mbebelgeebul_table_burger ul li.separator div {
  border-top: 1px solid #CBCED1;
  border-bottom: 1px solid #FFFFFF;
  font-size: 0px;
}

#mbebelgeebul_table_burger ul li {
  height: auto;
  width: auto;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 5px 0;
  padding: 0;
  display: block;
}

#mbebelgeebul_table_burger ul li.last_item, #mbebelgeebul_table_burger ul li.last_item > a {
  margin-bottom: 0;
}

#mbebelgeebul_table_burger ul li.last_item.last_visible_item, #mbebelgeebul_table_burger ul li.last_item.last_visible_item > a {
}

#mbebelgeebul_table_burger ul ul li.last_item, #mbebelgeebul_table_burger ul ul li.last_item > a {
}


#mbebelgeebul_table_burger ul {
  box-shadow: 2px 2px 5px -2px #666666;
}

#mbebelgeebul_table_burger a img {
  border: none;
}

#mbebelgeebul_table_burger li {
  list-style: none;
  margin: 0px 16px 16px 0px;
  padding: 0;
  display: inline-block;
}

#mbebelgeebul_table_burger li.hamburger_button {
  float: none;
  width: 100%;
}

#mbebelgeebul_table_burger.css_menu li:hover > ul {
  /*opacity: 1;*/
}

#mbebelgeebul_table_burger.css_menu ul {
  transition-duration: 0;
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -ms-transition-duration: 0;
  transition-property:opacity;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -ms-transition-property:opacity;
/*  opacity: 0;*/
}




#mbebelgeebul_table_burger ul ul {
  position: static;
  z-index: auto;
  background: none;
  border: none;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 5px;
  box-shadow: none;
}

#mbebelgeebul_table_burger .mb_burger_top_level {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  min-width: 300px;  
  z-index: 4000;
}

#mbebelgeebul_table_burger ul li > a {
    position: relative;
}

#mbebelgeebul_table_burger ul li > a > div.with_arrow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#mbebelgeebul_table_burger li.hamburger_button > div {
  position: relative;
}

#mbebelgeebul_table_burger li.hamburger_button > div a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#mbebelgeebul_table_burger div.hamburger-topmenu-icon {
  display: inline-block;  
  vertical-align: middle;
}

#mbebelgeebul_table_burger > li > ul.slide-in {
    animation: mbebelgeebul_table-slide-in 0.5s forwards;
    -webkit-animation: mbebelgeebul_table-slide-in 0.2s forwards;
}

#mbebelgeebul_table_burger > li > ul.slide-out {
    animation: mbebelgeebul_table-slide-out 0.5s forwards;
    -webkit-animation: mbebelgeebul_table-slide-out 0.1s forwards;
}
    
@keyframes mbebelgeebul_table-slide-in {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0%); }
}

@-webkit-keyframes mbebelgeebul_table-slide-in {
    0% { -webkit-transform: translateX(-100%); }
    100% { -webkit-transform: translateX(0%); }
}
    
@keyframes mbebelgeebul_table-slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes mbebelgeebul_table-slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}#mbebelgeebul_table a.with_img_4 span.img_4x5, .mbebelgeebul_menulist span.img_4x5 { 
  width: 4px; 
  height: 5px; 
  display: inline-block; 
  vertical-align: middle; 
}

#mbebelgeebul_table li:hover > a span.img_4x5, #mbebelgeebul_table li.subexpanded > a span.img_4x5 { 
  background-position: 0 -5px; 
} 

#mbebelgeebul_table ul li a.with_arrow, #mbebelgeebul_table_burger ul li a div.with_arrow { 
  background-image: url(ebab_mbebelge_c.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  padding-right: 17px; 
} 

#mbebelgeebul_table ul li a.with_arrow:hover, #mbebelgeebul_table ul li:hover > a.with_arrow, #mbebelgeebul_table ul li.subexpanded > a.with_arrow, 
#mbebelgeebul_table_burger ul li a:hover div.with_arrow, #mbebelgeebul_table_burger ul li:hover > a div.with_arrow, #mbebelgeebul_table_burger ul li.subexpanded > a div.with_arrow { 
  background-image: url(ebab_mbebelge_c2.png); 
} 

#mbebelgeebul_table_burger li.hamburger_button a div.hamburger_icon { 
  background-image: url('data:image/svg+xml;charset=utf-8,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20standalone=%22no%22?%3E%20%3Csvg%20%20%20%20xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%20%20%20%20xmlns:cc=%22http://creativecommons.org/ns%23%22%20%20%20%20xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20%20%20%20xmlns:svg=%22http://www.w3.org/2000/svg%22%20%20%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20%20%20xml:space=%22preserve%22%20%20%20%20viewBox=%220%200%2024%2024%22%20%20%20%20version=%221.0%22%20%20%20%20id=%22Layer_1%22%20%20%20%20enable-background=%22new%200%200%2024%2024%22%3E%3Cpath%20%20%20%20%20%20d=%22M%202,18%20H%2022%20M%202,6%20H%2022%20M%202,12%20h%2020%22%20%20%20%20%20%20style=%22fill:none;stroke:%23000000;stroke-width:2;stroke-miterlimit:10%22%20%20%20%20%20%20id=%22line6%22%20/%3E%3C/svg%3E%20'); 
  position: absolute; 
  top: 0; 
  left: 30px; 
  width: 90px; 
  bottom: 0; 
  background-repeat: no-repeat; 
  background-position: left center; 
} 
#mbebelgeebul_table_burger { 
  min-width: 150px; 
} 
#mbebelgeebul_table_burger li.hamburger_button a:hover div.hamburger_icon, #mbebelgeebul_table_burger li.hamburger_button.expanded a div.hamburger_icon, #mbebelgeebul_table_burger li.hamburger_button.itemhot a div.hamburger_icon { 
  background-image: url('data:image/svg+xml;charset=utf-8,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20standalone=%22no%22?%3E%20%3Csvg%20%20%20%20xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%20%20%20%20xmlns:cc=%22http://creativecommons.org/ns%23%22%20%20%20%20xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20%20%20%20xmlns:svg=%22http://www.w3.org/2000/svg%22%20%20%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20%20%20xml:space=%22preserve%22%20%20%20%20viewBox=%220%200%2024%2024%22%20%20%20%20version=%221.0%22%20%20%20%20id=%22Layer_1%22%20%20%20%20enable-background=%22new%200%200%2024%2024%22%3E%3Cpath%20%20%20%20%20%20d=%22M%202,18%20H%2022%20M%202,6%20H%2022%20M%202,12%20h%2020%22%20%20%20%20%20%20style=%22fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10%22%20%20%20%20%20%20id=%22line6%22%20/%3E%3C/svg%3E%20'); 
} 
#mbebelgeebul_table_burger div.hamburger_close_button { 
  position: relative; 
  width: 13px; 
  height: 13px; 
  background-image: url('data:image/svg+xml;charset=utf-8,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20standalone=%22no%22?%3E%20%3Csvg%20%20%20%20xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%20%20%20%20xmlns:cc=%22http://creativecommons.org/ns%23%22%20%20%20%20xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20%20%20%20xmlns:svg=%22http://www.w3.org/2000/svg%22%20%20%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20%20%20xml:space=%22preserve%22%20%20%20%20viewBox=%220%200%2024%2024%22%20%20%20%20version=%221.0%22%20%20%20%20id=%22Layer_1%22%20%20%20%20enable-background=%22new%200%200%2024%2024%22%3E%3Cpath%20style=%22stroke:%23333333;fill:%23333333;%22%20d=%22M23.954%2021.03l-9.184-9.095%209.092-9.174-2.832-2.807-9.09%209.179-9.176-9.088-2.81%202.81%209.186%209.105-9.095%209.184%202.81%202.81%209.112-9.192%209.18%209.1z%22/%3E%3C/svg%3E%20'); 
} 
#mbebelgeebul_table_burger a:hover div.hamburger_close_button { 
  background-image: url('data:image/svg+xml;charset=utf-8,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22%20standalone=%22no%22?%3E%20%3Csvg%20%20%20%20xmlns:dc=%22http://purl.org/dc/elements/1.1/%22%20%20%20%20xmlns:cc=%22http://creativecommons.org/ns%23%22%20%20%20%20xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20%20%20%20xmlns:svg=%22http://www.w3.org/2000/svg%22%20%20%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20%20%20xml:space=%22preserve%22%20%20%20%20viewBox=%220%200%2024%2024%22%20%20%20%20version=%221.0%22%20%20%20%20id=%22Layer_1%22%20%20%20%20enable-background=%22new%200%200%2024%2024%22%3E%3Cpath%20style=%22stroke:%23FFFFFF;fill:%23FFFFFF;%22%20d=%22M23.954%2021.03l-9.184-9.095%209.092-9.174-2.832-2.807-9.09%209.179-9.176-9.088-2.81%202.81%209.186%209.105-9.095%209.184%202.81%202.81%209.112-9.192%209.18%209.1z%22/%3E%3C/svg%3E%20'); 
} 
#mbebelgeebul_table ul a img, #mbebelgeebul_table ul a span, 
#mbebelgeebul_table_burger ul a img, #mbebelgeebul_table_burger ul a span { 
  margin-right: 6px; 
  vertical-align: middle; 
} 

#mbebelgeebul_table_burger ul li.first_item a.hamburger_close_button, #mbebelgeebul_table_burger ul li.first_item a.hamburger_close_button span { 
  padding-left: 11px; 
} 

#mbebelgeebul_table ul.img_48 > li > a { 
  padding-left: 57px; 
} 

#mbebelgeebul_table_burger ul.img_48 > li > a { 
  padding-left: 65px; 
} 

#mbebelgeebul_table ul.img_48 > li > a.with_img_48 { 
  padding-left: 3px; 
} 

#mbebelgeebul_table_burger ul.img_48 > li > a.with_img_48 { 
  padding-left: 11px; 
} 

#mbebelgeebul_table div.gradient_button, #mbebelgeebul_table_burger div.gradient_button { 
  background-image: -moz-linear-gradient(top, #DFE7C2 0%, #C9D39E 100%); 
  background-image: -webkit-linear-gradient(top, #DFE7C2 0%, #C9D39E 100%); 
  background-image: -ms-linear-gradient(top, #DFE7C2 0%, #C9D39E 100%); 
  background-image: linear-gradient(top, #DFE7C2 0%, #C9D39E 100%); 
} 

#mbebelgeebul_table li:hover div.gradient_button, #mbebelgeebul_table li.expanded div.gradient_button, #mbebelgeebul_table li.active div.gradient_button, #mbebelgeebul_table li.itemhot div.gradient_button, 
#mbebelgeebul_table_burger li div.gradient_button:hover, #mbebelgeebul_table_burger li.expanded div.gradient_button, #mbebelgeebul_table_burger li.active div.gradient_button, #mbebelgeebul_table_burger li.itemhot div.gradient_button { 
  background-image: -moz-linear-gradient(top, #8D9679 0%, #99A385 100%); 
  background-image: -webkit-linear-gradient(top, #8D9679 0%, #99A385 100%); 
  background-image: -ms-linear-gradient(top, #8D9679 0%, #99A385 100%); 
  background-image: linear-gradient(top, #8D9679 0%, #99A385 100%); 
} 

#mbebelgeebul_table div.icon_1 { 
  background-image: url(ebab_mbebelge_ico_0.png); 
  background-repeat: no-repeat; 
  background-position: 86px 33px; 
  height: 100%; 
} 

#mbebelgeebul_table_burger li div.icon_1 { 
  position: relative; 
  width: 48px; 
  height: 48px; 
  background-image: url(ebab_mbebelge_ico_0.png); 
  background-repeat: no-repeat; 
  margin-right: 6px; 
  border: 0; 
} 
#mbebelgeebul_table div.icon_2 { 
  background-image: url(ebab_mbebelge_ico_1.png); 
  background-repeat: no-repeat; 
  background-position: 86px 33px; 
  height: 100%; 
} 

#mbebelgeebul_table_burger li div.icon_2 { 
  position: relative; 
  width: 48px; 
  height: 48px; 
  background-image: url(ebab_mbebelge_ico_1.png); 
  background-repeat: no-repeat; 
  margin-right: 6px; 
  border: 0; 
} 
#mbebelgeebul_table div.icon_3 { 
  background-image: url(ebab_mbebelge_ico_2.png); 
  background-repeat: no-repeat; 
  background-position: 86px 33px; 
  height: 100%; 
} 

#mbebelgeebul_table_burger li div.icon_3 { 
  position: relative; 
  width: 48px; 
  height: 48px; 
  background-image: url(ebab_mbebelge_ico_2.png); 
  background-repeat: no-repeat; 
  margin-right: 6px; 
  border: 0; 
} 
#mbebelgeebul_table div.icon_4 { 
  background-image: url(ebab_mbebelge_ico_3.png); 
  background-repeat: no-repeat; 
  background-position: 86px 33px; 
  height: 100%; 
} 

#mbebelgeebul_table_burger li div.icon_4 { 
  position: relative; 
  width: 48px; 
  height: 48px; 
  background-image: url(ebab_mbebelge_ico_3.png); 
  background-repeat: no-repeat; 
  margin-right: 6px; 
  border: 0; 
} 
#mbebelgeebul_table div.icon_5 { 
  background-image: url(ebab_mbebelge_ico_4.png); 
  background-repeat: no-repeat; 
  background-position: 86px 33px; 
  height: 100%; 
} 

#mbebelgeebul_table_burger li div.icon_5 { 
  position: relative; 
  width: 48px; 
  height: 48px; 
  background-image: url(ebab_mbebelge_ico_4.png); 
  background-repeat: no-repeat; 
  margin-right: 6px; 
  border: 0; 
} 

/*EBELGE MENU SONU*/

.w3badge,.w3tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3badge{border-radius:50%}
.w3red,.w3hover-red:hover{color:#fff!important;background-color:#f44336!important}
.blink {animation: blinker 3s linear infinite;color:#fff;}@keyframes blinker {50% { opacity: 0; }}

#kayityok {margin:5px 0px;overflow:hidden; clear:both;background-color:#fff;border: 1px solid #fff;text-shadow:1px 1px 3px #fff;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);}
#kayityok blockquote {text-align:left;color:#000;}
#kayityok blockquote a {color:#000;text-shadow: 1px 1px 3px #fff;text-align:center;}
#kayityok blockquote a:hover {color: #2196F3;}



/**WMENU BASLAMA**/
.wmenu{margin:0 auto; text-align:center; font-size:14px; /*background:#f6f6f6;border:1px solid #f9f9f9;box-shadow:0px 3px 3px rgba(0,0,0,.5);-moz-box-shadow:0px 3px 3px rgba(0,0,0,.5);-webkit-box-shadow:0px 3px 3px rgba(0,0,0,.5);*/ } 
.wmenu ul {list-style-type: none; margin: 0; padding: 0; }
.wmenu li {display:inline-block;cursor:pointer; width:100px;height:75px;padding:3px; margin:3px; background-color: #fff;  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.wmenu li a{ color: #ffffff; text-decoration:none;}
.wmenu li:hover { background-color: #fff;}
.wmenu img{width:100px;height:75px;}
/**WMENU SON**/




/* media screen 360 - 1024 */
@media screen and (max-width: 1024px) and (min-width: 360px) {
html, body {margin: 1%; background-color:white; }	


.gridheader {
grid-template-areas: 
'headunvan headunvan headunvan headunvan'
'headmenu headmenu headmenu headmenu'
'masthead masthead masthead masthead' ; }


/*GRID HEADER BASLAMA*/
.masthead{ grid-area: masthead; display:none; }


#mbmenuebul_wrapper{float:none; width:98%;display:none;}
#mbdikeyebul_wrapper{width:98%;} 

.gridcontainer {grid-template-columns: 25% 25% 25% auto;
grid-template-areas: 
'navigation navigation navigation navigation'
'content content content content'
'enola enola enola enola'
'yerus yerus yerus yerus'
'vega vega vega vega' ; }

.gridfooter {grid-template-areas:
'gfmasthead gfmasthead gfmasthead gfmasthead'
'gfcontent gfcontent gfcontent gfcontent'
'gfvega gfvega gfvega gfvega'; }
.gridfooter > div { font-size:13px; color:#999; }
.gfenola {display:none;}
.gfyerus{display:none;}

#videplayer{margin:0 auto; width:96%;}
#amazingcarousel-container-2 {max-width:96%;}
#amazingcarousel-2 .amazingcarousel-text img { max-width:80px;height: max-height:60px; }
#amazingcarousel-container-5 {max-width:96%;}
#amazingcarousel-container-3 {max-width:96%;}
#amazingcarousel-container-101 {max-width:96%;}

#amazingcarousel-container-201 {max-width:96%;}
#amazingcarousel-201 .amazingcarousel-image img {max-width:100px; max-height:60px}
#amazingcarousel-201 .amazingcarousel-title {font-size:13px;}

#bgntumce{margin:0 auto; width:96%;}
#bgntumce .foto {display:none; }
#bgntumce .tumcesoz {float:none;max-width:100%;white-space: normal;}


}

/*FONT YUKLEME KODLARI*/
/* cyrillic-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/s/exo2/v20/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsNNC_nps.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/s/exo2/v20/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsPdC_nps.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/s/exo2/v20/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsNtC_nps.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/s/exo2/v20/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsN9C_nps.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/s/exo2/v20/7cH1v4okm5zmbvwkAx_sfcEuiD8jWfWsOdC_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}