html {
    overflow-x: hidden !important;
}

main.main {
    margin-top: 13.5rem;
}

.right-navbar {
    z-index: 1111;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed !important;
}

.search-btn {
    background-image: url("/frontend/new_main/257/assets/img/menu-icon-search.png");
    background-size: contain;
    width: 48px;
    aspect-ratio: 1/1;
}

.update-cv, .scorebord, .last-weblog {
    background-color: #fff !important;
}

.search-btn i {
    border: unset;
    color: #fff !important;
    text-shadow: 0 1px 4px #0007;
    background-color: unset !important;
    margin: 0 !important;
}

.left-header .left-header-item, .bars-btn {
    background-color: unset !important;
    margin: 0 !important;
    border: unset;
    background-image: url("/frontend/new_main/257/assets/img/menu-icon-search.png");
    background-size: contain;
    color: #fff !important;
    text-shadow: 0 1px 4px #0007;
    display: flex;
    align-items: center;
    justify-content: center;
}


.header-btns:empty {
    display: none !important;
}

.header .navbar {
    background-color: unset !important;
    box-shadow: unset !important;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    backdrop-filter: unset;

}

.header {
    height: 0 !important;
}

body {
    background-image: url("/frontend/new_main/257/assets/img/bg-main.png");
}

.school-btn img {
    height: 6.1rem;
}

header .header-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 115px;
    filter: drop-shadow(0px -20px 18px #334f13);
}


/*.slider {*/
/*    -webkit-mask-image: url("/frontend/new_main/257/assets/img/slider-mask.png");*/
/*    mask-image: url("/frontend/new_main/257/assets/img/slider-mask.png");*/
/*    -webkit-mask-repeat: no-repeat;*/
/*    mask-repeat: no-repeat;*/
/*    -webkit-mask-size: cover;*/
/*    overflow: hidden;*/
/*    -webkit-mask-repeat: round;*/
/*}*/


.slide-contain:before {
    content: "";
    background-image: url(/frontend/new_main/257/assets/img/eslimi-1.png);
    position: absolute;
    left: 19%;
    top: 10rem;
    width: 29rem;
    aspect-ratio: 1/1;
    background-size: contain;
    animation: 3s ease 0s infinite beat, 3s ease 0s infinite pulse;
    z-index: -1;

}

.slide-contain:after {
    content: "";
    background-image: url(/frontend/new_main/257/assets/img/eslimi-1.png);
    position: absolute;
    opacity: 0.4;
    z-index: -1;
    aspect-ratio: 1/1;
    background-size: contain;
    /*animation: 3s ease 0s infinite rotate;*/

}


/*@keyframes rotate {*/
/*    0%{ transform: rotate(0deg) }*/
/*    100%{ transform: rotate(360deg) }*/
/*}*/

@keyframes beat {
    0%, 50%, 80% {
        transform: scale(1, 1);
    }
    30%, 80% {
        transform: scale(0.99, 0.99);
    }
}

@keyframes pulse {
    0%, 50%, 100% {
        filter: drop-shadow(0px -9px 80px orange)
    }
    30%, 80% {
        filter: drop-shadow(0px -9px 40px orange)
    }
}

.middle-menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: 1rem;

}


.middle-menu .middle-menu-item {
    background-image: url("/frontend/new_main/257/assets/img/big-btn-bg.png");
    aspect-ratio: 1 / 1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: .25s;

}


.middle-menu .middle-menu-item img {
    width: 60%;
    transition: .25s;

}

.middle-menu .middle-menu-item:hover img {
    width: 70%;

}

.middle-menu .middle-menu-item:hover {
    background-size: 90%;

}

.middle-menu .middle-menu-item[href='#'] {
    filter: grayscale(.9);
    cursor: unset;
}

.news-boxs .last-weblog-post:hover {
    bottom: unset !important;
}

.news-boxs .last-weblog-post .weblog-text {
    bottom: 50% !important;
    transform: translateY(50%);
}

.news-boxs .last-weblog-post:hover .weblog-text h4 {
    font-size: 18px !important;
}

.news-boxs .last-weblog-post img {
    min-width: 6rem;
    max-width: 6rem;
}

.sp_box {
    padding: 1rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
}

.slider {
    position: relative;
}

header .search-btn i {
    background-color: var(--);
    border: 1px solid var(--);
    color: var(--);
}


header .register-btn {
    background-color: #d9f9e4;
    border-radius: 0.5rem;
    color: rgb(49, 157, 71) !important;
    padding: 0.9rem 1.8rem;
    border: 1px solid var(--);
}

