/*Sliding Text and Icon Menu Style*/
/* latin */
/*@font-face {*/
/*    font-family: 'Wire One';*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: local('Wire One'), local('WireOne'), url(https://fonts.gstatic.com/s/wireone/v11/qFdH35Wah5htUhV75VGlU9s.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;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Trebuc';*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: local('Trebuc'), local('Trebuc'), url(/front/fonts/trebuc.ttf) 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;*/
/*}*/

@font-face {
    font-family: 'Tahoma';
    font-style: normal;
    font-weight: 400;
    src: local('Tahoma'), local('Tahoma'), url(/front/fonts/tahoma.ttf) 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;
}

.animated-text-icon-menu {
    position: relative;
    background-color: rgb(33, 35, 39);
    margin-top: -4px;
}

.sti-menu {
    width: 100%;
    position: relative;
}

.sti-menu li {
    float: left;
    width: 9%;
    height: 55px;
    margin: 0;
    list-style-type: none;
}

.sti-menu li a {
    display: block;
    overflow: hidden;
    /*background-color: rgb(33, 35, 39);*/
    text-align: center;
    height: 100%;
    width: 100%;
    position: relative;
    /*-moz-box-shadow:1px 1px 2px #ddd;*/
    /*-webkit-box-shadow:1px 1px 2px #ddd;*/
    /*box-shadow:1px 1px 2px #ddd;*/
    list-style-type: none;
}

.sti-menu li a h2 {
    color: rgb(147, 147, 147);
    font-family: 'Tahoma', arial, serif;
    /*font-weight:bold;*/
    font-size: 100%;
    text-transform: uppercase;
    position: absolute;
    padding: 10px;
    width: 90px;
    top: 25px;
    left: 0px;
    /*text-shadow: 0px 1px 1px #ddd;*/
}

.sti-menu li a:hover {
    background-color: #790A00;
    color: #fff;
}

.sti-menu li a h3 {
    font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
    font-size: 18px;
    font-style: italic;
    color: #111;
    position: absolute;
    top: 248px;
    left: 0px;
    width: 90px;
    padding: 10px;
}

.sti-icon {
    width: 30px;
    height: 30px;
    position: absolute;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
    left: 30px;
    top: 0px;
}

.sti-icon-mezun {
    background-image: url(../images/mezun.png);
}

.sti-icon-bys {
    background-image: url(../images/bys.png);
}

.sti-icon-obs {
    background-image: url(../images/obs.png);
}

.sti-icon-ftp {
    background-image: url(../images/ftp.png);
}

.sti-icon-posta {
    background-image: url(../images/posta.png);
}

.sti-icon-uzem {
    background-image: url(../images/uzemg.png);
}

.sti-icon-yeni {
    background-image: url(../images/kutup6.png);
}

.sti-icon-hastane {
    background-image: url(../images/hastane.png);
}

.sti-icon-haber {
    background-image: url(../images/haber.png);
}

.sti-icon-personel {
    background-image: url(../images/personel.png);
}

.sti-icon-kalite {
    background-image: url(../images/kalite.png);
}

@media only screen and (max-width: 1200px) {
    .sti-menu li {
        height: 45px;
    }

    .sti-icon {
        width: 20px;
        height: 20px;
        margin: auto;
        left: 35px;
    }

    .sti-menu li a h2 {
        top: 15px;
        font-size: 11px;
    }
}

@media only screen and (max-width: 992px) {
    .animated-text-icon-menu {
        margin-top: 0;
    }

    .sti-menu li {
        height: 40px;
        margin-top: 2px;
    }

    .sti-icon {
        width: 20px;
        height: 20px;
        margin: auto;
        left: 35px;
    }

    .sti-menu li a h2 {
        font-size: 7px;
        top: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .sti-menu li {
        height: 30px;
    }

    .sti-icon {
        width: 15px;
        height: 15px;
        margin: auto;
        left: 37px;
    }

    .sti-menu li a h2 {
        font-size: 7px;
        top: 10px;
    }
}

@media only screen and (max-width: 750px) {
    .animated-text-icon-menu {
        display: none;
    }
}