/*
Theme Name: Divi Child Template
Version: 1.0
Description: A customized version of Divi which adds a number of tiny features you need.
Template: Divi
*/

/* -----------------------------------------------------------------------
 * Base Style
 * ----------------------------------------------------------------------- */
@font-face {
    font-family: "SPAwardML";
    src: url("/wp-content/themes/divi-child/assets/fonts/SPAwardML-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "SPAwardML";
    src: url("/wp-content/themes/divi-child/assets/fonts/SPAwardML-LightOblique.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "SPAwardML";
    src: url("/wp-content/themes/divi-child/assets/fonts/SPAwardML-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "SPAwardML";
    src: url("/wp-content/themes/divi-child/assets/fonts/SPAwardML-MediumOblique.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "SPAwardML";
    src: url("/wp-content/themes/divi-child/assets/fonts/SPAwardML-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "SPAwardML";
    src: url("/wp-content/themes/divi-child/assets/fonts/SPAwardML-BoldOblique.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}
#wpadminbar {
    z-index: 999999999;
}
body {
    color: #1e1e1e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    overflow-x: hidden;
    font-family: "SPAwardML", sans-serif;
}
body,
p {
    font-size: 16px;
}

/* Целият scrollbar */
::-webkit-scrollbar {
    width: 12px; /* Широчина на вертикалния скролбар */
    height: 12px; /* Височина на хоризонталния скролбар */
}

/* Пълзящата част на скролбара */
::-webkit-scrollbar-thumb {
    background-color: #663401; /* Цвят на плъзгача */
    border-radius: 10px; /* Заобляне на ъглите */
    border: 2px solid #f1f1f1; /* Граница, ако е необходимо */
}

/* Плъзгач при ховър */
::-webkit-scrollbar-thumb:hover {
    background-color: #663401; /* По-тъмен цвят при ховър */
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: "SPAwardML", sans-serif;
    line-height: normal !important;
}
.heading h1 {
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
}
.heading h2 {
    font-size: 25px;
    font-weight: 400;
}
.heading h3 {
    font-size: 24px;
    font-weight: 400;
}
.fw-900 {
    font-weight: 900 !important;
}
.text-uppercase {
    text-transform: uppercase;
}
.white {
    color: #fff !important;
}
.brown {
    color: #663401;
}
.text-center {
    text-align: center;
}
.mt-0 {
    margin-top: 0px;
}
.mb-0 {
    margin-bottom: 0px;
}
.mt-5 {
    margin-top: 5px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mt-60 {
    margin-top: 60px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mt-100 {
    margin-top: 100px;
}
.mb-100 {
    margin-bottom: 100px;
}
.m-0-auto {
    margin: 0 auto;
}

/* -----------------------------------------------------------------------
 * Header Style
 * ----------------------------------------------------------------------- */
#et-main-area {
    z-index: 99999;
    position: relative;
}
/* header info */
#page-container {
    overflow: hidden;
}
#main-header {
    background: #fff;
}
#main-header,
#main-header.et-fixed-header {
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0) !important;
}
#main-header.et-fixed-header {
    background: #fff !important;
}
#main-header,
#main-header.et-fixed-header {
    position: fixed;
    z-index: 999999;
}
.header {
    position: relative;
}
/* Линиите около логото са преместени върху menu-logo-item,
   за да стоят между лявата/дясната част на менюто и централното лого. */
.header:before,
.header:after {
    display: none;
}
.container_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    max-width: 1645px;
    margin: 0 auto;
    padding: 30px 0 10px;
    position: relative;
}

.logo_container {
    text-align: center;
    display: inline;
    max-width: 100%;
    width: fit-content;
    height: auto !important;
    position: relative !important;
    padding: 0px !important;
    z-index: 1;
}
#top-menu > li.menu-logo-item img {
    height: auto;
    width: 250px;
    max-width: none !important;
    display: block;
    position: relative;
    top: 20px;
}
.et-fixed-header #top-menu > li.menu-logo-item img {
    width: 200px;
    top: 0px;
}
.col-right-header-nav {
    width: auto;
}
nav#top-menu-nav,
#top-menu,
nav.et-menu-nav,
.et-menu {
    float: none !important;
}
#top-menu-nav {
    display: none;
}
.mobile_nav .select_page {
    display: none !important;
}

/* Logo */