header .register-btn:hover {
    background-color: rgb(20, 168, 82);
    color: #fff !important;
}

.sp_kn_green {
    background-color: var(--);
    color: #fff;
}

.sp_kn_green:hover {
    background-color: var(--);
}

.sp_kn_re_green {
    background-color: #d9f9e4 !important;
    border: 1px solid rgb(49, 157, 71) !important;
    color: rgb(49, 157, 71) !important;
}

.password-sub, .user-sub {
    background-color: var(--) !important;
    color: #fff !important;
    border-radius: .5rem !important;
    transition: .25s ease-in-out !important;
}

.password-sub:hover, .user-sub:hover {
    background-color: var(--) !important;
    color: #fff !important;
}

.modal-btn {
    color: var(--) !important;
    transition: .25s ease-in-out !important;
}

.modal-btn *:hover {
    color: var(--) !important;
}

.log-btn {
    background-color: var(--);
}

.log-btn:hover {
    background-color: var(--);
}

.form-input:focus, .form-test:focus {
    border: 2px solid var(--);
    background-color: var(--);
}

.form-input:focus + .form-label {
    color: var(--);
}

.wrapper .search_box .search_field div {
    color: var(--) !important;
}

/*:root {*/
/*    --: rgb(38, 155, 87);*/
/*    --: rgb(26, 121, 66);*/
/*    --: #d9f9e4;*/
/*    --: rgb(49, 157, 71);*/
/*}*/

:root {
    /*THEME COLOR*/
    --mainshadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    --mainshadowhover: rgba(0, 0, 0, 0.2) 0px 4px 6px;
    --hoverbg: rgba(185, 185, 185, 0.2);
    --themecolor: rgb(49, 157, 71);
    --themeop: 49, 157, 71;
    --themebg: #d9f9e4;
    /*--themebg: #d9ebf9;*/
    --themehover: rgb(26, 121, 66);
    --themeborder: rgb(49, 157, 71);
    --catcontent: rgb(49, 157, 71);
}


.right-navbar li img {
    width: 7rem;
}

.navbar-brand img {
    max-height: 104px !important;
    margin-top: -1.3rem !important;
}

.icon-bar-kn .icon-bar-item span {
    opacity: 0;
    transform: scale(1);
    transition: 0.3s ease-in;
    font-weight: 600;
    text-shadow: 0 2px 5px #0007, 0 1px 1px #0005;
    color: #fff;
    position: absolute;
    bottom: 0;
    white-space: nowrap;
}

.icon-bar-kn .icon-bar-item:hover span {
    opacity: 1;
    transform: scale(1.05);
    bottom: -34px;
}

#all-schools .modal-content {
    height: 90vh;
    overflow-y: auto;
}

.right-out, .left-out {
    position: absolute;
    height: fit-content;
    top: 50%;
    transform: translateY(50%);

}

.right-out {
    right: 14vw !important;
}

.left-out {
    left: 14vw !important;
}

.right-out, .left-out {
    font-size: 5rem !important;
}

@media (min-width: 0px) {
    .carousel-caption {
        padding: 3rem 4rem 0 3rem;
    }

    .slide-contain:before, .slide-contain:after {
        content: unset;
    }

    .slide-contain:after {
        right: -12%;
        top: 190px;
        width: 40rem;
    }


    /*header .navbar:before{*/
    /*    background-image: url("/frontend/new_main/257/assets/img/kannonmaMenuBG-400.svg");*/
    /*    height: 16rem;*/
    /*    background-position-y: top;*/
    /*    background-size: 100% auto;*/
    /*}*/
    .contents-tags {
        display: grid;
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }

    .school-info-box {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }


    .navbar-brand {
        background-image: url(../img/kanon-logo.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 7rem;
        height: 7rem;

        position: absolute;
        right: 50%;
        transform: translateX(50%);
        top: 23px;

    }

    #all-schools .modal-dialog {
        width: 90%;
    }

    .mn-open {
        padding: 13%;
    }

    .login-btn img {
        height: 5rem !important;
        width: 5rem;
    }

    .left-header .left-header-item, .bars-btn {
        width: 5rem;
        height: 5rem !important;
        font-size: 1.7rem;
    }

}

@media (min-width: 450px) {

    .login-btn img {
        height: 7rem !important;
        width: 7rem;
    }

    .left-box {
        grid-template-columns: repeat(2, minmax(132px, 1fr));
    }

    .navbar-brand {
        background-image: url(../img/logo-new-half-mini.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 16rem;
        height: 8.4rem;
        z-index: 1;
    }

    .mn-open {
        padding: 11rem 12rem;
    }
}

@media (min-width: 576px) {
    #all-schools .modal-dialog {
        width: 460px;
    }

    html .carousel-caption {
        top: 50% !important;
        transform: translateY(-50%);
    }

    #myCarousel .carousel-control {
        height: fit-content !important;
        top: 50% !important;

    }

    .middle-menu {
        grid-template-columns: repeat(3, minmax(100px, 1fr));

    }
}


