@charset "UTF-8";
html {
    font-size: 10px;


}

.div-comment {
	font-size: 30px;
}

.comment-content {
	
	border: 2px solid black;
	padding: 7px;
	border-radius: 10px;
	background-color: #EFEFEF;
}

.comment-body {
	font-size: 15px;
}

.top-news .tn-right img{
height:180px; !important;

}

/* Naprawia rozmiar dużych ogłoszeń */
.top-news .tn-left img{

height:360px !important;

}

.lead {
  font-size: 15px;
  color: #000000;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 300; font-size: 1.6rem;
    line-height: 1.55em;
    /* color: #5d5d5d; */
	color: #464646;


}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

h1 { 
    margin: -10px -16px 0.6em;

}

h2 {
    font-weight: 500;  font-size: 4rem;
    color: #121212;
    line-height: 1.25em;
 /* margin: -13px -16px 0.6em; */
}

img {
    /* height: 100%; */
    max-width: 100%;
    vertical-align: middle;
/*	object-fit: cover; */
   padding-bottom: 7px;
}

a:hover {
    text-decoration: underline;
    color:#3e5afb;
}

a { color: #a60034; text-decoration: none; }

a.mail { color: #dc3545; text-decoration: none; }

a:focus { text-decoration: underline; box-shadow: inset 0px 0px 0px 1px #ba0527;}

hr.poziomowanie { border: 1px solid #eaeaea; }

.menubot { color: #6c757d; text-decoration: none; }
.menutech { color: #6c757d; text-decoration: none; }
.menutech:hover { color: white; text-decoration: underline; }


#skiplink li {list-style-type: none; margin:0; padding:0;}
.skiplink {list-style-type: none; margin:0; padding:0;}

.skip-link {
  position: absolute;
  left: -9999em; 
}
.skip-link:focus {
  position: absolute;
  left: 0;
  width: 300px;
  background: black;
  color: white;
  height: 30px;
}

p {
    margin-bottom: 1.5em;
    margin-top: 0;
}

.no-padding-left { padding-left: 0}
.no-padding-right { padding-right: 0}

section { margin-bottom: 50px;  margin-top: 50px; }
@media only screen and (max-width: 991px){
    section { margin-bottom: 30px}
}

.img-float-left {
    float: left;
    display: inline;
    margin: 0 20px 10px 0;
}
.img-float-right {
    float: right;
    display: inline;
    margin: 0 0 10px 20px;
}
@media only screen and (max-width: 991px){
    .img-float-left,
    .img-float-right {
        float: inherit;
        margin: 20px auto;
        display: block;
    }
}
/* btn */
.btn {
    display: inline-block;
    font-size: 1.4rem; line-height: 1.143em; letter-spacing: 1px;
    font-weight: 700; color: #fff; background: #ba0527;
    border: 2px solid #ba0527; border-radius: 4px;
    padding: 1.5rem 2.5rem;
    text-transform: uppercase;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.btn:hover {
    background: #fff; color: #ba0527;
}

.btn-link {
    color: #3e5afb;
    text-transform: uppercase;
    font-weight: 600; line-height: 1.2;
    font-size: 14px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.btn-link:hover {
    color: #3e5afb;
    text-decoration: none;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.btn-link:hover i {
    padding-left: 10px;
    color: #3e5afb;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}


.box-blog-post {margin-top: 20px; }

/* section- top-boxes */
.top-boxes { background: #F1F1F1; }
.top-boxes .row { margin-right: 0; margin-left: 0; }
.top-boxes .col-12 { padding: 0;}
.col-lg-8 { padding: 0px; }
.top-boxes .inner {
    padding: 40px 30px;
    display: flex; flex-direction: column;
    height: 100%; justify-content: center;
}
.top-boxes .inner p { font-size: 16px; color: #fff; line-height: 1.5}
.top-boxes .inner h3 { font-size: 20px; color: #fff; font-weight: 700; margin-bottom: 15px;}
.top-boxes .inner a { color: #fff;}
.top-boxes .btn {
    font-size: 1.4rem; line-height: 1.143em; font-weight: 700;
    color: #fff; background: transparent;
    text-transform: uppercase; letter-spacing: 1px;
    padding: 1.2rem 2.5rem;
    border: 2px solid #fff; border-radius: 100px;
    align-self: flex-start;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.top-boxes .btn:hover { background: #fff; color: #3e5afb; border-color: #fff;}

.top-boxes .box-top-01  { background: #19171c;}
.top-boxes .box-top-02 { background: #ba0527; }
.top-boxes .box-top-03 { background: #19171c; }
.top-boxes .box-top-04 { background: #ba0527; }
.top-boxes .box-top-05 { background: #ba0527; }
.top-boxes .box-top-06 { background: #19171c; }
.top-boxes .box-top-07 { background: #ba0527; }


.top-boxes .box-top-08 { background: #19171c; border-bottom-right-radius: 10px}
.top-boxes .row { margin-top: -120px;}

@media only screen and (max-width: 991px){
    .top-boxes .row { margin-top: 0}
    .top-boxes .container{ margin: 0 auto; padding: 0}
    .top-boxes .box-top-01  { border-top-left-radius: 0;}
    .top-boxes .box-top-04 img { border-top-right-radius: 0;}
    .top-boxes .box-top-05 img { border-bottom-left-radius: 0;}
    .top-boxes .box-top-08 { border-bottom-right-radius: 0;}
    .top-boxes .box-top-02 { order: 1}
    .top-boxes .box-top-01 { order: 2}
    .top-boxes .box-top-04 { order: 3}
    .top-boxes .box-top-03 { order: 4}
    .top-boxes .box-top-05 { order: 5}
    .top-boxes .box-top-06 { order: 6}
    .top-boxes .box-top-07 { order: 7}
    .top-boxes .box-top-08 { order: 8}
}


/* box */

.header-top-box a { color: #3e5afb;}

.header-top-box {
    font-size: 18px; font-weight: 700;
    color: #121212;
	text-align:center;
}



.top-box {
    position: relative;
	padding-bottom: 10%;
	margin: 7px 7px 0 0;
	background: #ba0527;
}

.box-on {
    position: absolute; left: 30px; top: 50px;
    width: 80%; padding: 30px;
    background: rgba(0,0,0,.7);
}

@media only screen and (max-width: 991px){
    .box-on {
        position: unset; width: 100%;
    }
    .top-box img {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
}
.box-on .header-top-box a, .box-on p { color: #fff;}
.box-on .header-top-box a:hover { color: #ba0527;}

.box-on  { margin-bottom: 20px; display: block}


/* header top*/
.header-top {
    padding: 1.1rem 0;
    background: #ba0527; color: #fff;
   /* font-size: 13px; font-weight: 500; */
    margin-bottom: 0; overflow: hidden;
	margin-top: 0px;
}
.header-top a { color: #fff;}
.header-top ul {
    list-style: none;
    padding: 0; margin: 0;
    display: inline-flex;
}
.header-top ul li { margin-right: 25px; }
.header-top ul.social-networks {float: right}

@media only screen and (max-width: 991px){
    .header-top { display: none}
}

/* social networks */
ul.social-networks {
    list-style: none;
    padding: 0; margin: 0;
    display: inline-flex;
}
ul.social-networks li {
    margin-left: 30px; margin-right: 0;
}

/* footer */
footer {
    background: #121212;
    padding: 58px 0 54px;
    color: #d6d6d6;
}
footer h2 {
    color: #fff;
    font-size: 1.9rem;
    line-height: 1.158em;
    margin: 0 0 1.211em;
    font-weight: 500;
}
footer ul.social-networks li {
    margin-bottom: 10px;
    margin-left: 10px;
}
footer ul.social-networks li a {
    font-size: 16px;
    line-height: 20px;
    color: #9a9a9a;
}
footer ul.social-networks li a:hover {
    color: #fff;
}
footer .category-footer-menu {
    margin: 0; padding: 0;
    list-style: none;
}
footer .category-footer-menu li {
    margin-bottom: 1.2rem;
}
footer .category-footer-menu a {
    font-size: 16px;
    line-height: 20px;
    color: #9a9a9a;
}
footer .category-footer-menu a:hover { color: #fff;}
footer .copy-bottom {
    border-top: 1px solid #9a9a9a;
    padding-top: 19px; padding-bottom: 0;
    margin-top: 55px;
    text-align: center;
}

footer .copy-bottom  ul.social-networks li{
    margin-right: 22px; margin-left: 0;
}
footer .copy-bottom  ul.social-networks li a  {
    font-size: 24px;
    color: #6c6c6c;
}
footer .copy-bottom  ul.social-networks li a:hover  {
    color: #fff;
}

/*
 menu*/
.main-menu {
    background: none;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee;
  /*  padding: 20px 0; margin: 0;  GK */
    padding: 0px 0; margin: 0;  
}
.main-menu a {
    font-family: 'Quicksand', sans-serif;
    color: #121212; 
	font-size: 1.35rem;
    line-height: 1.286em; 
	/* letter-spacing: 0.7px; */
    padding: 0;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    text-transform: uppercase; 
	font-weight: 700; 
    margin-right: 10px;
}
.dropdown-item {font-weight: 500 !important; line-height: 1.4em !important; letter-spacing: 0px !important;}

.main-menu a:hover { color: #ba0527;}
.navbar-nav .dropdown-menu {
    border: 0; border-radius: 5px;
    padding: 20px;
}
.navbar-nav .dropdown-menu a {
    /* padding: 5px 0; */
}
.navbar-nav .dropdown-menu a:hover { background: none}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-wrap: wrap;
        position: relative;
    }
    .navbar-expand-lg .navbar-nav  li { padding: 5px 0}
    .navbar-nav .dropdown-search { position: absolute; top: 0; right: 0;}
}

ul.dropdown-menu li > ul.dropdown-menu {
    left: 100%;
    top: 0;
}

ul.dropdown-menu li:hover > ul.dropdown-menu,
ul.dropdown-menu li:focus > ul.dropdown-menu {
    display: block;
}

/*section - box-6elements */
.box-6elements .box-inner {
    margin-bottom: 24px;
    border: 1px solid #F1F1F1; border-top: 0; border-radius: 10px;
}
.box-6elements .box-inner img { border-radius: 10px 10px 0 0; }
.box-6elements .box-inner .inner { padding: 40px; }
.box-6elements .box-inner h3 {
    font-weight: 700; font-size: 20px; line-height: 28px;
    margin-bottom: 20px;
}
.box-6elements .box-inner h3 a { color: #000}
.box-6elements .box-inner h3 a:hover { color: #ba0527}
.box-6elements .box-inner p {
    font-size: 16px;
    margin-bottom: 20px;
}

/* section - box-icons*/
.box-icons {
    background: #F6F6F6;
    text-align: center;
    padding: 70px 0; margin-bottom: 0;
}
.box-icons .inner {
    background: #fff;
    border-radius: 10px; border: 1px solid #F1F1F1;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    padding: 30px 15px; margin-bottom: 24px;
}
.box-icons .inner h3 {
    font-size: 20px; color: #000;
    margin-bottom: 20px;
    font-weight: 600;
}

.box-icons .inner i {
    font-size: 50px;
    color: #3E5AFB;
    width: 12rem; height: 12rem; margin: 0 auto 2rem;
    box-shadow: 0 2px 5px rgba(0,0,0,.06); border-radius: 50%;
    display: flex;
    align-items: center; justify-content: center;
    overflow: hidden;
}
.box-icons .inner p {
    line-height: 1.3;
    margin-bottom: 20px;
    font-size: 18px;
}
.box-icons .inner .btn {
    font-size: 1.4rem;
    line-height: 1.143em; font-weight: 700;
    color: #3E5AFB;
    background: transparent;
    text-transform: uppercase; letter-spacing: 1px;
    padding: 1.2rem 2.5rem;
    border: 2px solid #3E5AFB; border-radius: 100px;
    align-self: flex-start;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.box-icons .inner .btn:hover { background: #3E5AFB; color: #fff; }

/* section - blue box*/
.box-blue {
    background: #000000; color: #fff;
    text-align: center;
    padding: 70px 0; margin-bottom: 0;
}
@media only screen and (max-width: 991px){
    .box-blue { padding: 30px 0;}
}
.box-blue h2 { color: #fff;}
.box-blue .btn {
    background: transparent;
    border-color: #fff; color: #fff;
}
.box-blue .btn:hover {
    background: #fff;
    border-color: #fff; color: #3E5AFB;
}

/* section - box-slider*/
.box-slider {
    text-align: center;
    background: url(../images/01.jpg) no-repeat; color: #fff; background-size: cover;
    min-height: 600px;
    display: flex;
    flex-direction: column; justify-content: center;
    position: relative;
}
.box-slider:before{
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.8);
    content: '';
}
.box-slider h2 { color: #fff; z-index: 1;}
.box-slider p { z-index: 1}
.box-slider .inner { width: 50%; margin: 0 auto}
.box-slider .inner img { border-radius: 200px; margin-bottom: 20px}
@media only screen and (max-width: 991px){
    .box-slider h2,
    .box-slider p { margin: 10px 20px}
    .box-slider .inner {
        width: 80%;
    }
    .box-slider{ padding: 30px 0;}
}

/* carousel*/
.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
}
.carousel-control-next i,
.carousel-control-prev i {
    border-radius: 200px;
    background: #3E5AFB;
    height: 50px; width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel-control-next:hover,
.carousel-control-prev:hover { opacity: 0.5; }

/* section - main-banner*/
.main-banner {
    background: url(../images/ujk-pan11.jpg) no-repeat; 
  /*  background: url(../images/proj.jpg) no-repeat;  */
	color: #fff; background-size: cover;
 /*   min-height: 400px; */
    min-height: 270px;
    margin-bottom: 0;
    display: flex; flex-direction: column;
    justify-content: center; text-align: center;
    position: relative;
}
.main-banner h2 {
    color: #fff; 
	/* font-size: 72px; */
}
@media only screen and (max-width: 991px){
    .main-banner h2 {
        /* font-size: 52px; */
    }
    .main-banner { min-height: 400px}
}
.main-banner:before{
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.3);
    content: '';
}
.main-banner .container { z-index: 1}

/* gallery */
.box-gallery {
    background: #F6F6F6;
    padding: 50px 0; margin-bottom: 0;
}
.box-gallery h2 { font-weight: 700}
.gallery-box-item {
    position: relative;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    margin-bottom: 20px;
}
.gallery-box-item:before{
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    opacity: 0;
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.5);
    content: '+';
    display: flex; justify-content: center; text-align: center;
    color: #fff; font-size: 30px; align-items: center; font-weight: 900;
    border-radius: 10px;
}
.gallery-box-item:hover:before {
    opacity: 1;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}
.gallery-box-item img { border-radius: 10px}

.datawpisu {
font-size: 12px;
color: #3333c4;

}

.modal-content {
    border: 0;
    border-radius: 10px;
}
.modal-header {
    border: 0;
    padding: 0;
}
.modal-body {
    padding: 0;
    position: relative;
}
.modal-body .close {
    position: absolute; top: 10px; right: 10px;
    background: #3E5AFB;
    font-size: 30px;
    width: 40px; height: 40px;
    border-radius: 100px;
    color: #fff;
}
.modal-body img { border-radius: 10px;}

/* header */
header { padding: 20px 0;}
header span,
header p {
    margin: 0;
    font-size: 1.4rem; line-height: 1.429em;
    color: #999596;
}
header p a { margin-top: 5px;}
header a {
    margin: 0;
    font-size: 1.4rem; line-height: 1.429em;
    color: #333;
    font-weight: 700;
    display: block;
}
header h2 {
    color: #000;
    font-weight: 700; font-size: 21px;
}
@media only screen and (max-width: 991px){
    header h2 { margin-right: 40px;}
}
header h2 p { font-weight: 400}
header .inner {
    /* display: flex;
    flex-direction: row; */
    align-items: center;
    height: 100%;
}
header .col-md-5 .inner { border: 0; padding: 0}
header i {
    font-size: 30px;
    margin-right: 10px;
    color: #ddd;
    display: flex!important;
    align-items: center;
}
header .logo i { font-size: 60px; color: #3e5afb;}

.godlo {margin-right: 20px;}

header ul {
    list-style: none;
    display: inline-flex;
    margin: 0; padding: 0;
    float: right;
}
header ul li {
    display: flex;
    flex-direction: row;
    height: 100%;
    border-right: 1px solid #E9E9E9;
    margin-right: 30px; padding-right: 30px;
}
header ul li:last-child {
    padding: 0; margin: 0;
    border-right: 0;
    text-align: right;
}
header .btn { padding: 10px 20px;}
@media only screen and (max-width: 991px){
    header ul { display: none}
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
            max-width: 1170px;
    }

@media (min-width: 1200px){
    .container-without {
        max-width: 2170px;
           }

}

/* section - box-numers */
.box-numbers {
    text-align: center;
    background: url(../images/12.jpg) no-repeat; color: #fff; background-size: cover;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
@media only screen and (max-width: 991px){
    .box-numbers { padding-top: 20px;}
    .box-numbers .col-12 { margin-bottom: 20px; }
}
.box-numbers:before {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,.6);
    content: '';
}
.box-numbers .text {
    border: 0;
    background: #fff; color: #000; font-weight: 600;
    text-align: center; padding: 20px;
    display: flex;
    flex-direction: column; justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 5px; font-size: 15px;
}
.box-numbers .number {
    font-size: 72px; color: #3e5afb;
}

/* box-sidebar*/
.box-sidebar {
    border: 1px solid #F1F1F1; border-radius: 10px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    padding: 20px; margin-bottom: 30px;
    color: #121212;
}

/* box-sidebar hp*/
.box-sidebar-hp {
    padding: 0; margin-bottom: 0;
}
/* post */
.post {
    padding: 30px;
    border-bottom: 1px solid #F1F1F1;
}
.post:hover {
    background: #F6F6F6;
}
.post:hover .header-post a { color: #ba0527;}
.header-post {
    font-size: 21px; font-weight: 700;
    color: #121212;
}
.header-post a { color: #121212}
.post-info {
    color: #999596;
    font-size: 16px;
}
.post-info  span { padding-right: 20px}

.big-post {
    position: relative;
}
.post-on {
    position: absolute; left: 60px; top: 60px;
    width: 85%; padding: 40px;
    background: rgba(0,0,0,.8);
}
@media only screen and (max-width: 991px){
    .post-on {
        position: unset; width: 100%;
    }
    .big-post img {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
}
.post-on .header-post a,
.post-on p { color: #fff;}
.post-on .post-info { margin-bottom: 20px; display: block}
.post-all-btn {
    text-align: right;
    margin-top: 10px;
	margin-bottom: 20px;
}

/* section - serach-box */
.search-box {
    background: #ba0527; color: #fff;
    display: flex;
    padding: 5% 0; margin-bottom: 0;
    font-weight: 500;
}
.search-box form {
    display: flex;
    width: 60%; margin: 0 auto;
}
@media only screen and (max-width: 991px){
    .search-box form {
        width: 100%;
    }
}
.search-box form input[type=text] {
    width: 100%;
    background: transparent; padding:  10px;
    border: 2px solid rgba(255,255,255,.2)
}
@media only screen and (max-width: 991px){
    .search-box form input[type=text] {
        width: 60%;
    }
}
.search-box .btn {
    background: #000;  border-color: #000;
    margin-left: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

/*footer- acticites */
.footer-activities h3 a {
    color: #999596!important;
    font-size: 16px; font-weight: 600;
}
.footer-activities h3 a:hover {
    color: #fff!important;
}
.footer-activities .post-info{
    color: #999596;
    font-size: 14px;
    display: block; margin-bottom: 10px;
}
.footer-activities .row { margin-bottom: 20px}

/*section - box-txt */
.box-txt .container {
    width: 60%;
    text-align: center;
}
.box-txt h2 span {
    display: block;
    font-size: 23px;
}
@media only screen and (max-width: 991px){
    .box-txt .container {
        width: 100%;
    }
}
.box-gallery-in { margin-bottom: 40px; }

/*search - dropdown in menu */
.dropdown-search .dropdown-menu { padding: 10px;}
.dropdown-search form {
    display: flex;
}
.dropdown-search form input { height: 20px; border: 0}
.dropdown-search form i{
    font-size: 16px;
    margin-left: 20px;
}
.dropdown-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
}
.dropdown-search ::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}
.dropdown-search :-ms-input-placeholder { /* IE 10+ */
    color: #000;
}
.dropdown-search :-moz-placeholder { /* Firefox 18- */
    color: #000;
}
.navbar-nav { width: 100%}
.navbar-nav .dropdown-search { margin-left: auto!important;}
.navbar-nav .dropdown-search a {
    margin: 0;
}
.navbar-nav .dropdown-search .dropdown-toggle::after { display: none}

@media (min-width: 991px) and (max-width: 1199px) {
    .main-menu a { margin-right: 20px}
}
@media only screen and (max-width: 991px) {
    .dropdown-search form input {
        height: 35px;
        border-radius: 10px;
        width: 100%; padding: 10px;
        font-size: 14px;
    }
    .dropdown-search form i {
        padding-top: 10px;
        padding-right: 10px;
    }
    .navbar-collapse {
        background: #fff;
        position: fixed; left: -300px; top: 0; bottom: 0;
        width: 300px; padding: 20px 0;
        transition: height 0s ease;
        z-index: 2000;
    }
    .main-menu { border-bottom: 0}
    .main-menu a {
        font-size: 15px;
        margin: 0; padding: 20px!important;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .navbar-nav .dropdown-search { margin: 10px 15px!important;}
    .navbar-nav .dropdown-search a { display: none}
    .navbar-nav .dropdown-search form { border: 1px solid #aaa; border-radius: 10px;}
    .dropdown-search .dropdown-menu { display: block; padding: 0}
    .navbar-collapse.collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
        overflow: scroll;
    }
    .main-menu { position: absolute; top: -10px; right: 10px; }
    .navbar-toggler { font-size: 25px;}
}
.dropdown-item.active, .dropdown-item:active {
    color: #3e5afb;
    background-color: #fff;
}
/* section - box-breadcrumb*/
.box-breadcrumb {
    margin: 0; padding: 30px 0;
    overflow: hidden;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: ">"; 
    
}
.breadcrumb {
    background: #fff; padding: 0;
    font-size: 14px; font-weight: normal;
    color: #000;
}
.breadcrumb a:hover { color: #000;}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 5px;
}
.breadcrumb-item.active {
    color: #000;
}
.box-breadcrumb.box-breadcrumb-title { padding: 30px 0 60px 0;}
.box-breadcrumb.box-breadcrumb-title h1 {
    float: left;
    font-size: 40px;
    color: #000; font-weight: bold;
}
.box-breadcrumb.box-breadcrumb-title  .breadcrumb {
    float: right;
    margin: 10px 0;
    line-height: 40px;
}
@media only screen and (max-width: 991px) {
    .box-breadcrumb { padding: 10px 0; }
    .box-breadcrumb.box-breadcrumb-title { padding: 10px 0; }
    .box-breadcrumb.box-breadcrumb-title h1,
    .box-breadcrumb.box-breadcrumb-title  .breadcrumb {
        float: inherit;
    }
}

/* box post */

.post-image-thumbnail { 
	width:100%;
}

#post-image-thumbnail img { 
	width:100%; 
}

.box-post {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 50px;
}

.box-post-without {
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 50px;
    padding-left: 20%;
    width: 140%;
}

.box-post-body {
    padding: 30px;
}
.box-post-body .post-info {
    margin: 20px 0 30px 0;
    display: block;
}
.box-post-body .header-post { font-size: 30px}
.box-post-body .header-post a:hover {
    color: #3e5afb;
}
/* box-full-width */
.box-full-width h1 {
    font-size: 40px;
    line-height: 60px;
    color: #000;
    margin-bottom: 30px;
}
.box-full-width p {
    text-align: justify;
}

/*sidebar- acticites */
.sidebar-activities h3 a {
    color: #121212!important;
    font-size: 16px; font-weight: 600;
}
.sidebar-activities h3 a:hover {
    color: #3e5afb!important;
}
.sidebar-activities .post-info{
    color: #121212;
    font-size: 14px;
    display: block;
}
.sidebar-activities .row {margin-bottom: 20px;}
/*sidebar-  header-sidebar*/
.header-sidebar{
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 20px;
    text-align: center;
}

/*category sidebar*/
.sidebar-category-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-category-menu a {
    font-size: 15px;
    line-height: 19px;
    color: #000;
    margin: 5px 5px 10px 0;
    display: inline-block;
}
.sidebar-category-menu a:hover {
    color: #3e5afb!important;
}

/*sidebar - search */
.sidebar-search-form {
    width: 100%;
    background: #ededed;
    height: 50px;
    position: relative;
}
.sidebar-search-form input {
    background: transparent;
    border: 0;
    width: 100%; height: 100%;
    padding: 0 15px;
}
.sidebar-search-form i {
    position: absolute; right: 15px; top: 12px;
    font-size: 25px;
    color: #6f6f6f;
}
.sidebar-search-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #6f6f6f; font-weight: 300;
}
.sidebar-search-form ::-moz-placeholder { /* Firefox 19+ */
    color: #6f6f6f; font-weight: 300;
}
.sidebar-search-form :-ms-input-placeholder { /* IE 10+ */
    color: #6f6f6f; font-weight: 300;
}
.sidebar-search-form :-moz-placeholder { /* Firefox 18- */
    color: #6f6f6f; font-weight: 300;
}

/*sidebar- table-calendar */
.table-calendar {
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.table-calendar thead  {
    background: #3e5afb!important; color: #fff;
}
.table-calendar thead a {
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.2px;
    margin: 0 10px;
}
.table-calendar thead a:hover {
    color: #333;
}
.table-calendar td.muted {
    opacity: 0.4;
}
.table-calendar th { font-weight: 400; padding: 5px 0;}
.table-calendar tbody {
    background: #fcfcfc;
    font-size: 13px;
}
.table-calendar strong {
    font-weight: 900;
}

/* wordpress style */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 1.4rem;
line-height: 1.55em;
padding: 0 4px 5px;
margin: 0;
}


/**********************************/
/********** Top News CSS **********/
/**********************************/
.top-news {
    position: relative;
    width: 100%;
   /* padding: 30px 0 0 0; */
}

.top-news .tn-img {
    position: relative;
    overflow: hidden;
}

.top-news .tn-img img {
    width: 100%;
}

.top-news .tn-img:hover img {
    filter:brightness(0.8) saturate(100%);
    -webkit-filter: brightness(0.8) saturate(100%);
}

.top-news .tn-title {
    position: absolute;
    top: 0; 
    right: 0;
    bottom: 0; 
    left: 0;
    padding: 15px 10px 15px 20px;
    background-image: linear-gradient(rgba(0, 0, 0, .0), rgba(0, 0, 0, .3), rgba(0, 0, 0, .9));
    display: flex;
    align-items: flex-end;
}

.top-news .tn-title a {
    display: block;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    transition: .3s;
}

.top-news .tn-left .tn-title a {
    font-size: 20px;
    font-weight: 600;
	line-height: 1.2em;

}

.top-news .tn-title a:hover {
   color: #ba0527;

}

.top-news .tn-left {
    margin-bottom: 30px;
}

.top-news .tn-right {
    margin-bottom: 5px;
    padding: 0 30px;
}

.top-news .tn-right .col-md-6 {
    padding: 0;
}

.top-news .slick-prev,
.top-news .slick-next {
    width: 28px;
    height: 28px;
    z-index: 1;
    transition: .5s;
    color: #ffffff;
    background: #000000;
    border-radius: 4px;
}

.top-news .slick-prev {
    left: 30px;
}

.top-news .slick-next {
    right: 30px;
}

.top-news .slick-prev:hover,
.top-news .slick-prev:focus,
.top-news .slick-next:hover,
.top-news .slick-next:focus {
    color: #ffffff;
    background: #FF6F61;
}

.top-news .slick-prev::before,
.top-news .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    color: #ffffff;
}

.top-news .slick-prev::before {
    content: "\f104";
}

.top-news .slick-next::before {
    content: "\f105";
}

/**********************************/
/********** Tab News CSS **********/
/**********************************/
.tab-news {
    position: relative;
	width: 100%;
}

.tab-news .col-md-6 {
    margin-bottom: 60px;
}

.tab-news .nav.nav-pills .nav-link {
    color: #ffffff;
    background: #000000;
    border-radius: 0;
    display: block;
    padding: .5rem 1rem;
}

.nav-links {
    color: #ffffff;
    background: #000000;
    border-radius: 0;
    display: block;
    padding: .5rem 1rem;
}

.nav-links:hover {
    color: #ffffff;
    background: #ba0527;
  }

.tab-news .nav.nav-pills .nav-link:hover,
.tab-news .nav.nav-pills .nav-link.active {
    color: #ffffff;
    background: #ba0527;
    border-color: red;
}

.tab-news .tab-content {
    padding: 30px 15px 15px 15px;
    background: rgba(0, 0, 0, .05);
}

.tab-news .tn-news {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    background: #ffffff;
}

.tab-news .tn-img {
    min-width: 100px;
	max-width: 100px;
	margin: 8px 8px 0px 5px;
}

.tab-news .tn-img img {
    width: 150px;
}

.tab-news .tn-title {
    padding: 10px 15px;
}

.tab-news .tn-title a {
    color: #000000;
    /* font-size: 18px;
    font-weight: 400; */
    transition: all .3s;
}

.tab-news .tn-title a:hover {
    color: #ba0527;
}