/* Navigation */
#et-top-navigation {
    float: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px !important;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#top-menu {
    display: flex;
    align-items: center;
}
#top-menu li {
    padding-right: 10px;
}

#top-menu li a,
.et_mobile_menu li a {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 13px !important;
    opacity: 1 !important;
    position: relative;
    font-family: "SPAwardML", sans-serif;
    text-align: center;
    line-height: 1.2;
}
.et_mobile_menu li a {
    text-align: left;
}
#top-menu li a {
    padding: 8px 10px !important;
}
#top-menu li a:hover,
.et_mobile_menu li a:hover {
    background: #303030;
    color: #fff !important;
    opacity: 1 !important;
}
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a {
    background: #303030;
    color: #fff;
}
#top-menu li li a,
#top-menu li li a:hover {
    border: 0px solid #ffffff52 !important;
    padding: 15px 10px !important;
}
#top-menu li li a:before,
#top-menu li li a:after {
    display: none;
}
#top-menu > li {
    display: flex;
    align-items: center;
}
#top-menu > li.menu-logo-item {
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

/* ЛЯВА ЛИНИЯ */
#top-menu > li.menu-logo-item:before {
    content: "";
    position: absolute;
    height: 1px;
    background: #d7d7d7;
    width: 2000px;
    right: 100%;
    margin-right: 35px;
    bottom: 15px;
    z-index: -1;
}

/* ДЯСНА ЛИНИЯ */
#top-menu > li.menu-logo-item:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #d7d7d7;
    width: 2000px;
    left: 100%;
    margin-left: 35px;
    bottom: 15px;
    z-index: -1;
}
.nav li ul {
    right: -10px;
    background: #fff;
}
.et_mobile_menu .menu-item-has-children > a {
    background: none;
}
/* Промяна на иконата, когато падащото меню е отворено */
#top-menu .menu-item-has-children:hover > a:first-child:after,
#top-menu .menu-item-has-children.open > a:first-child:after {
    content: "2";
}
/* mobile */
.mobile_menu_bar::before,
.select_page {
    color: #fff !important;
}
#et_mobile_nav_menu,
.et_header_style_centered #main-header .mobile_nav {
    background-color: transparent !important;
}
.et_header_style_centered #main-header .mobile_nav {
    padding: 10px 10px;
}
.et_mobile_menu {
    padding: 2% 5%;
}

#mobile_menu {
    background-color: #fff !important;
    text-align: center;
    border-top: 1px solid #fff;
}

.et_mobile_menu li a {
    border-bottom: 0px;
}
.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0px;
}
.col-inner-right-header ul {
    display: flex;
    align-items: center;
    gap: 15px;
}
/* -----------------------------------------------------------------------
 * Sidebar Style
 * ----------------------------------------------------------------------- */
.widgettitle {
    text-align: center;
    display: block;
    background: #0073ac;
    text-decoration: none;
    font-size: 18px !important;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
    border-bottom: 5px solid #0b5377;
}
/* -----------------------------------------------------------------------
 * Footer Style
 * ----------------------------------------------------------------------- */
#main-footer {
    background-color: #fff;
    padding-top: 0px;
    position: relative;
    z-index: 1;
}
#main-footer .container {
    max-width: 85%;
    width: 85%;
}
.container_bottom {
   display:flex;
   align-items:center;
   justify-content:space-between   
}
.col-footer-left,
.col-footer-right,
.col-footer-center {
    flex:1;
    text-align:center;
}
.col-footer-center {
    flex:2;
}
.col-footer-center,
.col-footer-right {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.col-footer-left img {
    width: 170px;
}
#main-footer #footer-widgets {
    margin-bottom: 0px;
    padding-bottom: 40px;
    padding-top: 0px;
}

#main-footer .footer-widget .et_pb_widget {
    float: none;
}
#footer-widgets .footer-widget:nth-child(n),
.footer-widget .fwidget {
    margin-bottom: 0px !important;
}
#main-footer #footer-widgets .footer-widget:nth-child(2) > div {
    width: 100%;
}
.logo-footer {
    padding: 0 40px;
    position: relative;
    text-align:center;
    z-index: 1;
}
.logo-socials {
    margin-top:10px;
}
.logo-socials ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.logo-socials ul li {
    list-style: none;
    padding-left: 0px !important;
    margin-bottom: 0px;
}
#footer-widgets .logo-socials ul li:before {
    display:none;
}
#footer-bottom {
    background: #303030;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 15px 0 15px;
}
#footer-bottom .container {
    z-index: 99999;
}

