
@font-face {
    font-family: "Metropolis Medium";
    src: url('../fonts/Metropolis-Medium.woff2') format("woff2");
    font-weight: 500;
    font-style: normal;
}

.page-content__description * {color: #000 !important;font-size: 20px;line-height: 1.7;font-family: "Metropolis Medium" !important;}
.page-content__description {color: #000 !important;font-size: 20px;line-height: 1.7;font-family: "Metropolis Medium" !important;}

.page-content__spot {
    font-size: 18px;
    position: relative;
    padding-left: 20px;
    font-family: "Metropolis Medium" !important;
}

.page-content__header .title {
    font-family: "Metropolis Medium" !important;
}

body .ads.js-fixed {
    position: fixed;
    top: 100px;
    z-index: 0;
}
body .ads.js-fixed:not([class*="ui-pos-"]) {
    left: 0;
}
body .ads.js-fixed.ui-pos-right {
    right: 0;
}

@media (max-width: 768px) {
    body .ads.js-fixed:not([class*="ui-pos-"]), body .ads.js-fixed.ui-pos-right {
        display: none !important;
    }
}

.header-middle {
    height: 150px;
}
.section-banners-header {
    max-width: 750px;
}

.header-bottom__right .input {
    background-color: rgb(227 227 227);
    position: absolute;
}


.header-logo img {
    max-width: 370px;
    width: auto;
}

.social > a > i {

}
.social > a:not(:last-child) {
    margin-right: 5px;
}
.social > a {
    border-radius: 5px;
    background: #9f2411;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
.social {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-gallery-buttons .header-buttons:not(:last-child) {
    margin-right: 10px;
}
.header-gallery-buttons .header-buttons {

}
.header-gallery-buttons {
    flex-flow: unset !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.reklam-content img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
}
.reklam-content {

}


body .ads.js-fixed {
    position: fixed;
}

.loader-ellips {
    font-size: 20px; /* change size here */
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #555; /* change color here */
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
    from { transform: scale(0.001); }
    to { transform: scale(1); }
}

@keyframes slide {
    to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}


.footer-list ul li a.ui-style {
    -webkit-line-clamp: unset;
}
.footer-heading {
    font-size: 23px;
}


.page-content__write-other ul li { margin-bottom: 20px; }

.page-content__write-other ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); padding: 20px; border-radius: 15px; overflow: hidden; height: 82px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.page-content__write-other ul li a:hover { background-color: #d91f27; }

.page-content__write-other ul li a:hover .title { color: #fff; }

.page-content__write-other ul li a:hover .icon { color: #fff; }

.page-content__write-other ul li a .icon { font-size: 24px; color: #d91f27; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.page-content__write-other ul li a .title { font-size: 16px; font-weight: 500; letter-spacing: -0.5px; color: #999; padding-left: 15px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-content__write-other ul li a {
    position: relative;
}
.page-content__write-other ul li a .date {
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 12px;
    color: #999;
    font-weight: 600;
}
.page-content__write-other ul li a:hover .date {
    color: #fff;
}

/*



.page-content__write-comments ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); padding: 30px; border-radius: 20px; overflow: hidden; }

.page-content__write-comments ul li:not(:last-child) { margin-bottom: 30px; }

.page-content__write-comments ul li .icon { font-size: 32px; color: #1e1d1c; padding-top: 5px; }

.page-content__write-comments ul li .desc { padding-left: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.page-content__write-comments ul li .desc .title { font-size: 18px; font-weight: 600; letter-spacing: -0.5px; color: #d91f27; }

.page-content__write-comments ul li .desc .text { font-size: 14px; color: #999; }

.page-content__write-other ul li { margin-bottom: 20px; }

.page-content__write-other ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); padding: 20px; border-radius: 15px; overflow: hidden; height: 82px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.page-content__write-other ul li a:hover { background-color: #d91f27; }

.page-content__write-other ul li a:hover .title { color: #fff; }

.page-content__write-other ul li a:hover .icon { color: #fff; }

.page-content__write-other ul li a .icon { font-size: 24px; color: #d91f27; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.page-content__write-other ul li a .title { font-size: 16px; font-weight: 500; letter-spacing: -0.5px; color: #999; padding-left: 15px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.page-content__write-other ul li a {
    position: relative;
}
.page-content__write-other ul li a .date {
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 12px;
    color: #999;
    font-weight: 600;
}
.page-content__write-other ul li a:hover .date {
    color: #fff;
}

.writer ul li:not(:last-child) { margin-bottom: 40px; }

.writer-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.writer-item:hover .writer-cover { -webkit-box-shadow: 0 0 50px rgba(30, 29, 28, 0.2); box-shadow: 0 0 50px rgba(30, 29, 28, 0.2); }

.writer-cover { width: 100px; height: 100px; background-color: #FFEDA5; border-radius: 999px; overflow: hidden; -webkit-box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

.writer-cover img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; padding-top: 17px; }

.writer-desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 30px; line-height: 1; }

.writer-desc .title { font-size: 18px; font-weight: 700; color: #d91f27; letter-spacing: -0.5px; margin-bottom: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.writer-desc .text { font-size: 14px; font-weight: 600; letter-spacing: -0.3px; line-height: 1.3; color: #999; }


.album.ui-top { padding-top: 50px; }

.album.ui-video .album-photo img { opacity: .4; }

.album ul li { margin-bottom: 20px; }

.album ul li:hover .album-photo img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.album-photo { width: 100%; height: 220px; overflow: hidden; background-color: #1e1d1c; }

.album-photo.ui-large { height: 400px; }

.album-photo.ui-large img { opacity: .15; }

.album-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .8s; -o-transition: .8s; transition: .8s; }

.album-body { position: absolute; inset: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 479px) { .album-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } }

@media (min-width: 768px) and (max-width: 991px) { .album-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } }

.album-body .icon { color: #fff; font-size: 32px; background-color: rgba(255, 255, 255, 0.3); width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 999px; margin-right: 20px; }

@media (max-width: 479px) { .album-body .icon { margin-right: 0; margin-bottom: 20px; } }

.album-body .title { font-size: 20px; font-weight: 600; letter-spacing: -.5px; color: #fff; max-width: 400px; line-height: 1.3; }



.company.ui-style ul { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

.company.ui-style ul:hover li { opacity: .6; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

.company.ui-style ul li { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

.company.ui-style ul li:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.company.ui-style ul li:nth-child(2n) .company-right .time { border-color: #354D77; color: #354D77; background-color: rgba(53, 77, 119, 0.1); }

.company.ui-style ul li:not(:last-child) { margin-bottom: 20px; }

.company.ui-style .company-cover img { -webkit-transition: .8s; -o-transition: .8s; transition: .8s; }

.company.ui-style .company-cover:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.company.ui-style .company-desc__top { margin-bottom: 10px; }

.company.ui-style .company-desc__top .title { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.company.ui-style .company-desc__top .title:hover { color: #d91f27; }

.company.ui-style .company-desc__bottom { border: none; padding-top: 0; }

.company.ui-style .company-right { text-align: center; }

.company.ui-style .company-right .date { font-size: 13px; color: #999; font-weight: 400; letter-spacing: -0.3px; line-height: 1; margin-bottom: 15px; }

.company.ui-style .company-right .date .icon { font-size: 13px; margin-right: 7px; }

.company.ui-style .company-right .time { padding-inline: 10px; height: 35px; border: 1px solid #d91f27; font-size: 14px; font-weight: 500; letter-spacing: -0.3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #d91f27; background-color: rgba(217, 31, 39, 0.1); }

.company ul li:not(:last-child) { margin-bottom: 40px; }

.company-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); box-shadow: 0 0 20px rgba(30, 29, 28, 0.1); padding-inline: 30px; padding-block: 30px; }

.company-cover { width: 170px; height: 100%; }

@media (max-width: 479px) { .company-cover { display: none; } }

.company-cover img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.company-desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 50px; }

@media (max-width: 479px) { .company-desc { padding-left: 0; } }

.company-desc__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1; margin-bottom: 20px; }

.company-desc__top .title { font-size: 20px; font-weight: 800; letter-spacing: -0.7px; color: #1e1d1c; text-transform: uppercase; }

.company-desc__top .text { font-size: 16px; font-weight: 500; color: #999; letter-spacing: -0.5px; }

.company-desc .address { margin-bottom: 10px; font-size: 14px; color: #999; }

.company-desc .address .icon { font-size: 14px; color: #d91f27; margin-right: 10px; }

.company-desc__bottom { border-top: 1px solid rgba(30, 29, 28, 0.1); padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 991px) { .company-desc__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.company-desc__bottom a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; }

@media (max-width: 991px) { .company-desc__bottom a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: auto; } }

.company-desc__bottom a:not(:last-child) { margin-right: 20px; }

@media (max-width: 991px) { .company-desc__bottom a:not(:last-child) { margin-bottom: 10px; } }

.company-desc__bottom a .icon { font-size: 14px; color: #d91f27; margin-right: 10px; }

.company-desc__bottom a span { font-size: 13px; font-weight: 400; letter-spacing: -0.5px; color: #999; }



*/


#karart {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9999;
    opacity: 0.5;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #dddfe2;
}

.alert-secondary hr {
    border-top-color: #cfd2d6;
}

.alert-secondary .alert-link {
    color: #2e3133;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}
