/*VARIABLES*/
:root {

   /*main*/
    --body-background: #fff;
    --color1: #cf2d2e;
    --color1-text-soft: #ccc;
    --color1-text: #fff;

    /*colors*/
    --white: #fff;
    --lightgray: #ddd;
    --gray: #aaa;
    --color3: #888;

    /*content*/
    --font-color: #333;
    --font-size: 14px;
    --font-family: 'Open Sans', sans-serif; 

    /*sidebar*/
    --sidebar-background: #fff;
    --sidebar-width: 265px;
    --sidebar-width-lg: 365px;
    --tile-background: #f8f8f8;
    --tile-hx-font-color: #5d5d5d;

    /*footer*/
    --footer-background: #f3f3f3;
    --footer-hx-color: #000;

    /*headers*/
    --hx-font-family: 'Josefin Sans', sans-serif;
    --hx-font-color: #5d5d5d;

    /*animations and shadows*/
    --shadow: 3px 3px 5px #A0A0A0; 
    --a-transition:all .3s;
    --slider-overlay: 0.0;
    --slider-height: 500px;


}

/*---------------------------------------------------------------*/

/*PSI*/
.showmobile,.onlymobile {display:none}
.hidemobile {display:inline-block}
strong { font-weight: bold; }
img { max-width: 100%; }
figure {margin-bottom:0px}
.btn {font-size: 12px; font-weight: normal; font-family: var(--font-family); border-radius: 3px; border: 1px solid  var(--lightgray)}
.btn:hover {background: #eee}
h1,h2,h3,h4,h5,h6 {text-align:left;font-weight:300; display:block }
.content {text-align: justify; line-height: 1.5em; font-size: 14px; padding: 0 10px}
.content .list2 h3 {margin-top: 0px; color: var(--color1); margin-bottom:0px; font-size: 18px}
.content p {margin-bottom: 10px}
.content ul li {margin-bottom: 10px}
.content h2.home {margin-top:20px; font-size:26px; line-height: 1em}
.content h2.home a {color: var(--footer-hx-color)}
.content div.list {border-bottom: 1px #ccc dotted; margin: 0 5px;}
.content .list p{margin: 0; line-height: 1.5em; padding: 5px 0; font-weight:400; font-size:14px}
.content .list p.date{color:#999; text-align: left !important}
.content .list2 {border-bottom: 1px #ccc dotted; clear: both; padding: 15px 0}
.content .list2 > div:first-of-type {padding-right:20px}
.content .list2 img {padding: 0; margin: 0}
.content .list2 p {margin: 0}
.content .list2 p.date {color: var(--gray); font-size: 14px; padding-top:3px}
.content .list2 h3 {text-transform: uppercase; line-height: 1em}
.content .list2 a p  {color:var(--footer-hx-color);}
.content table td {padding: 5px;border: 1px solid #999; }
.content table {width:100%; border: 1px solid #999; border-collapse: collapse;}
.content img {padding:5px;}
.content .imagebar img {padding:0px;}
.content table{border: 0px !important}
.content table p {margin: 0px; padding:0px}
.content table>tbody>tr>td{border:0px!important}
.content table>tbody>tr>td {border-top: 1px solid #ccc!important;border-bottom: 1px solid #ccc!important; padding:5px 10px}
.content table>tbody>tr:nth-child(odd){background: #f9f9f9}
.fleft {float: left}
.fright {float: right}
.mapsquare {height: 450px}
.map { margin: 20px 0 0 0;  height: 300px; border-top: 5px solid #f8f8f8;}
.transmission a {width:100%; display:block}
.logotypes-bg {padding: 20px 0; background: #f9f9f9; margin-top:30px}
.logotypes { overflow:hidden}
.logotypes div {display: inline-block;}
.logotypes .owl-nav, .logotypes .owl-dots {display: none;}
.content .nav-pills li{display: inline-block; margin: 2px; margin-bottom:0;width:210px; }
.content .nav-pills li a {line-height: 1.5em; width:100%; text-align:center; background: var(--tile-background); display: inline-block; padding: 7px; margin: 0px; border-radius: 5px}
.content .nav-pills li a:hover, .content .nav-pills>li>a.active, .content .nav-pills>li>a.active:hover, .content .nav-pills>li>a.active:focus {background: var(--color1); color: #fff}
.content .btn-group {margin-top:20px}
.content .btn-group a{padding:3px 5px}
.pagination { margin: 0 auto}
div.pagination {margin-top: 20px}
.pagination .page-link{color:  var(--color1)}
.pagination .page-link:active span, .pagination .page-item.active .page-link {background: var(--color1); border-color: var(--color1)}

.media-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.media-container iframe,.media-container object,.media-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%; border:0}
#menu_top {justify-content: flex-end}
@media (max-width: 980px) {
.image-container { max-width:100%; display: inline-block; margin:0 auto; text-align:center}
.image-container img {padding: 5px; max-width:100%;}
}

body.no-wow .wow{
    animation-name: none !important;
    visibility: visible !important;
}
@media (max-width: 980px) {
    .content .nav-pills li{width:150px; font-size: 14px}
    .navbar-toggler {padding-right: 18px}
}
@media (max-width: 980px) {
    body > .container {padding: 0}
    .showmobile, .onlymobile {display:inline-block}
    .hidemobile {display:none}
    .mobilecenter {text-align:center}
    .content h3 {font-size: 20px}
    .content .list2 {border-bottom: 1px #999 dotted; margin: 0 5px; clear: both}
    .content .list2 h3 {text-align:center; line-height:1.5em; margin-top: 5px; color: var(--color1); margin-bottom:0px; font-size: 14px}
    .content .list2 p {line-height: 22px; text-align:justify}
    .content .list2 a p {font-size: 12px; color:var(--footer-hx-color);}
    .content .list2 img {width:100%}
    .content .list2 p.date, .content .list p.date {text-align:center; font-size: 10px; line-height:12px ;padding-bottom: 5px}    
    .content .btn-group-xs {display:none}
    .list h5, .list p {margin: 0px; font-size: 12px; text-align:center; clear: both}
    .list p.date {display:none}
    .gallery a {width: 100px; height: 80px}    
    .logos {display: none}
    span.address {display:none} 
    .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
    .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .content .nav-pills li a {padding: 7px 4px; margin-left:20px}
}


/*---------------------------------------------------------------*/

/* PRELOADER*/
.no-js #loader { display: block;  }
.js #loader { display: block; position: absolute; left: 0; top: 0; }
.se-pre-con { display: flex;  justify-content: center;  align-items: center;background:  var(--body-background);   position: fixed;    left: 0px;  top:0px; width: 100%;    height: 100%;    z-index: 9999;}
.se-pre-con p {color: var(--body-background); font-size: 12px; text-align:center;margin: 0 auto;position:absolute;display:block; z-index: 10000}
.thecube {background:#f5f5f5}
.thecube {width: 75px;height: 75px;margin: 0 auto;vertical-align:middle; position: relative; -webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}.thecube .cube {position: relative;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}.thecube .cube {float: left;width: 50%;height: 50%;position: relative;-webkit-transform: scale(1.1);transform: scale(1.1);}.thecube .cube:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--color1);-webkit-animation: foldthecube 2.4s infinite linear both;animation: foldthecube 2.4s infinite linear both;-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;}.thecube .c2 {-webkit-transform: scale(1.1) rotateZ(90deg);transform: scale(1.1) rotateZ(90deg);}.thecube .c3 {-webkit-transform: scale(1.1) rotateZ(180deg);transform: scale(1.1) rotateZ(180deg);}.thecube .c4 {-webkit-transform: scale(1.1) rotateZ(270deg);transform: scale(1.1) rotateZ(270deg);}.thecube .c2:before {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}.thecube .c3:before {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}.thecube .c4:before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}@-webkit-keyframes foldthecube {0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg);transform: perspective(140px) rotateX(-180deg);opacity: 0;}25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg);transform: perspective(140px) rotateX(0deg);opacity: 1;}90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg);transform: perspective(140px) rotateY(180deg);opacity: 0;}}@keyframes foldthecube {0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg);transform: perspective(140px) rotateX(-180deg);opacity: 0;}25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg);transform: perspective(140px) rotateX(0deg);opacity: 1;}90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg);transform: perspective(140px) rotateY(180deg);opacity: 0;}}
.se-pre-con i {font-size: 30px;}