/***** FIX DROPDOWN ARROW POSITION *****/
.menu-item-has-children > a:after {
    top: unset !important;
    right: 0px !important;
}
/***** FIX DROPDOWN *****/
.sub-menu {
    padding: 0 !important;
    width: unset !important;
    border-top: 3px solid #ddd !important;
}
.sub-menu li {
    padding: 0 !important;
    line-height: 1.2em !important;
}
.sub-menu li a {
    border-left: 0 !important;
}
.et_mobile_menu .sub-menu {
    border: none !important;
}
/***** MORE *****/
/* Full-width clickable mobile menu */
#et_mobile_nav_menu {
    width: auto;
    display: block;
}
.mobile_menu_bar_toggle {
    height: 100%;
    width: 100%;
    right: 0 !important;
    top: 0 !important;
}
.mobile_menu_bar:before {
    content: "";
    background: url(/wp-content/uploads/2026/06/burger-menu.webp);
    position: absolute;
    right: 0px !important;
    left: unset !important;
    top: 0px;
    background-repeat: no-repeat;
}
ul#mobile_menu {
    top: 100%;
}
#et-top-navigation > .container.clearfix.et_menu_container {
    width: 100%;
}

.et_pb_widget svg {
    display: none;
}
.et_pb_row_center {
    margin: 0 auto;
}
.section-hero .et_pb_row {
    max-width: 1645px !important;
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.et_pb_row {
    max-width: 1645px !important;
    width: 95% !important;
}
/*
.typewriter-box {
    text-align: center;
}

#text {
    font-size: 28px;
    line-height: 1.5;
    color:#000;
}

#text::after {
    content: "|";
    animation: blink 0.8s infinite;
}

.author-type {
    margin-top: 20px;
    font-size: 22px;
    opacity: 0;
    transition: opacity 1s ease;
    text-align: center;
}

.author-type.show {
    opacity: 1;
}

@keyframes blink {
    0%,
    50% {
        opacity: 1;
    }
    51%,
    100% {
        opacity: 0;
    }
}
*/
.marquee{
    width:100%;
    overflow:hidden;
}

.track{
    display:flex;
    width:max-content;
    padding:10px 0;
    animation:scroll 225s linear infinite;
}

.item{
    flex-shrink:0;
    padding-right:100px;
    font-size:20px;
    color:#303030;
    white-space:nowrap;
}
.dash-span {
    font-size:15px;
}
@keyframes scroll{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}
/* ese */
.latest-essay-card {
    position: relative;
    background-size: cover;
    background-position: center;
    /* border-radius: 16px; */
    overflow: hidden;
    color: #fff;
    padding: 50px 15px;
    transition: all 1s;
}
.latest-essay-card:hover {
    box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.25);
}
.latest-essay-card:before {
    content: "";
    height: 100%;
    width: 100%;
   background:#30303096;
    position: absolute;
    top: 0;
    left: 0;
}
.latest-essay-card-inner {
    position: relative;
    width: 100%;
    max-width: 650px;
}
.latest-essay-category {
    font-size: 14px;
    display: inline-block;
    background: #bcc0c2;
    font-size: 16px;
    color:#000;
    font-weight: 300;
    padding: 3px 13px;
}

.latest-essay-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
}

