.ustMenu>ul>li{
  float: left;

  /* background: #e9e9e9; */

  padding: 0;
  margin: 0;
}

.ustMenu{

  list-style: none;

  display: block;

}



.ustMenu li{

  display: inline;

  margin: 10px;

  position: relative;

}



.ustMenu li ul{

  display: inline;

}





.ustMenu > ul {

  margin: 0 auto;

  width: 100%;

  list-style: none;

  padding: 0;

  position: relative;

  box-sizing: border-box;

}

  .anamenu a{

    display: block;

   

     /* background-color: #1b1a19;  */

    text-decoration: none;

    padding: 20px;

    color: rgb(8, 51, 116);

    border-bottom: solid 1px;

}

  .anamenu a:hover {

   background: linear-gradient(

        90deg

        , rgb(72, 89, 119), transparent);

        color: #fff;

  }

  

  .anamenu li:hover .altmenu {

    display: block;

    

    max-height: 200px;

  }

   

  .altmenu {

    overflow: hidden;

    max-height: 0;

    -webkit-transition: all 0.5s ease-out;

  }

  

/* ––––––––––––––––––––––––––––––––––––––––––––––––––

megamenu.js STYLE STARTS HERE

–––––––––––––––––––––––––––––––––––––––––––––––––– */





/* ––––––––––––––––––––––––––––––––––––––––––––––––––

Screen style's

–––––––––––––––––––––––––––––––––––––––––––––––––– */



.menu-container {

  width: 100%;

  margin: 0 auto;

 /* background: #e9e9e9;*/

 background: #293b80 !important;
/* 
 border-bottom: 4px solid #8e1c34; */

 /* margin-top: -38px; */

 box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.1);

}



.menu-mobile {

  display: none;

  padding: 7px;

}



.menu-mobile:after {

  /*content: "\f394";*/

  font-size: 2.5rem;

  padding: 0;

  float: right;

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-25%);

  -ms-transform: translateY(-25%);

  transform: translateY(-25%);

}



.menu-dropdown-icon:before {

  /*content: "\f489";*/

  display: none;

  cursor: pointer;

  float: right;

  padding: 1.5em 2em;

  background: #fff;

  color: #333;

}



.menu > ul {

  margin: 0 auto;

  width: 100%;

  list-style: none;

  padding: 0;

  position: relative;

  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */

  box-sizing: border-box;

}



.menu > ul:before,

.menu > ul:after {

  content: "";

  display: table;

}



.menu > ul:after {

  clear: both;

}



.menu > ul > li {

  float: left;

  background: #293b80;

  padding: 0;
border-left: 1px dotted #4a6079;
  margin: 0;

  display: inline;

  /* font-family:'Montserrat','Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
  font-family: 'Roboto Condensed', 'Montserrat', Arial;
  font-weight: 400;

  /* border-radius: 80px; */
  transition: all 0.3s ease-in-out;
  height: 50px;

}



.menu > ul > li a {

  text-decoration: none;

  padding: /*1.2em 3em*/ 15px;

  display: block;

  color:#ffffff;
  font-size:1.5rem;
  transition: all 0.3s ease-in-out

}

.menu > ul > li i{
  margin-right: 5px;
}



/* .menu > ul > li:hover {

  background: #293d54 ;

} */





.menu > ul > li:hover {

  color:#ffffff;

  border-bottom:solid 6px #82a1bd

}



.menu > ul > li:hover .menuBgBlue {

  color: #ffffff

}

li#menu-dropdown-icon:hover a{

  color:white !important;

}



.menu > ul > li > ul {

  display: none;

  width: 100%;

  background-color:#4055a5;

  padding: 20px;

  position: absolute;

  z-index: 99998;

  left: 0;

  margin: -3px 0px 0px;

  list-style: none;

  box-sizing: border-box;
  font-weight: 400;
  transition: all 0.3s ease-in-out;

}


.menu > ul > li > ul:before,

.menu > ul > li > ul:after {

  content: "";

  display: inline;

}



.menu > ul > li > ul:after {

  clear: both;

}



.menu > ul > li > ul > li {

  margin: 0;

  padding-bottom: 0;

  list-style: none;

  width: 33%;

  background: none;

  float: left;

 /* display: flex;*/

}



.menu > ul > li > ul > li a {

  color: #fff;

  padding: .2em 0;

  width: 95%;

  display: block;

  border-bottom: 1px solid #ccc;

}


.menu > ul > li > ul > li a:hover .fa {

  color: #a6dbff;

}


.menu > ul > li > ul > li > ul {

  display: block;

  padding: 0;

  margin: 0px 0 0;

  list-style: none;

  box-sizing: border-box;

  min-width: 25%;

}



.menu > ul > li > ul > li > ul:before,

.menu > ul > li > ul > li > ul:after {

  content: "";

  display: table;

}



.menu > ul > li > ul > li > ul:after {

  clear: both;

}



.menu > ul > li > ul > li > ul > li {

  float: left;

  width: 100%;

  padding: 10px 0;

  margin: 0;

  /*font-size: .8em;*/

}



.menu > ul > li > ul > li > ul > li a {

  border: 0;

}



.menu > ul > li > ul.normal-sub {

  width: 300px;

  left: auto;

  padding: 10px 20px;

}



.menu > ul > li > ul.normal-sub > li {

  width: 100%;

}



.menu > ul > li > ul.normal-sub > li a {

  border: 0;

  padding: 1em 0;

}





/* ––––––––––––––––––––––––––––––––––––––––––––––––––

Mobile style's

–––––––––––––––––––––––––––––––––––––––––––––––––– */



