/*VARIABLES*/
:root {
    
    /*main*/
    --body-background: #fff;
    --color1: #412805;
    --color2: #ce9f5a;
    --color3: #483120; 
    --color1-text-soft: #ccc;
    --color1-text: #fff;
    
    /*only c theme*/
    --footer-bg1: #332209;
    --footer-bg2: #271905;
    --footer-a: ;
    --footer-h4: #a08f76;
    --website-bg: #efeae3;
    --website-bg2: #fff8e5;
        
 
    /*colors*/
    --white: #fff;
    --lightgray: #ddd;
    --gray: #aaa;

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

    /*sidebar*/
    --sidebar-background: #412805;
    --sidebar-width: 300px;
    --sidebar-width-lg: 365px;
    --tile-background: #412805;
    --tile-hx-font-color: #a08f76;

    /*footer*/
    --footer-background: #332209;
    --footer-hx-color: #333; 

    /*headers*/
    --hx-font-family: 'Cinzel', cursive;
    --hx2-font-family: 'Cinzel', cursive;
    --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:normal; 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: 16px}
.content p {margin-bottom: 10px}
.content ul li {margin-bottom: 10px}
.content h2.home {margin-top:20px; font-size:24px; 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}
.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: 11px; 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: var(--footer-bg2); }
.logotypes {margin: 0 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:190px; }
.content .nav-pills li a {line-height: 1.5em; width:100%; text-align:center; background: var(--color1); 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(--footer-bg2); 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}
@media (max-width: 576px) {
.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: 11px}
    .navbar-toggler {padding-right: 10px; cursor: pointer}
}
@media (max-width: 576px) {
    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: 5;}
.se-pre-con p {color: var(--body-background); font-size: 12px; text-align:center;margin: 0 auto;position:absolute;display:block; z-index: 6}
.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);}
a {  color: var(--color1); text-decoration: none; -o-transition: var(--a-transition); -moz-transition: var(--a-transition); -webkit-transition: var(--a-transition); -ms-transition: var(--a-transition); transition: var(--a-transition);}
a:hover, a:focus { color: var(--color3); text-decoration: none; }
a.text-center {width:100%}
::-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: 25px; padding-left:40px; font-size: 13px; 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(--color2);  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: 13px;    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: 13px;    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:#333}
.page-title h2 a:hover {color:var(--color1)}
.page-title h2.subtitle {font-size: 20px; color: #777; 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: 576px) {
    .page-title {padding: 5px; margin-top: 106px}
    .page-title i {font-size: 25px}
    .page-title h2 {font-size: 15px}
    .page-title h2.subtitle {display:none}
}

/*HEADER*/
header {background: var(--body-background)}
header nav.navbar {padding: 0; padding-top:15px}
header .topbar {background: none; width: 100%; color: var(--white); padding:0}
header .topbar .topaddress {padding: 0; line-height:26px; font-size: 12px; color: var(--color1-text-soft); text-align:left}
header .topbar .topaddress span {padding-right: 20px}
header .topbar .topaddress a {color: var(--color1-text-soft)}
header .topbar .topaddress a:hover {color: var(--color1-text)}
header .navbar-brand {font-size: 30px; line-height: 30px; padding-top:20px; font-family: var(--hx-font-family); display: inline-block; color: var(--color1); }
header .navbar-brand span {color:#fff;}
header .navbar-brand img {float:left; margin-top:-30px; padding-right:20px}
header .navbar-brand small {font-size: 20px; color: var(--color2); 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 {line-height:50px}
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;  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: 576px) {
    header.fixed-top {position: static;}
}
@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: 576px) {
    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: 18px; padding-left: 0px; margin-top:0; margin-right:5px}
    header a.navbar-brand small {font-size: 11px;}
    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: #352000; 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: 576px) {
    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;}
.slider .owl-carousel .item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;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}
.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: 106px}
    .slider .carousel-one h1 {font-size: 20px}
}

/*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}
.sidebar .tile {color:#fff}
.sidebar {width: var(--sidebar-width-lg); background: var(--sidebar-background)}
.sidebar .tile { margin-top: 0px; padding: 15px; background: var(--color1);border-bottom: 1px solid rgba(200,200,200, 0.7); 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;} 
.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: 576px) {
    .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: 0px solid #eee; padding: 5px; margin: 10px 0}
.rss h3 {text-align:center; border-bottom: 0px solid rgba(200,200,200,0.5); padding-bottom: 10px; color: var(--color2)}
.rss li {text-align:left; line-height: 20px; border-bottom: 1px dotted #aaa; font-size: 11px; padding: 5px}
.rss li a { color: #fff}
.content .rss li a { color: var(--color1)}
.rss iframe {background: #ccc}

.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 .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; padding-bottom:2px}
.content .simplefilter li {  background-color: #777; line-height: 1.5em}
.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: 576px) {
    .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(--color1); 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: 576px) {
    .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*/
