body{
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #323232!important;
}

body.maxsize.maxi{
    font-size: 24px !important;
}

html{
}

.container {
    max-width: 1440px!important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px){
    .container{
        padding-right: 40px;
        padding-left:  40px;
    }
}

a{
    color: black;
    transition: .4s;
}
a:hover{
    color: #936646;
    transition: .4s;
}

b{
    font-weight: bold;
}

img.ico{
    margin-top: -5px;
}

/* FONT FAMILY
================================
================================*/
.fonts{
    font-family: fonts-title ;
}

/* FONT WEIGHT
================================
================================*/
.fw-700{
    font-weight: 700 !important;
}
.fw-900{
    font-weight: 900;
}

/* FONT SIZE 
================================
================================*/
.h1{
    font-size: 72px;
    line-height: 82px;
}

.h2{
    font-size: 48px;
}

.h3{
    font-size: 34px;
}

@media (max-width: 579px){
    .h1{
        font-size: 42px !important;
        line-height: 47px;
    }
    .h2{
        font-size: 30px !important
    }
    .h3{
        font-size: 22px !important
    }
}

.t-12{
    font-size: 12px;
}

.t-16{
    font-size: 16px;
}

.t-20{
    font-size: 20px !important;
}

.t-22{
    font-size: 22px;
}

.t-28{
    font-size: 28px;
}

.t-30{
    font-size: 30px;
}

.t-170{
    font-size: 170px;
}


body.maxsize.maxi .t-12{
    font-size: 16px;
}

body.maxsize.maxi .t-16{
    font-size: 20px;
}

body.maxsize.maxi .t-20{
    font-size: 24px !important;
}

body.maxsize.maxi .t-22{
    font-size: 26px;
}

body.maxsize.maxi .t-28{
    font-size: 32px;
}

body.maxsize.maxi .t-30{
    font-size: 34px;
}

/* LOST CSS
================================
================================*/
.ttu{
    text-transform: uppercase;
}

.op-05{
    opacity: 0.5;
}

.lh-1{
    line-height: 1;
}

.lh-23{
    line-height: 23px;
}

.ls-03{
    letter-spacing: 0.03em;
}

/* COLOR & BACKGROUND
================================
================================*/
.text-pink{
    color: #FE99B2;
}

.text-nightpink{
    color: #EC509B;
}

.text-biriuza{
    color: #48B8C5;
}

.bg-sky{
    background-color: rgba(122, 185, 255, 0.4);
}

.bg-mask{
    background: rgba(9, 27, 31, 0.5);
}

.bg-biriuza{
    background: #A5F3FF;
    box-shadow: 2px 4px 12px rgba(165, 243, 255, 0.3);
}

.bg-nightbiriuza{
    background-color: #027D90;
}


/* MOBILE NAV SWIPE 
================================
================================*/
#touchSideSwipe ul li a{
    color: black;
}
#touchSideSwipe ul li a:hover{
    color: #FE99B1;
}

/* HEADER 
================================
================================*/
header ul li a.nav-link{
    color: white;
    padding: 0rem 0px;
    font-size: 20px;
}

header ul li a.nav-link:hover,
header ul li a.nav-link.active{
    color: #FE99B1;
}

.header-tools button,
.header-tools label{
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 0px 5px;
    border: 0px;
}

.header-tools label{
    margin-bottom: 0px !important;
    line-height: 40px;
}

input.checkyey:checked ~ label.labelyey{
    background-color: #111;
}

.header-tools .form-control{
    height: 40px;
    background-color: transparent;
    border: 0px;
}

@media (max-width: 1024px){
    .stickytop{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 10;
    }
}

header img.logo{
    width: 100%;
}

@media (max-width: 579px){
    header img.logo{
        height: 60px;
        width: auto;
    }
}

@media (max-width: 768px){
    header img.logo{
        height: 60px;
        width: auto;
    }
}

@media (max-width: 1024px){
    header img.logo{
        height: 60px;
        width: auto;
    }
}



/* NAVIGATION
================================
================================*/


/* MAIN INDEX 
================================
================================*/
.bg-main{
    background-image: url(../image/main/bg-main.jpg);
    width: 100%;
    height: 100%;
    height: 800px;
    max-height: 800px;
    background-repeat: no-repeat;
    background-position: 50% 25%;
    background-size: cover;
}

@media (max-width: 579px){
    .bg-main{
        height: auto !important;
    }
}

/* Carousel Main */

.main-carousel .item{
    position: relative;
    height: 250px;
    text-align: center;
    color: black;
}

.main-carousel .item::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.2);
    top: 0%;
    left: 0%;
    transition: .4s;
    z-index: -1;
}