@media only screen and (max-width: 1200px) {

  .menu-container {

      width: 100%;

  }

  .menu-mobile {

      display: block;

  }

  .menu-dropdown-icon:before {

      display: block;

  }

  .menu > ul {

      display: none;

  }

  .menu > ul > li {

      width: 100%;

      float: none;

      display: block;

  }

  .menu > ul > li a {

      padding: 1.5em;

      width: 100%;

      display: block;

  }

  .menu > ul > li > ul {

      position: relative;

  }

  .menu > ul > li > ul.normal-sub {

      width: 100%;

  }

  .menu > ul > li > ul > li {

      float: none;

      width: 100%;

      margin-top: 20px;

  }

  .menu > ul > li > ul > li:first-child {

      margin: 0;

  }

  .menu > ul > li > ul > li > ul {

      position: relative;

  }

  .menu > ul > li > ul > li > ul > li {

      float: none;

  }

  .menu .show-on-mobile {

      display: block;

  }

}

.anabaslik {

  color:#ffffff; 

  /*font-weight:bold;*/

  /*padding:13px 13px;*/

  text-transform:uppercase;

  /*font-family:'Ubuntu';*/

  }

  

  .menu .caret{

  border-top-color: #f7f7f7;

  border-bottom-color: #f7f7f7;

  }

  .menu .baslik1 {

  display: block;

  /*padding: 3px 20px;*/

  margin: 0px 20px;

  clear: both;

  /*font-weight: normal;*/

  line-height: 1.428571429;

  color: #fff;

  white-space: normal;

  font-weight: 700;

  font-size:16px;

  border-bottom: 1px solid #96c8e9;

  }



  .menu .baslik2 {
  display: block;
  color: #fff;
  font-weight: normal;
  border: 0;

  }

  .fa-star{color:#fff;}



  .activeMenu {
    background:#8e1c34  !important;
    border-bottom: 5px solid #7b120a;
	height: 46px;
  }
  
  .activeMenu:hover {
   
    border-bottom: 5px solid #417dc5;
	
  }

.menuBgBlue{color: #82a1bd}


/* Rektörlük menü css */

*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

body{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  background: #f0f0f0;}

.content{width: 328px;}

.colors{width: 260px; float: left; margin: 20px auto;}

.colors a{width: 43.3px; height: 30px; float: left;}

.colors .default{background: #414956;}

.colors .blue{background: #4A89DC;}

.colors .green{background: #03A678;}

.colors .red{background: #ED5565;}

.colors .white{background: #fff;}

.colors .black{background: #292929;}



@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

.jquery-accordion-menu,.jquery-accordion-menu *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:0}

.jquery-accordion-menu{min-width:260px;float:left;position:relative;}

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header{width:100%;height:50px;padding-left:22px;float:left;line-height:50px;font-weight:600;color:#f0f0f0;background:#414956}

.jquery-accordion-menu ul{margin:0;padding:0;list-style:none}

.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}

.jquery-accordion-menu ul li a{width:100%;padding:14px 22px;float:left;text-decoration:none;color:#f0f0f0;font-size:13px;background:#414956;white-space:nowrap;position:relative;overflow:hidden;-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#fff;background:#293d54}

.jquery-accordion-menu>ul>li>a{border-bottom:solid 1px #293d54}

.jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left}

.jquery-accordion-menu .submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}

.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}

.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}

.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:11px;background:#383838;border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}

.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#414956}

.jquery-accordion-menu ul ul.submenu>li>a{padding-left:30px}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#f0f0f0;border-radius:100%}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}

.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a{background:#4A89DC}

.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a{background:#3e82da}

.blue.jquery-accordion-menu>ul>li>a{border-bottom-color:#3e82da}

.blue.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#3e82da}

.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a{background:#03A678}

.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a{background:#049372}

.green.jquery-accordion-menu>ul>li>a{border-bottom-color:#049372}

.green.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#049372}

.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a{background:#ED5565}.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a{background:#DA4453}.red.jquery-accordion-menu>ul>li>a{border-bottom-color:#DA4453}.red.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#DA4453}.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a{background:#fff;color:#555}.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a{background:#f0f0f0}.white.jquery-accordion-menu>ul>li>a{border-bottom-color:#f0f0f0}.white.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#f0f0f0}.white.jquery-accordion-menu ul ul.submenu li a{color:#f0f0f0}.white.jquery-accordion-menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a{background:#292929}.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a{background:#222}.black.jquery-accordion-menu>ul>li>a{border-bottom-color:#222}.black.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#222}

/*üst duyuru */

.alert {

    padding: 5px 8px;
    background-color: #8e1c34;
    color: white;
    margin: 0px auto;
    text-align: center;
    border-radius: 0px !important;
}



.closebtn {

    

  margin-left: 15px;

  color: white;

  font-weight: bold;

  float: right;

  font-size: 15px;

  line-height: 10px;

  cursor: pointer;

  transition: 0.3s;

  margin-top:5px;

}



.closebtn:hover {

  color: black;

}











html {

  box-sizing: border-box;
  --bgColorMenu : #1d1d27;
  --duration: .7s;    

}

html *,
html *::before,
html *::after {

  box-sizing: inherit;

}

.toolbaralt{
  
  margin: 0;
  display: flex;
  height: 100vh;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background-color: #ffb457;
  -webkit-tap-highlight-color: transparent;
  transition: background-color var(--duration);

}






.menu_tool{

  margin: 0;
  display: flex;
  /* Works well with 100% width  */
  width: 32.05em;
  font-size: 1.5em;
  padding: 0 2.85em;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: var(--bgColorMenu);
  
}

.menu__item{
  
  all: unset;
  flex-grow: 1;
  z-index: 100;
  display: flex;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  align-items: center;
  will-change: transform;
  justify-content: center;
  padding: 0.55em 0 0.85em;
  transition: transform var(--timeOut , var(--duration));
  
}

.menu__item::before{
  
  content: "";
  z-index: -1;
  width: 4.2em;
  height: 4.2em;
  border-radius: 50%;
  position: absolute;
  transform: scale(0);
  transition: background-color var(--duration), transform var(--duration);
  
}


.menu__item.active {

  transform: translate3d(0, -.8em , 0);

}

.menu__item.active::before{
  
  transform: scale(1);
  background-color: var(--bgColorItem);

}

.icon_tool{
  
  width: 2.6em;
  height: 2.6em;
  stroke: white;
  fill: transparent;
  stroke-width: 1pt;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 400;
  
}

.menu__item.active .icon_tool {

  animation: strok 1.5s reverse;
  
}

@keyframes strok {

  100% {

      stroke-dashoffset: 400;

  }

}

.menu__border{

  left: 0;
  bottom: 99%;
  width: 10.9em;
  height: 2.4em;
  position: absolute;
  clip-path: url(#menu);
  will-change: transform;
  background-color: var(--bgColorMenu);
  transition: transform var(--timeOut , var(--duration));
  
}

.svg-container {

  width: 0;
  height: 0;
}


@media screen and (max-width: 50em) {
  .menu_tool {
      font-size: .8em;
  }
}































/* .exo-menu{
	width: 100%;
	float: left;
	list-style: none;
	position:relative;
  background: #23364B;
  z-index: 99999;
}
.exo-menu > li {	display: inline-block; float: left;}
.exo-menu > li > a{
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px #365670 dotted;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{
	background:#009FE1;
	color:#fff;
}
.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}
li.drop-down>ul{
	left: 0px;
	min-width: 230px;

}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
  }

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	color: #fff;
	display: block;
	padding: 20px 22px;
	text-decoration: none;
	background-color: #365670;
	border-bottom: 1px dotted #547787;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display:none;
	height: 100%;
	padding: 15px;
	min-width: 742px;

}
h4.row.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;

}
h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670
  }
 .mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
}
ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
	color:#fff;
	background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
	left:0;
	display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Blog .blog-title{
	color:#fff;
	font-size:15px;
	text-transform:uppercase;

}
.Blog .blog-des{
	color:#ccc;
	font-size:90%;
	margin-top:15px;
}
.Blog a.view-more{
	margin-top:0px;
}
/*Images*/
.Images{
	left:0;
   width:100%;
	 display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
	background-color: #547787;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
	display:block;
}
/*responsive*/
 @media (min-width:767px){
	.exo-menu > li > a{
	display:block;
	padding: 20px 22px;
 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:absolute;
}
 .flyout-right>ul{
	left: 100%;
	}
	.flyout-left>ul{
	right: 100%;
}
 }
@media (max-width:767px){

	.exo-menu {
		min-height: 58px;
		background-color: #23364B;
		width: 100%;
	}
	
	.exo-menu > li > a{
		width:100% ;
	    display:none ;
	
	}
	.exo-menu > li{
		width:100%;
	}
	.display.exo-menu > li > a{
	  display:block ;
	  	padding: 20px 22px;
	}
	
.mega-menu, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:relative;
}

}
a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
} */










#myFooter {

  flex: 0 0 auto;

  -webkit-flex: 0 0 auto;

}

#myFooter {

  background: url(../../images/footerBack.png) repeat;

  /* background-color: #182c39; */

  color: white;

  padding-top: 20px;

}

#myFooter .container {

  width: auto;

}

#myFooter .row {

  margin: 0 85px;

}

#myFooter h5 {

  font-size: 18px;

  color: white;

  font-weight: bold;

  margin-top: 30px;

}

#myFooter ul {

  list-style-type: none;

  padding-left: 0;

  line-height: 1.7;

}

.text-center {

  text-align: center;
}
.social-networks {

  text-align: center;

  /*padding-top: 30px;

  padding-bottom: 38px;*/

}

.social-networks .fa {
    font-size: 24px;
    margin-right: 2px;
    margin-left: 2px;
    background-color: white;
   color: #213a8a;
    border-radius: 51%;
    padding: 4px;
    height: 38px;
    width: 38px;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    transition: color 0.2s;

}

.social-networks .fa:hover{
  color:#009FE1;
}

/* Yeni önemli buton  alt yuvarlak */

.orta-ikonlar {
  height: 177px;
  line-height: 148px;
  z-index: 995;
  position: relative;
  margin-top: -166px;
}

.orta-ikonlar1 {
  height: 177px;
  line-height: 148px;
  z-index: 995;
  position: relative;
  margin-top: 0px;
}

.telefonmenu{
	margin-top:0px;
}






@media (min-width:320px)  { .orta-ikonlar1{ margin-top:-166px; height:141px;} }
@media (min-width:375px)  { .orta-ikonlar1{ margin-top:-166px; height:141px;} }
@media (min-width:481px)  { .orta-ikonlar1{ margin-top:-166px; height:141px;} }
@media (min-width:768px)  { .orta-ikonlar1{ margin-top:0px; height:141px;} }


@media (max-width:1024px) {.telefonmenu { margin-top:-191px;} }
@media (max-width:768px)  {.telefonmenu { margin-top:-95px;} }
@media screen and (max-width: 414px){.telefonmenu { margin-top:-191px;} }



@media (max-width:375px){.telefonmenu { margin-top: -195px;	} }

	
	
   
	
	
	









      
.navbar-nav > li > a {
	line-height:16px !important;
}




.orta-ikonlar2 .menu-btn {
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    border: 7px solid #e6e6e6;
    background: #d6d7d8;
    border-radius: 50%;
    margin: 16px 1.2%;
    /* box-shadow: 0px 0px 10px; */
    padding: 14px 0px 0px 14px;
    transition: all 0.3s ease-in-out;
	font-size:1.2rem;
}




.orta-ikonlar2 .menu-btn:hover

 {

  border-radius: 50%;

  background: #739ebd;

}




.orta-ikonlar2 .denemeButon{
	
	width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    border: 7px solid #e6e6e6;
    background: #d6d7d8;
    border-radius: 50%;
    margin: 16px 1.2%;
    /* box-shadow: 0px 0px 10px; */
    padding: 14px 0px 0px 14px;
    transition: all 0.3s ease-in-out;
	font-size:1.2rem;
	
	
	
}



.orta-ikonlar2 .denemeButon:hover

 {

  border-radius: 50%;

  background: #739ebd;

}

.







.menu-btn:hover .fa{

  color: #739ebd;
  transition: all 0.3s ease-in-out;

}



.orta-ikonlar2 {

  text-align: center;

}

.orta-ikonlar2 .fa {
    font-size: 37px;
    color: #4276ba;
    margin-top: 4px;
    margin-bottom: 32px;
}

.menu-btn:hover a span {
  
}





.orta-ikonlar2 a span {
font-size: 1.4rem;
    font-weight: 600;
    position: absolute;
    width: 150px;
    margin: 5px 0px 0px -75px;
    color: #647789;
    line-height: 1.6rem;
    text-align: center;
    text-shadow: 0 0 white;
    transition: all 0.3s ease-in-out;

}


.orta-ikonlar2 a {
    height: 60px;
    padding: 16px -1px;
    display: block;
    font-size: 0px;
    line-height: 0px;
    background: #ffffff;
    border-radius: 25%;
    border: 6px solid #c5cdd5;
    width: 60px;
}



@media (max-width: 767px){
	

  .orta-ikonlar {



    background: #ffffff;

    height: auto;

    line-height: 20px;

    /* padding: 20px 0; */

}

.menu-ikonlar {

  background: #fdfdfd;

  height: auto;

  line-height: 20px;

  padding: 0px 0px 20px;



}


.orta-ikonlar2 a span{

  color:white;
  font-size:1.3rem;
  word-break:break-word;
  width:104px;
  margin-left:-33px;

}

.orta-ikonlar2 .menu-btn:hover

 {

	border-radius: 0px;
  

}
.menu-btn:hover .fa{

  color: #fff;
  transition: all 0.3s ease-in-out;

}



}

@media (max-width: 767px){
	
	
.responsivesabit {
    width: 100%;
    height: auto;
	margin-left : 21px;
}	
	
	
	
	.orta-ikonlar2 .fa {

  font-size: 45px;

  color: #ffffff;

  margin-top: 0px;
  
  margin-bottom:0px;
  margin-left: 24px;
	}
  .orta-ikonlar2 a {


	border: none;
    background: none;

    height: 85px;

    padding: 5px 1px;

    display: block;

    font-size: 11px;

    line-height: 11px; 

  }
  .orta-ikonlar2{
	  
	  padding-top:10px;
  }

  .orta-ikonlar2 .menu-btn

{

    width: 28%;

    height: 110px;

    padding: 0 4px;

    display: inline-block;

    vertical-align: top;

    line-height: 23px;

	margin: 3px 1%;

    border:none;

    background: #318db9fa;

    border-radius: 10px;

  }
  
  
  .orta-ikonlar2 .denemeButon

{

    width: 28%;

    height: 110px;

    padding: 0 4px;

    display: inline-block;

    vertical-align: top;

    line-height: 23px;

	margin: 3px 1%;

    border:none;

    background: #318db9fa;

    border-radius: 10px;

  }

}




/* Yeni menü alt */
.t-ikonlar {
  /*background: linear-gradient(*/
  /*  0deg*/
  /*   , #1277eaa8 , #2d6fbb );*/
  background: linear-gradient(
          0deg
          , #5a98d0 ,#4055a5 );
        height: 142px;
        line-height: 148px;
  border-radius: 5px;

}

.t-ikonlar2 .m-1,
.t-ikonlar2 .m-2,
.t-ikonlar2 .m-3,
.t-ikonlar2 .m-4,
.t-ikonlar2 .m-5,
.t-ikonlar2 .m-6,
.t-ikonlar2 .m-7,
.t-ikonlar2 .m-8,
.t-ikonlar2 .m-9,
.t-ikonlar2 .m-10,
.t-ikonlar2 .m-11,
.t-ikonlar2 .m-12,
.t-ikonlar2 .m-13,
.t-ikonlar2 .m-14,
.t-ikonlar2 .m-15,
.t-ikonlar2 .m-16,
.t-ikonlar2 .m-17,
.t-ikonlar2 .m-18,
.t-ikonlar2 .m-19,
.t-ikonlar2 .m-20,
.t-ikonlar2 .m-21,
.t-ikonlar2 .m-22,
.t-ikonlar2 .m-23,
.t-ikonlar2 .m-24,
.t-ikonlar2 .m-25
{
  width: 13%;
  height: 110px;
  padding: 0 4px;
  display: inline-block;
  vertical-align: top;
  line-height: 23px;
  margin-top: 19px;
  border-right:1px dotted #75a5dc;
}

.t-ikonlar2 .m-1:hover,
.t-ikonlar2 .m-2:hover,
.t-ikonlar2 .m-3:hover,
.t-ikonlar2 .m-4:hover,
.t-ikonlar2 .m-5:hover,
.t-ikonlar2 .m-6:hover,
.t-ikonlar2 .m-7:hover,
.t-ikonlar2 .m-8:hover,
.t-ikonlar2 .m-9:hover,
.t-ikonlar2 .m-10:hover,
.t-ikonlar2 .m-11:hover, 
.t-ikonlar2 .m-12:hover {
 background: #89a3c279;
  border-radius: 7px;
  transition: all .2s ease;

}


.t-ikonlar2 .m-1:hover i,
.t-ikonlar2 .m-2:hover i,
.t-ikonlar2 .m-3:hover i,
.t-ikonlar2 .m-4:hover i,
.t-ikonlar2 .m-5:hover i,
.t-ikonlar2 .m-6:hover i,
.t-ikonlar2 .m-7:hover i,
.t-ikonlar2 .m-8:hover i,
.t-ikonlar2 .m-9:hover i,
.t-ikonlar2 .m-10:hover i,
.t-ikonlar2 .m-11:hover i,
.t-ikonlar2 .m-12:hover i{
   padding: 10px;
  transition: all .2s ease-in-out;
}

.t-ikonlar2 {
  text-align: center;
}
.t-ikonlar2 .fa {
  padding: 5px;
  font-size: 45px;
  color: #fff;
  text-shadow:3px 3px 0px #3c72af;
}

.t-ikonlar2 a span {
  font-size: 1.4rem;
  color: #fff;
  line-height: 16px;
}

.t-ikonlar2 a {
  height: 85px;
  padding: 5px 1px;
  display: block;
  font-size: 11px;
  line-height: 11px;
}
.sliderButton{
  width: 85%;
  margin:0px auto;
}


@media (min-width: 1100px){
  .sliderButton{
   /* width: 70%;*/
  }
  

}

@media (max-width: 767px){

  .t-ikonlar {

    background: #ffffff;
    height: auto;
    line-height: 20px;
    /* padding: 20px 0; */
}
.m-ikonlar {
  background: #fdfdfd;
  height: auto;
  line-height: 20px;
  padding: 0px 0px 20px;

}
.t-ikonlar2 a span{
  color:white;
}

}
@media (max-width: 767px){
  .t-ikonlar2 .m-1,
.t-ikonlar2 .m-2,
.t-ikonlar2 .m-3,
.t-ikonlar2 .m-4,
.t-ikonlar2 .m-5,
.t-ikonlar2 .m-6,
.t-ikonlar2 .m-7,
.t-ikonlar2 .m-8,
.t-ikonlar2 .m-9,
.t-ikonlar2 .m-10,
.t-ikonlar2 .m-11, 
.t-ikonlar2 .m-12{
  width: 30%;
  height: 110px;
  padding: 0 4px;
  display: inline-block;
  vertical-align: top;
  line-height: 23px;
  margin-top: 10px;
  border:none;
  background: #318db9fa;
  border-radius: 10px;
  }
}
/*bitiş alt menü */

/*içerik 2 sayfasındaki css menü burada */
.__bluemenu {
  display: block !important;
}
.content-top-content {
  min-height: 155px;
  line-height: 200px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 40px;
}
.mrb-reset {
margin-bottom: 0!important;
}

.content-top-content .content-top-nav-menu {
  position: relative;
  z-index: 9;
  text-align: center;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 15px;
  padding-bottom: 15px;
}
.content-top-content .content-top-nav-menu .banner-title {
  font-size: 22px;
  font-weight: 800;
  text-align: left;
  color: #fff;
  margin-bottom: 20px;
  display: inline-block;
}
.content-top-content .content-top-nav-menu .section-menu li.active {
  /* border-color: #8e1c34; */
}
/* .content-top-content .content-top-nav-menu .section-menu li.active :hover {
  border-bottom: none;
} */
.content-top-content .content-top-nav-menu .section-menu li {
  display: inline-block;
  line-height: 30px;
  border-bottom: 4px solid transparent;
}
.content-top-content:after {
  content: "";
  background-color: rgba(45, 77, 151,0.75);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-top-content .content-top-nav-menu .section-menu li a {
  font-size: 1.6rem;
  color: #dbdfe4;
  border-right: solid 1px rgba(255,255,255,.3);
  padding: 0 15px;
  transition: color ease-in-out .3s;
}

.content-top-content .content-top-nav-menu .section-menu li a:hover {
  color: #fff;
}

figure.images-full img {
  max-width: 100%;
}
.content-top-nav-menu h3 {
  color: #fff;
  font-size: 3.2rem;
}
.content-top-content .content-top-nav-menu .section-menu li :hover {
   
    border-bottom: 4px solid #8e1c34;
}


@media only screen and (max-width: 768px){

  .__bluemenu .content-top-nav-menu {
    max-height: 195px !important;
    overflow-y: auto !important;
    float: left !important;

}

.content-top-content .content-top-nav-menu {
  position: relative;
  z-index: 9;
  text-align: center;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 15px;
  padding-bottom: 15px;
  list-style: none;
}
.content-top-content .content-top-nav-menu .section-menu li {
  display: inline-block;
  line-height: 33px;
  border-bottom: 4px solid transparent;
}
.content-top-content .content-top-nav-menu .section-menu {
  margin:-15px;
  float:left;
  padding:2px;
}
.content-top-content .content-top-nav-menu .banner-title {
  display: none;
}
.content-top-content .content-top-nav-menu .banner-title {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.content-top-content .content-top-nav-menu .banner-title {
  font-size: 22px;
  font-weight: 800;
  text-align: left;
  color: #fff;
  margin-bottom: 20px;
  display: inline-block;
}

}
/*Yeni eklediği menü içerik için*/








#agnavbar { 

  background: #293b80;

  width: 100%;

  color: #FFF;

  padding: 0px;

  position: relative;

  border-top: 0px solid #960100;

  height: 44px;

}



#agnav { 

  margin: 0; 

  padding: 0; 

} 

#agnav ul { 

  float: left; 

  list-style: none; 

  margin: 0; 

  padding: 0; 

} 

#agnav li { 

  list-style: none; 

  margin: 0; 

  padding: 0; 
  border-left: 1px dotted #4a6079;
     

} 

#agnav li a, #agnav li a:link, #agnav li a:visited { 

      color: #FFF;

      display: block;

      margin: 0;

      padding: 11px 15px 5px;

      text-decoration: none;


      font-size: 1.5rem;
      transition: all 0.3s ease-in-out;

}


#agnav li ul a, #agnav li ul a:link, #agnav li ul a:visited
{
  border-bottom: 5px solid #EDEFF4 ;

}

#agnav li ul a:hover{
  /*border-bottom: 5px solid #4055a5 ;*/

}
#agnav li a:hover, #agnav li a:active { 

  border-bottom: 5px solid #3973b9 ;

  color: #FFF; 

  display: block; 

  /* text-decoration: none; 

      margin: 0; 

  padding: 9px 12px 11px 12px;  */

}

#agnav li { 

  float: left; 

  padding: 0; 

} 

#agnav li ul { 

  z-index: 9999; 

  position: absolute; 

  left: -999em; 

  height: auto; 

  width: 160px; 

  margin: 0; 

  padding: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;

} 

