/*----------------------------------------------/
    [1] Body & start css & section
-----------------------------------------------*/
body { font-family: "Source Sans Pro", sans-serif; color: #282620; font-size: 13px; background: #fff; }

a { color: #825d30; }
a:hover { text-decoration: none; color: #000; }
a:focus { outline: 0; text-decoration: none; color: #000; }

img { max-width: 100%; }

.container { width: 1170px; }

header { width: 100%; float: left; margin-bottom: 1px; border-bottom: 1px solid #e8b779; }
header .header-info { margin-top: 25px; }
header .header-contact { float: right; line-height: 1.6; border-bottom: 0px solid #e1e5e8; border-right: 0px solid #e1e5e8; text-align: right; padding-right: 0; }
header .header-contact span.text { margin-left: 30px; }
header .header-logo { position: relative; float: left; margin-left: 125px; margin-top: 10px; margin-bottom: 10px; z-index: 1; }
header .header-logo.header-logo-left { margin-left: 0; }
header .header-logo a { display: block; color: #282620; font-size: 20px; position: relative; height: 75px; background: url('../images/logo_header.png') 0 center no-repeat; padding-left: 93px;  }
header .header-logo a:hover { background: url('../images/logo_header.png') 0 center no-repeat; color: #825d30; text-align: justify; }
header .header-logo a span.content-link { display: block; width: auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
header .header-logo a span.title { display: block; }
header .header-logo a span.text { display: block; text-transform: uppercase; font-size: 12px; color: #825d30; font-style: italic; letter-spacing: 0.3px; }
#google_translate_element { display: inline-block; line-height: normal; margin-top: -3px; width: 140px; }
header .header-logo a span.content-link-sm { display: none; }

.section-animation { width: 100%; float: left; background: #eec0a1 url('../images/top.jpg') center top no-repeat; }
.section-animation .sw { position: absolute; left: 0px; bottom: 0px; z-index: 102; }
.section-animation .anim { padding-left: 30px; }
.section-animation .container { position: relative; }
.section-animation .box-information { float: left; height: 392px; overflow: hidden; }
.section-animation .box-information ul { list-style-type: square; }
.section-animation .box-information .box-cube { width: 5px ;height: 5px; background: #fff; right: 0px; bottom: -3px; position: absolute; }
.section-animation .box-information .box-information-content { width: 320px; height: 300px; position: relative; float: left; padding-left: 15px; margin-top: 30px; border-bottom: 1px solid #582f1d; padding-bottom: 67px; }
.section-animation .box-information .box-information-content ul { padding: 0px; margin: 0 0 0 15px; }
.section-animation .box-information .box-information-border-left { position: absolute; height: calc(100% - 9px); border: 1px solid #fff; width: 10px; border-right: 0px; left: 0px; bottom:-1px;  }
.section-animation .box-information .box-information-menu { float: left; margin: -58px 0 0 0; width: 320px; position: relative; z-index: 1; text-align: center; }
.section-animation .box-information .box-information-menu img { margin-bottom: 10px; }
.section-animation .box-information .box-information-menu .ico-1 { display: inline }
.section-animation .box-information .box-information-menu .ico-2 { display: none }
.section-animation .box-information .box-information-menu a { display: inline-block; font-size: 12px; text-align: center; margin: 0 10px 0 10px; color: #282620; cursor: pointer; }
.section-animation .box-information .box-information-menu a:first-child { margin-left: 0px; }
.section-animation .box-information .box-information-menu a:last-child { margin-right: 0px; }
.section-animation .box-information .box-information-menu a:hover .ico-1 { display: none }
.section-animation .box-information .box-information-menu a:hover .ico-2 { display: inline }
.section-animation .box-information .box-information-menu a:hover { color: #936023; }
.section-animation .box-information .box-information-menu a.active .ico-1 { display: none }
.section-animation .box-information .box-information-menu a.active .ico-2 { display: inline }
.section-animation .box-information .box-information-menu a.active { color: #936023; }

.section-animation .box-priest { position: absolute; right: 0px; bottom: 0px; z-index: 1000 }
.section-animation .box-priest img { max-height: 100%; }

.section-header { width: 100%; float: left; background: #ebcfb4; height: 145px; }

.section-page { width: 100%; float: left; padding: 30px 0 0 0; position: relative; }
.section-page.grey { background: #f5f1ec; border-bottom: 1px solid #9fa9b2; border-top: 1px solid #9fa9b2; padding-top: 0px; }

.section-header + .section-page { padding-top: 0px; padding-bottom: 0px; background: #ebcfb4; }
.section-header + .section-page .container { margin-top: -60px; padding: 0 30px 0 30px; position: relative; z-index: 1; }
.section-header + .section-page .row { padding-bottom: 75px; -webkit-box-shadow: 0px -4px 3px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px -4px 3px -3px rgba(0,0,0,0.75); box-shadow: 0px -4px 3px -3px rgba(0,0,0,0.75); }
.section-header + .section-page .row { background: #fff; }
.section-header + .section-page .row .row { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.section-header + .section-page .row .row { background: none;padding-bottom: 0;  }
.section-header + .section-page .center-sidebar { padding: 0 30px 0 30px; }

.section-our-parish { width: 100%; float: left; }

.section-recommend { position: relative; width: 100%; float: left; overflow: hidden; }
.section-recommend { padding: 10px 15px 50px 15px; } /* where GridColumnCarousel in use*/
.section-recommend li img.img-primary { display:inline; opacity: 0.7; }
.section-recommend li img.img-second { display:none; }
.section-recommend li a:hover img.img-primary { display:none; }
.section-recommend li a:hover img.img-second { display:inline; }
.section-recommend li a { display:inline-block;}
.section-recommend li a span { display:inline-block;}
.section-recommend .jcarousel { overflow: visible; }

footer { width: 100%; float: left; background: #e2ba96; }
footer .container { padding-top: 31px; padding-bottom: 31px; position: relative; }
footer.footer-subpage { background: #582f1d; }
footer.footer-subpage .container { background: #582f1d; padding-top:0px; height: 50px; line-height: 49px; }
footer .line { width: calc(100% - 50px); float: left; height: 1px; background: #582f1d; position: absolute; left: 30px; top: 23px; }

.bg-footer { position: absolute; right: 0px; bottom: 0px; }

.bottom-footer { width: 100%; float: left; background: #582f1d; height: 50px; line-height: 49px; color: #fff; font-size: 12px; }
.bottom-footer .box-powered { text-align: right; }
.bottom-footer .box-powered a { color: #fff; }
.bottom-footer .box-powered a:hover { color: #aaa; }
.bottom-footer.bottom-subpage { background: #582f1d;}
.bottom-footer.bottom-subpage .line { display: none; height: 1px; background: #788793; width: 100%; }
.bottom-footer.bottom-subpage .patron { display: none; position: absolute; left: 15px; bottom: 0px; z-index: 1; }
.bottom-footer.bottom-subpage .container { position: relative; }
.bottom-footer.bottom-subpage .box-parish {  }

.middle-box { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.border-radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.thumbnail { border-radius:0; }
/*----------------------------------------------/
    [0] loader
-----------------------------------------------*/
#page-loader.active { position: absolute; width: 100%; height: 100%; background: url('../admin/images/loader64x64px_white.png') center center fixed no-repeat; z-index: 10000;background-color: rgba(0, 0, 0, 0.6); }

.loader { float: left; padding: 0 22px; }
.loader-min { display: inline-block;vertical-align: middle; white-space: nowrap; }

.load-m128 { background: url('../admin/images/loader128x128px.png') center center no-repeat; height: 128px; min-width: 128px; }
.load-m64 { background: url('../admin/images/loader64x64px.png') center center no-repeat; height: 64px; min-width: 64px; }
.load-m32 { background: url('../admin/images/loader32x32px.png') center center no-repeat; height: 32px; min-width: 32px; }
.load-m16 { background: url('../admin/images/loader16x16px.png') center center no-repeat; height: 16px; min-width: 16px; }

/*----------------------------------------------/
    [1] Sidebar
-----------------------------------------------*/
.left-sidebar { width: 25%; float: left; min-height: 1px; padding-left: 30px; padding-right: 15px; }
.center-sidebar { width: 100%; float: left; min-height: 1px; padding: 0 0 0 0;  }
.right-sidebar { width: 20%; float: left; min-height: 1px; }
.center-sidebar-mini { width: 75%; float: left; min-height: 1px; padding-right: 30px; padding-left: 15px; position: static; }
.center-sidebar-micro { width: 60%; float: left; min-height: 1px; }

/*----------------------------------------------/
    [2] Article & album & recommend & grid(reccomend list type)
-----------------------------------------------*/
 .holder { height: auto !important; }

.article { width: 100%; float: left; line-height: 1.5; font-size: 14px; margin-bottom: 40px; }
.article:last-child { border-bottom: 0px; margin-bottom: 0px; }
.article ul { margin: 0 0 0 15px; padding: 0px; list-style-type: square; }
.article .article-main-image {}
.article .article-main-image .thumbnail { margin-bottom: 5px; }
.article .article-title { margin-top: 0px; }
.article .article-date { float: right; font-size: small; font-weight: normal; margin-top: 10px; color: #B2B2B2; }
.article .article-date .article-data-header { display: inline; }
.article .article-text { width: 100%;margin-bottom: 20px; }
.article .article-file-list { width: 100%; float: left; margin-bottom: 20px; }
.article .article-file-list .list-group { margin-left: 0px; }
.article .article-gallery-list { width: 100%; float: left;}
.article .article-gallery-list-header { display: none; }
.article .article-buttons { width: 100%; float: left; margin-bottom: 20px; text-align: right; }
.article .article-link-content {}
.article .article-link-button { float: right; }
.article h1 { font-size: 22px; }
.article h2 { font-size: 19px; }
.article h2 a { color: #282620; }
.article h3 { font-size: 17px; }
.article h4 { font-size: 15px; }
.article h4 { border-bottom: 1px solid #282620; padding-bottom: 5px; }
.article h5 { font-size: 14px; }
.article .article-line { width: 100%; float: left; height: 1px; background: #f4f4f4; margin-top: 15px; }
.article img { height: auto !important; max-width: 100%; }

.article .badge-content {}
.article .badge {}
.article .map { width: 100%; float: left; }
.article .map iframe { border: 0px; width: 100% !important; float: left; margin-bottom: 20px; }
.article .map h3.map-header {}

.article-slider {}
.article-slider .article-slider-click-title { cursor: pointer; }
.article-slider .article-slider-click-title:hover { color: #848383; }
.article-slider .article-slider-stats { font-weight: normal; float: right; font-size: 20px; margin-top: 5px;}
.article-slider .article-slider-body { width: 100%; float: left; }

.album { width: 100%; float: left; }
.album .thumbnail { margin-bottom: 30px; }
.album .thumbnail:hover { border-color: #582f1d; }
.album .thumbnail img.picture {}
.album .thumbnail span.caption { text-align: center; margin-top: 10px; display: block; position: relative; height: 40px; height: 40px; padding: 0px;  }
.album .thumbnail span.caption span { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; }

.recommend { width: 100%; float: left; }
.recommend .recommend-main-image { padding-left: 0px; }
.recommend .recommend-main-image .thumbnail { margin-bottom: 15px; }
.recommend .recommend-main-image .thumbnail .holder { height: auto !important; }
.recommend .recommend-title { }
.recommend .recommend-title2 { }
.recommend .recommend-text { width: 100%;margin-bottom: 20px; }
.recommend .recommend-buttons { width: 100%; float: left;}

.grid { width: 100%; float: left; }
.grid .thumbnail { margin-bottom: 30px; }
.grid .thumbnail:hover { border-color: #582f1d; }
.grid .thumbnail span.picture-content { min-height:120px; line-height: 120px; display: inline-block; width: 100%; text-align: center;  }
.grid .thumbnail img.picture { vertical-align: middle; }
.grid .thumbnail span.caption { text-align: center; margin-top: 10px; display: block; position: relative; height: 40px; padding: 0px; }
.album .thumbnail span.caption span { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; }

.article-start-list { width: 100%; float: left; }
.article-start-list .item { width: 100%; float: left; margin-bottom: 30px; border: 1px solid #f3f4f6; position: relative; background: #F9FAFC; }
.article-start-list .item:hover { border-color:#282620; }
.article-start-list .item .picture { position: absolute; width: 30%; height: 100%; background-position: center top; background-repeat: no-repeat; overflow: hidden; }
.article-start-list .item .picture img { height: auto !important; max-width: none !important; width: auto !important; max-height: 100% !important; position: absolute; top: 50%;left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%.-50%);
-ms-transform: translate(-50%.-50%);
-moz-transform: translate(-50%.-50%);
-o-transform: translate(-50%.-50%);
}
.article-start-list .item .text { float: left; width: 70%; margin-left: 30%; height: 240px; padding-right: 15px; position: relative;  padding: 25px 15px 55px 30px; }
.article-start-list .item .text h3 { margin: 0 0 10px 0; color: #333333; font-size: 16px; font-weight: 600; }
.article-start-list .item .text h3 a { color: #282620;  }
.article-start-list .item .text h3 a:hover { color: #ee9f3c;  }
.article-start-list .item .text .article { line-height: 1.7;}
.article-start-list .item .article { border-bottom: 0px; margin-bottom: 0px; }
.article-start-list .item .button-more { height: 30px; line-height: 29px; z-index: 1; cursor: pointer; font-size: 14px; background: #ee9f3c; color: #fff; padding: 0 30px 0 30px; position: absolute; right: 0px; bottom: 0px; }
.article-start-list .item .button-more:hover { background: #282620; }
.article-start-list .item .data { position: absolute; left: 30px; bottom: 0px; height: 30px; line-height: 29px; color: #777777; font-size: 11px; }

footer .article { color: #582f1d; line-height: 1.8;}
footer .article .box { margin-top: 15px; }
footer .article a { color: #582f1d; }
footer .article a:hover { color: #fff; }

#articles-content { width: 100%; float: left; margin-bottom: 35px; }
#articles-step { position: absolute; right: 0px; bottom: 0px; }
#articles-step a { margin-left: 5px; }
.article-box { width: 100%; font-size: 14px; float: left; height: 250px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; border-left: 3px solid #c2b09a; background: #fafafa; position: relative; margin-bottom: 30px; }
.article-box:hover { background: #ffffff; border-color:#825d30;-webkit-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.19);-moz-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.19);box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.19); } 
.article-box .title h2 { font-size: 18px; margin-bottom: 20px; font-weight: 600; }
.article-box .title h2 a { color: #282620; }
.article-box .title h2 a:hover { color: #97672d; }
.article-box .picture img { border: 1px solid #8c909c;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.article-box .picture:hover img { border-color:#242c42; }
.article-box .data { position: absolute; left: 15px; bottom: 10px; font-size: 11px; }
.article-box .btn-primary { position: absolute; right: 0px; bottom: 0px; padding-left:30px; padding-right: 30px;  }
/*----------------------------------------------/
    [3] Forms & buttons
-----------------------------------------------*/
.form-content { width: 100%; float: left; margin-bottom: 20px;}
.form-content .form-content-header {}
.form-content .form-row-left { padding-left: 0px; }
.form-content .form-row-right { padding-right: 0px; }
.form-content textarea.form-control { height: 181px;}
.form-content .control-label { font-weight: normal; }
.form-content .form-recaptcha { width: 100%; float: left; margin-bottom: 15px; }
.form-content .form-recaptcha div { float: right; }
.form-content .form-recaptcha iframe { float: right; }

.rd-popup { position: relative; display: block; width: 100%; overflow: hidden; }
.rd-popup:hover { overflow: visible; }
.rd-popup .rd-wrapper { display: none; overflow: hidden; position: absolute; left: 0; top:0; padding: 0 0 15px 0; transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.rd-popup:hover .rd-wrapper { display: block; }
.rd-popup .rd-content { border:1px solid transparent; text-align: justify; color: #000; }
.rd-popup:hover .rd-content { background-color: #fff; padding: 15px; border-color:#ccc; }

.form-control { border-radius:0px; }

.form-search { float: right; margin: 5px 0 17px 0; width: 100% }
.form-search input { border: 1px solid #d4d5d9; border-right: 0px; height: 32px; padding: 0 10px 0 10px; font-size: 12px; float: left; width: calc(100% - 32px); } 
.form-search button { border: 1px solid #d4d5d9; color: #e2ba96; border-left: 0px; height: 32px; width: 32px; text-align: center; float: left; background: none; font-size: 20px; }
.form-search button:hover { color: #825d30; }

.button-archive { display: block; float: right; color: #7d7d7d !important; font-size: 13px; padding-top: 5px; }
.button-archive:hover { color: #000 !important; }
.button-like-us { display: block;}
.button-like-us a { display: block; background: #3b5998; color: #fff; height: 43px; line-height: 42px; margin-top: 20px; margin-bottom: 10px; text-align: center; font-size: 16px; }
.button-like-us a:hover { background: #282620; }
.button-parish-group { display: inline-block; width: 100%; height: 66px; margin-bottom: 30px; background: url('../images/parish_group.jpg') right top no-repeat; color: #282620; text-transform: uppercase; }
.button-parish-group { border: 1px solid #282620; padding: 13px 25px 0 25px; }
.button-parish-group:hover { color: #ee9f3c; border-color: #ee9f3c; }
.button-up { display: block; width: 30px; height: 30px; background: #e2ba96; color: #fff; cursor: pointer; text-align: center; line-height: 1.5; }
.button-up { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; right: 15px; top: -15px;transition: all 0.5s ease-in 0s; z-index: 100; }
.button-up:hover { color: #fff; background: #582f1d; line-height: 26px;}

footer.footer-subpage .button-up { background: #582f1d; }
footer.footer-subpage .button-up:hover { background: #e2ba96;}

.btn { border-radius:0px; font-size: 13px; }
.btn-group-lg > .btn, .btn-lg { font-size: 16px; }
.btn-group-lg > .btn, .btn-sm { font-size: 12px; }
.btn-group-lg > .btn, .btn-xs { font-size: 11px; }

.btn-primary { background: #c2b09a; border-color:#c2b09a; }
.btn-primary:hover { background: #825d30; border-color:#825d30; }
.btn-primary:focus { background: #825d30; border-color:#825d30; }
.btn-primary:active { background: #825d30; border-color:#825d30; }

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #825d30;
    border-color: #825d30;
    color: #fff;
}

.show-form-content-button { margin-bottom: 20px; }

/*----------------------------------------------/
    [4] Items
-----------------------------------------------*/
.item-content { width: 100%; float: left; }
.item-content .item-text { width: 100%; }
.item-content .panel { border-radius:0px; margin-top: 20px; margin-bottom: 0px; }
.item-content .panel .panel.panel-info { margin-bottom: 0px; margin-top: 20px; }

/*----------------------------------------------/
    [5] Alertbar
-----------------------------------------------*/
.alert-bar { width: 100%; float: left; }
.alert-bar .alert { text-align: center; }
/*----------------------------------------------/
    [5] Carousel (animation and recommend)
-----------------------------------------------*/
.carousel-fade .carousel-inner .item { opacity: 0;
-webkit-transition: 1.2s opacity;
-moz-transition: 1.2s opacity;
-o-transitio: 1.2s opacity;
transition: 1.2s opacity; }
.carousel-fade .carousel-inner .active { opacity: 1;
-webkit-transition: 1.2s opacity;
-moz-transition: 1.2s opacity;
-o-transitio: 1.2s opacity;
transition: 1.2s opacity;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }



.carousel .carousel-indicators { right:10px; bottom: 0px; left: auto; text-align: right;}
.carousel .carousel-indicators li {}
.carousel .carousel-indicators li.active {}

.carousel .carousel-control { z-index: 1; }
.carousel .left.carousel-control {}
.carousel .right.carousel-control {}

#carousel-animation { border:5px solid #fff; margin-top: 25px; }
#carousel-animation .carousel-caption { width: 100%; background-color: rgba(0,0,0,0.5); left: 0; bottom: 0; padding: 10px 20px 10px 20px; text-align: left;}
#carousel-animation .carousel-caption h3 { margin: 10px 0 10px 0; font-size: 16px; }

#carousel-recommend .left.carousel-control { background: none; }
#carousel-recommend .right.carousel-control { background: none; }

/*GridColumnCarousel*/
.grid-column-carousel {}
.grid-column-carousel ul { padding: 0px; margin: 0px; list-style: none; }
.grid-column-carousel ul li { text-align: center; }
.grid-column-carousel ul li img { display: inline-block; opacity: 0.75; }
.grid-column-carousel ul li img:hover { opacity: 1.0; }
.grid-column-carousel-prev, .grid-column-carousel-next { display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; height: 40px; line-height: 39px; font-size: 40px; z-index: 100; }
.grid-column-carousel-prev { left: 10px; }
.grid-column-carousel-next { right: 10px; }
.grid-column-carousel__page-indicators { }

/*----------------------------------------------/
    [6] Menu - Navbar-horizontal
-----------------------------------------------*/
.menu { width: 100%; float: left; }
.menu .row { position: relative; }
.menu .sw-min { position: absolute; left: 0px; bottom: 0px; }
.menu .navbar-horizontal { background: #582f1d; margin-bottom: 0px; border-bottom: 0px; padding: 0px; border-radius: 0px; border: 0px; }
.menu .navbar-horizontal .navbar-brand { display: none; cursor: text; }
.menu .navbar-horizontal .navbar-toggle { padding: 7px 13px; border: 0px; background: #714633; color: #fff; }
.menu .navbar-horizontal .dropdown-toggle .caret { display: none;}
.menu .navbar-horizontal .navbar-collapse { padding: 0px; }
.menu .navbar-horizontal .navbar-nav { float: right; position: relative; z-index: 2;}
.menu .navbar-horizontal .navbar-nav.center-menu { float: none; display: table; margin: auto; }
.navbar-default .navbar-nav > li > a { color: #fff; text-transform: uppercase; padding-left: 14px; padding-right: 10px; font-size: 14px; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #e2ba96; background: none; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #e2ba96; background: none; } 
.navbar-default .navbar-nav > li.dropdown.open > a { background: #714633; color: #fff; }
.navbar-default .navbar-nav .dropdown-menu { background: #714633; border: 0px; font-size: 13px; border-radius:0px; }
.navbar-default .navbar-nav .dropdown-menu > li > a { color: #fff; padding: 6px 20px; }
.navbar-default .navbar-nav .dropdown-menu > li:hover a { background: #582f1d; color: #e2ba96; }
.navbar-default .navbar-nav .dropdown-menu > li.active a { background: #582f1d; color: #e2ba96; }
.navbar-default .navbar-nav .dropdown-menu > li:focus a { background: #582f1d; color: #e2ba96; }

.menu-category { width: 100%; float: left; }
.menu-category ul { width: 100%; float: left; margin: 0 0 0 15px; padding: 0px; list-style-type: square; }
.menu-category ul li { width: 100%; float: left; color: #582f1d; margin-bottom: 6px; }
.menu-category ul li a { display: block; font-size: 14px; color: #282620; font-weight: 400; }
.menu-category ul li a:hover { color: #b8341f; }
.menu-category ul li.active a { color: #b8341f; font-weight: 600; }

.box-menu-bottom { margin-top: 10px; font-size: 12px; }
.box-menu-bottom ul { margin: 0px; padding: 0px; list-style-type: none; float: left; }
.box-menu-bottom ul li { float: left; margin-right: 10px; }
.box-menu-bottom ul li a { color: #582f1d; }
.box-menu-bottom ul li a:hover { color: #fff; }
footer.footer-subpage .box-menu-bottom { margin-top: 0px; }
footer.footer-subpage .box-menu-bottom ul li a { color: #e2ba96; }

.menu-start { width: 100%; float: left; background: url('../images/bg_m1.jpg') center 0 no-repeat; height: 364px; border: 1px solid #706056; padding: 25px 25px 25px 25px; margin-bottom: 30px; }
.menu-start h3 { text-transform: uppercase; margin-top: 0px; font-size: 15px; font-weight: 600; }
.menu-start ul { margin: 0 0 0 15px; padding: 0px; }
.menu-start ul li a { color: #282620; }
.menu-start ul li a:hover { color: #000; }
.menu-start.m2 { height: auto; padding-bottom: 160px; background: #f1f2f4 url('../images/bg_m2.jpg') center bottom no-repeat; }
.menu-start.m3 { height: auto; padding-bottom: 160px; background: #d2d1cc url('../images/bg_m3.jpg') center bottom no-repeat; }

.menu-our-parish { width: 100%; float: left; font-size: 16px; color: #ee9f3c; margin: 0 0 0 15px; padding: 0px; }
.menu-our-parish li { width: 100%; float: left; margin:1px 0 1px 0; }
.menu-our-parish li a { font-size: 14px; color: #181818; text-transform: uppercase; }
.menu-our-parish li a:hover { color: #825d30; }
/*----------------------------------------------/
    [7] WELL
-----------------------------------------------*/
.well hr { margin: 5px 0 5px 0; border-color:#ccc; }
.well.well-probe {}
.well.well-probe h4 { margin-top: 0px; }
.well.well-probe .radio:last-child { margin-bottom: 0px; }
/*----------------------------------------------/
    [9] Boxs - html tekst contents - in CMS module -> boxs
-----------------------------------------------*/
.box { width: 100%; float: left; }
.box .box-main-image { padding-left: 0px; }
.box .box-main-image .thumbnail { margin-bottom: 15px; }
.box .box-title { }
.box .box-text { width: 100%;margin-bottom: 20px; font-size: 14px; }
.box .box-file-list { width: 100%; float: left;}
.box .box-gallery-list { width: 100%; float: left;}
.box .box-buttons { width: 100%; float: left;}

.box-our-parish {}
/*----------------------------------------------/
    [9] Typography & links
-----------------------------------------------*/
hr { margin: 10px 0 10px 0; }

h1.primary-header { width: 100%; float: left; color: #582f1d; background: url('../images/slaczek.png') left center no-repeat; border-bottom: 1px solid #9e815e; padding-bottom: 10px; padding-left: 58px; padding-top: 10px; text-transform: uppercase; font-size: 18px; position: relative; margin-bottom: 20px }
h1.primary-header a { color: #282620; }
h1.primary-header a:hover { color: #825d30; }
h1.primary-header a.btn-primary { color: #fff; }
h1.primary-header-brown { width: 100%; float: left; color: #825d30; border-bottom: 1px solid #825d30; padding-bottom: 10px; text-transform: uppercase; font-size: 18px; position: relative; margin: 30px 0 20px 0; }

h1.primary-header-sec { width: 100%; float: left; color: #582f1d; border-bottom: 1px solid #e7e1d8; padding-bottom: 10px; text-transform: uppercase; font-size: 18px; position: relative;}
h1.primary-header-sec a { color: #282620; }
h1.primary-header-sec a:hover { color: #825d30; }
h1.primary-header-sec a.btn-primary { color: #fff; }

.page-header { margin: 0px; border-bottom: 0px; padding-bottom: 0px; }
.page-header h1 { margin: 0px 0 30px 0; height: 60px; line-height: 65px; font-weight: 600; border-bottom: 1px solid #825d30;font-size: 18px;color: #282620;text-transform: uppercase; }
.page-header-small h1 { font-weight: 400; }

.map { margin: 0px; border-bottom: 0px; }
.map h3 { margin: 0px 0 30px 0; height: 50px; line-height: 49px; font-weight: 600; border-bottom: 1px solid #825d30;font-size: 18px;color: #282620;text-transform: uppercase; }

.form-content { margin: 0px; border-bottom: 0px; }
.form-content h3 { margin: 0px 0 30px 0; height: 50px; line-height: 49px; font-weight: 600; border-bottom: 1px solid #825d30;font-size: 18px;color: #282620;text-transform: uppercase; }

.text-color-black { color: #000; }
.text-color-darkbrown { color: #282620; }
.text-color-brown { color: #582f1d; }
.text-color-grey { color: #6a7985; }
.text-color-gold { color: #97672d; }

.text-size-xs { font-size: 11px; }
.text-size-sm { font-size: 13px; }
.text-size-lg { font-size: 16px; }
.text-size-lg2 { font-size: 19px }
.text-size-max { font-size: 24px; }

.text-upper { text-transform: uppercase; }
.text-lower { text-transform: lowercase; }

.text-normal { font-weight: normal; }
.text-thin { font-weight: 300; }
.text-small { font-weight: 400; }
.text-semibold { font-weight: 600; }
.text-bold { font-weight: 700; }

.text-line-height-0-5 { line-height: 0.5; }
.text-line-height-1-0 { line-height: 1.0; }
.text-line-height-1-5 { line-height: 1.5; }
.text-line-height-2-0 { line-height: 2.0; }
.text-line-height-2-5 { line-height: 2.5; }
.text-line-height-3-0 { line-height: 3.0; }

/*----------------------------------------------/
    [10] Paddings & margins
-----------------------------------------------*/

/*----------------------------------------------/
    [11] Pagination
-----------------------------------------------*/
.pagination { width: 100%; float: left; text-align: right; }

/*----------------------------------------------/
    [12] social slider
-----------------------------------------------*/
.social-slider { position: fixed; top:114px; z-index: 199; }
.social-slider-content { width: 320px; top:0px; position: absolute; z-index: 200; padding: 10px; }
.social-slider-button { width: 50px; height: 50px; line-height: 50px; cursor: pointer; position: absolute; top:0; color: #fff; font-size: 30px; background: #000; text-align: center; }

.social-slider-content + .social-slider-content { top:55px; z-index: 199; }
.social-slider-content + .social-slider-content + .social-slider-content { top:110px; z-index: 198; }

.social-slider-left { left: 0px;}
.social-slider-left .social-slider-content { left: -320px; }
.social-slider-left .social-slider-button { right: -50px; }

.social-slider-right { right: 0px;}
.social-slider-right .social-slider-content { right: -320px; }
.social-slider-right .social-slider-button { left: -50px; }

.social-bg-facebook { background: #3b5998; }
.social-bg-twitter { background: #659fcb; }
.social-bg-google { background: #df4b38; }

/*----------------------------------------------/
    [12] language
-----------------------------------------------*/

.language { float: right; position: relative; }
.language .language-title  {}
.language .language-flag  {}
.language .dropdown-menu { min-width: 1px; }

/*----------------------------------------------/
    [13] breadcrumb
----------------------------------------------*/
.breadcrumb-content{ position: absolute; top:-35px; left: 45px; }
.breadcrumb-content ul.breadcrumb { background: none; padding-left: 0px; padding-right: 0px; font-size: 12px; color: #84614b; }
.breadcrumb-content ul.breadcrumb li:first-child { display: none; }
.breadcrumb-content ul.breadcrumb > li:first-child  + li::before { display: none;  }
.breadcrumb-content ul.breadcrumb a { color: #84614b; }
.breadcrumb-content ul.breadcrumb a:hover { color: #000; }
.breadcrumb-content ul.breadcrumb > li + li::before { color: #84614b; }

/*----------------------------------------------/
    [13] fara
----------------------------------------------*/
.table-fara_free_intentions p { margin: 25px 0 15px 0 !important; width: 100%; float: left; }
.table-fara_free_intentions record { width: 100%; float: left; margin-bottom: 5px; border-bottom: 1px solid #f4f4f4; padding: 10px 0 10px 0; }
.table-fara_free_intentions nazwa { width: 25%; float: left;}
.table-fara_free_intentions dzienskrot { width: 25%; float: left;}
.table-fara_free_intentions data { width: 25%; float: left; }
.table-fara_free_intentions godziny { width: 25%; float: left; }