.menuTem a {

    text-decoration: none;

}



.titlePage {

    background-image: url('./base_php/Img/1_1_cr.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: left 50% top 50.5%;

    width: 100%;

    min-height: 400px;

    max-height: 500px;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 15px;

    flex-wrap: wrap;

    color: white;

    font-size: 52px;

    font-weight: bold;

    text-shadow: 3px 3px 8px black;

    padding: 10px;

}



.titlePage a {

    color: white;

    text-decoration: none;

}



.titlePage a:hover {

    color: wheat;

}



@media screen and (max-width: 1015px) {

    .titleR {

        display: none;

    }

}



.titleBut {

    font-size: 24px;

    color: while;

    background-color: #2F585C;

    border-radius: 0px;

    text-align: center;

    font-weight: 400;

    padding-left: 5px;

    padding-right: 5px;

}



.accordion {

    font-size: 17px;

}



.accordion-button {

    color: white !important;

    background-color: rgb(102, 131, 138) !important;

    font-size: 17px !important;

}



.accordion-button:focus {

    background-color: #49666E !important;

}



.accordion-button:hover {

    background-color: #49666E !important;

}



.container {

    background-size: auto;

    background-position: center;

    background-repeat: no-repeat;

    border-radius: 10px;

}



.accordion-body {

    background: white;

}



.flexaccord {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 10px;

}



.underhead {

    flex: 1 1 auto;

    background-image: linear-gradient(#5A7B85, white);

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: auto;

    padding-top: 2px;

}



.wrapstroka {

    display: flex;

    justify-content: center;

    margin: 0;

    padding: 0;

}



.stroka {

    width: 98%;

    height: 5px;

    border-radius: 3px;

    background-color: #DAE1E3;

    margin-top: 5px;

}



.blogqBoard {

    width: 96%;

    display: flex;

    gap: 5px;

    padding: 0px 5px 0px 5px;

    align-items: start;

    justify-content: center;

    flex-wrap: wrap;

    background-color: #DAE1E3;

}



.cov_elemBlog {

    height: 400px;

    width: 18%;

    min-width: 320px;

    max-width: 1024px;

    background: linear-gradient(white 95%, rgba(133, 158, 166, 1));

    border-radius: 5px;

    overflow: hidden;

    flex-grow: 1;

    flex-shrink: 1;

}



/* .cov_elemBlog:hover {

    transform: scaleX(1.05);

    transition: all 0.5s;

} */



.wrapimgB {

    width: 100%;

    height: 75%;

    overflow: hidden;

}



.imgB {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 5px 5px 0 0;

}



.zagolovok_textB {

    color: #ffffff;

    margin-top: -25px;

    text-align: center;

    position: relative;

}



.zagolovok_textB::after {

    position: absolute;

    color: #ffffff;

    margin-top: -25px;

    text-align: center;



}



.textB {

    position: relative;

    color: black;

    margin-top: 10px;

    font-size: 16px;

    padding-left: 15px;

    padding-right: 15px;

    height: 29%;

}



.textB::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(rgba(133, 158, 166, 0), rgba(133, 158, 166, 1) 100%);

}



@media screen and (max-width: 680px) {

    .textB {

        font-size: 18px;

    }



    .textB h3,

    .endSummary h3,

    .event h4 {

        font-size: 19px !important;

    }



    .textB h4 {

        font-size: 18px !important;

    }



    .calender .dropdown-toggle,

    .calender .dropdown-menu {

        font-size: 16px !important;



    }

}



.blogqBoard a {

    text-decoration: none;

}



.but_blog {

    height: 38px;

    width: auto;

    margin: 10px;

    background-color: #597A84;

}



.iteme {

    padding: 8px;

    font-size: 14px;

    color: #2F585C;

    border-bottom: 3px solid;

    border-color: #DAE1E3;

}



.iteme:hover {

    padding: 8px;

    font-size: 14px;

    color: #070AE0;

    border-bottom: 3px solid;

    border-radius: 0 0 6px 6px;

    border-color: #070AE0;

    cursor: pointer;

}



.itemeActive {

    padding: 8px;

    font-size: 14px;

    color: #2F585C;

    border-bottom: 3px solid;

    border-radius: 0 0 6px 6px;

    border-color: #2F585C;

    background-color: white;

    cursor: pointer;

}



.preloader {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #ffffff;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 9999;

    gap: 10px;

    padding: 10px;

}



.spinner {

    width: 50px;

    height: 50px;

    border: 5px solid #cccccc;

    border-top-color: #1a1a1a;

    border-radius: 50%;

    animation: spin 1s linear infinite;

    min-width: 50px;

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



.arrowBVrap {

    text-decoration: none;

    font-weight: bold;

    color: white;

}



.arrowBVrap:focus,

.arrowBVrap:hover {

    color: white;

}



.arrowB {

    position: fixed;

    bottom: 6px;

    right: 10px;

    font-size: 36px;

    z-index: 1024;

    border: 2px solid;

    border-color: white;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

}



a {

    text-decoration: none !important;

}



.quote-block {

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    text-shadow: none !important;

    position: absolute;

    top: 10px;

    left: 50%;

    transform: translateX(-50%);

    min-width: 250px;

    max-width: 600px;

    padding: 10px 20px;

    /* Отступы для текста */

    color: #333;

    font-size: 0.4em;

    line-height: 1.6;

    z-index: 10;

    /* Оставляем только ЛЕВУЮ границу */

    border-left: 5px solid #20B2AA;

    background-image:

        linear-gradient(to left, transparent 0%, lightyellow 15%);

    background-repeat: no-repeat;

    background-size:

        100% 100%;

}



@media screen and (max-width: 670px) {

    .quote-block {

        left: 62%;

        font-size: 0.4em;

    }

}



/* Текст внутри блока цитаты */

.quote-block p {

    margin: 0;

}



.quote-block p:first-child {

    font-style: italic;

    margin-bottom: 4px;

}



.quote-block p:last-child {

    text-align: right;

    font-size: 0.9em;

    color: #555;

}



.quote-block.fade-out {

    opacity: 0;

    visibility: hidden;

    transition: opacity 5s ease-out, visibility 5s ease-out;

}