#agnav li ul a { 

  width: 140px; 

} 

#agnav li ul ul { 

  margin: -25px 0 0 161px; 

}
#agnav li:last-child ul ul { 

  margin: -25px 0 0 -440px; 

}

#agnav li:hover ul ul, #agnav li:hover ul ul ul, #agnav li.sfhover ul ul, #agnav li.sfhover ul ul ul { 

  left: -999em; 

} 

#agnav li:hover ul, #agnav li li:hover ul, #agnav li li li:hover ul, #agnav li.sfhover ul, #agnav li li.sfhover ul, #agnav li li li.sfhover ul { 

  left: auto; 

} 

#agnav li:hover, #agnav li.sfhover { 

  position: static; 

} 

#agnav li li a, #agnav li li a:link, #agnav li li a:visited { 

  background: #EDEFF4;

  width: 270px;

  color: #3B5998;

  display: block;

  /* font: normal 12px Helvetica, sans-serif; */

/*  margin: 1px 0 0 0;*/

  padding: 8px 0px 8px 15px;

  text-decoration: none;

  z-index: 9999;

  font-size: 1.5rem;

 

} 
#agnav li li{ 

  border:none;

} 

#agnav li li a:hover, #agnav li li a:active { 

  background: #4055a5;

  color: #FFF; 

  display: block; 

 

}