@media (min-width: 768px) {


    .slide-contain:before, .slide-contain:after {
        content: "";
    }

    /*header .navbar:before{*/
    /*    background-image: url("/frontend/new_main/257/assets/img/kannonmaMenuBG-768.svg");*/
    /*    height: 10rem;*/
    /*    background-position-y: top;*/
    /*    background-size: 100% auto;*/
    /*}*/
    .left-box {
        grid-template-columns: repeat(4, minmax(132px, 1fr));
    }

    .mn-open {
        padding: 10% 28%;
    }
}

@media (min-width: 992px) {
    .middle-menu {
        grid-template-columns: repeat(6, minmax(100px, 1fr));

    }
	.carousel-control.right {
	  right: 17.5rem;
	}
	.carousel-control.left {
	  left: 17.5rem;
	}
}

@media (min-width: 1200px) {
    .school-count {
        top: 3.4vw !important;
    }
}

.main-slider .carousel-inner {
    aspect-ratio: 16 / 9 !important;
}

@media (max-width: 1200px) {

    .students-count {
        right: 52.5px !important;
        top: 91px !important;
    }

    .teacher-count {
        left: 50.5px !important;
        top: 91px !important;
    }
}

@media (min-width: 992px) {
    .kanon-counter {
        display: flex !important;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .slider {
        width: 50rem;
        padding-top: 10rem;
        margin: 0 auto;

    }

    .slide-contain {
        height: 40rem;
    }

    /*header .navbar:before{*/
    /*    background-image: url("/frontend/new_main/257/assets/img/kannonmaMenuBG-992.svg");*/
    /*    height: 11.1rem;*/
    /*    background-position-y: top;*/
    /*    background-size: 100% auto;*/
    /*}*/
    .contents-tags {
        grid-template-columns: repeat(5, minmax(100px, 1fr));
    }

    .navbar-brand {
        background-image: url("/frontend/new_main/257/assets/img/logo-new-full.webp");
        background-size: contain;
        background-repeat: no-repeat;
        width: 31rem;
        height: 8rem;

    }

    #all-schools .modal-dialog {
        width: 520px;
    }

    .slide-contain:before {

        left: 15%;
        top: -4rem;

    }
}

@media (min-width: 1200px) {
    .slider {
        width: 45vw;
        padding-top: 9vw;

    }

    .slide-contain {
        height: 54rem;
    }


    .carousel-caption {
        top: 15rem !important;
    }

    .slide-contain:after {
        right: -21rem;
        top: 21rem;
        width: 70rem;
    }

    /*header .navbar:before{*/
    /*   background-image: url("/frontend/new_main/257/assets/img/kannonmaMenuBG-1280.svg");*/
    /*    height: 12.3rem;*/
    /*    background-position-y: top;*/
    /*    background-size: 100% auto;*/
    /*}*/
    .school-info-box {
        grid-template-columns: repeat(4, minmax(100px, 1fr));
    }


    /*.slider:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    right: -7.2%;*/
    /*    transform: translateY(-50%) scale(-1);*/
    /*    width: 7%;*/
    /*    height: 58%;*/
    /*    background-size: contain;*/
    /*    background-image: url("../img/eslimi2.png");*/
    /*    z-index: 111111;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position-x: right;*/
    /*}*/
    /*.slider:after {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    left: -7.2%;*/
    /*    transform: translateY(-50%);*/
    /*    width: 7%;*/
    /*    height: 58%;*/
    /*    background-size: contain;*/
    /*    background-image: url(../img/eslimi2.png);*/
    /*    z-index: 111111;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position-x: right;*/
    /*}*/
    .left-box {
        grid-template-columns: repeat(2, minmax(132px, 1fr));
    }

    /*.middle-container:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    right: -96px;*/
    /*    top: 50%;*/
    /*    background-image: url("../img//eslimi1.png");*/
    /*    width: 16rem;*/
    /*    height: 28rem;*/
    /*    background-repeat: no-repeat;*/
    /*    transform: translateY(-50%);*/
    /*    background-size: contain;*/
    /*    opacity: .35;*/
    /*}*/
    /*.middle-container:after {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    left: -96px;*/
    /*    top: 50%;*/
    /*    background-image: url(../img//eslimi1.png);*/
    /*    width: 16rem;*/
    /*    height: 28rem;*/
    /*    background-repeat: no-repeat;*/
    /*    transform: translateY(-50%);*/
    /*    background-size: contain;*/
    /*    opacity: .35;*/
    /*}*/

}