.main-carousel .active.center .item::before{
    /*background-color: rgba(255,255,255,0);*/
    background-color: #C4C4C4;
    transition: .4s;
    z-index: -1;
}

.main-carousel .owl-nav{
    position: absolute;
    top: -5%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    margin: auto !important;
    height: 1px;
}

.main-carousel .owl-nav .prev-slideh{
    position: absolute;
    left: 35%;
    top: 0%;
    width: 35px;
    height: 35px;
    background-size: cover;
    background-image: url(../image/main/prev.png);
    margin-top: -5px;
    transition: .4s;
}

.main-carousel .owl-nav .next-slideh{
    position: absolute;
    right: 35%;
    top: 0%;
    width: 35px;
    height: 35px;
    background-size: cover;
    background-image: url(../image/main/next.png);
    margin-top: -5px;
    transition: .4s;
}

@media (max-width: 579px){
    .main-carousel .owl-nav .prev-slideh{
        left: 5%;
    }
    .main-carousel .owl-nav .next-slideh{
        right: 5%;
    }
}

.main-carousel .owl-nav .prev-slideh:hover,
.main-carousel .owl-nav .next-slideh:hover{
    transform: scale(.95);
    transition: .4s;
}

.main-carousel .item a{
    color: black;
}
.main-carousel .item a:hover{
    color: #9A006F;
    text-decoration: none;
}

.main-carousel .item img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

