@charset "utf-8";
/* CSS Document */

html {
    font-size: 10px
}
body {
    font-size: 1.6rem;
}
html, body {
    font-family: 'CentSchbkBtRoman';
}
a {color: #cc9900;}
a:hover {color: #7f6760;}



/*BUTTONS*/
.btn {
    border-radius: 18px;
    box-shadow: none;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-brown {
    background: #ab9189;
    color: #fff;
}
.btn-brown:hover, .btn-brown:focus {
    background: #cdaea4;
    color: #fff;
    box-shadow: none;
}
.btn-tr-white {border:1px solid #fff; color: #fff; background: none;}
.btn-tr-white:hover, .btn-tr-white:focus {background: #fff; color: #2c2c2c; }

.btn-brown, .btn-brown:hover, .btn-brown:focus, .btn-tr-white, .btn-tr-white:hover, .btn-tr-white:focus {transition: all ease 0.3s}

/*TEXT STYLES*/
.text-white {color: #fff;}


/*HEADER*/
.header {
    background: #fff;
}
/*header-top*/
.header-top {
    background: #2c2c2c;
    color: #fff;
    padding: 15px 0
}
.header-top>.container>.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
/*header-top-slogan*/
.header-top-slogan {
    font-family: 'CentSchbkBtItalic';
    font-size: 2.4rem;
    color: #606060
}
/*header-top-right*/
.header-top-right {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center
}
.header-top-right>div+div {
    margin-left: 30px
}
.header-top-phone {
    display: flex;
}
.header-top-phone span[class*="icon-"] {
    margin-right: 15px;
    font-size: 2.2rem;
}
.header-top-phone a {
    color: #ab9189;
    font-size: 14px;
    text-decoration: underline
}
.header-top-phone h3 {
    margin: 0;
    font-size: 2.4rem;
}
.header-top-phone h3 a {
    color: #fff;
    text-decoration: none;
    font-size: 2.4rem;
}
/*header-bottom*/
.header-bottom {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.12)
}
/*navbar*/
.header-bottom .nav {
    background: #fff;
    display: flex;
    justify-content: center
}
.header-bottom .nav>li>a {
    color: #a3a3a3;
    margin: 0 15px;
    box-shadow: inset 0 0 0 #ab9189;
    transition: all ease 0.3s
}
.header-bottom .nav>li>a:hover, .header-bottom .nav>li>a:focus {
    background: none;
    color: #878787;
    box-shadow: inset 0 -3px 0 #878787;
    transition: all ease 0.3s
}
.header-bottom .nav>li.active>a {
    color: #313131;
    box-shadow: inset 0 -3px 0 #ab9189
}
/*SLIDER*/
.slider {background: #e0e0e0; z-index: 1; position: relative }
.slider .item {min-height: 500px; padding: 60px 0}
.slider .item h1 { font-size: 6rem;}
.slider .item .slider-divider { display: block; width: 150px; margin: 0 auto; border-top: 3px solid #ab9189; background: none; height: 0}
/*slides*/
.church-slide {background: url(../images/slider/church-slide-lg.jpg) center center no-repeat; background-size: cover}
/*info-section*/
.info-section { background: #2c2c2c url(../images/info-section-bg-lg.jpg) no-repeat center bottom; }
.top {background: #2c2c2c; border-top: 6px solid #ab9189; margin-top: -60px; z-index: 2; position: relative; display: flex; flex-wrap: wrap; margin-bottom: 30px}
.top-left, .top-right {padding: 0;}
.top-left {background: #000; display: flex; flex-direction: column; justify-content: center; align-content: stretch;}
.top-right .moduletable {padding: 46px;}
.top-right .moduletable>h3 {margin-top: 0; color: #ab9189; font-size: 3.6rem; line-height: 3.6rem}
.top-right .ns2-row {padding:15px 0; }
.top-right .ns2-row + .ns2-row {border-top:1px dashed rgba(255,255,255,0.12)}
.ns2-inner {display: flex;}
.ns2-tools { order: 1}
.top-right .ns2-title {margin-top: 0; margin-bottom: 8px}
.top-right .ns2-title a { color:#fff; font-weight: normal; font-size: 1.8rem;}
.top-right .ns2-introtext {color: #bababa; font-size: 1.4rem; font-family: 'CenturySchlbkCyrillicBT-Italic'; padding-bottom: 0px; line-height: normal }
.top-right .ns2-left .ns2-date-blog { background: #6c5f5b url(../images/ns2-date-bg.svg) no-repeat center bottom; text-align: center; padding:0 0 10px 0; width: 48px; background-size: contain; margin: 0 20px 0 0 }
.top-right .ns2-left .ns2-date-blog .ns2_date_day {text-align: center; margin: 0;  font-size: 2.4rem; color: #fff; font-weight: normal}
.top-right .ns2-left .ns2-date-blog .ns2_date_month_year {text-align: center; margin: 0; padding: 5px; color: #2c2c2c; background: #ab9189;}
.top-right .ns2-left .ns2-date-blog .ns2_date_month_year .ns2_date_month, .top-right .ns2-left .ns2-date-blog .ns2_date_month_year .ns2_date_year {margin: 0;  font-size: 1.2rem}
.top-right .ns2-art-controllers {position: absolute;}

/*TOP BLOCKS*/
.top-blocks {color: #fff; display: flex; flex-wrap: wrap; margin-bottom: 30px; margin-left: -30px; align-content: stretch; margin-top: 30px}
.top-blocks .moduletable {background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.24); padding: 30px; text-align: center; flex: 1 1 30%; margin-left: 30px; margin-bottom: 30px}
.top-blocks .moduletable:hover {background: rgba(171,145,137,0.24)}
.top-blocks .moduletable p {margin-bottom: 16px; color: #cdcdcd}

/*CONTENT*/
.content {padding: 30px 0}
.page-header {
    padding-bottom: 0;
    margin: 0 0 40px 0;
    border-bottom: none;
    text-align: center;
}

.page-header h2 {font-size: 48px; color: #ab9189}


/*BOTTOM BLOCK*/
.bottom-block {padding: 30px 0 0 0}
.bottom-block > .container {background: #232222 url(../images/upcoming-events-bg-lg.jpg) no-repeat left; background-size: cover; color: #fff; z-index: 2; position: relative}
.bottom-block .moduletable { padding: 30px;}
.bottom-block .moduletable>h3 {font-size: 36px}
.bottom-block-footer {background: #161616; height: 80px; z-index: 1; margin-top: -80px; position: relative}
/*upcoming events*/
.rsepro_upcoming { }
.rsepro_upcoming li {display: flex; width: 100%; align-items: flex-start; padding: 30px 0}
.rsepro_upcoming li + li {border-top: 1px dashed rgba(255,255,255,0.24)}
.rsepro_upcoming .event-date {background: url(../images/event-date-bg.svg) center bottom no-repeat; background-size: contain; min-width: 50px; width: 50px; text-align: center; margin-right: 30px; padding-bottom: 15px }
.rsepro_upcoming .event-date .event-month {background: #fff; color: #2c2c2c; font-size: 1.2rem; padding: 4px 0}
.rsepro_upcoming .event-date .event-day { color: #fff; font-size: 2rem; padding: 5px 0}
.rsepro_upcoming li .rsepro-image { background: rgba(50,163,163,1.00); margin-right: 30px; min-width: 200px; width: 200px; min-height: 150px; height: 150px; overflow: hidden }
.rsepro_upcoming li .rsepro-image img {width: 100%; height: auto;}
.rsepro_upcoming .event-info {  }
.rsepro_upcoming .event-title a {color: #fff; font-size: 2rem; display: block; margin-bottom: 10px;  }
.rsepro_upcoming .event-title a:hover {color: #ab9189; text-decoration:  none }
.rsepro_upcoming .short-description {color: #989898; font-size: 1.4rem; margin-bottom: 15px}
.rsepro_upcoming li:hover  .short-description {/*color: #e0dfdf;*/}
.rsepro_upcoming .event-diration {margin-bottom: 5px}
.rsepro_upcoming .event-location, .rsepro_upcoming .event-diration {font-size: 1.4rem}
.rsepro_upcoming .event-title a, .rsepro_upcoming .event-title a:hover, .rsepro_upcoming li:hover  .short-description, .rsepro_upcoming li .short-description {transition: all ease 0.3s}
/*upcoming events events page*/
.rs_events_container li.rs_event_detail { padding: 30px !important; box-shadow: none; border-radius: 0; background: #fff!important; border: 1px solid rgba(0,0,0,0.12); display: flex; width: 100%;}
.rs_events_container li.rs_event_detail:hover {background: #f4f4f4!important}
.rs_events_container li+li {margin-top: 15px!important}
.rs_event_link {font-size: 2.4rem; text-shadow: none; font-weight: normal}
.rs_event_image {min-width: 200px; width: 200px; margin-right:15px; border-radius: 0;}
.thumbnail { border-radius: 0;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #ab9189;}
.thumbnail a>img, .thumbnail>img {border-radius: 0;}
.rsepro-date-block {background: #2c2c2c; color: #cdcdcd; padding: 5px 15px; font-size: 1.4rem}
.rs_event_details {display: flex; flex-direction: column; align-items: flex-start}
.rsepro-date-block b {font-weight: normal; color: #fff;}
.rsepro-event-taxonomies-block {font-size: 1.4rem}
.rsepro-small-description-block {margin-top: 10px}


/*FOOTER*/
.footer {background: #161616; }
.footer-top-modules {display: flex; flex-wrap: wrap; padding: 30px 0; align-items: center }
.footer-menu {border-right: 1px solid rgba(255,255,255,0.12); }
.footer-menu .moduletable {padding: 15px 0}

.footer-menu .nav{column-count: 2 }
.footer-menu .nav>li {}
.footer-menu .nav>li>a {font-size: 1.2rem; color:#989898; }
.footer-menu .nav>li>a:hover, .footer-menu .nav>li>a:focus, .footer-menu .nav>li>a:active {color: #fff; background: none}
.footer-menu .nav>li.active>a {color: #fff;}
/*footer-social*/
.footer-social a[class*="icon-"] { display: inline-block; padding:0; width: 36px; height: 36px; background: none; border-radius: 50%; margin: 0 3px; color: #cdcdcd; text-align: center; line-height: 36px; font-size: 1.8rem}
.footer-social a[class*="icon-"]:hover {background: #ab9189; text-decoration: none; color: #fff;}
/*footer-copyright*/
.footer-copyright .moduletable { display: flex; flex-wrap: nowrap; align-items: center}
.footer-copyright .footer-logo {width: 200px; margin-right: 20px;}
.footer-copyright .footer-copitight-text { color: #fff; font-size: 1.2rem} 
/*footer-slogan*/
.footer-slogan {background: #282828; color: #606060; text-align: center; font-size: 1.6rem;  font-family: 'CentSchbkBtItalic';}
.footer-slogan .moduletable {padding: 10px 0;}



@media (min-width: 992px) and (max-width: 1199px) {
/*HEADER*/
    /*header-top-slogan*/
.header-top-slogan {
    font-size: 2rem;
}
}

/*Small*/

@media (min-width: 768px) and (max-width: 991px) {
    /*BOTTOM BLOCK*/
    .bottom-block .container {background: #232222 url(../images/upcoming-events-bg-sm.jpg) no-repeat left top;  background-size: cover}
.bottom-block .moduletable>h3 {font-size: 36px}
}

/*Extra Small*/

@media (max-width: 767px) {
/*header-top-right*/
.header-top-right {
    justify-content: space-between;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.12)
}
.header-top-phone h3 a {
    font-size: 2rem;
    color: #2c2c2c
}
/*NAVBAR*/
.navbar-toggle {
}
.navbar-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    width: 46px;
    height: 46px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    padding: 0
}
.navbar-toggle span {
    color: #fff;
}
.navbar-toggle.collapsed {
    transform: rotate(0deg)
}
.navbar-toggle {
    transform: rotate(90deg)
}
.navbar-toggle.collapsed, .navbar-toggle {
    transition: all ease 0.3s
}
.header-bottom .nav {
    flex-direction: column;
    padding: 15px 0;
    width: 100%
}
.header-bottom .nav>li>a {
    color: #a3a3a3;
    margin: 0;
    box-shadow: none;
    transition: all ease 0.3s;
    text-align: center;
}
.header-bottom .nav>li>a:hover, .header-bottom .nav>li>a:focus {
    background: #e0e0e0;
    color: #878787;
    box-shadow: none;
    transition: all ease 0.3s
}
.header-bottom .nav>li.active>a {
    color: #fff;
    box-shadow: none;
    background: #ab9189
}
.header-bottom .moduletable_menu {
    display: flex;
    width: 100%
}
    /*BOTTOM BLOCK*/
.bottom-block {padding: 30px 0 0 0}
.bottom-block .container {background: #232222 url(../images/upcoming-events-bg-xs.jpg) no-repeat center top;  background-size: cover}
.bottom-block .moduletable { padding: 15px;}
.bottom-block .moduletable>h3 {font-size: 30px; text-align: center}
/*upcoming events*/

.rsepro_upcoming li {display: flex; flex-direction: row; width: 100%; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; padding: 30px 0}

.rsepro_upcoming .event-date {background: url(../images/event-date-bg.svg) center bottom no-repeat; background-size: contain; min-width: 50px; width: 50px; text-align: center; margin-right: 30px; padding-bottom: 15px; order: 2; flex: 0 1 50px; margin-top: 15px; }

.rsepro_upcoming li .rsepro-image { order: 1; margin-right: 0px; min-width: 100%; width: 100%; min-height: 200px; height: 200px; overflow: hidden;  }

.rsepro_upcoming .event-info { order: 3; align-self: flex-start; flex: 1 1 100px; margin-top: 15px  }
    /*FOOTER*/


.footer-menu {border-bottom: 1px solid rgba(255,255,255,0.12); border-right: none}
.footer-menu .moduletable {padding: 0px 0 30px 0}


/*footer-social*/
    .footer-social .moduletable {text-align: center; border-bottom: 1px solid rgba(255,255,255,0.12); padding: 15px 0}
/*footer-copyright*/
.footer-copyright .moduletable { display: flex; flex-wrap: nowrap; align-items: center; padding: 15px 0 0 0; justify-content: center}
.footer-copyright .footer-logo {width: 200px; margin-right: 20px;}
.footer-copyright .footer-copitight-text { color: #fff; font-size: 1.2rem} 
/*footer-slogan*/
.footer-slogan {background: #282828; color: #606060; text-align: center; font-size: 1.6rem;  font-family: 'CentSchbkBtItalic';}
.footer-slogan .moduletable {padding: 10px 0;}

}

/*Extra Small Landscape*/

@media (max-device-width: 767px) and (orientation: landscape) {
}