.latest-essay-excerpt {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
.hr-essay-white {
    width: 104px;
    height: 1px;
    background: #fff;
}
.latest-essay-author {
    margin: 20px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}

/* WRAPPER */
.btn-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

/* ARROW */

.btn-arrow {
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    /* height: 20px; */
    overflow: hidden;
    transition: width 0.45s ease;
}

.btn-arrow img {
    width: 120px;
    height: auto;
    display: block;
    max-width: none;
}

/* BUTTON */

.btn {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    background: #bcc0c2;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    transition:
        padding 0.45s ease,
        background 0.45s ease;
}

/* HOVER */

.latest-essay-card:hover .btn-arrow {
    width: 122px;
}
.latest-essay-card:hover .btn {
    padding: 15px 35px;
    background: #FFF;
    color: #000;
}

.col-gray,
.code-gray {
    background: #f1f1f1;
}
.code-gray {
    padding:50px 25px;
}
.heading-cultura {
    color: #999191;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 160px;
    display: inline-block;
}
.col-left-210 {
    padding: 20px;
}
/* end ese */
/* criticism */
.latest-criticism-layout {
    display: flex;
    align-items: center;
    gap: 60px;
    width: 100%;
}

.latest-criticism-image {
    flex: 0 0 42%;
}

.latest-criticism-image img {
    width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
}

.latest-criticism-content {
    flex: 1;
    color: #222;
}

.latest-criticism-category {
    display: inline-block;
    background: #BCC0C2;
    color: #000;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.latest-criticism-title {
    color: #222;
    font-size: 24px;
    line-height: 1.25;
    margin: 0 0 10px;
}

.latest-criticism-excerpt {
    font-size: 15px;
    line-height: 1.45;
    margin-bottom: 25px;
}

.latest-criticism-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
}

.latest-criticism-author {
    position: relative;
    font-size: 13px;
    color: #777;
    padding-top: 12px;
}

.latest-criticism-author::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 1px;
    background: #303030;
}

.latest-criticism-btn {
    display: inline-block;
    border: 1px solid #303030;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    color: #000;
    background: transparent;
    padding: 8px 16px;
    text-decoration: none;
    transition: all 1s;
}

.latest-criticism-layout:hover .latest-criticism-btn,
.latest-essay-simple-card:hover .latest-criticism-btn,
.latest-conversations-simple-card-box-grid:hover .latest-criticism-btn,
.col-other-rubric:hover .latest-criticism-btn {
    background: #303030;
    color: #fff;
}
.criticism-other-title {
    margin: 35px 0 30px;
    font-size: 20px;
}

.criticism-category-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 25px;
    width: 100%;
}

.criticism-category-card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    height: 230px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

.criticism-category-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(70, 45, 0, 0.25);
    transition: background 0.45s ease;
}

.criticism-category-card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    padding: 14px 18px;
    background: #303030c7;
    transition:
        height 0.55s ease,
        padding 0.55s ease,
        background 0.55s ease;
}

.criticism-category-card-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
}

.criticism-category-card-text {
    opacity: 0;
    transform: translateY(12px);
    max-height: 0;
    overflow: hidden;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.35;
    transition:
        opacity 0.45s ease,
        transform 0.45s ease,
        max-height 0.55s ease;
}

.criticism-category-card:hover::before {
    background: rgba(70, 45, 0, 0.45);
}

.criticism-category-card:hover .criticism-category-card-overlay {
    height: 230px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.criticism-category-card:hover .criticism-category-card-text {
    opacity: 1;
    transform: translateY(0);
    max-height: 70px;
}
.latest-criticism-layout {
    padding: 20px;
}
.latest-criticism-layout:hover {
    background:#fff;
    box-shadow: 0 4px 35px 0 rgba(0, 0, 0, 0.25);
    transition: all 1s;
}
/* end criticism */
/* latest essay simple */
.col-latest {
    background: #f1f1f1;
    padding: 20px;
}
.heading-essay {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
    margin-bottom: 20px;
}
.heading-essay h2 {
    color: #000;
    font-size: 32px;
    font-weight: 300;
    position: relative;
    padding: 0 40px;
}
.heading-essay h2::before,
.heading-essay h2::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 30px;
    height: 1px;
    background: #303030;
    transform: translateY(-50%);
}

.heading-essay h2::before {
    right: 100%;
}

.heading-essay h2::after {
    left: 100%;
}
.latest-essay-simple-card-box {
    border: 1px solid #d7d7d7;
    padding: 15px;
    position: relative;
}
.latest-essay-simple-card:hover .latest-essay-simple-card-box,
.latest-conversations-simple-card-box-grid:hover {
    background: #fff;
}
.latest-essay-simple-image img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.latest-essay-simple-title {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 20px;
    margin-top: 20px;
}
.latest-essay-simple-divider {
    width: 104px;
    height: 1px;
    background: #303030;
    margin-bottom: 10px;
}
.latest-essay-simple-author {
    color: #000;
    font-size: 16px;
    font-weight: 300;
}
/* all essay */
.breadcrumbs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    font-size:16px;
    margin-bottom:30px;
}

.breadcrumbs a{
    color:#303030;
    text-decoration:none;
}