#agnav li li:last-child a {

  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}



#agnav li ul a:hover {

  border-left: 5px solid #96beee;
}

#agnav li li li:last-child a{
  border-top-right-radius: 5px;
}

#agnav li li li a, #agnav li li li a:link, #agnav li li li a:visited {

  background: #EDEFF4; 

  width: 350px; 

  color: #3B5998; 

  display: block; 

  text-decoration: none; 

  /*padding: 8px 0px 8px 15px;*/
  padding: -18px 0px 14px 106px;

  z-index: 9999;


  margin: -18px 0 14px 106px;


} 

#agnav li li li a:hover, #agnav li li li a:active { 

  background: #4055a5;

  color: #FFF; 

  display: block; 

}



@media (max-width: 600px) {



  #agnav li {

    width: 100%;

    float: left;

    padding: 0;

    display: block;

}





  #agnav li li li a, #agnav li li li a:link{

    background: #EDEFF4;

    width: 100px;

    color: #3B5998;

    display: block;

    text-decoration: none;

    padding: 1px 0px 0px 0;

    z-index: 9999;

    border: 1px solid #ddd;

    margin: 1px 0 0 -14px;

    font-size: 17px;

}

  

  #agnav li li a, #agnav li li a:link, #agnav li li a:visited {

    background: #EDEFF4;

    width: 115px;

    color: #3B5998;

    display: block;

    /* font: normal 12px Helvetica, sans-serif; */

    margin: 1px 0 0 0;

    padding: 0px 0px 8px 11px;

    text-decoration: none;

    z-index: 9999;

    border: 1px solid #ddd;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    font-size: 17px;

  }



