/* =============   Common	============= */

a:hover {
    text-decoration: none;
    transition: all .4s ease;
}

.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.noleft {
    padding-left: -15px !important;
}

.noright {
    padding-right: -15px !important;
}

.blokla {
    display: block;
}

.gizle {
    display: none !important;
}




.hizli {
    position: fixed;
    right: 0;
    top: 8%;
    z-index: 9999999;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: -45px;
    letter-spacing: 1px;
}

    .hizli a {
        /*background: #ea6645;*/
        background:#b18627;
        color: #fff;
        padding: 5px 10px;
        margin-right: 30px;
        font-size: 11px;
    }

        .hizli a:hover {
            /*background: #e7532e;*/
            background:#0466c8;
        }


.hizlipopup {
    /*background-color: rgba(49,47,48,0.92);*/
    width: 20%;
    position: fixed;
 
   top: 150px;
    right: 0px;
    overflow: hidden;
    display: none;
    z-index: 9999999;
    /*padding-top: 1vh;*/
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 10px;
    box-shadow: -8px 0 10px -6px #b18627;
}

.hizlibuttonkapat {
    padding: 15px 15px;
}

    .hizlibuttonkapat a {
        color: #fff;
        border: 1px solid #fff;
        padding: 5px 10px;
        font-size: 12px;
    }

        .hizlibuttonkapat a:hover {
            color: #fff;
            border: 1px solid #fff;
            padding: 5px 10px;
            background: #b8a67e;
        }

#hizlibutton {
    margin-bottom: 25px;
    text-align: right;
}

    #hizlibutton a {
        color: #fff;
        border: 1px solid #b7a67c;
        padding: 1vh 2vh;
        font-weight: 600;
    }


.menuler {
    /*background: rgb(4, 43, 82);*/
    background:#fff;
    box-shadow: 0px 5px 10px 0px #b18627;
    /*box-shadow: -5px 4px 8px 1px #c7c7c7;*/
    /*background:#fff;*/ padding: 5px;
}

    .menuler ul {
        margin: 0px auto;
        text-align: center;
    }

        .menuler ul li {
            width: 100px;
            /*background-color: #011c38;*/
            float: left;
            text-align: center;
        }

.hkutu {
    padding: 0;
    border: 1px solid #ea6645;
    min-height: 80px;
    margin: 0 5px 3px 0;
}

    .hkutu:hover, .hkutu:hover .hbaslik, .hkutu:hover .hicon {
        background: #34374e;
        color: #fff;
    }

.hbaslik {
    font-size: 9px;
    max-height: 20px;
    padding: 3px 0px;
    margin-bottom: 10px;
}

.hicon { /*width: 100%;
    height:50px;
     float: left;*/
    height: 40%;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-position: center;
    margin-top: 5px;
background-size: cover;

}

    .hicon i {
        font-size: 40px;
    }




.menuler a {
    color: #fff;
    display: block;
}

    .menuler a:hover {
        color: #012951;
    }
@media (max-width: 1126px) {
.hizli {
 
    top: 8%;
    }
  .hizlipopup {
     
       
        top:150px;
    }

}

@media (max-width: 991px) {
   .hizli {
 
    top: 8%;
    }

    .menuler ul li {
        display: inline-grid;
        float: left;
        width: 150px;
        /*margin-bottom: 5px;*/
    }

   
    

    .hizlipopup {
      
        
        top:150px;
    }

    .hicon {
        visibility: hidden;
        height: 0px;
    }
}


@media (max-width: 768px) {
    .hizli { 
        /*top:9%;*/
        top:16%;
    }

    .menuler ul li {
        display: inline-grid;
        float: left;
        width: 100px;
        /*margin-bottom: 5px;*/
    }
    .hizlipopup {
       
      
        top:160px;
    }

    .hicon {
        visibility: hidden;
        height: 0px;
    }
}


@media (max-width: 540px) {
    .hizli {
        top:22%; /*display:none;*/
    }
       .navbar-toggle {
       margin-right:20px;
    }

    .menuler ul li {
        display: inline-grid;
        float: left;
        width: 60px;
        /*margin-bottom: 5px;*/
    }
    .hizlipopup {
        /*position: absolute;*/
        /*top: 130px;*/
        top:35%;
    }

    .hbaslik {
        visibility: hidden;
        height: 0px;
    }
     .hicon {
        visibility: visible;
   
        height: 25px;
            width: 25px;
    }
}