@media (min-width: 1400px) {

    .slide-contain {
        height: 58rem;
    }

    .right-navbar {
        gap: 1.5rem;
    }

    /*.slider:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    right: -6.2%;*/
    /*    transform: translateY(-50%) scale(-1);*/
    /*    width: 6%;*/
    /*    height: 49%;*/
    /*    background-size: contain;*/
    /*    background-image: url("../img/eslimi2.png");*/
    /*    z-index: 111111;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position-x: right;*/
    /*}*/
    /*.slider:after {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    left: -6.2%;*/
    /*    transform: translateY(-50%);*/
    /*    width: 6%;*/
    /*    height: 49%;*/
    /*    background-size: contain;*/
    /*    background-image: url(../img/eslimi2.png);*/
    /*    z-index: 111111;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position-x: right;*/
    /*}*/

}

@media (min-width: 1600px) {

    .slide-contain {
        height: 62rem;
    }

    /*header .navbar:before{*/
    /*    background-image: url("/frontend/new_main/257/assets/img/kannonmaMenuBG-1600.svg");*/
    /*    height: 30rem;*/
    /*    background-position-y: top;*/
    /*    background-size: 100% auto;*/
    /*}*/
    /*.slider:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    right: -9.7%;*/
    /*    transform: translateY(-50%) scale(-1);*/
    /*    width: 9.6%;*/
    /*    height: 78%;*/
    /*    background-size: contain;*/
    /*    background-image: url("../img/eslimi2.png");*/
    /*    z-index: 111111;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position-x: right;*/
    /*}*/
    /*.slider:after {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    top: 50%;*/
    /*    left: -9.7%;*/
    /*    transform: translateY(-50%);*/
    /*    width: 9.6%;*/
    /*    height: 78%;*/
    /*    background-size: contain;*/
    /*    background-image: url("../img/eslimi2.png");*/
    /*    z-index: 111111;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position-x: right;*/
    /*}*/
    /*.middle-container:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    right: -119px;*/
    /*    top: 50%;*/
    /*    background-image: url("../img//eslimi1.png");*/
    /*    width: 24rem;*/
    /*    height: 42rem;*/
    /*    background-repeat: no-repeat;*/
    /*    transform: translateY(-50%);*/
    /*    background-size: contain;*/
    /*    opacity: .35;*/
    /*}*/
    /*.middle-container:after {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    left: -119px;*/
    /*    top: 50%;*/
    /*    background-image: url("../img//eslimi1.png");*/
    /*    width: 24rem;*/
    /*    height: 42rem;*/
    /*    background-repeat: no-repeat;*/
    /*    transform: translateY(-50%);*/
    /*    background-size: contain;*/
    /*    opacity: .35;*/
    /*}*/
}

@media (min-width: 1920px) {
    .slide-contain {
        height: 68rem;
    }

    .slider {
        width: 42vw;
        padding-top: 9vw;
    }

    .students-count {
        right: 4.6vw !important;
    }

    .teacher-count {
        left: 4.6vw !important;
    }

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

    .login-notif::after {
        width: 151px;
        height: 6rem;
        position: absolute;
        top: -0.5rem;
        left: -5.6px;
    }

    .login-notif::before {
        width: 229px;
        height: 11rem;
        position: absolute;
        top: -0.7rem;
        left: -0.7rem;
        z-index: 11;

    }

    .login-notif-header {
        width: 14rem;
    }

    .login-notif-header img {
        width: 5rem;
    }

    .login-notif-details-header {
        z-index: 11;
        width: 229px;
        left: -0.7rem;
        top: 5.2rem;
        font-size: 1.1rem;
    }

    .login-notif-details {
        padding: 1rem 0;
        padding-right: 0px;
        padding-left: 0px;
        width: 229px;
        left: -0.7rem;
        top: 10rem;
    }

    .sos .login-notif-name {
        transform: translateX(1rem);
    }
}

@media (max-width: 576px) {
    .login-notif-name {
        display: none !important
    }

    .login-notif::after {
        content: unset;
    }

    .login-notif-header {
        width: fit-content;
    }


}


@media (max-width: 500px) {
    .schools-filter {
        flex-direction: column;
        gap: 2rem;
    }

    .city-filter {
        order: 2;
        width: 100%;
    }

    .city-filter select {
        flex: 1;
    }

}