.breadcrumbs a:hover{
    text-decoration:underline;
}

.breadcrumbs .current{
    color:#000;
    font-weight:400;
}

.breadcrumbs .sep{
    color:#000;
}
.single-article-wrapper{
    width:100%;
}

.single-article-hero{
    position:relative;
    width:100%;
    overflow:hidden;
    margin-bottom:35px;
}

.single-article-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.single-article-title-box{
   margin-top:30px ;
}

.single-article-title-box h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    padding-bottom: 0;
}

.single-article-content{
    max-width:100%;
    font-size:18px;
    line-height:1.65;
}
.single-article-content p{
    margin-bottom:18px;
}

.single-article-title-no-image{
    margin-bottom:30px;
}
/* end all essay */
/* end latest essay simple */
/* emails */
.dema-newsletter-box {
    background: #F1F1F1;
    padding: 30px;
    text-align: center;
}
.dema-newsletter-title h2 {
    color: #000;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    padding: 0 35px;
}
.dema-newsletter-title h2::before,
.dema-newsletter-title h2::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 30px;
    height: 1px;
    background: #303030;
}

.dema-newsletter-title h2::before {
    right: 95%;
}

.dema-newsletter-title h2::after {
    left: 95%;
}

.dema-newsletter-form {
    max-width: 960px;
    width:100%;
    margin: 0 auto;
}

.dema-newsletter-form input {
    width: 100%;
    border: none;
    padding: 20px 20px;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 300;
}

.dema-newsletter-form button {
    width: 100%;
    border: none;
    background: #303030;
    color: #fff;
    font-size: 24px;
    font-weight:500;
    cursor: pointer;
    padding:10px 20px;
}

.newsletter-message {
    margin-bottom: 15px;
}
/* emails */
/* spisanieto */
.row-flex-g-as {
    align-items:start;
}
.col-left-210-spisanieto {
    padding:20px 10px !important;
}

