body{--maincolor:#0e6a41;--ahover:#000000;--menurenk:#0e6a41;--menuhover:#000;--brown:#0e6a41;--secondary:#db210b;overflow-x:hidden;font-family:Poppins,sans-serif!important}
html{background-color:var(--maincolor)!important;width:100vw!important;min-width:100vw!important}
button{outline:0!important}
a:hover{text-decoration:none!important}
.haber-slider .item a{display:block;position:relative;width:100%}
.haber-slider .item a .img{position:relative}
.haber-slider .item a .img img{width:100%;height:530px;

object-fit: cover;
}
.haber-slider .item a .head{position:absolute;left:0;bottom:0;right:0;z-index:2;padding:20px;color:#fff;letter-spacing:-.5px}
.haber-slider .item a .head .title{font-size:18px;font-weight:700;margin-bottom:5px}
.haber-slider .item a .head .date{font-size:11px;padding-top:.3rem}
.haber-slider.owl-carousel.owl-loaded.owl-drag{margin-right:15px}
.habercol_outer{margin-right:0!important;margin-left:0!important}
.habercol_outer{width:100%;height:575px;overflow:hidden;padding:0 30px 0 30px;margin:0}
.haber-slider .owl-dots{margin-top:7px;display:none;margin-left:-4px;margin-right:-4px}
.haber-slider .owl-dots .owl-dot{margin-top:5px!important}
.haber-slider .owl-dots .owl-dot{background-color:transparent!important}
.haber-slider .owl-dots .owl-dot{flex-grow:1;flex-basis:0}
@media only screen and (min-width:768px){
.haber-slider .owl-dots .owl-dot{padding-left:4px!important;padding-right:4px!important}
}
.haber-slider .owl-dots .owl-dot.active span{background-color:var(--maincolor);color:#fff}
.haber-slider .owl-dots .owl-dot span{display:flex;background-color:#e5e5e5;color:#2c2c2c;font-size:16px;font-weight:700;padding:0;width:100%;height:2.5rem;align-items:center;justify-content:center;font-family:'Bebas Neue'}
.haber-slider .item a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:135px;background:#000;background:linear-gradient(0deg,#000 0,rgba(0,0,0,.2) 100%)}
.header-sticky{background:-webkit-gradient(linear,left top,right top,from(var(--maincolor)),to(var(--maincolor)));background:linear-gradient(to right,var(--maincolor),var(--maincolor));position:fixed;top:0;right:0;left:0;z-index:1004;-webkit-box-shadow:0 0 50px rgba(13,58,117,.5);box-shadow:0 0 50px rgba(13,58,117,.5);-webkit-transition:.3s;transition:.3s;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;visibility:hidden}
.header-sticky .container{height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-sticky .logo{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.header-sticky .btn-bar{color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:30px}
.header-sticky .btn-bar .icon:not(.not){font-size:24px}
.header-sticky .btn-bar .text{font-size:20px;font-weight:900;margin-left:15px}
.header-sticky .logo a{display:block;position:relative}
.header-sticky .logo img{width:14rem; object-fit: contain;}
.header-weather{font-family:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;margin-left:30px}
.header-weather .figure{margin-right:10px}
.header-weather .icon{font-size:13px;margin-left:5px;-webkit-transition:.3s;transition:.3s}
.header-weather .text{font-weight:900;font-size:24px;position:relative;font-family:Roboto,sans-serif;margin-top:2px}
.header-weather .figure img{width:36px}
.header-sticky.is-visible{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}
.header{position:absolute;top:0;right:0;left:0;z-index:1000;height:140px}
.header-top{height:70px}
.header-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media (min-width:1750px){
.container-fluid{padding-left:120px;padding-right:120px}
}
.header-top .header-container>div{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-buttons>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:2px}
.header-buttons>ul>li:not(:last-child){margin-right:8px}
.header-buttons>ul>li{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.header-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:2px;border-radius:50px;height:43px;border:1px solid rgba(255,255,255,.15);color:#fff;background:0 0;font-family:Roboto}
.header-button>.icon{display:flex;color:#fff;width:15px;height:40px;font-size:16px;border-radius:25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.header-button>.icon svg{fill:#fff}
.header-button .desc{text-align:center;padding-right:11px;display:-webkit-box;display:-ms-flexbox;display:flex}
.header-button .desc .title{margin:0;color:var(--maincolor);font-weight:900;font-size:12px;letter-spacing:.5px;text-transform:uppercase;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-button .desc .title .icon{font-size:12px;margin-left:7px;-webkit-transition:.3s;transition:.3s;top:0;position:relative;color:#fff}
.header-button._accessibility{width:38px;height:38px;-webkit-transition:.3s;transition:.3s}
.header-button._accessibility>.icon{margin-top:-2px}
.header-weather{font-family:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;margin-left:30px}
.header-bottom{height:70px;background-color:#fff}
.header-container.container-fluid{max-height:75px}
@media (min-width:992px){
.header-bottom{margin-top:0}
}
.header-mobile__buttons{display:none;position:absolute;top:50%;right:10px;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-nav__wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}
.header-buttons__wrapper{position:absolute;top:40px;right:-30px;left:-30px;background:var(--secondary);border-radius:15px;margin-top:7px;z-index:9;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s}
.header-buttons__wrapper ul li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}
.header-buttons__wrapper ul li:last-child a{border-radius:0 0 15px 15px}
.header-buttons__wrapper ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 25px;text-transform:uppercase;color:#fff;-webkit-transition:.3s;transition:.3s}
.header-logo{padding-top:30px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}
.header-logo h1{font-size:0;margin:0}
.header-logo a{display:block;position:relative}
.header-logo img{width:160px;max-height:170px}
.header-container:after,.header-container:before{content:unset!important}
.header-nav__item{padding-left:15px;padding-right:15px}
.header-nav__item>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:#fff;font-size:14px;font-weight:900;font-family:Roboto;text-transform:uppercase!important;height:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.2;position:relative;z-index:1;-webkit-transition:.3s;transition:.3s}
.header-nav__item>a:before{content:"";position:absolute;right:0;bottom:13px;left:0;height:2px;background:currentColor;width:0;margin:0 auto;-webkit-transition:width .3s;transition:width .3s}
.header-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:-15px;margin-right:-15px}
.header-buttons>ul>li.header-cat-button:hover .header-buttons__wrapper{opacity:1;visibility:visible}
.header-buttons__wrapper ul li a .title{font-weight:800;font-size:13px;font-family:Roboto;line-height:1.4;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:15px}
.header-buttons__wrapper ul li a:hover{background:var(--maincolor);color:#fff}
.header-buttons__wrapper ul li:first-child a{border-top-left-radius:15px;border-top-right-radius:15px}
.header-buttons>ul>li:hover .title .icon{-webkit-transform:translateX(3px);transform:translateX(3px)}
.header-nav__item:hover ul{display:flex}
.header-nav__item ul{display:none;flex-wrap:wrap;color:#fff;padding:15px;border-radius:10px;position:absolute;max-width:400px;min-width:350px;z-index:2;list-style:none}
.header-nav__item>a:hover{color:#000}
.header-nav__item ul li{flex-basis:50%;padding:7px 0 7px 0}
.header-nav__item ul li a{color:#fff;padding:5px;font-family:Roboto;font-weight:600;font-size:12px}
.footer-overlay{position:absolute;bottom:0;width:100vw;height:100px;display:flex;z-index:2;background-color:#55b25080}
.footer-left{width:30%;background-color:#108337;height:100%}
.footer-right{width:70%;background-color:#108337;height:100%}
.haber-container span{position:absolute;top:0;right:0;padding:10px;font-size:20px;font-weight:600;color:#fff;background-color:#108337}
.haber-container a{color:#fff;font-size:24px}
.footer-container{display:flex;position:relative;width:100%}
.footer-bottom-right{display:flex;justify-content:space-between;max-height:100px}
.footer-mayor-img{display:flex;position:absolute;bottom:0}
.footer-mayor-img img{width:233px;height:270px}
.header-nav__item:hover .fa-chevron-right{-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.footer-mayor_last{display:flex;position:relative;height:100px;width:230px}
.footer-mayor-social{height:100px;padding-left:20px;padding-right:20px}
.header-input{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:2px;padding-left:20px;padding-right:20px;border-radius:50px;height:43px;border:1px solid rgba(255,255,255,.15);color:#fff;background:0 0;font-family:Roboto}
.header-input .icon{color:#1f3c75!important}
.header-input-type{background-color:transparent;border:0;color:#fff}
.header-buttons__wrapper ul li img{max-height:30px}
.menu-86{width:550px!important;margin-left:-200px!important}
.menu-1045{width:550px!important;margin-left:-100px!important}
.anasayfaelink{width:25%}
.footer-bottom-button{display:flex;align-items:center;font-size:1.4rem;font-weight:600;width:100%;height:100%;font-family:GilroyRegular;text-transform:uppercase;color:#fff;padding:20px}
.imarbaslik{font-size:1.5rem!important}
.footer-bottom-button:hover{cursor:pointer;box-shadow:inset 0 0 100px 100px rgb(0 0 0 / 10%)}
.footer-bottom-button .icon{margin-right:15px}
.personnel-social a{color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:5px}
.personnel-social{left:unset;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.footer-mayor-signature{display:flex;justify-content:center;align-items:center;padding:0 10px}
.footer-mayor-signature img{max-height:75px}
.header-mobile__buttons a,.header-mobile__buttons button{color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;background-color:transparent}
.header-mobile__buttons a .icon:not(.not),.header-mobile__buttons button .icon:not(.not){font-size:24px}
.header-mobile__buttons a .icon:not(.not) svg,.header-mobile__buttons button .icon:not(.not) svg{fill:#fff}
.header-buttons__wrapper ul{list-style:none;padding-left:0}

@media (max-width:767px){
.header-bottom{height:80px}
}
@media (max-width:479px){
.header-container{width:100vw;position:absolute!important;left:0;max-height:80px}
}
@media (max-width:1199px){
.header-container{position:relative}
}
.modal-mayor__social{position:absolute;right:0;bottom:0;left:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-right:30px;padding-left:30px}
@media (max-width:1200px){
.gp__slider_duyurular,.overlaySearch,.yeniheader{display:none!important}
}
@media (min-width:1200px){
.mobilheader{display:none!important}
}
@media (min-width:1200px) and (max-width:1440px){
.modal-mayor__photo,.modal-mayor__social{height:100vh!important}
}
.modal-mayor__social a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:55px;height:55px;border:1px solid #fff;border-radius:7px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:24px;-webkit-transition:.3s;transition:.3s}
.inner-page__form ul li .heading{color:#0b2d6c;font-size:1rem;font-weight:600;margin-bottom:3px}
.inner-page__form ul li textarea{height:200px;padding-top:20px}
.inner-page__form ul li{margin-bottom:20px}
.inner-page__form ul li input:hover,.inner-page__form ul li textarea:hover{border:1px solid rgba(0,0,0,.2)}
.inner-page__form ul li textarea{height:200px;padding-top:20px}
.inner-page__form ul li input,.inner-page__form ul li textarea{width:100%;height:60px;border:1px solid rgba(0,0,0,.1);border-radius:5px;font-family:inherit;padding-left:20px;padding-right:20px;color:#333;font-size:16px;background:#fff;-webkit-transition:.3s;transition:.3s}
.inner-page__form ul li input,.inner-page__form ul li textarea{width:100%;height:60px;border:1px solid rgba(0,0,0,.1);border-radius:5px;font-family:inherit;padding-left:20px;padding-right:20px;color:#333;font-size:16px;background:#fff;-webkit-transition:.3s;transition:.3s}
.header-container.container-fluid{padding:0!important;width:90vw}
.haber-slider .item a .head .description{font-size:13px}
@media (max-width:1440px){
.header-bottom{margin-top:0}
}
.fixed-menu{position:absolute;top:0;z-index:1000;height:100%;background:#2b2e6e;background:linear-gradient(0deg,rgba(43,46,110,1) 0,rgba(43,47,112,1) 14%,rgba(51,152,175,1) 48%,rgba(50,147,171,1) 100%);width:130px}
.menu-logo{height:15%;margin:10px 0 0 0}
.mcd-menu div:hover>.menu-btn{color:#fff;width:140px;background:#2c2e6e;border-right:solid 4px #2c2e6e}
.header-buttons{padding-left:1rem;display:flex;align-items:center}
.mcd-menu{list-style:none;padding:0;margin:0;height:62.3%}
.position-relative{position:relative!important}
.menu-item{height:14.15%!important;display:block;margin-bottom:1px}
.mcd-menu div .menu-btn{display:block;text-decoration:none;width:100%}
.menu-btn{background:#07d3e030;height:100%;text-align:center;color:#fff;display:block;font-size:12px}
.menu-btn-1{background:#d31e5e;height:8.8%;text-align:center;color:#fff;display:block;font-size:12px;margin-bottom:1px}
.home-facebook{width:28px;height:28px;display:inline-block;color:#fff;margin:5px;width:40%;padding:0;margin:0}
[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1.3;vertical-align:text-bottom;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ustmenuler1{margin-right:1.5rem}
.header-nav{justify-content:flex-end!important}
.overlaySearch .sol{height:60px;background-color:#fff;padding:20px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.overlaySearch .sag{height:60px;min-width:32vw}
.hero-search__buttons .btn{height:60px;border-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#0d4DA3d6;font-family:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;text-align:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:25px;padding-right:25px;min-width:180px;outline:0;font-size:16px;font-weight:900;text-transform:uppercase;color:#fff;-webkit-transition:.3s;transition:.3s}
.hero-search__buttons .btn .icon{font-size:24px}
.searchResults{width:27.8%;height:1px;background:#fff;float:left;border-color:rgb(0 0 0 / 25%);border-top:0;-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,.25);-webkit-box-shadow:0 3px 5px 0 rgb(0 0 0 / 25%);box-shadow:0 3px 20px 0 rgb(0 0 0 / 25%);margin-bottom:8px;padding:5px;display:none;top:78px;position:absolute;overflow-x:hidden;overflow-y:scroll}
.hero-search__buttons .btn .text{padding-left:15px;color:#fff}
.hero-search__buttons .btn{height:60px!important;margin-left:0!important;border-radius:0 5px 5px 0!important}
.overlaySearch .sag input{width:100%;border-radius:0!important;background-color:#fff!important}
.altbutonsag{margin-right:1%;width:40%;padding:0;display:flex;align-items:flex-end;justify-content:flex-end}
.overlaySearch{width:100%;display:flex;position:absolute;z-index:99;bottom:29rem;margin-left: 5rem;}
@media (max-width:1450px){
.overlaySearch{bottom:20rem}
.fast-menu-slider{margin:0!important}
.baskanresimsagalt img{height:220px}
.baskanimza-home img{max-height:65px!important}
.overlaySearch{width:100%;display:flex;position:absolute;z-index:99;bottom:20rem;margin-left: 14rem;}
}
.altbutonsol{width:55%;padding:0;display:flex;justify-content:center;align-items:flex-end}
.hero-search__dropdown{max-width:800px!important}
.yayinlar__list{height:unset!important}
.fast-menu-slider{padding:0 60px;position:absolute;left:50%;transform:translateX(-50%);border-radius:5px;margin:20px 0}
.fast-menu-slider .owl-stage-outer{padding:20px 0}
.fast-menu-item{padding:20px 10px;text-align:center;background:#fff;box-shadow:20px 0 15px rgba(0,0,0,.05)}
.fast-menu-item a{position:relative}
.fast-menu-item:before{content:"";height:calc(100% + 40px);background:#db210b;transition:all .5s ease;position:absolute;border-radius:5px;width:100%;top:-20px;left:0;opacity:0;z-index:0}
.fast-menu-item:hover:before{transition:all .5s ease;opacity:1}
.fast-menu-item:hover .fast-menu-content,.fast-menu-item:hover .fast-menu-image img,.fast-menu-item:hover .fast-menu-title{color:#fff;filter:brightness(0) invert(1)}
.fast-menu-item:hover:after{display:none}
.fast-menu-slider .owl-next,.fast-menu-slider .owl-prev{position:absolute;left:0;top:20px;height:calc(100% - 40px);background:var(--secondary);width:60px;color:#fff;font-size:28px;border-radius:5px 0 0 5px}
.fast-menu-item:after{content:"";position:absolute;right:0;top:0;bottom:0;height:30px;width:1px;background:#e9eaee;margin:auto}
.fast-menu-image{text-align:center}
.fast-menu-image img{width:75px!important;margin:auto}
.fast-menu-title{font-size:12px;margin:13px 0 2px;color:var(--secondary);font-weight:600}
.fast-menu-content{font-size:12px;color:#cacaca}
.fast-menu-slider .owl-next,.fast-menu-slider .owl-prev{position:absolute;left:0;top:20px;height:calc(100% - 40px);background:var(--secondary);width:60px;color:#fff;font-size:28px;border-radius:5px 0 0 5px}
.fast-menu-slider .owl-next{left:auto;right:0;border-radius:0 5px 5px 0}
.fast-menu-slider .owl-next i,.fast-menu-slider .owl-prev i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#fast-menu .owl-nav.disabled{display:flex!important}
#fast-menu .owl-nav button.owl-next,#fast-menu .owl-nav button.owl-prev{width:3rem;height:75%!important;right:-36px!important;opacity:1}
#fast-menu .owl-nav button.owl-prev{left:-36px!important}
#fast-menu{width:89%}
.fast-menu-item:hover .fast-menu-image i{color:#fff}

.slider-menu {
    position: absolute;
    left: 70px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11;
    bottom: 70px;
}

.slider-menu ul li {
    position: relative;
    display: block;
    text-align: right;
    padding-bottom: 20px;
}

.slider-menu ul li a {
    display: flex;
    color: #e3e3e3;
    font-size: 15px;
    vertical-align: middle;
    text-decoration: none;
    justify-content: flex-end;
    align-items: center;
    font-weight: 600;
    flex-direction: row-reverse;
}

.slider-menu ul li:hover .sm-icon img {
    -webkit-animation: toTopFromBottom 0.4s;
    animation: toTopFromBottom 0.4s;
}

.slider-menu ul li:hover .sm-icon span {
    border-color: #fff;
}

.slider-menu ul li:hover .sm-icon span img {
    -webkit-filter: brightness(100%) saturate(100%) invert(16%) sepia(0) saturate(6447%) hue-rotate(-36deg) brightness(100%) contrast(85%);
    filter: brightness(100%) saturate(100%) invert(16%) sepia(0%) saturate(6447%) hue-rotate(-36deg) brightness(100%) contrast(0%);
}

.slider-menu ul li:hover .sm-icon::after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.sm-icon {
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    border: 6px solid rgba(209, 209, 209, 0.15);
    border-radius: 50%;
    margin-left: 8px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.sm-icon {
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    border: 6px solid rgba(209, 209, 209, 0.15);
    border-radius: 50%;
    margin-right: 8px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.sm-icon span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #83a4b8;
    text-align: center;
    line-height: 43px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.sm-icon span img {
    display: inline-block;
    max-width: 100%;
    line-height: 46px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.sm-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: -1;
}

.slider-menu ul li::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 36px;
    border-right: 1px solid #89a1af;
    height: 16px;
}
.fast-menu-item{
    padding: 20px 10px;
    text-align: center;
    background: #fff;
    box-shadow: 20px 0 15px rgba(0, 0, 0, .05);
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}