#agnav li a, #agnav li a:link, #agnav li a:visited {

    color: #FFF;

    display: block;

    margin: 0;

    padding: 0px 0px 3px 6px;

    text-decoration: none;

    border-right: 0px solid #627AAD;

    font-size: 17px;

}





#agnavbar {

    background: #293d54;

    width: 60%;

    color: #FFF;

    margin: 0px 0;

    padding: 0px;

    position: relative;

    border-top: 0px solid #960100;

    height: 37px;

}



#agnav li ul ul {

    margin: -33px 0 0 129px;

}

  

}

/*son  */




/*deneme*/

@font-face {

	font-family: 'icomoon';

	src:url('../fonts/icomoon.eot');

	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),

		url('../fonts/icomoon.woff') format('woff'),

		url('../fonts/icomoon.ttf') format('truetype'),

		url('../fonts/icomoon.svg#icomoon') format('svg');

	font-weight: normal;

	font-style: normal;

}



/* Common styles of menus */



.dl-menuwrapper {

	width: 100%;

	/*max-width: 300px;*/

	float: left;

	position: relative;

	-webkit-perspective: 1000px;

	perspective: 1000px;

	-webkit-perspective-origin: 50% 200%;

	perspective-origin: 50% 200%;

}



.dl-menuwrapper:first-child {

	/*margin-right: 100px;*/

}