.row-inner-spisanieto {
    display: flex;
    gap: 10px;
    background: #f3f3f3;
    overflow: hidden;
}
.col-left-spisanieto-inner {
    width:100%;
    position: relative;
    z-index: 2;
    padding: 50px 50px 50px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.col-right-spisanieto-inner {
    width:100%;
    position: relative;
    min-height: 100%;
    /* text-align: right; */
    /* float: right; */
    display: flex;
    align-items: end;
    justify-content: end;
}
/* end spisanieto */
/* na zhivo */
.col-right-list {
    padding:50px 25px;
}
.live-videos-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.live-video-card {
    width: calc((100% - 60px) / 3);
}

.live-video-embed {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.live-video-embed iframe {
    width: 100%;
    height: 100%;
    display: block;
}

.live-video-title {
    margin-top: 15px;
}

.live-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-top: 60px;
    flex-wrap: wrap;
}

.live-pagination a,
.live-pagination span {
    width: 42px;
    height:42px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size:20px;
    font-weight: 300;
    color: #303030;
    transition: 0.25s ease;
}

.live-pagination .current {
    background: #303030;
    color: #fff;
}

.live-pagination .dots {
    background: transparent;
    width: auto;
}

/* end na zhivo*/
/* criticism */
.criticism-tabs {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.criticism-tabs a {
    color: #303030;
    font-size: 18px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 400;
}
.criticism-tabs  a.active {
    background: #303030;
    color:#fff;
}
.divider-essay {
    background: #D7D7D7;
    height: 1px;
    width: calc(100% + 100px) !important;
    margin: 15px 0 30px -50px !important;
}
/* end criticism */
/* other rubric */
.row-flex-rubric {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.other-rubric-bottom {
    margin-top: 20px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
    gap: 20px !important;
}
.other-rubric-bottom .latest-essay-simple-btn-wrap {
    margin-top:0px !important;
}
.col-other-rubric {
    width: calc(33.3% - 20px) !important;
    border: 1px solid #d7d7d7;
    padding: 20px;
    transition: all 1s;
}


.col-other-rubric:hover {
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.25);
}
.col-other-rubric {
    display: flex;
}

.col-other-rubric .et_pb_code,
.col-other-rubric .et_pb_code_inner,
.col-other-rubric .other-rubric-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.col-other-rubric .other-rubric-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.col-other-rubric .other-rubric-title {
    flex: 1 1 auto;
}

.other-rubric-image {
    position:relative;
}
.other-rubric-image img {
    height:160px;
    width:100%;
    object-fit:cover
}
.other-rubric-category {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #BCC0C2;
    color: #000;
    padding: 5px 15px;
}
.other-rubric-heading {
    text-align:center;
}

/* 
.col-other-video .et_pb_module,
.col-other-video .et_pb_module .et_pb_code_inner,
.col-other-video .et_pb_module .et_pb_code_inner .dema-latest-live-video,
.col-other-video .et_pb_module .et_pb_code_inner .dema-latest-live-video .dema-latest-live-video-box,
.col-other-video .et_pb_module .et_pb_code_inner .dema-latest-live-video .dema-latest-live-video-box .dema-latest-live-video-frame,
.col-other-video .et_pb_module .et_pb_code_inner .dema-latest-live-video .dema-latest-live-video-box .dema-latest-live-video-frame .fluid-width-video-wrapper{
    height:100% !important;
}
*/

/* end other rubric */
/* search */
.dema-search-page-wrap {
    text-align: center;
    margin:60px auto 0;
    width: 95%;
}
.dema-search-page-wrap .dema-search-page-form {
    max-width: 587px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.dema-search-page-form input {
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #D7D7D7;
    padding: 10px 0;
}
.dema-search-page-btn {
    border:none;
}
.dema-search-page-form button {
    position: absolute;
    right: 0px;
    top: 5px;
    background:transparent;
}
.dema-search-toggle {
    background: none;
    border: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: relative;
    top: 5px;
}

.button-search-form {
    background: #FFF;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
    position: fixed !important;
    left: 0px !important;
    right: 0 !important;
    top: 30px !important;
    z-index: 999999;
    display: none;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 15px;
    padding: 10px 10px;
    width: 95vw;
}
.dema-search-form.active{
    display:flex;
}

.dema-search-wrap.always-open{
    max-width:420px;
    margin:0 auto 55px;
}

.dema-search-wrap.always-open .dema-search-form{
    display:flex;
    box-shadow:none;
    padding:0;
    margin-top:0;
    background:transparent;
    border-bottom:1px solid #D7D7D7;
}
.dema-search-form input {
    flex: 1;
    border: 0;
    border-bottom: 1px solid #D7D7D7;
    height: 60px;
    font-size: 18px;
    outline: none;
    background: transparent;
}
.dema-search-wrap.always-open .dema-search-form input{
    border-bottom:0;
}

.dema-search-form button{
    background:#303030;
    color:#fff;
    border:0;
    padding:15px 35px;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    cursor:pointer;
}

.dema-search-wrap.always-open .dema-search-form button{
    background:transparent;
    color:#8a6a2a;
    padding:0 0 0 15px;
}

.dema-search-results-list{
    margin-top:50px;
}

.dema-search-result-item{
    display:flex;
    gap:35px;
    margin-bottom:55px;
    align-items:center;
}



.dema-search-result-image img{
    width:100%;
    object-fit:cover;
    display:block;
}

.dema-search-result-content{
    flex:1;
}

.dema-search-result-category{
    display:inline-block;
    background:#303030;
    color:#fff;
    font-size:16px;
    padding:5px 8px;
    font-weight:400;
    margin-bottom:10px;
}

.dema-search-result-content h2 a{
    font-size: 24px;
    font-weight: 400;
    text-decoration:none;
}

.dema-search-result-excerpt{
    line-height:normal;
    margin-bottom:20px;
}

.dema-search-result-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    padding-top:10px;
}
/* end search */
.other-articles-wrapper {
    margin-top: 60px;
}

.other-articles-title {
    text-align: center;
    margin-bottom: 30px;
}

.other-articles-grid {
    display: flex;
    gap: 30px;
}

.other-articles-grid > * {
    flex: 1;
    min-width: 0;
}
.other-articles-grid .latest-essay-simple-card {
    height:auto !important;
}

@media screen and (min-width: 1201px) {
    .container_info {
        justify-content: center;
        padding: 10px 0;
    }

    .col-left-header-logo {
        display: none;
    }
    .col-right-header-nav {
        width: 100%;
    }
    #top-menu {
        width: 100%;
        justify-content: center;
    }
    #top-menu > li.menu-logo-item a {
        padding: 0 !important;
        line-height: 1;
    }
    #top-menu > li.menu-logo-item a:hover {
        color: inherit !important;
        background: transparent;
    }

    #top-menu-nav {
        display: block;
    }
    #et_mobile_nav_menu {
        display: none;
    }
    .col-left-spisanieto-inner,
    .col-right-spisanieto-inner {
    width: 50%;
    }
    .button-search-form {
    left: 40px !important;
    top: 135px !important;
    max-width: 600px;
    width: 100%;
}
    .et-fixed-header .button-search-form {
    top: 110px !important;
}
}
@media screen and (max-width: 1200px) {
    
    .col-left-header-logo {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
    }
    .logo_container {
        display: block;
        position: relative !important;
        width: 300px;
        max-width: 300px;
    }
    .logo_container:before,
    .logo_container:after {
        content: "";
        position: absolute;
        height: 1px;
        background: #d7d7d7;
        width: 500px;
        bottom: 20px;
        pointer-events: none;
    }
    .logo_container:before {
        right: 100%;
        margin-right: 20px;
    }
    .logo_container:after {
        left: 100%;
        margin-left: 0px;
    }
    #logo {
        max-width: 130px !important;
        width: 130px !important;
        height: auto;
        display: block;
    }
    /*
    .col-right-header-nav {
        width: 100%;
    }
    */
    #et-top-navigation {
        width: 100%;
        align-items: center;
    }
    .col-inner-left-header {
        display: flex;
        align-items: center;
        /* z-index: 3; */
        position: absolute;
        top: 15px;
        transform: translate(0%, -50%);
        z-index:9;
    }
    .et_mobile_menu li a {
        display: inline-block;
    }
    #et_mobile_nav_menu {
        display: block;
    }
    .mobile_menu_bar {
        display: block;
        width: 12px;
        height: 10px;
        position: absolute;
        top: 10px !important;
    }
    .mobile_menu_bar:before {
        width: 12px;
        height: 10px;
        background-size: contain;
        background-position: center;
        top: 5px;
        right: 0 !important;
    }
    #top-menu > li.menu-logo-item {
        display: none !important;
    }
    .col-inner-right-header {
        display: none;
    }
    .container_info {
        padding: 30px 0 30px;
    }
    .row-inner-spisanieto {
        flex-direction:column;
    }
    .live-video-card {
    width: calc((100% - 30px) / 2);
}
    .criticism-grid .latest-criticism-layout,
    .essays-grid .latest-criticism-layout {
    flex-direction:column;
    align-items: stretch;
    }
    .col-other-rubric {
    width: calc(50% - 10px) !important;
}
    .col-other-video {
        width:100% !important;
    }
}
@media screen and (max-width:1200px) and (min-width:601px) {
.button-search-form {
    width:50vw;
}
}
@media screen and (max-width: 1024px) {
}

