@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700&display=swap');

h1, h2, h3, h4, h5, p, a, span {
    font-family: 'Prompt', sans-serif !important;
}
#header.header-transparent #header-wrap #logo {left: 10% !important;}
div#header-wrap .container {
    width: 100%;
    padding: 0px 30px;
}
.fa-music:before {
    content: "\e07b" !important;
    font-family: 'FontAwesome';
}
i {font-family: 'FontAwesome' !important; }

img.logo-footer {
    height: 120px !important;
    filter: brightness(1) !important;
}
.slide-caption {background: linear-gradient(45deg, #ad0000, #830500);}
#mainMenu nav>ul>li>a {font-size: 1rem;color: #500300;}
#mainMenu nav>ul>li.current>a, 
#mainMenu nav>ul>li.current>span, 
#mainMenu nav>ul>li.hover-active>a, 
#mainMenu nav>ul>li.hover-active>span, 
#mainMenu nav>ul>li:focus>a, 
#mainMenu nav>ul>li:focus>span, 
#mainMenu nav>ul>li:hover>a, 
#mainMenu nav>ul>li:hover>span {
    color: #fff;
    background: #860500;
}

.slide-caption .btn {
    background: linear-gradient(89.69deg, #985538 2.38%, #CB825D 26.42%, #EBC396 45.92%, #A87D5A 65.43%, #99543A 99.76%) !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 4px 5px 20px 0px #4e0100;
}

.slide-caption .htitle {font-weight: 600 !important;}

.slide-caption {padding: 11.5% 4% 0 4% !important;}
.slide-caption h3 {color: #fff;}

section#suop--ele___block-blog-4-4 {
    background-image: url(../_images/bg-ser.png);
    background-size: cover;
    background-position: center;
}

.block-blog-4 .article-item .boxDetail {
    background: linear-gradient(45deg,#a80100,#c91b1a) !important;
}
.block-blog-4 .article-item .htitle, .block-blog-4 .article-item p {color: #fff;}

.block-service .blog-item {background: linear-gradient(45deg, #e8ad8b, #f7e0d0);}
#header #header-wrap #logo a>img {height: 85px;}

.btn {color: #ffffff;background-color: #970300;}
.block-service .blog-item {background: transparent !important;box-shadow: 0px -3px 4px #a7785075 !important;text-align: center !important;}

.block-service .main_content {
    /* background: linear-gradient(89.69deg, #985538 2.38%, #CB825D 26.42%, #EBC396 45.92%, #A87D5A 65.43%, #99543A 99.76%); */
    background-image: url(../_images/bg-ser-6.jpg);
    background-size: cover;
    background-position: center;
}
.block-service h3.htitle, .block-service p {
    color: #480200 !important;
    stext-shadow: 0px 0px 20px #dcba98;
}
.block-service .blog-item img {
    margin-bottom: 15px;
    border: 1px solid #450300;
    padding: 5px;
    border-radius: 100px;
}
.owl-dots {
    position: absolute !important;
    right: 0;
    bottom: 0;
    /* filter: brightness(0.5); */
}


::selection {background: #ab25258c;color: #fff;}

/* Footer */

img.logo-footer {
    height: 80px !important;
    filter: brightness(1) !important;
}

/* Footer */

@media (max-width: 991px) {
    #header #header-wrap #logo a>img {height: 80px;}
    #header .dark #header-wrap .lines, #header .dark #header-wrap .lines:after, #header .dark #header-wrap .lines:before, #header .dark #mainMenu nav>ul>li.current>a:after, #header .dark #mainMenu nav>ul>li:focus>a:after, #header .dark #mainMenu nav>ul>li:hover>a:after, #header .dark .header-extras .lines, #header .dark .header-extras .lines:after, #header .dark .header-extras .lines:before, #header.dark #header-wrap .lines, #header.dark #header-wrap .lines:after, #header.dark #header-wrap .lines:before, #header.dark #mainMenu nav>ul>li.current>a:after, #header.dark #mainMenu nav>ul>li:focus>a:after, #header.dark #mainMenu nav>ul>li:hover>a:after, #header.dark .header-extras .lines, #header.dark .header-extras .lines:after, #header.dark .header-extras .lines:before, #header.dark.header-colored #header-wrap, #header.dark.header-colored-transparent #header-wrap, #header.dark.header-transparent #header-wrap, #header.header-transparent #header-wrap {
        background-color: #900601;
    }
    #header.dark.header-colored #header-wrap .lines, #header.dark.header-colored #header-wrap .lines:after, #header.dark.header-colored #header-wrap .lines:before, #header.dark.header-colored-transparent #header-wrap .lines, #header.dark.header-colored-transparent #header-wrap .lines:after, #header.dark.header-colored-transparent #header-wrap .lines:before, #header.dark.header-transparent #header-wrap .lines, #header.dark.header-transparent #header-wrap .lines:after, #header.dark.header-transparent #header-wrap .lines:before, #header.header-transparent #header-wrap .lines, #header.header-transparent #header-wrap .lines:after, #header.header-transparent #header-wrap .lines:before {
        background-color: #ffffff;
    }
    #mainMenu nav>ul>li>a {
        font-size: 1rem;
        color: #fff !important;
    }
    #suop--ele___headBanner {
        position: relative;
        top: 0px !important;
        margin-bottom: 0px !important;
    }
    .slide-caption h3 {display: none;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .block-blog-4 .article-item {
        margin-bottom: 1rem;
    }
    .col-xs-12.col-sm-12.col-md-4.col-center {
        padding-left: 15px !important;
        width: 40%;
        float: left;
    }
    .col-xs-12.col-sm-12.col-md-4.col-left {width: 33%;float: left;}
    .col-xs-12.col-sm-12.col-md-3.col-md-offset-1.col-right {width: 25%;float: left;}


}

@media (max-width: 768px) {
    p.text-sm.suop--description, .slide-caption h3 {display: none;}

}