.dl-menuwrapper button {

	background: #ccc;

	border: none;

	width: 48px;

	height: 45px;

	text-indent: -900em;

	overflow: hidden;

	position: relative;

	cursor: pointer;

	outline: none;

}



.dl-menuwrapper button:hover,

.dl-menuwrapper button.dl-active,

.dl-menuwrapper ul {

  background: #3e6db8;

}



.dl-menuwrapper button:after {

	content: '';

    position: absolute;

    width: 61%;

    height: 5px;

    background: #8da8c7;

    top: 8px;

    left: 16%;

    box-shadow: 0 10px 0 #8da8c7, 0 20px 0 #8da8c7;

}



.dl-menuwrapper ul {

	padding: 0;

	list-style: none;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}



.dl-menuwrapper li {

	position: relative;

  margin-top: 5px;

}



.dl-menuwrapper li a {

	display: block;

	position: relative;

	padding: 11px 20px;

	font-size: 16px;

	line-height: 20px;

	font-weight: 300;

	color: #fff;

	outline: none;

  /* margin-left: 50px;

    margin-top: -55px; */

}



.no-touch .dl-menuwrapper li a:hover {

	background: rgba(255,248,213,0.1);

}



.dl-menuwrapper li.dl-back > a {

	padding-left: 30px;

	/* background: rgba(0,0,0,0.1); */

  background: #5f81a9;

}



.dl-menuwrapper li.dl-back:after,

.dl-menuwrapper li > a:not(:only-child):after {

	position: absolute;

	top: 0;

	line-height: 50px;

	font-family: 'icomoon';

	speak: none;

	-webkit-font-smoothing: antialiased;

	 /* content: "\e000";  */

}



.dl-menuwrapper li.dl-back:after {

	left: 10px;

	color: rgba(212,204,198,0.3);

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

}



.dl-menuwrapper li > a:after {

	right: 10px;

	color: rgba(0,0,0,0.15);

}



.dl-menuwrapper .dl-menu {

	margin: 5px 0 0 0;

	position: absolute;

	width: 100%;

	opacity: 0;

	pointer-events: none;

	-webkit-transform: translateY(10px);

	transform: translateY(10px);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

  /* margin-left: 50px; */

    margin-top: -10px;


}



.dl-menuwrapper .dl-menu.dl-menu-toggle {

	transition: all 0.3s ease;

}