/* Grid 2 */
.bg-night{
    background: linear-gradient(180deg, #0B0505 0%, #027D90 100%);
}

.bg-fullnight{
    background: linear-gradient(0deg, #0B0505 0.79%, #055967 35.41%, #027D90 54.53%, #055A67 71.58%, #0B0505 100%);
}

.main-col{
    position: relative;
    height: 500px;
    background-color: #C4C4C4;
}

.main-col img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 579px){
    .main-col{
        height: 400px;
    }
}

@media (min-width: 560px) and (max-width: 768px){
    .main-col{
        height: 300px;
    }
}

.mc-more{
    position: absolute;
    right: 0%;
    bottom: 0%;
    width: 75%;
    text-align: center;
    height: 50px;
    background-color: #9A006F;
    line-height: 50px;
}

a .mc-more {
    color: white;
}

a:hover .mc-more {
    text-decoration: none;
    color: #FE99B2;
}

.text-shadow{
    text-shadow: 0px 0px 30px black;
}

.poster img{
    width: 100%;
}

.main-news-link a{
    color: white;
}
.main-news-link a:hover{
    color: #FE99B1;
}

.newsbox .poster img{
    height: 200px;
    width: 100%;
    object-fit: cover;
}

/* STATIC PAGE
================================
================================*/
@media (max-width: 769px){
    .content-justify{
        text-align: justify; 
    }
}

.static ul{
    padding-inline-start: 0px;
}

.static ul li{
    padding: 5px 0px;
    position: relative;
    padding-left: 25px;
    list-style-type: none;
    padding-inline-start: 40px;
}

.static ul li::before{
    position: absolute;
    content: '—';
    left: 0%;
    margin: auto;
}

.about-cert{
    height: 370px;
    line-height: 370px;
}

@media (max-width: 579px){
    .about-cert{
        height: 220px;
        line-height: 220px;
    }
}


@media (min-width: 1024px){
    .box-uslughi{
        height: 300px;
    }
}

.bu-number{
    position: absolute;
    top: -25%;
    right: -5%;
    font-weight: 500;
    font-size: 200px;
}

@media (max-width: 579px){
    .bu-number{
        position: absolute;
        top: -10%;
        left: 0%;
        margin: auto;
        right: 0%;
        font-weight: 500;
        font-size: 80px;
    }
    .bu-number.sky{
        text-shadow: 0px 1px 3px #eee;
    }

    .bu-number.night{
        color: #054D58;
        text-shadow: 0px 1px 6px white;
    }
}

.bu-number.sky{
    color: #027D90;
}
.bu-number.night{
    color: #054D58;
}

.modal-delete{
    position: absolute;
    top: 5%;
    right: 3%;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.modal-delete img{
    width: 100%
}

.modal-delete img:hover{
    transform: rotate(90deg);
    transition: .4s;
}

.static-link a{
    color: white;
}
.static-link a:hover{
    color: #FE99B1;
    text-decoration: none;
}


/* News 
================================
================================*/
.box-news:nth-child(2n+1) .display-news{
}


.box-news:nth-child(2n) .display-news{
    flex-direction: row-reverse;
}

.display-news .poster{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.box-news a{
    color: white;
}

.box-news a:hover{
    color: #EC509B;
    text-decoration: none;
}

ul.paginate a,
ul.paginate span{
    color: white;
    padding: 1px 5px;
}

ul.paginate .prevnext{
    color: white;
    padding: 0px 10px;
}

ul.paginate .prevnext span{
    background-color: transparent;
}

ul.paginate .prevnext:hover{
    background-color: #FE99B2;
}

ul.paginate .prevnext:hover a{
    color: black;
    text-decoration: none;
}

ul.paginate .prevnext a.hover{
    text-decoration: none;
}

ul.paginate .prevnext img{
    margin-top: -1px;
}

ul.paginate span{
    background-color: #FE99B2;
}

ul.paginate a:hover{
    color: black;
}

ul.paginate a,
ul.paginate span{
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0px 0px;
    text-align: center;
}


ul.paginate a:hover{
    background-color: #FE99B2;
    color: black;
    text-decoration: none;
}

/* CATEGORY GALLERY 
================================
================================*/
.catgallink{
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    margin: auto;
    width: fit-content;
    height: fit-content;
}

a .catgallink{
    color: white;
    font-weight: 700;
    border-bottom: 1px solid white;
    position: absolute;
    text-shadow: 0 0 0.5em #000, 0 0 0.5em #000, 0 0 0.5em #000, 0 0 0.5em #000;
}

a:hover .catgallink{
    text-decoration: none;
    color: #76B7FC;
    border-bottom: 1px solid #76B7FC;
}

.gallery-carousel{
    position: relative !important;
}

.gallery-carousel .owl-nav{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    margin: auto !important;
    height: 20px;
}

.gallery-carousel .owl-nav .prev-slideh{
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    left: -5%;
    background-image: url(../image/gallery/gal-arr-left.svg);
    background-size: cover;
}
.gallery-carousel .owl-nav .next-slideh{
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    right: -5%;
    background-image: url(../image/gallery/gal-arr-right.svg);
    background-size: cover;
}

.gallery-carousel .owl-dots .owl-dot.active span{
    background-color: #FE99B2 !important;
}

.gallery-carousel .owl-dots .owl-dot span{
    background-color: #9A006F !important;
}

/* OFFICIAL 
================================
================================*/
.box-official a{
    color: black;
}

.box-official a:hover{
    color: #9A006F;
    text-decoration: none;
}

.paginback a{
    color: white;
}
.paginback a:hover{
    color: #9A006F;
    text-decoration: none;
}

.breadcrumbs a{
    color: #FE99B2;
}
.breadcrumbs a:hover{
    color: #9A006F;
    text-decoration: none;
}

.bcback a{
    color: white;
    border-bottom: 1px solid white;
}

.bcback a:hover{
    text-decoration: none;
    color: #FE99B2;
    border-bottom: 1px solid #FE99B2;
}

/* DOCUMENT 
================================
================================*/
.doclink li a{
    color: white;
}
.doclink li a:hover{
    color: #FE99B2;
    text-decoration: none;
}

.document{
    height: 470px;
}

/* FEEDBACK 
================================
================================*/
.box-feedback{
    height: 470px;
}

.fb-link a{
    color: white;
}
.fb-link a:hover{
    color: #FE99B2;
    text-decoration: none;
}

.fb-work{
    height: 360px;
}

/* CARD 
================================
================================*/


/* BASKET 
================================
================================*/


/* FOOTER 
================================
================================*/
.bg-footer{
    background-color: #00292E;
}

footer ul li a.nav-link{
    padding: 4px 1rem;
    color: #FE99B2;
}

footer ul li a.nav-link:hover{
    color: white;
}

.footer-carousel .owl-nav{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    margin: auto !important;
    height: 1px;
}

.footer-carousel .owl-nav .prev-slideh{
    position: absolute;
    left: -5%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    width: 25px;
    height: 25px;
    background-image: url(../image/footer/foo-arr-left.svg);
    background-size: cover;
}
.footer-carousel .owl-nav .next-slideh{
    position: absolute;
    right: -5%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    width: 25px;
    height: 25px;
    background-image: url(../image/footer/foo-arr-right.svg);
    background-size: cover;
}


@media (max-width: 579px){
    .footer-carousel .owl-nav .prev-slideh{
        left: -9%;
    }
    .footer-carousel .owl-nav .next-slideh{
        right: -9%;
    }
}

.footer-carousel .item img{
    height: 100px;
    object-fit: scale-down;
}

img.tricon{
    transform: scale(1) rotate(0deg);
    transition: .4s;
}

img.tricon:hover{
    transform: scale(1.1) rotate(10deg);
    transition: .4s;
}

.vote label{
    color: white;
    font-size: 14px;
    padding-left: 10px;
}

#dle-vote .vote{
    font-size: 14px;
    color: white;
    padding: 4px 0px;
}

#dle-vote .voteprogress{
    display: none !important;
}