/*CONTENT*/
body { -webkit-font-smoothing: subpixel-antialiased; backface-visibility: hidden; background: var(--body-background);text-align: center; font-family: var(--font-family); color: var(--font-color); font-size: var(--font-size); font-weight: 300}
a {  color: var(--color1); text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
a:hover, a:focus { color: var(--color3); text-decoration: none; }
::-moz-selection { background: var(--color1); color: var(--white); text-shadow: none; }
::selection { background: var(--color1); color: var(--white); text-shadow: none; }
h1 {font-size: 30px; line-height: 40px; font-family: var(--hx-font-family); color: var(--color1); }
h2 {font-size: 30px; line-height: 40px; font-family: var(--hx-font-family); color: #000;}
h3 {margin-top: 20px; color: var(--color1); margin-bottom:10px; line-height: 26px; font-size: 20px}
h4 {margin-top: 20px; color: #000; margin-bottom:10px; line-height: 26px; font-size: 20px}
h5 {margin-top: 20px; font-weight: bold; color: var(--color1); padding-bottom: 5px; margin-bottom:10px; line-height: 20px; font-size: 14px; border-bottom: 1px solid var(--color1)}
h6 {margin-top: 20px; font-weight: bold; color: #000; line-height: 20px; font-size: 14px;}
hr {width:100%; margin: 20px 0} 
.content ul, .content  ol {line-height: 1.5em; padding-left:40px; font-size: 14px; margin-bottom:10px}
.content ul li, .content  ol li {line-height:22px; margin: 12px 0}
.content ol li ul li , .content  ul li ol li {margin:  0}
.content ul.nav-pills, .content .list-unstyled {padding-left: 0px}
a.button, .button {border-radius: 3px; display: inline-block;  padding: 5px 22px;  background: var(--color1);  color: var(--white);  font-style: italic;  text-decoration: none;    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;}
a.button:hover, button:hover {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.logos a {margin: 10px; border: 1px solid #ccc; display:inline-block} 
input[type="text"], textarea,textarea.form-control, select, select.form-control { margin: 0;    padding: 0 6px;    vertical-align: middle;    border: 1px solid #ddd;    border-radius: 5px;  font-family: 'Open Sans', sans-serif;    font-size: 14px;    font-weight: 400;    color: #888;    font-style: italic;    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
textarea.form-control {height: 150px; padding: 6px}
select.form-control {padding: 6px}
input[type="submit"],button[type="submit"] {border:0px; border-radius: 5px; margin-top:20px}
input[type="text"]:focus,textarea.form-control:focus, textarea:focus {    outline: 0;    border: 1px solid #bbb;    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="text"]:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; }
input[type="text"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc;  }
input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
button.btn {  margin: 0;    padding: 0 20px;    vertical-align: middle; border: 0;    font-family: 'Open Sans', sans-serif;    font-size: 14px;    font-weight: 400;  color: #fff;    text-shadow: none;    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;    -moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    -webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
button.btn-white{background: #f5f5f5; color: var(--color1)}
button.btn-white:hover{background: #fff;}
.badge {background: var(--color1); color:#fff; padding: 5px}
.search_result form button[type="submit"] {margin-top:0; padding: 4px 20px}
.topbar .topaddress .langs span {padding:0}
.topbar .topaddress .langs .dropdown-menu { width: 100px !important; min-width:100px !important}
.topbar .topaddress .langs button {margin: 0; padding: 0px; padding-right: 20px; background: none; box-shadow: none; color:#ccc; font-size:12px; line-height:26px; height:26px; padding-left: 3px; }
.topbar .topaddress .langs button:hover {background: #841b49; }
.topbar .topaddress .langs a {padding-left: 5px; font-size: 12px; color: var(--color1)}
.topbar .topaddress .langs a:hover {color: #fff; background: var(--color1)}

.page-title {    margin: 0 auto; margin-bottom: 10px;   padding: 30px 0 35px 0;    background: #f8f8f8;    text-align: left;    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;}
.page-title h2 {    display: inline;    margin-left: 10px;    font-family: var(--hx-font-family), cursive;    font-size: 24px;    color: #5d5d5d;    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);    vertical-align: middle;}
.page-title h2 a{color:#fff}
.page-title h2 a:hover {color:var(--color1)}
.page-title h2.subtitle {font-size: 20px; color: #fff; display: inline; margin-left: 10px; font-family: var(--hx-font-family), cursive;}
.page-title i { font-size: 46px;  color: #ccc;    vertical-align: middle;}
@media (max-width: 990px) {
    
    .page-title {padding: 5px; margin-top: 48px; padding-left:0}
    .page-title i {font-size: 20px}
    .page-title h2 {font-size: 20px}
    .page-title h2.subtitle {display:none}
}

/*HEADER*/
/*header {background: var(--body-background)}*/
header nav.navbar {padding: 0}
header .topbar {background: var(--color1); width: 100%; color: var(--white); padding: 5px 0}
header .topbar .topaddress {padding: 0; line-height:26px; font-size: 12px; color: #fff; text-align:left}
header .topbar .topaddress span {padding-right: 20px}
header .topbar .topaddress a {color: #fff}
header .topbar .topaddress a:hover {color: var(--color1-text)}
header .navbar-brand {font-size: 20px; line-height: 20px; padding-top:10px; font-family: var(--hx-font-family); display: inline-block; color: var(--color1); }
header .navbar-brand span {color: var(--hx-font-color);}
header .navbar-brand img {float:left; margin-top:-30px; padding-right:20px}
header .navbar-brand small {font-size: 14px; color: #5d5d5d; text-transform: uppercase; font-family: var(--font-family); }
header ul.navbar-nav li a {display:block; line-height:20px; text-transform: uppercase; font-size: 14px; padding: 15px; background: var(--body-background); color:  var(--hx-font-color); }
header ul.navbar-nav li a i {font-size: 14px; line-height: 35px; color: #aaa; }
header ul.navbar-nav li a:hover, ul.navbar-nav li.show > a, ul.navbar-nav li.active a {background: var(--color1); color:  var(--color1-text); }
header ul.navbar-nav li a:hover i, ul.navbar-nav li.show > a i, ul.navbar-nav li.active a i {color:  var(--color1-text); }
header .dropdown-menu {width: 220px !important;    border: 0;    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
header ul.navbar-nav li .dropdown-menu a { padding: 10px 15px; }
header .search form {float:right}
header .search input { height: 26px; margin: 0; border-radius: 5px; background: transparent; color:#fff}
header .search input:focus,header .search input:active {background: tranparent; border: 1px solid #fff}
header .search button {height: 26px; margin: 0; margin-left: 5px; border-radius: 5px}
@media (min-width: 980px) {
    header.fixed-top {position: static;}
}
@media (max-width: 1150px) {
header .navbar-brand {font-size: 18px}
}
@media (max-width: 980px) {
    header .topbar .topaddress {text-align:center}
    header .topbar .topaddress span {font-size: 10px; padding: 0 5px}
    .search {display:none}
}
@media (max-width: 980px) {
     button.navbar-toggler {color:#fff}
    span.my-i {width: 25px; display:inline-block; text-align: center}

    header .topbar .topaddress span {font-size: 8px; padding: 0 5px}
    header a.navbar-brand {font-size: 14px; padding-left: 10px}
    header a.navbar-brand {font-size: 12px; padding-left: 10px; padding-bottom:10px}
    header a.navbar-brand small {font-size: 12px;}
    header button i {font-size: 25px;}
    header {-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}

    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {max-width: 100%; margin-left: 0px; margin-right:0px}
    .nav>li {float:left; display:block; width:100%}
    header ul.navbar-nav {float: right; width:100%}    
    header ul.navbar-nav li a br {display:none}
    header ul.navbar-nav li a{padding: 5px 20px; border-top: 1px solid #eee; padding: 0 40px; text-align:left}
    header ul.navbar-nav li ul {padding:0}
    header .dropdown-menu {width:100% !important}
    header ul.navbar-nav li ul li a {padding: 5px 0px 5px 80px !important}
    #menu_top {height: 400px;max-height: 400px; width: 100%;overflow-y: scroll; -webkit-overflow-scrolling:touch;}


}

/*FOOTER*/
footer { margin: 0 auto; background: var(--footer-background);}
footer .footer-box {  margin-top: 20px;  text-align: left;}
footer .footer-box h4 {font-weight: bold; font-size: 16px; margin-top: 7px;  color: var(--tile-hx-font-color); text-transform: uppercase;text-shadow: 0 1px 0 rgba(255,255,255,.7);}
footer .footer-box ul {list-style: none;padding: 0px; margin: 0px}
footer .footer-box li {padding: 5px 0px; margin: 0px; font-size: 12px;border-bottom: 1px dotted #ccc; }
footer .footer-box-text-contact i { padding-right: 7px;}
footer .copyright {margin-top: 30px ; background: var(--color1); color:#fff;   padding-bottom:70px; padding-top: 15px; line-height: 24px;  text-align: left;}
footer .copyright a {color: var(--white); }
footer .copyright i {font-size: 16px}
footer .copyright p {margin-bottom: 0}
footer .copyright a:hover, footer .copyright a:focus { color: #ddd; }
@media (max-width: 980px) {
    footer h4, footer li, footer .footer-box-text-contact {text-align:center}
    footer .copyright p {text-align:center !important; font-size: 10px}
}

/*SLIDER OWL CAROUSEL*/
.slider {height:var(--slider-height); background:#eee;width:100%; overflow:hidden; position:relative}
.slider .owl-carousel {width:100%; height: var(--slider-height); position: relative;}
.slider .owl-carousel .item {	 width:100%; height:var(--slider-height); float:left; overflow:hidden; position:relative;}
.slider .bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size: cover;background-attachment: scroll;background-position: center;background-repeat:repeat; background-color:#000}
.slider .owl-carousel .item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:#292929;opacity:var(--slider-overlay);}
.slider .carousel-one {width:700px; background: rgba(0,0,0,0.7); padding: 40px 0; top: 50%; transform: translateY(-50%);bottom: initial; margin: 0 auto;}
.slider .carousel-one h1 {color: #fff; text-align:center}
.slider .carousel-one h1 span {color: var(--color1)}

.slider .carousel-one p {font-size: 18px; font-style: italic; text-transform : capitalize}
.slider .customNavigation a  {width: 50px;height:50px;position:absolute;top:50%; margin-top:-25px; background: var(--color1);z-index: 15;font-size:15px;line-height:50px;color:#fff;cursor:pointer;}
.slider .customNavigation a.prev-slide {left:0;}
.slider .customNavigation a.next-slide {right:0;}
.slider .customNavigation a:hover {width:80px;background:rgba(0,0,0,0.51)}
.slider .owl-theme .owl-dots{ position: absolute; bottom:30px; left:25%; right:25%;}
.slider .owl-theme .owl-dots .owl-dot span:hover,.owl-theme .owl-dots .owl-dot.active span {background: var(--color1)}
.slider .owl-theme .owl-dots .owl-dot span {border-radius: 0px; width:30px; height:5px; background: #fff}
@media (max-width: 980px) {
   .slider .carousel-one {width: 100%; right:initial; left: initial}
    .slider {height:300px; margin-top: 50px}
    .slider .carousel-one h1 {font-size: 20px}
    .slider .carousel-one img {height:70px}
}

/*SIDEBAR*/
.page-with-sidebar {display: table;width: 100%;}
.page-with-sidebar .page-content,.page-with-sidebar .sidebar {display: table-cell;vertical-align: top;}
.page-with-sidebar {padding-top: 20px}
/*.page-with-sidebar .content {padding-right:20px}*/
.page-with-sidebar .content {padding:20px}
.sidebar {width: var(--sidebar-width-lg); background: var(--sidebar-background)}
.sidebar .tile { margin-top: 0px; padding: 15px; background: var(--tile-background);border-bottom: 2px solid var(--color1);; overflow:hidden}
.sidebar .tile .tile-icon { font-size: 50px; line-height: 50px; color: var(--tile-hx-font-color);}
.sidebar .tile h3 {font-weight: bold; text-align:center;  font-size: 16px; margin-top: 7px;  color: var(--tile-hx-font-color); text-transform: uppercase;text-shadow: 0 1px 0 rgba(255,255,255,.7);} 
.sidebar .tile p {line-height: 20px;}
.sidebar .tile .tile-icon i { vertical-align: middle; }
.sidebar .banners a {margin: 10px 0; width:100%; display:block}
.sidebar .banners a img {width:100%}
@media (max-width: 1400px) {
    .sidebar {width: var(--sidebar-width); }
}
@media (max-width: 980px) {
    .page-with-sidebar {display:block}
    .page-with-sidebar .page-content,.page-with-sidebar .sidebar {display: block;}
    .sidebar {width:100%;}
    .page-with-sidebar .content {padding-right:10px}
}

/*MODULES*/
.rss_columns {clear:both; margin-top:20px;} 
.rss_columns h3 {text-align: center}
.rss_columns .rss {margin: 0; padding:5px;}
.rss_columns .row {margin: 0; }
.rss {border: 1px solid #eee; padding: 5px; margin: 10px 0}
.rss h3 {text-align:center; border-bottom: 2px solid var(--color1); padding-bottom: 10px}
.rss li {text-align:left; line-height: 20px; border-bottom: 1px dotted #aaa; font-size: 14px; padding: 5px}
.rss li a { color: #555}

.content .parishgroups a {margin:5px; display:inline-block; height: 200px; width: 145px; border-radius: 5px; border: 1px solid #eee; overflow:hidden; text-align:center}
.content .parishgroups a img {max-width:100%}
.content .parishgroups h3 { text-align:center; margin:0; padding:0; font-size: 14px; line-height:1.5em;}
.content .parishgroups a:hover { transform: scale(1.05);border:1px solid var(--color1); } 

.content .gallery {margin-top:20px}
.content .gallery .thumbnail {margin:5px; position:relative; display:inline-block;height: 120px; width: 120px; background-size: cover; background-position: center;}
.content .gallery .thumbnail:hover {opacity:0.6;  transition: opacity .2s ease-out;  -moz-transition: opacity .2s ease-out;  -webkit-transition: opacity .2s ease-out;  -o-transition: opacity .2s ease-out;} 
.content .gallery a.movies:after {background: rgba(0,0,0,0.5); position: absolute;line-height:120px;text-align:center; width:100%;height:100%; color: rgba(255,255,255,0.7); font-size: 50px; font-family: "Font Awesome 5 Brands"; font-weight: 900; content: "\f167";} 

.content .gallery .thumbnails-withlabels {margin:5px; position:relative; display:inline-block;height: 150px; width: 200px; background-size: cover; background-position: center;}
.content .gallery .thumbnails-withlabels span {display: block; position: absolute; text-align:center; bottom: 0; background: rgba(255,255,255,1); border:1px solid #eee; color: #000; padding: 5px; font-size: 13px; overflow:hidden; height: 40px; width:100%; line-height:1.2em}

.content .mod-gallery .div {padding: 0 5px}
.content .mod-gallery .thumbnail { position:relative; display:inline-block;height: 200px; width: 100%; background-size: cover; background-position: center;}
.content .mod-gallery .thumbnail:hover { transform: scale(1.05);} 
.content .mod-gallery .thumbnail p {text-transform: uppercase; background: rgba(0,0,0,0.6); display:block; width:100%; position:absolute; bottom:0; left: 0; color:#fff;  margin: 0; text-align:center; padding: 7px 5px; overflow:hidden; height:50px; line-height: 1.5em}
.content .mod-gallery .thumbnail em {color:#fff;  line-height: 1em; padding: 10px 5px; text-transform: uppercase; display: block; position: absolute; top:0; right: 0; background: var(--color1)} 
.content .filtr-item { width: 50%;}
.content .simplefilter,.sortandshuffle,.search-row {  padding-left: 0;}
.content .sortandshuffle {display:inline; margin:0}
.content .simplefilter li,.multifilter li,.sortandshuffle li {  margin: 0 !important; color: white;  cursor: pointer;  display: inline-block;  text-transform: uppercase;  padding: 0px 10px; }
.content .simplefilter li {  background-color: #777; line-height: 25px; font-size: 12px}
.content .simplefilter li.active {  background-color: var(--color1);}
.content .sortandshuffle .sort-btn {  background-color: #999;}
.content .sortandshuffle .sort-btn.active {  background-color: #777;}
.content .sortandshuffle select {height:27px}
.content .filtr-search {  padding: 0 5px;  text-transform: uppercase;}
.content .gallery-right {float: right}
.content .filtr-container {  display: none;  transition: height 500ms ease-out;}

.content .intentionsbox {padding: 10px 5px}
.content .intentionsbox h5 {font-weight: bold}


.priest img {margin: 0px 20px 0 0}
.priest {border-bottom: 1px solid #eee; padding: 20px 10px}
.priest h3 {margin: 0px !important}

.ekko-lightbox-nav-overlay a {opacity: 0.3}
.ekko-lightbox-nav-overlay a:first-of-type span {text-align:left; color: #fff;}
.ekko-lightbox-nav-overlay a:last-of-type span {text-align:right; color: #fff}

@media (max-width: 980px) {
    .content .gallery .thumbnail  {width: 100px;height: 100px;}
    .content .gallery a.movies:after {line-height:100px}

    .content .news p.date {text-align:center}
    .content .list2 > div:first-of-type {padding-right: 0px}
    .content .transmission {padding:0; margin: 0}

    .content .newspaper p {text-align:center}

    .content .pastoral p.date, .content .calendar_last p.date {display:none}

    .content .mod-gallery {padding-top:10px}
    .content .mod-gallery .thumbnail p {height:53px; font-size: 10px}

     .content .parishgroups-show .tc {text-align:center}
    .content .parishgroups-show .tc h3{text-align:center}

    .content .priest p {text-align:justify}
    .content .priest,.content .priest h3, .content .priest .strong {text-align:center}    
    .content .priest img {float:none; margin:0 auto;}


}


/*MOBILE MENU IN SIDEBAR*/
.sidebar .navbar-brand {display:none}
.sidebar .navbar {background: var(--tile-background); border-bottom: 5px solid var(--color1)}
.sidebar .navbar-nav {display:block; width: 100%}
.sidebar  .dropdown-toggle::after {display:none}
.sidebar  .dropdown-menu {left: 235px; top:0px; border-radius: 0; width: 250px !important}
.sidebar .navbar-nav li {border-bottom: 1px dotted #5d543d; border-top: 0px; width: 100%;}
.sidebar .navbar-nav li i {line-height:20px}
.sidebar span.my-i {width: 25px; display:inline-block; text-align: center}
.sidebar .navbar-nav li a {display:block;background: none; color: #5d543d; padding: 10px; text-align:left; border-top: 0px; font-family: 'Cinzel'; font-size: 14px}
.sidebar .navbar-nav li a:hover {background: var(--color1); color:#fff}
.sidebar .navbar-nav li a br {display:none}
@media (max-width: 990px) {
    .sidebar .navbar-brand {display: inline-block}
    #header_navbar {display:none}
    header {display:none}
    .sidebar a.navbar-brand {font-size: 18px; padding-left: 3px; font-size: 14px}
    .sidebar a.navbar-brand small {font-size: 11px;}
    .sidebar button i {font-size: 25px;}
    .sidebar {-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
    #menu_sidebar {position:fixed; top: 0px; left:0; width:100%; background: #fff; z-index:1;-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}

    /*ZMIANA KOLEJNOSCI MENU*/    
    .page-with-sidebar {display: flex;  flex-direction: column-reverse; }
    .page-with-sidebar .page-content,.page-with-sidebar .sidebar {display: block;}    

}
/*CHANGING IN THEME*/
header .search .enlarge_font a  {color:#fff}
header .search .enlarge_font a:hover  {color:#000}
footer {background: rgba(30,30,30,0.9);font-size: 14px; color: #fff; -webkit-backface-visibility: hidden;}
footer .footer-box li {font-size: 16px; text-shadow: none}
footer .footer-box h4 {text-shadow:none; color:#fff; font-weight:300;}
footer .copyright {background: #000}
.content {background: rgba(255,255,255,0.95)}
.sidebar {background: none}
header .navbar, header .topbar {background: rgba(30,30,30,0.9); color:#fff;}
header .topbar {border-bottom: 1px solid rgba(255,255,255,0.3)}
header button.btn-white {color: #333}
header .navbar-brand,header .navbar-brand span {color: #fff; font-weight:300; line-height:1.1em; text-align:left}
header .navbar-brand small {color: rgba(255,255,255,0.7); font-size:12px; line-height:7px;display:block; padding-bottom:10px; letter-spacing:2px}
header.fixed-top {position: fixed;top:0}
header ul.navbar-nav li a  {background: transparent; color:#fff;}
header .dropdown-menu {background: rgba(30,30,30,0.9); }
header ul.navbar-nav li .dropdown-menu a {font-size: 13px; font-weight: 400}
.page-with-sidebar .page-content {padding:0 20px} 
.sidebar .tile, .sidebar .rss {background: rgba(255,255,255,0.95); margin-bottom:10px}
a.text-center {width:100%}
.content .mod-gallery .thumbnail p  {font-size: 12px; font-weight: 400; height: 45px}
.no-home {padding-top:120px}
body {margin-top:122px}
body.home {margin-top:0px}
/*body.home .navbar-brand {display:none}*/
/*body.home .navbar-nav {margin: 0 auto}*/
.page-title {background: rgba(0,0,0,0.4); color:#fff; padding: 10px 0;} 
.page-title h2 {text-shadow: none; color: #fff}
.parishgroups a {background: #fff}
.parishgroups-show .tc img {border: 1px solid var(--color1); border-radius: 5px; margin-right: 10px ; padding: 0px}
.parishgroups-show .tc {padding: 0 10px}
.slider {height: 1112px; background: #000; -webkit-box-shadow: 0px 10px 29px 10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 29px 10px rgba(0,0,0,0.75);    box-shadow: 0px 10px 29px 10px rgba(0,0,0,0.75);}
.slider .bg {height: 100%; opacity: 0.7 !important;  background-position: top center; background-size: cover; }
.slider .carousel-caption {position: relative; left: inherit; right: inherit;}
.slider .carousel-one {width: 100%; background: none; top:40%}
.slider .carousel-one h1 {text-shadow: 4px 4px 10px #000; font-size: 60px; line-height:70px}
.slider .carousel-one h1 span {color: #fff; display:block}
.slider .carousel-one p {text-shadow: 2px 2px 5px #000; font-size: 30px; font-style:normal}
.page-with-sidebar .page-content {padding-right:0px}
header .search form>div {align-items: start}
header .search .enlarge_font {margin-top:0px; vertical-align: middle; display:flex}
header .search a {color: #000; display: inline-block; border: 1px solid #ddd; border-radius: 3px; line-height: 25px; width: 26px; height: 26px; vertical-align:sub }
header .search a span {vertical-align: inherit; }
header .search a.change-style-normal {line-height:23px}
header .search a:hover {background: #eee}

header ul.navbar-nav li a i {color: #fff}
header .navbar, header .topbar, footer {background: rgba(175,0,0,1)} 
header .topbar .topaddress .facebook a {color:#fff}
footer a {color:#fff}
footer {margin-top:100px}
.slider {margin-bottom:70px; margin-top:122px}
header .dropdown-menu,.page-title  {background: rgba(175,0,0,0.9)} 
.page-title {text-align:Center}
header .navbar-brand img {max-height:62px; border: 1px solid rgba(255,255,255,0.5); padding-right:0; margin-right:10px; margin-top: 0}
footer img {display: none}
footer .copyright {background: #990001}

@media (max-width: 1600px) {
.slider {height: 900px;}
}
@media (max-width: 1400px) {
    .slider {height: 800px;}
}
@media (max-width: 1300px) {
     header .navbar-brand {font-size: 18px; }
    .slider .carousel-one h1 {
    font-size: 50px;
    line-height: 60px;
    }
    .slider {height: 800px;}
}
@media (max-width: 1100px) {
      .slider .carousel-one h1 {
    font-size: 40px;
    line-height: 50px;
    }
    .slider {height: 700px;}
}
@media (max-width: 990px) {
    
.slider {margin-bottom:30px}
     .slider {height: 600px;margin-top:80px}
    header a.navbar-brand {font-size:16px}
     .slider .carousel-one h1 {
    font-size: 40px;
    line-height: 50px;
    }
    .slider .carousel-one p {font-size: 24px}
    .page-with-sidebar .page-content {padding:0; margin-bottom:10px}
header ul.navbar-nav li a br {display:none}
body {margin-top: 70px}
}
@media (max-width: 800px) {
    body {margin-top: 0px}
    footer .footer-box h4 {font-size: 9px; line-height:1em}
    footer .footer-box li {font-size: 9px}
    .footer-box-text-contact p {font-size: 9px}
    .slider .carousel-one h1 {
    font-size: 30px;
    line-height: 40px;
    }
     .slider .carousel-one p {font-size: 20px}
    body > .container , body footer > .container {margin: 0px; max-width: 100%}
    header .navbar-brand {font-size: 20px}
    header .navbar-brand span { font-size: 14px}
    /*header ul.navbar-nav li a br {display:block}*/
    header .navbar-brand {white-space: normal; line-height: 1em}
}
@media (max-width: 980px) {
    .topaddress span:nth-child(2) {display:none}
    header ul.navbar-nav li a br {display:none}
}
@media (max-width: 980px) {
      header button.navbar-toggler {top:15px; right:20px}
      header a.navbar-brand {font-size: 14px; line-height: 1.2em; padding-top: 16px; padding-left:0}
     header .navbar-brand img {max-height:50px} 
     header .navbar-brand span {display:block} 
     header .navbar-brand small {display:block; padding-bottom:6px} 
    .page-with-sidebar .page-content {padding-right:20px}
   
    button.navbar-toggler {color:#fff}
    header ul.navbar-nav li a {border-top: 0}
    body {margin-top: 0}
    .page-title {padding-left:15px}
    header a.navbar-brand small {font-size:9px}
    /*.content .nav-pills li a {margin-left: 0;}*/
    .content .nav-pills li a {
    margin-left: 0;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .content .sortandshuffle {display:block; padding-left:0}
    .page-with-sidebar .page-content {padding-right:0px; padding: 10px} 
    .sidebar .tile , .sidebar .rss, .sidebar iframe{display:none}
    .page-with-sidebar .content {padding: 10px}
    .content > .row {margin: 0;}
      .contact > .row {margin: 0;   } 
     /*.contact > .row h3 {text-align:center  }*/ 
    .mod-gallery {clear:both}
    .content h2.home {font-size: 20px}
    .content .list p {font-size:12px}
    .content-home .mod-gallery>div:last-of-type {display:none}
    .content-home .mod-gallery>div {padding: 0 2px}
    .slider .carousel-one h1 {text-shadow: 4px 4px 10px #000; font-size: 22px; line-height:30px}
    .slider .carousel-one h1 span {color: #fff; display:block}
    .slider .carousel-one p {text-shadow: 2px 2px 5px #000; font-size: 14px; font-style:normal}
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-left:0px; padding-right:0px}
    
    .content {overflow-x:scroll; width: 100%} 
    .topbar .container {padding:0}
    /* wcag */
    .topbar,.search {display:block}
    .search form>div {margin-bottom:0px !important}
    .topbar .col-sm-6{display:none} 
    .page-title {margin-top: 80px; padding-left:0}
    header .topbar {border-bottom: 1px solid #eee }
    header .topbar .topaddress {text-align:left}
    header .topaddress, header .search {width:50%}
    header.fixed-top {display:flex; flex-direction: column-reverse  }
    header .search a.change-style {line-height:22px}
    .enlarge_font {padding-right:0px}
    header form input, header form .input-group-append {display:none !important}
    /*wcag*/
}


  #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-right:1px solid rgba(255,255,255,0.3);}
    #menu_sidebar ul.navbar-nav li a:last-child, header ul.navbar-nav li:first-child a{border-left: 1px solid rgba(255,255,255,0.3);} 
#header_navbar .navbar-brand {display:none}
/* JEŚLI MENU Z LEWEJ MA BYĆ UKRYTE, ZRÓB DISPLAY:NONE */  
/*#menu_sidebar {display:none}*/

/*JEŚLI CHCESZ MENU POZIOME ZEBY BYLO ROZWIJANE W MOBILE, A UKRYWANE MENU W SIDEBAR*/
@media (max-width: 990px) {  
/*    #menu_sidebar {display:none}    
    #header_navbar ul {margin-top: 15px}
    header {display:block}
    header .bg ,header .topbar,header .container{display:none}
    #header_navbar .navbar-brand {display: inline-block; font-size: 12px; }
    #header_navbar .navbar-brand , #header_navbar .navbar-brand span , #header_navbar .navbar-brand small,  #header_navbar button {color: #fff}
    #header_navbar .navbar-brand small {font-size: 9px}
    #header_navbar .navbar-brand small br {display:none}
    header .navbar-brand span {display: inline}
     #menu_mobile ,#menu_mobile2 {height: 400px;max-height: 100vh; width: 100%;overflow-y: scroll; -webkit-overflow-scrolling:touch;}
    #header_navbar {background: var(--color1); padding:8px 8px; display: inherit; margin:0; position:fixed; top: 0px; left:0; width:100%;  z-index:1;-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}*/
  .page-with-sidebar {padding-top:0}
    .main-content {background: none}
    .leftmarginsidebar {padding-left: 0}
    #menu_sidebar {display:none}    
    /*#header_navbar ul {margin-top: 15px}*/
    header {display:block}
    header .bg ,header .topbar,header .container{display:none; }
    #header_navbar .navbar-brand {display: inline-block; font-size: 12px; width:auto}
    #header_navbar .navbar-brand , #header_navbar .navbar-brand span , #header_navbar .navbar-brand small,  #header_navbar button {color: #fff}
    #header_navbar .navbar-brand small {font-size: 9px}
    #header_navbar .navbar-brand small br {display:none}
    /*header .navbar-brand span {display: inline}*/
     #menu_mobile ,#menu_mobile2 {margin-top:15px; padding-top:10px; height: 400px;max-height: 100vh; width: 100%;overflow-y: scroll; -webkit-overflow-scrolling:touch;}
    #header_navbar {background: var(--color1); padding:8px 8px; display: inherit; margin:0; position:fixed; top: 0px; left:0; width:100%;  z-index:1;-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
   #header_navbar {background: var(--color1); padding:8px 8px; display: inherit; margin:0; position:fixed; top: 0px; left:0; width:100%;  z-index:1;-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
    #menu_top,#menu_top a:hover {background: #fff}
    #menu_mobile2, header .dropdown-menu  {background: #f6f6f6}
#menu_top a, #menu_top a i ,#menu_mobile2 a, #menu_mobile2 a i {color: #000}
header ul.navbar-nav li a:hover {background:#f6f6f6 }
}

/*JEŚLI CHCESZ MENU SIDEBAR ZEBY BYLO ROZWIJANE W MOBILE, A UKRYWANE MENU W HEADER */
/*@media (max-width: 980px) {
    #menu_sidebar {display:block}
    #main_navbar {display:none}
    #menu_sidebar {background: var(--color1); padding:8px 8px; display: inherit; margin:0; position:fixed; top: 0px; left:0; width:100%;  z-index:1;-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15); box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
    #menu_sidebar  .navbar-brand {display: inline-block; font-size: 12px; }
    #menu_sidebar  .navbar-brand , #menu_sidebar  .navbar-brand span , #menu_sidebar  .navbar-brand small,  #menu_sidebar  button,#menu_sidebar .navbar-nav li a  {color: #fff}
    #menu_sidebar  .navbar-brand small {font-size: 9px; display:block}
    #menu_sidebar  .navbar-brand small br {display:none}
    #menu_sidebar  .navbar-brand span {display: inline}
    #menu_sidebar .navbar-brand img {float:left; margin-top:-30px; padding-right:20px}
  #menu_sidebar ul.navbar-nav li a{padding: 5px 10px; border-top: 1px solid #eee;  text-align:left}
    #menu_sidebar ul.navbar-nav li ul {padding:0}
    #menu_sidebar ul.navbar-nav li ul li {margin-left:40px}
    #menu_sidebar .dropdown-menu {width:100% !important; background: var(--color1) !important; border: 0px}
    #menu_sidebar ul.navbar-nav li ul li a {border:0px }
    #menu_sidebar .navbar-nav li {border: 0px}
    #menu_sidebar {border: 0px; z-index: 10}

}*/
 @media (max-width: 540px) {
         .slider {height: 400px;}
         .page-title {text-align:center}
 }
 @media (max-width: 980px) {
  
     header ul.navbar-nav li a {padding: 5px 20px}
    .navbar-toggler {
        color: #fff;
        position:absolute;
        right:5px; 
        top:8px;
    }
     /*header ul.navbar-nav li a br {display:none}*/
}