.dl-menuwrapper .dl-menu.dl-menuopen {

	opacity: 1;
	height:auto;
	z-index:9999;
	position:relative;

	pointer-events: auto;

	-webkit-transform: translateY(0px);

	transform: translateY(0px);

}



/* Hide the inner submenus */

.dl-menuwrapper li .dl-submenu {

	display: none;

}



/* 

When a submenu is openend, we will hide all li siblings.

For that we give a class to the parent menu called "dl-subview".

We also hide the submenu link. 

The opened submenu will get the class "dl-subviewopen".

All this is done for any sub-level being entered.

*/

.dl-menu.dl-subview li,

.dl-menu.dl-subview li.dl-subviewopen > a,

.dl-menu.dl-subview li.dl-subview > a {

	display: none;

}



.dl-menu.dl-subview li.dl-subview,

.dl-menu.dl-subview li.dl-subview .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,

.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {

	display: block;

}



/* Dynamically added submenu outside of the menu context */

.dl-menuwrapper > .dl-submenu {

	position: absolute;

	width: 100%;

	top: 50px;

	left: 0;

	margin: 0;

}



/* Animation classes for moving out and in */



.dl-menu.dl-animate-out-1 {

	-webkit-animation: MenuAnimOut1 0.4s;

	animation: MenuAnimOut1 0.4s;

}



.dl-menu.dl-animate-out-2 {

	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;

	animation: MenuAnimOut2 0.3s ease-in-out;

}



.dl-menu.dl-animate-out-3 {

	-webkit-animation: MenuAnimOut3 0.4s ease;

	animation: MenuAnimOut3 0.4s ease;

}



.dl-menu.dl-animate-out-4 {

	-webkit-animation: MenuAnimOut4 0.4s ease;

	animation: MenuAnimOut4 0.4s ease;

}



.dl-menu.dl-animate-out-5 {

	-webkit-animation: MenuAnimOut5 0.4s ease;

	animation: MenuAnimOut5 0.4s ease;

}