@media screen and (min-width: 981px) {
 .row-align-right {
        max-width: 1415px !important;
        width: calc(95vw - 230px) !important;
        margin-left: calc(max(2.5vw, (100vw - 1645px) / 2) + 230px) !important;
        margin-right: auto !important;
    }
    .row-flex-ac {
        display: flex;
        align-items: center;
    }
    .row-flex {
        display: flex;
    }
    .row-flex-g {
        display: flex;
        gap: 20px;
    }
    .latest-essay-card {
        padding: 50px 70px;
    }
    .latest-essay-title {
        font-size: 36px;
    }
    .col-left-210 {
        width: 210px !important;
        margin-right: 0px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 10px;
    }
    .col-right-100 {
        width: calc(100% - 210px) !important;
    }
    .heading-essay h2::before,
    .heading-essay h2::after {
        width: clamp(30px, calc(9.69vw - 65px), 90px);
    }
    .row-latest {
        display: flex !important;
        align-items: stretch !important;
    }

    .row-latest .col-latest {
        display: flex !important;
        flex-direction: column !important;
    }

    .row-latest .et_pb_code,
    .row-latest .et_pb_code_inner,
    .latest-essay-simple-card {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        width: 100% !important;
    }

    .latest-essay-simple-card-box {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
    }
    .row-latest .latest-essay-simple-card-inner,
    .other-articles-grid .latest-essay-simple-card-inner{
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
    }
    .other-articles-grid .latest-essay-simple-card-inner {
        justify-content:space-between;
    }

    .row-latest .latest-essay-simple-title,
    .other-rubric-title {
        flex: 1 1 auto !important;
    }

    .row-latest .latest-essay-last-row {
        margin-top: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
        flex-wrap: wrap;
        gap: 20px !important;
    }

    .row-latest .latest-essay-simple-btn-wrap {
        flex-shrink: 0 !important;
    }
    .dema-newsletter-title h2::before,
    .dema-newsletter-title h2::after {
        width: clamp(30px, calc(9.69vw - 65px), 90px);
    }
    .logo-footer:before,
    .logo-footer:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #d7d7d7;
    width: 2000px;
    margin-right: 35px;
    bottom: 40px;
    z-index: -1;
}
   .logo-footer:before {
    margin-right: 35px;
    right: 65%;
}
   .logo-footer:after {
    left: 65%;
    margin-left: 35px;
}
    .col-right-list {
    padding:50px;
}
    .code-gray {
        padding:50px;
    }
}