body {background: var(--website-bg)}
.page-with-sidebar {padding-top:0;}
.page-content {background: rgba(255,255,255,0.95)}
.page-content .content {padding: 0 24px}
.page-content .content .page-title-c {padding: 20px 0}
.page-content .content .page-title-c h1 {color: #000;text-align:center; border-bottom: 1px solid #000; font-size:36px;line-height:40px}
.page-content .content .page-title-c a {color: #000;}
footer {background: var(--footer-bg1);-webkit-backface-visibility: hidden;color:#fff;}
footer .footer-box  a {text-shadow: none;  color:#fff;}
footer .footer-box  a:hover {color: var(--footer-h4)}
footer .footer-box h4 {text-shadow:none; color: var(--footer-h4)}
footer .copyright {background: var(--footer-bg2)}
header .dropdown-menu {background: var(--color1) }
header ul.navbar-nav .dropdown-menu li a {font-size: 12px}
header ul.navbar-nav .dropdown-menu li a:hover {background: var(--footer-bg2)}

header {background-position: center center; background: none; position: relative !important }
header .bg {overflow:hidden; background-position: top center; height: 500px; opacity: 0.7; position: absolute; bottom:0; left:0; width:100%; z-index:-1} 
header .topbar { margin-bottom:175px}
header .navbar {margin-top:65px}
header .topbar .topaddress, header .topbar .topaddress  a{color:#000}
header .topbar .topaddress  a:hover {color:var(--color1)}
header .topbar button.btn-white  {background: #000; color: #fff}
header .navbar-brand {color:#fff; font-size: 42px; margin-right:0; padding:0; width:100%; padding-left: 40px;line-height: 1em}
header .navbar-brand span {display:block; margin:0 auto;line-height: 1em; font-size: 30px}
header .navbar-brand small {line-height:15px; display:block}



#header_navbar {background: var(--color3); padding-top:0}
#header_navbar ul {margin: 0;}
header ul.navbar-nav li a ,header ul.navbar-nav li a i {background: transparent; color:#fff;}
header ul.navbar-nav li a:hover {background: var(--color1)}
header ul.navbar-nav li a  br {display:none}

/*THEME E*/
/*.sidebar {position: fixed; top:0;; background: var(--color1); z-index:1; opacity:0.95; filter: brightness(85%);}*/
.sidebar {position:relative; float:left; height:100%;color:#fff; background: var(--color1); z-index:3; opacity:1; filter: brightness(85%);}
.leftmarginsidebar {padding-left: var(--sidebar-width-lg )}
.slogo {margin-top:15px; display:block; color: #fff; font-family: "Cinzel"; text-align:center    ; font-size: 16px; padding-top: 30px; padding-bottom:30px; border-bottom: 1px solid rgba(200,200,200,0.5); border-top: 1px solid rgba(200,200,200,0.5)}
.slogo:hover {color: #fff; }
.slogo small {font-size: 12px; }
.logotypes-bg {clear:both;}
footer {clear:both}
/*footer {z-index:3; position:absolute; width:100%}*/
/*header.fixed-top {z-index:1; }*/ 
.fixed-top {left: auto; right: auto}
footer .footer-box ul li ul li {border-bottom: 0px; padding-left: 30px}
.sidebar a {color : #fff}
.lefttopbar span {font-size: 10px}
.nav-pills a {color: #fff}
header {background: var(--color1);}
.container-header {position: absolute; top:0; width:100%; z-index:2}
.page-with-sidebar {padding-top: 500px; z-index:1;  }
.page-content {position:relative; z-index:1}
.main-content {background: #372204; padding: 0;}
.enlarge_font a {color:#fff}
.graveyard .gravetile a {background: none}
.graveyard .gravetile a:hover {background: #fff}
/*.page-content .content {z-index:1; background: rgba(255,255,255,0.8)}*/
@media (max-width: 1400px) {
    .leftmarginsidebar  {padding-left:  var(--sidebar-width); }
}
@media (max-width: 980px) {
    .container {max-width: 980px}
    header ul.navbar-nav li a  br {display:block}
    header ul.navbar-nav > li > a {line-height: 1em}
}
@media (max-width: 1200px) {
    header ul.navbar-nav li a {font-size: 13px; padding: 15px 8px}    
}
@media (max-width: 980px) {
    header ul.navbar-nav li a {font-size: 13px; padding: 15px}    
}
@media (max-width: 1100px) {
    header .navbar-brand {font-size: 40px}
    
}
@media (max-width: 800px) {
    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}
    body > .container , body footer > .container {margin: 0px; max-width: 100%}
    header .navbar-brand {font-size: 30px}
    header .navbar-brand span { font-size: 20px}
    header ul.navbar-nav li a br {display:block}
    header .navbar-brand {white-space: normal; line-height: 1em}
}
@media (max-width: 576px) {
    footer {z-index:3; position:relative; bottom:0; width:100%}
    .logotypes-bg {padding-bottom:20px}
    .leftmarginsidebar {padding-left: 15px}
    .sidebar {display:none}
    header ul.navbar-nav li a br {display:none}
    header .navbar-brand span { font-size: 12px}
}
@media (max-width: 576px) {
 body {margin-top: 60px}
.content-home span.btn {display:none}
    .content .nav-pills li a {margin-left: 0;}
    .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;}
    .mod-gallery {clear:both}
    .content h2.home {font-size: 20px; text-align:center}
    .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: 30px; 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}
      .contact > .row {margin: 0; text-align:center  } 
     .contact > .row h3 {text-align:center  } 
    .content {overflow-x:scroll; width: 100vw} 
.topbar .container {padding:0}
}



#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: 576px) {  
    .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 .navbar-brand{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:block    }
    /*header .navbar-brand span {display: inline}*/
    header ul.navbar-nav li a {padding: 0 40px}
     #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: 576px) {
    #menu_sidebar {display:block}
    #header_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}

}*/