@-webkit-keyframes MenuAnimOut1 {

	0% { }

	50% {

		-webkit-transform: translateZ(-250px) rotateY(30deg);

	}

	75% {

		-webkit-transform: translateZ(-372.5px) rotateY(15deg);

		opacity: .5;

	}

	100% {

		-webkit-transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut2 {

	0% { }

	100% {

		-webkit-transform: translateX(-100%);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut3 {

	0% { }

	100% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut4 {

	0% { }

	100% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-webkit-keyframes MenuAnimOut5 {

	0% { }

	100% {

		-webkit-transform: translateY(40%);

		opacity: 0;

	}

}



@keyframes MenuAnimOut1 {

	0% { }

	50% {

		-webkit-transform: translateZ(-250px) rotateY(30deg);

		transform: translateZ(-250px) rotateY(30deg);

	}

	75% {

		-webkit-transform: translateZ(-372.5px) rotateY(15deg);

		transform: translateZ(-372.5px) rotateY(15deg);

		opacity: .5;

	}

	100% {

		-webkit-transform: translateZ(-500px) rotateY(0deg);

		transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

}



@keyframes MenuAnimOut2 {

	0% { }

	100% {

		-webkit-transform: translateX(-100%);

		transform: translateX(-100%);

		opacity: 0;

	}

}



@keyframes MenuAnimOut3 {

	0% { }

	100% {

		-webkit-transform: translateZ(300px);

		transform: translateZ(300px);

		opacity: 0;

	}

}



@keyframes MenuAnimOut4 {

	0% { }

	100% {

		-webkit-transform: translateZ(-300px);

		transform: translateZ(-300px);

		opacity: 0;

	}

}



@keyframes MenuAnimOut5 {

	0% { }

	100% {

		-webkit-transform: translateY(40%);

		transform: translateY(40%);

		opacity: 0;

	}

}



.dl-menu.dl-animate-in-1 {

	-webkit-animation: MenuAnimIn1 0.3s;

	animation: MenuAnimIn1 0.3s;

}



.dl-menu.dl-animate-in-2 {

	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;

	animation: MenuAnimIn2 0.3s ease-in-out;

}



.dl-menu.dl-animate-in-3 {

	-webkit-animation: MenuAnimIn3 0.4s ease;

	animation: MenuAnimIn3 0.4s ease;

}



.dl-menu.dl-animate-in-4 {

	-webkit-animation: MenuAnimIn4 0.4s ease;

	animation: MenuAnimIn4 0.4s ease;

}



.dl-menu.dl-animate-in-5 {

	-webkit-animation: MenuAnimIn5 0.4s ease;

	animation: MenuAnimIn5 0.4s ease;

}



@-webkit-keyframes MenuAnimIn1 {

	0% {

		-webkit-transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

	20% {

		-webkit-transform: translateZ(-250px) rotateY(30deg);

		opacity: 0.5;

	}

	100% {

		-webkit-transform: translateZ(0px) rotateY(0deg);

		opacity: 1;

	}

}



@-webkit-keyframes MenuAnimIn2 {

	0% {

		-webkit-transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		opacity: 1;

	}

}



@-webkit-keyframes MenuAnimIn3 {

	0% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

}



@-webkit-keyframes MenuAnimIn4 {

	0% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

}



@-webkit-keyframes MenuAnimIn5 {

	0% {

		-webkit-transform: translateY(40%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateY(0);

		opacity: 1;

	}

}



@keyframes MenuAnimIn1 {

	0% {

		-webkit-transform: translateZ(-500px) rotateY(0deg);

		transform: translateZ(-500px) rotateY(0deg);

		opacity: 0;

	}

	20% {

		-webkit-transform: translateZ(-250px) rotateY(30deg);

		transform: translateZ(-250px) rotateY(30deg);

		opacity: 0.5;

	}

	100% {

		-webkit-transform: translateZ(0px) rotateY(0deg);

		transform: translateZ(0px) rotateY(0deg);

		opacity: 1;

	}

}



@keyframes MenuAnimIn2 {

	0% {

		-webkit-transform: translateX(-100%);

		transform: translateX(-100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn3 {

	0% {

		-webkit-transform: translateZ(300px);

		transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn4 {

	0% {

		-webkit-transform: translateZ(-300px);

		transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes MenuAnimIn5 {

	0% {

		-webkit-transform: translateY(40%);

		transform: translateY(40%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateY(0);

		transform: translateY(0);

		opacity: 1;

	}

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {

	-webkit-animation: SubMenuAnimIn1 0.4s ease;

	animation: SubMenuAnimIn1 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {

	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;

	animation: SubMenuAnimIn2 0.3s ease-in-out;

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {

	-webkit-animation: SubMenuAnimIn3 0.4s ease;

	animation: SubMenuAnimIn3 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {

	-webkit-animation: SubMenuAnimIn4 0.4s ease;

	animation: SubMenuAnimIn4 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {

	-webkit-animation: SubMenuAnimIn5 0.4s ease;

	animation: SubMenuAnimIn5 0.4s ease;

}



@-webkit-keyframes SubMenuAnimIn1 {

	0% {

		-webkit-transform: translateX(50%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		opacity: 1;

	}

}



@-webkit-keyframes SubMenuAnimIn2 {

	0% {

		-webkit-transform: translateX(100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		opacity: 1;

	}

}



@-webkit-keyframes SubMenuAnimIn3 {

	0% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

}



@-webkit-keyframes SubMenuAnimIn4 {

	0% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

}



@-webkit-keyframes SubMenuAnimIn5 {

	0% {

		-webkit-transform: translateZ(-200px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn1 {

	0% {

		-webkit-transform: translateX(50%);

		transform: translateX(50%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn2 {

	0% {

		-webkit-transform: translateX(100%);

		transform: translateX(100%);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateX(0px);

		transform: translateX(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn3 {

	0% {

		-webkit-transform: translateZ(-300px);

		transform: translateZ(-300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn4 {

	0% {

		-webkit-transform: translateZ(300px);

		transform: translateZ(300px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0px);

		transform: translateZ(0px);

		opacity: 1;

	}

}



@keyframes SubMenuAnimIn5 {

	0% {

		-webkit-transform: translateZ(-200px);

		transform: translateZ(-200px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateZ(0);

		transform: translateZ(0);

		opacity: 1;

	}

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {

	-webkit-animation: SubMenuAnimOut1 0.4s ease;

	animation: SubMenuAnimOut1 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {

	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;

	animation: SubMenuAnimOut2 0.3s ease-in-out;

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {

	-webkit-animation: SubMenuAnimOut3 0.4s ease;

	animation: SubMenuAnimOut3 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {

	-webkit-animation: SubMenuAnimOut4 0.4s ease;

	animation: SubMenuAnimOut4 0.4s ease;

}



.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {

	-webkit-animation: SubMenuAnimOut5 0.4s ease;

	animation: SubMenuAnimOut5 0.4s ease;

}



@-webkit-keyframes SubMenuAnimOut1 {

	0% {

		-webkit-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(50%);

		opacity: 0;

	}

}



@-webkit-keyframes SubMenuAnimOut2 {

	0% {

		-webkit-transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(100%);

		opacity: 0;

	}

}



@-webkit-keyframes SubMenuAnimOut3 {

	0% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(-300px);

		opacity: 0;

	}

}



@-webkit-keyframes SubMenuAnimOut4 {

	0% {

		-webkit-transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(300px);

		opacity: 0;

	}

}



@-webkit-keyframes SubMenuAnimOut5 {

	0% {

		-webkit-transform: translateZ(0);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(-200px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut1 {

	0% {

		-webkit-transform: translateX(0%);

		transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(50%);

		transform: translateX(50%);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut2 {

	0% {

		-webkit-transform: translateX(0%);

		transform: translateX(0%);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateX(100%);

		transform: translateX(100%);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut3 {

	0% {

		-webkit-transform: translateZ(0px);

		transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(-300px);

		transform: translateZ(-300px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut4 {

	0% {

		-webkit-transform: translateZ(0px);

		transform: translateZ(0px);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(300px);

		transform: translateZ(300px);

		opacity: 0;

	}

}



@keyframes SubMenuAnimOut5 {

	0% {

		-webkit-transform: translateZ(0);

		transform: translateZ(0);

		opacity: 1;

	}

	100% {

		-webkit-transform: translateZ(-200px);

		transform: translateZ(-200px);

		opacity: 0;

	}

}



/* No JS Fallback */

.no-js .dl-menuwrapper .dl-menu {

	position: relative;

	opacity: 1;

	-webkit-transform: none;

	transform: none;

}



.no-js .dl-menuwrapper li .dl-submenu {

	display: block;

}



.no-js .dl-menuwrapper li.dl-back {

	display: none;

}



.no-js .dl-menuwrapper li > a:not(:only-child) {

	background: rgba(0,0,0,0.1);

}



.no-js .dl-menuwrapper li > a:not(:only-child):after {

	content: '';

}



/* Colors for demos */
/**/
.responsivesabit{
	 width: 100%;
	height: auto;
}


.denemeButon:hover {
/* background-image: url(https://ege.edu.tr/images/surdurelebilirlik2-176r.png)!important;   */
/* background-size: 47px 47px !important; */
/* background-repeat: no-repeat ! important; */


background: black;



}
.overlay3:hover{
background-image: url(https://ege.edu.tr/images/surdurelebilirlik2-176r.png);
    background-repeat: repeat;
    position: absolute;
    left: 13px;
    /* bottom: 0; */
    top: 14px;
    right: 23px;
    z-index: 3;
    height: 60px;
    padding: 16px -1px;
    display: block;
    font-size: 0px;
    line-height: 0px;
    /* background: #ffffff; */
    border-radius: 25%;
    border: 6px solid #c5cdd5;
    width: 61px;	
	
	
}





.responsivesabit2{
	 width: 100%;
	height: auto;
}









.sabityazi{
	padding:24px;
}


@media (min-width: 375px) and (max-width: 480px) {
  .sabityazi {
   padding:0px;
}
}