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);
}





.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;
}



@keyframes strok {

    100% {
        stroke-dashoffset: 400;
    }
}



.svg-container {
    width: 0;
    height: 0;
}
























/* .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*/

/*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,
    /*hover*/
    .Blog:hover,
    .Images: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,
    li.flyout-mega > a:hover + .flyout-mega-wrap {
        display: block;
    }
/*responsive*/











#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: 0;
    position: relative;
    margin-top: 60px;
}

.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;
    }
}






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




    .orta-ikonlar2 .menu-btn:hover {
        /*border-radius: 50%;
		background: #1a2245c7;*/
    }




.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;
    }

.






.orta-ikonlar2 {
    text-align: center;
}

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






.orta-ikonlar2 a span {
    font-size: 0.8rem;
    font-weight: 600;
    position: absolute;
    width: 150px;
    margin: -25px 0px 0px -65px;
    /*    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 #796671;*/
    width: 60px;
}



@media (max-width: 767px) {


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




    .orta-ikonlar2 a span {
        color: black;
        font-size: 0.8rem;
        word-break: break-word;
        width: 104px;
        margin-left: -33px;
    }

    .orta-ikonlar2 .menu-btn:hover {
        border-radius: 0px;
    }
}

@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 */

.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 .section-menu li.active :hover {
  border-bottom: none;
} */

.content-top-content:after {
    content: "";
    background-color: rgba(45, 77, 151,0.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.images-full img {
    max-width: 100%;
}



@media only screen and (max-width: 768px) {
}
/*Yeni eklediği menü içerik için*/








/*son  */




/*deneme*/

@font-face {
    font-family: 'icomoon';
    src: url('https://ege.edu.tr/css-js/build/fonts/icomoon.eot');
    src: url('https://ege.edu.tr/css-js/build/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('https://ege.edu.tr/css-js/build/fonts/icomoon.woff') format('woff'), url('https://ege.edu.tr/css-js/build/fonts/icomoon.ttf') format('truetype'), url('https://ege.edu.tr/css-js/build/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Common styles of menus */





/* 

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.

*/





/* Colors for demos */
/**/
.responsivesabit {
    width: auto;
    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(../../../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:6px;*/
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .sabityazi {
        padding: 0px;
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .sabityazi {
        padding: 0px;
        font-size: 12px;
    }
}


@media (min-width: 721px) and (max-width: 991px) {
    .sabityazi {
        padding: 0px;
        font-size: 11px;
    }
}

@media (min-width: 540px) and (max-width: 767px) {
    .sabityazi {
        padding: 0px;
        font-size: 8.4px;
    }
}

@media (min-width: 178px) and (max-width: 539px) {
    .sabityazi {
        padding: 0px;
        font-size: 8px;
    }
}