@media (max-width: 340px) {

    .city-filter {
        flex-direction: column;
    }

    .city-filter select {
        flex: 1;
        width: 100%;
    }

}

.left-box {
    display: grid;
}

.zoom-box {
    background-color: #ffffff8f;
    display: grid;
    place-items: center;
    border-radius: var(--border-sm);
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    overflow: hidden;
}

.zoom-box img {
    transition: .25s ease-in-out;
}

.zoom-box img:hover {
    transform: scale(1.1);
}

.middle-container {
    position: relative;
    overflow-x: hidden;
}


.female-row {
    background: #fac3ffbb;
}

.male-row {
    background: #abcfff77;
}

.sp_select {
    background-color: #fff;
    outline: unset;
    border: 1px solid grey;
    border-radius: 0.5rem;
    padding: 0.7rem 1rem;
    cursor: pointer;
}

.schools-img {
    position: relative;
}

.schools-img img {
    border: 2px solid #9db1cc;
}

.schools-img input {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 111;
    cursor: pointer;
}

.schools-img input:checked ~ .male-img {
    border: 2px solid #5ea3ffcc;
}

.schools-img input:checked ~ .female-img {
    border: 2px solid #f062fd;

}


.footer {
    background-image: url("../img/footer-bg.png") !important;
    background-size: cover;
    background-position-y: bottom;

}

.footer-middle {
    background-color: #0005;
}

.footer-footer-left a {
    background-color: #0007;
}

.footer-nav ul li a {
    text-shadow: 0 0 5px #000;
    padding: .34rem 1.2rem;
    background: #0005;
    border-radius: .7rem;
}

.footer-nav ul li a:hover {
    color: #fff !important;
    background-color: #699c22cc;
    box-shadow: 0 0 1rem #0005;
}

.footer-footer-left a:hover {
    background-color: #699c22cc;
    box-shadow: 0 0 1rem #0005;
}

.footer-footer-left a:hover img {
    filter: brightness(1.3);
}

.mr_5 {
    margin-right: .5rem;
}


/*HIDE MENU*/


.hide-menu-box {
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0px;
    background-color: #fff;
    z-index: 11111;
    transition: .25s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.mn-open {
    visibility: visible;
    opacity: 1;
    z-index: 999;
    pointer-events: auto;
}

.hide-menu-box ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: 2rem;
}

.hide-menu-box .bars-btn {
    left: 1rem;
    top: 1rem;
}

.school-info-box {
    border-radius: 2rem;
    display: grid;
}


.school-info-box .school-info-item {
    cursor: default;
}

.school-info-item {
    background-color: rgb(255 255 255 / 25%);
    border-radius: 2rem;
    box-shadow: var(--mainshadow);
    transition: .25s;
}

.school-info-item:hover {
    background-color: rgb(255 255 255 / 100%);

}

.school-info-item p {
    margin: 0 !important;
    line-height: 4rem;
}

.contents-tags a {
    color: #fff;
    box-shadow: var(--mainshadow);
    transition: .25s ease-in;
}

.contents-tags a:nth-child(1) {
    background-image: linear-gradient(40deg, #E51B43 0%, #EC614D 100%);
}

.contents-tags a:nth-child(5) {
    background-image: linear-gradient(40deg, #543884 0%, #A23671 100%);
}

.contents-tags a:nth-child(2) {
    background-image: linear-gradient(40deg, #f79a00 0%, #fbc970 100%);
}

.contents-tags a:nth-child(4) {
    background-image: linear-gradient(40deg, #008CCE 0%, #05B4AC 100%);
}


.contents-tags a:nth-child(3) {
    background-image: linear-gradient(40deg, #00CC66 0%, #B9D538 100%);
}


.contents-tags a:hover {
    transform: translateY(-1rem) scale(1.02);

}

.kanon-counter {
    position: absolute;
    top: 8.5vw;
    z-index: 2;
    color: #fff;
    display: none;
    width: 13rem;
}

.students-count {
    right: 4.8vw;
    transform: translateX(50%);

}

.teacher-count {
    left: 4.8vw;
    transform: translateX(-50%);
    line-height: 3.4rem;

}

.school-count {
    top: 2vw;
    right: 50%;
    transform: translateX(50%);
}

.students-count p,
.teacher-count p,
.school-count p {
    line-height: 3.4rem;

}

.short-news-date .footer-social a {
    width: 3.5rem !important;
    height: 3.5rem !important;
    background-color: rgb(0 0 0 / 20%);
}

.short-news-date .footer-social a img {
    width: 1.9rem;
}

.kanon-counter{text-shadow:0 0 2rem #000}