@media screen and (max-width: 980px) {
    /*  #mobile_menu {
        top: 33px;
        border-top: 0;
    }
    */
    .center-m {
        text-align: center;
    }
    .left-m {
        text-align: left;
    }
    .et_pb_text,
    .et_pb_widget,
    .module-titles {
        text-align: center;
    }
    .widgettitle:before,
    #main-footer h4:before {
        width: 100%;
    }
    .et_pb_widget {
        text-align: center;
    }
    footer .et_pb_widget {
        float: none;
    }
    .et_fixed_nav #main-header {
        position: fixed;
    }
    .mt-m-40 {
        margin-top: 40px;
    }
    .mb-m-40 {
        margin-bottom: 40px;
    }
    .mt-m-15 {
        margin-top: 15px;
    }
    .mb-m-15 {
        margin-bottom: 15px;
    }
    .mt-0-m {
        margin-top: 0px;
    }
    .section-hero {
        padding-top: 0px !important;
    }
    .section-hero .et_pb_row {
        width: 100% !important;
    }
    .col-left-210 {
        margin: 0 2.5% 20px !important;
        width: 95% !important;
    }
    .latest-criticism-layout {
        flex-direction: column;
        gap: 25px;
    }

    .latest-criticism-image {
        flex: 0 0 auto;
        width: 100%;
    }

    .latest-criticism-content {
        width: 100%;
    }

    .latest-criticism-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .criticism-category-flex {
        flex-wrap: wrap;
    }

    .criticism-category-card {
        flex: 0 0 100%;
    }
    .row-100-m {
        width: 100% !important;
    }
    .criticism-other-title {
        text-align: center;
    }
    .section-newsletter {
        padding-top:0px !important;
    }
    .section-hero {
        padding-bottom:0px !important;
    }
    .container_bottom {
    flex-direction: column;
    gap: 15px;
    }
    .other-articles-grid {
        flex-direction:column;
    }

}

@media screen and (max-width: 980px) and (min-width: 601px) {
    .criticism-category-card,
    .criticism-category-card:hover .criticism-category-card-overlay {
        height: 300px;
    }
}
@media screen and (min-width: 601px) {
    .btn-wrap {
        position: absolute;
        right: 50px;
        bottom: 20px;
        width: 320px;
        height: 80px;
    }
    .latest-essay-last-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap:wrap;
        gap:20px;
    }
    .dema-newsletter-title h2::before {
    right: 100%;
    }
    .dema-newsletter-title h2::after {
    left: 100%;
   }
    .col-footer-left {
    text-align:left;
   }
    .col-footer-right {
    text-align:right;
   }
    
.item{
    font-size:24px;
}
}

@media screen and (max-width: 600px) {
    .latest-essay-simple-btn-wrap {
        margin-top: 20px;
    }
    .col-left-spisanieto-inner {
    padding: 25px;
}
    .live-video-card {
    width: calc((100% - 0px) / 1);
    }
    .criticism-tabs {
    flex-direction: column;
}
    .col-other-rubric {
    width: 100% !important;
    }
    .dema-search-form input,
    .dema-search-form button {
    width: 100%;
}
    .other-heading-more h2 {
        font-size:20px;
    }

}

@media screen and (max-width: 425px) {
}
@media screen and (max-width: 375px) {
        .other-rubric-heading h2::before {
    right: 0;
}
    .other-rubric-heading h2::after {
    left: 0;
}
}