@charset "utf-8";
/* CSS Document */
/*
#43d1ff
#45c3fe
*/
/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Home
6. Event
7. About
8. Sermons
9. Mission
10. Events
11. Donations
12. Quote
13. Gallery
14. Latest News
15. Footer



******************************/
/***********
1. Fonts
***********/
@import url('https://fonts.googleapis.com/css?family=Assistant:400,600,700,800|Old+Standard+TT:400i');

/*********************************
2. Body and some general stuff
*********************************/
* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF;
    color: #2d2d2d;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none;
    margin-bottom: 0px;
}

p {
    font-family: 'Assistant', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #212529;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    margin-bottom: 0.7rem;
}

.page-content ul, .page-content ol {
    padding: 0 0 0 34px;
}

.page-content ul li, .page-content ol li {
    font-family: 'Assistant', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    margin-bottom: 0.5rem;
    color: #2d2d2d;
}

.page-content ul li {
    list-style: circle;
}

.page-content ol li {
}

p a {
    display: inline;
    position: relative;
    color: inherit;
    border-bottom: solid 1px #0c3e6e;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

p:last-of-type {
    margin: 0;
}

a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #0c3e6e;
}

p a:hover::after {
    opacity: 0.2;
}

h1 {
    font-size: 36px;
    color: #585858;
}

h2 {
    font-size: 28px;
    color: #212529;
}

h3 {
    font-size: 24px;
    color: #585858;
}

h4 {
    font-size: 18px;
    color: #585858;
}

h5 {
    font-size: 14px;
    color: #585858;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.ramka {
margin-top: 1rem !important; margin-bottom: 1rem !important; border: 2px solid #083a6c12; border-radius: 6px; padding: 15px 15px 15px 15px;
 }

.form-control {
    color: #db5246;
}

.strong {
    font-weight: 700;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.nopadding {
    padding: 0px !important;
}

.button {width: 160px;height: initial;text-align: center;background: #0c3e6e;border-radius: 25px;font-weight: 700;/* box-shadow: inset 0px 0px 0 3px #e9ecef; */border: 2px #e9ecef solid;}

.button a {
    display: block;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 46px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 25px;
    transition: 0.3s;
}

/*********************************
3. Header
*********************************/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header.scrolled {
    top: 0px;
}

/*********************************
3.1 Top Bar
*********************************/
.top_bar {
    width: 100%;
}

.header.scrolled .top_bar {
}

.top_bar_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.top_bar_container {
    width: 100%;
    height: 100%;
}

.top_bar_content {
    width: 100%;
    height: 46px;
}

.top_bar_contact_list li {
    display: inline-block;
}

.top_bar_contact_list li i, .top_bar_contact_list li > div {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
}

.top_bar_contact_list li > div {
    margin-left: 5px;
}

.top_bar_contact_list li:not(:last-child) {
    margin-right: 21px;
}

.social_list {
    margin-right: -10px;
}

.social_list li {
    display: inline-block;
}

.social_list li:not(:last-child) {
    margin-right: 6px;
}

.social_list li a i {
    font-size: 12px;
    color: #FFFFFF;
    padding: 10px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.social_list li:hover a i {
    color: #b10707;
}

/*********************************
3.2 Header Content
*********************************/
.header_container {
    width: 100%;
    background: #FFFFFF;
}

.header_container .container {
    max-width: 1170px;
}
.header__top{
    border-bottom: 2px #ececec solid;
    padding: 0px 0;
}
.header__bottom{}
.header__bottom .container{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.header_content {
    /* height: 120px; */
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-contacts{}.header-contacts__contact:last-child{margin:0;}
.header-contacts__contact{
    display: flex;
    align-items: center;
    font-size: 16px;
    margin: 0 0 5px 0;
    color: #212529;
}
.header-contacts__contact a{

color: #0c3e6e;
}
.header-contacts__contact i{
    color: #0c3e6e;
    font-size: 20px;
    margin: 0 5px 0 0;
}
.header.scrolled .header_content {
    /* height: 80px; */
}

/*********************************
3.3 Logo
*********************************/
.logo_container a, .logo_container div {

    align-items: center;
}

.logo, .logo_text {
    display: inline-block;
}

.logo {
    /* width: 60px; */
    height: 66px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-left: 2px #ececec solid;
    border-right: 2px #ececec solid;
}

.logo img {
    /* max-width: 100%; */
    max-height: 100%;
    display: block;
}

.logo_text {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 0.75;
    color: #212529;
    vertical-align: middle;
    margin-left: 8px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    /* letter-spacing: -2px; */
    max-width: 108px;
    line-height: 1.1;
}

.header.scrolled .logo {
    /* width: 40px; */
    /* height: 70px; */
}

.header.scrolled .logo_text {
    /* font-size: 18px; */
}

/*********************************
3.4 Main Nav
*********************************/
.main_nav_contaner {
}

.main_nav, .search_button {
    display: inline-block;
}

.main_nav li {
    display: inline-block;
    position:relative;
}

.main_nav li:not(:last-child) {
    margin-right: 25px;
}

.main_nav li a {
    font-size: 16px;
    font-weight: 600;
    color: #585858;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    padding: 12px 0;
    display: inline-block;
}
.main_nav li:hover ul{
    display:block;
    min-width: 225px;
}
.main_nav  ul li:hover ul{display:block !important;}
.main_nav li ul{
    position:absolute;
    background: #f3f3f3;
    padding: 4px 0;
    margin: 0 0 0 0;
    display: none;
}
.main_nav li ul li{
    margin: 0 !important;
    display: block;
}
.main_nav li ul li a{
    padding: 5px 10px;
    display: block;
    font-weight: 400;
}
.main_nav li ul ul{left: 100%;top: 0;display: none !important;min-width: 188px;}
.main_nav .has-childs:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3.5px 0 3.5px;
    border-color: #0c3e6e #0000 #0000 #0000;
    position: relative;
    bottom: -11px;
    left: 5px;
}
.main_nav ul .has-childs:after{
    position: absolute;
    left: 94% !important;
    top: 48%;
}
@media (max-width: 1070px) {
    .main_nav li a {
        /* font-size: 12px; */
        }
}
.main_nav li a:hover, .main_nav li.active > a {
    color: #bb795f;
}

.search_button {
    margin-left: 46px;
    cursor: pointer;
}

.search_button i {
    font-size: 16px;
    color: #181818;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.search_button:hover i {
    color: #b10707;
}

.header_search_form {
    display: block;
    position: relative;
    width: 40%;
}

.header_search_container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #b10707;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.header_search_container.active {
    bottom: -73px;
    opacity: 1;
}

.header_search_content {
    width: 100%;
    height: 73px;
}

.search_input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px;
}

.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/
.hamburger {
    display: none;
    cursor: pointer;
    margin-right: 10px
}

.hamburger i {
    font-size: 20px;
    color: #353535;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.hamburger:hover i {
    color: #eb4141;
}

/*********************************
4. Menu
*********************************/
.menu {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.98);
    z-index: 101;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.menu.active {
    visibility: visible;
    opacity: 1;
}

.menu_search_form {
    display: block;
    position: relative;
    margin-top: 50px;
}

.menu_search_input {
    width: 400px;
    height: 40px;
    background: #c0c0c0;
    border: none;
    border-radius: 3px;
    outline: none;
    padding-left: 20px;
}

.menu_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border: none;
    outline: none;
    cursor: pointer;
    background: #c0c0c0;
}

.menu_nav {
    margin-top: 50px;
    text-align: center;
    text-align: left;
}
.menu_nav ul ul{
    background: #efefef;
    padding: 5px 10px;
    margin: 0 0 0 0;
    display: none;
}
.menu_nav ul ul li{}
.menu_nav .has-childs> a:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3.5px 0 3.5px;
    border-color: #0c3e6e #0000 #0000 #0000;
    position: relative;
    right: -8px;
    top: 16px;
}
.menu_nav ul li:not(:last-child) {
    margin-bottom: 6px;
}
.menu_nav ul li{

border-bottom: 1px #dedede solid;
}
.menu_nav ul li a {
    font-size: 18px;
    font-weight: 700;
    color: #353535;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    position: relative;
    padding: 5px 0;
    display: block;
}

.menu_nav ul li a:hover {
    color: #eb4141;
}

.menu_close {
    position: absolute;
    top: 100px;
    right: 100px;
    cursor: pointer;
}

.menu_close i {
    font-size: 20px;
}

.menu_close:hover i {
    color: #eb4141;
}

/*********************************
5. Home
*********************************/
.home {
    width: 100%;
    height: 100vh;
}

.home_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.home_background:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000073;
}
.home_content {
    /* position: absolute; */
    /* top: 40%; */
    /* left: 0; */
    /* width: 100%; */
    /* z-index: 10; */
}

.home_title {
    font-size: 55px;
    font-weight: 800;
    /* text-transform: uppercase; */
    letter-spacing: 0.03em;
    color: #FFFFFF;
    line-height: 1.18;
}

.home_text {
    font-size: 18px;
    color: #FFFFFF;
    padding-left: 0;
    padding-right: 0;
    margin-top: 50px;
    max-width: 600px;
    margin: 15px auto 0 auto;
}.home_text a{
    color: white;
}
.home_text p{
    color: white;
    text-align: left;
}
.home_text ul{
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
}
.home_text ul li{
    color: white;
    text-align: left;
    list-style: square;
}
.home_link {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 100%;
    padding: 0;
    height: auto;
    max-width: 430px;
}

.home_link a {
    padding: 20px 20px 17px 20px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
    border-radius: 4px;
}

.home_link a:hover {
    background: #76d3fc;
}

/*********************************
6. Event
*********************************/
.event {
    width: 100%;
}

.event_container {
    height: 160px;
    background: #f9f9f9;
    margin-top: -80px;
    border-radius: 6px;
    padding-left: 70px;
    padding-right: 35px;
}

.event_date {
    width: 70px;
    height: 70px;
    background: #b10707;
}

.event_day {
    font-size: 32px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 0.75;
}

.event_month {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 0.75;
    margin-top: 11px;
}

.event_content {
    padding-left: 60px;
}

.event_title, .event_title a {
    font-size: 18px;
    color: #181818;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.event_title a:hover {
    color: #b10707;
}

.event_row {
    margin-top: 5px;
}

.event_icon {
    display: inline-block;
    width: 14px;
    height: 15px;
}

.event_icon i {
    font-size: 16px;
    color: #b10707;
}

.event_row li span {
    font-family: 'Standard', serif;
    font-style: italic;
    font-size: 12px;
    color: #2d2d2d;
    margin-left: 6px;
}

.event_row li:not(:last-child) {
    margin-bottom: 7px;
}

.event_timer_container {
}

.event_timer li {
    display: inline-block;
    height: 80px;
    width: 100px;
    text-align: center;
}

.event_timer li:not(:last-child) {
    border-right: solid 1px #e0e0e0;
}

.event_num {
    font-size: 40px;
    font-weight: 600;
    line-height: 0.75;
    color: #181818;
    margin-top: 8px;
}

.event_ss {
    font-size: 16px;
    line-height: 0.75;
    color: #2d2d2d;
    text-transform: uppercase;
    margin-top: 19px;
}

/*********************************
7. About
*********************************/
.about {
    padding-top: 20px;
    padding-bottom: 50px;
    background: #FFFFFF;
}

.section_title_container {
}

.section_title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.185;
    color: #212529;
    text-transform: uppercase;
}

.section_subtitle {
    font-family: 'Old Standard TT', serif;
    font-size: 16px;
    color: #2d2d2d;
    font-style: italic;
    margin-top: 5px;
}

.about_row {
    margin-top: 30px;
}

.about_image {
    width: 100%;
}

.about_image img {
    max-width: 100%
}

.about_content {
    padding-left: 30px;
    /* padding-top: 11px; */
}

.about_button {
    margin-top: 31px;
}

/*********************************
8. Sermons
*********************************/
.sermons {
    padding-top: 89px;
    padding-bottom: 100px;
    background: #f7f7f7;
}

.sermons_row {
    margin-top: 52px;
}

.card {
    display: block;
    /* IE fix for distorted card images */
    border: none;
    border-radius: 0px;
}

.card-img-top {
    border-radius: 0px;
}

.card-body {
    padding-top: 44px;
    padding-bottom: 50px;
}

.card-title {
    margin-bottom: 0;
    font-size: 20px;
    color: #585858;
    line-height: 1.2;
    margin: 0 0 15px 0;
    text-align: left;
    padding: 0 0 0 15px;
    text-transform: uppercase;
}

.sermon_info_container {
    margin-top: 9px;
}

.sermon_info_title {
    display: inline-block;
}

.sermon_info_list {
    display: inline-block;
    margin-left: 4px;
}

.sermon_info_title {
    font-family: 'Old Standard TT', serif;
    font-size: 13px;
    font-style: italic;
    color: #2d2d2d;
}

.sermon_info_list li {
    display: inline-block;
}

.sermon_info_list li a {
    font-family: 'Old Standard TT', serif;
    font-size: 13px;
    font-style: italic;
    color: #b10707;
}

.sermon_title a {
    font-size: 18px;
    color: #181818;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.33;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.sermon_title a:hover {
    color: #b10707;
}

.sermon_links {
    margin-top: 24px;
}

.sermon_links ul li {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #e6e6e6;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.sermon_links ul li:not(:last-child) {
    margin-right: 16px;
}

.sermon_links ul li a {
    display: block;
}

.sermon_links ul li a i {
    line-height: 48px;
    font-size: 18px;
    color: #2d2d2d;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.sermon_links ul li:hover {
    background: #b10707;
}

.sermon_links ul li:hover a i {
    color: #FFFFFF;
}

/*********************************
9. Mission
*********************************/
.mission {
    padding-top: 97px;
    padding-bottom: 94px;
    background: transparent;
}

.mission_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.mission_item {
    display: inline-block;
    width: 25%;
    padding-left: 70px;
    padding-right: 70px;
}

.mission_icon i {
    font-size: 36px;
    color: #b10707;
}

.mission_title {
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 7px;
}

.mission_text {
    color: #FFFFFF;
    margin-top: 17px;
}

.mission_item:not(:last-child)::after {
    display: block;
    position: absolute;
    top: 30px;
    right: 0;
    width: 1px;
    height: calc(100% - 30px);
    background: rgba(235, 235, 235, 0.2);
    content: '';
    z-index: 10;
}

/*********************************
10. Events
*********************************/
.events {
    width: 100%;
    background: #FFFFFF;
    padding-top: 97px;
    padding-bottom: 64px;
}

.events_items {
    padding-left: 75px;
    padding-right: 75px;
    margin-top: 52px;
}

.events_item {
    width: calc((100% - 150px) / 3);
    padding-bottom: 30px;
}

.events_item_image {
    width: 100%;
}

.events_item_image img {
    max-width: 100%;
}

.events_item_content {
    margin-top: 30px;
}

.events_item .event_content {
    padding-left: 30px;
    margin-top: -5px;
}

/*********************************
11. Donations
*********************************/
.donations {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.donations_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.donations_background:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000008c;
}
.donations_content {
    padding-top: 35px;
}

.donation_title {
    font-size: 34px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
}

.donation_info_container {
    margin-top: 23px;
}

.donation_info_title {
    display: inline-block;
    /* font-family: 'Old Standard TT', serif; */
    font-size: 16px;
    /* font-style: italic; */
    color: #c0c0c0;
}

.donation_info_list {
    display: inline-block;
    margin-left: 4px;
}

.donation_info_list li {
    display: inline-block;
    color: white;
    font-size: 16px;
    /* font-style: italic; */
}

.donation_info_list li a {
    /* font-family: 'Old Standard TT', serif; */
    font-size: 16px;
    /* font-style: italic; */
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.donation_info_list li a:hover {
    color: white;
    text-decoration: underline;
}

.donation_text {
    margin-top: 14px;
}

.donation_text p {
    color: #FFFFFF;
}
.donation_text ul{
    color: white;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
}
.donation_text ul li{
    list-style: square;
}
.donation_details_container {
    width: 100%;
    padding-left: 70px;
    padding-right: 70px;
}

.donation_details {
    background: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 10px;
    border: 0px #0c3e6e solid;
}

.donation_funds {
}

.donation_funds_title {
    display: inline-block;
    /* font-family: 'Old Standard TT', serif; */
    /* font-style: italic; */
    font-size: 17px;
    color: #585858;
    font-weight: 400;
}

.donations_funds_value {
    display: inline-block;
    font-size: 36px;
    color: #0c3e6e;
    font-weight: 700;
}

.donation_progress_container {
    margin-top: 54px;
}

.donation_progress_outer {
    width: 100%;
    height: 14px;
    background: #dddddd;
    border-radius: 7px;
}

.donation_progress {
    height: 100%;
    background: #bb795f;
    border-radius: 7px 0 0 7px;
    min-width: 1%;
}

.donation_progress_value {
    position: absolute;
    top: -38px;
    left: 0;
    font-size: 24px;
    font-weight: 600;
    color: #bb795f;
    line-height: 0.75;
    width: 200px;
    text-align: left;
}

.donation_info {
    margin-top: 13px;
}

.donation_current, .donation_goal {
    font-size: 16px;
    color: #2d2d2d;
}

.donation_current span, .donation_goal span {
    color: #181818;
    font-weight: 700;
}

.donation_button {
    width: 100%;
    margin-top: 25px;
}

/*********************************
12. Quote
*********************************/
.quote {
    width: 100%;
    background: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 30px;
}

.quote_container {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.quote_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
}

.quote_quote {
    font-family: 'Old Standard TT', serif;
    font-size: 26px;
    color: #181818;
    z-index: 10;
    line-height: 1.4;
    border: 2px solid #083a6c12;
    border-radius: 6px;
    padding: 15px;
    width: 100%;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
}

.quote_source {
    font-family: 'Assistant', sans-serif;
    font-size: 18px;
    color: #45c3fe;
    font-weight: 600;
    margin-top: 13px;
}
@media (min-width:750px){.quote_quote{
    width: calc(50% - 10px);
}}
/*********************************
13. Gallery
*********************************/
.gallery {
}

.gallery_item {
    width: 16.666666%;
}

.gallery_item a {
    display: block;
    width: 100%;
    border: 2px #fff solid;
    overflow: hidden;
}

.gallery_item a img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 100%;
    transition: 1s;
}

.gallery_item:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
}
.gallery--4-per-row .gallery_item{width:25%;}
@media (max-width:700px){
    .gallery--4-per-row .gallery_item{
        width: 50%;
    }
}
/*********************************
14. Latest News
*********************************/
.latest_news {
    padding-top: 97px;
    padding-bottom: 54px;
    background: #FFFFFF;
}

.news_row {
    margin-top: 52px;
}

.news_post {
    width: 100%;
}

.news_image {
    width: 100%;
    display: block;
    border: 5px solid #ececec;
}

.news_image img {
    max-width: 100%;
    width: 100%;
}

.news_post_title {
    margin-top: 10px;
}

.news_post_col {
    margin-bottom: 40px;
}

.news_post_title a {
    font-size: 18px;
    /* text-transform: uppercase; */
    color: #181818;
    font-weight: 700;
    line-height: 1.33;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.news_post_title a:hover {
    color: #bb795f;
}

.news_post_meta {
    margin-top: 9px;
    background: #ececec;
    padding: 2px 10px;
}
.news_post_meta ul {
    padding: 0;
}
.news_post_meta ul li {
    display: inline-block;
    margin: 0;
}

.news_post_meta ul li:not(:last-child) {
    margin-right: 18px;
}

.news_post_meta ul li i {
    color: #0c3e6e;
    margin: 0 10px 0 0;
}

.news_post_meta ul li a {
    display: inline-block;
    font-family: 'Old Standard TT', serif;
    font-size: 12px;
    font-style: italic;
    color: #2d2d2d;
    margin-left: 6px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.news_post_meta ul li a:hover {
    color: #b10707;
}

.news_post_text {
    margin-top: 10px;
    font-size: 16px;
    text-align: justify;
}

.news_post_text p {
    font-size: 14px;
    color: #2d2d2d;
    line-height: 1.57;
}

/*********************************
15. Footer
*********************************/
.page-content:after {
    content: '';
    clear: both;
    display: block;
}

.footer {
    display: block;
    position: relative;
    background: url('/theme/images/footer.jpg');
    background-size:cover;
}
.footer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #00000078;
}
.footer_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer_contact_column {
    padding-top: 54px;
}

.footer_logo, .footer_logo_text {
    display: inline-block;
}

.footer_logo {
    width: 60px;
    height: 60px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_logo img {
    max-width: 100%;
}

.footer_logo_text {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.25;
    color: #FFFFFF;
    vertical-align: middle;
    margin-left: 7px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    max-width: 210px;
}

.footer_contact {
    margin-top: 33px;
}

.footer_contact a {
    color: white;
    font-size: 16px;
}

.footer_contact a:hover {
    /* color: #45c3fe; */
    text-decoration: underline;
}

.footer_contact ul li:not(:last-child) {
    margin-bottom: 7px;
}

.footer_contact ul li div {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.footer_contact ul li div i {
    color: #ffffff;
}

.footer_contact ul li span {
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 7px;
}

.footer_links {
    padding-top: 70px;
    padding-left: 70px;
    padding-right: 70px;
}

.footer_title {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 0.75;
    font-weight: 700;
    text-transform: uppercase;
}

.footer_links_list {
    /* columns: 2; */
    /* -webkit-columns: 2; */
    -moz-columns: 2;
    margin-top: 20px;
}

.footer_links_list li {
    margin-bottom: 11px;
}

.footer_links_list li a {
    font-size: 16px;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_links_list li a:hover {
    /* color: #45c3fe; */
    text-decoration: underline;
}

.footer_links_list li a i {
    color: #ffffff !important;
    margin: 0 5px 0 0;
    font-size: 13px;
}

.footer_subscribe {
    padding-top: 70px;
}

.footer_text {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.71;
    margin-top: 20px;
}

.footer_form_container {
    margin-top: 30px;
}

.subscribe_input {
    width: 100%;
    height: 40px;
    border: solid 1px rgba(235, 235, 235, 0.15);
    border-radius: 3px;
    background: transparent;
    padding-left: 22px;
    outline: none;
    color: #FFFFFF;
}

.subscribe_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.subscribe_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.subscribe_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.subscribe_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.subscribe_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.subscribe_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 40px;
    background: #FFFFFF;
    border: none;
    outline: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 12px;
    color: #b10707;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

.subscribe_button:hover {
    background: #b10707;
    color: #FFFFFF;
}

.copyright_row {
    /* margin-top: 58px; */
}

.copyright_container {
    width: 100%;
    height: 68px;
    border-top: solid 1px rgba(235, 235, 235, 0.15);
    border-bottom: solid 1px rgba(235,235,235,0.15);
    margin: 0 0 10px 0;
}

.footer_social ul {
    margin-right: -10px;
}

.footer_social ul li {
    display: inline-block;
}

.footer_social ul li:not(:last-child) {
    margin-right: 8px;
}

.footer_social ul li a i {
    font-size: 15px;
    padding: 10px;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_social ul li a i:hover {
    color: #b10707;
}

.home {
    width: 100%;
    height: auto;
    padding: 140px 0 20px 0;
    box-sizing: border-box;
}

@media (max-width: 650px) {
    .home {
         padding: 80px 0 20px 0; 
    }
}

@media (max-width: 575px) {
    .home {
        /* padding: 105px 0 20px 0; */
    }
}

.page-home .home {
    /* min-height: 450px; */
    margin: 99px 0 0 0;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home_content {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* z-index: 10; */
}

.home_title {
    font-size: 36px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.3;
    margin: 0;
    display: flex;
    flex-direction: column;
    /* text-shadow: 0 0 1px black; */
    text-align: center;
}

.home_title span {
    font-size: 20px;
    color: #ffffff;
}

@media (max-width: 650px) {
    .page-home .home {
        margin: 66px 0 0 0;
    }
}

@media (max-width: 550px) {
    .page-home .home {
        /* margin: 80px 0 0 0; */
    }
}

.breadcrumbs ul li {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

.breadcrumbs ul li a {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.breadcrumbs ul li a:hover {
    color: #b10707;
}

.breadcrumbs ul li:not(:last-child)::after {
    display: inline-block;
    content: '/';
    margin-left: 4px;
}

.page-content {
    padding: 50px 0;
}

.img-adaptive {
    max-width: 50%;
    height: auto;
}

.breadcrumb {
    margin: 0;
    padding: 0;
    background: none;
    justify-content: center;
}

.breadcrumb-item {
}

.breadcrumb-item a {
    color: white;
    text-decoration: underline;
}

.breadcrumb-item a:hover {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: white;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: white;
}

.top_bar_contact_list a {
    color: white;
    text-decoration: underline;
    font-size: 14px;
}

.top_bar_contact_list a:hover {
    text-decoration: none;
}

.bg-info {
    background-color: #76d3fc !important;
}

.home_background {
    background: url(/theme/images/menu.jpg) no-repeat center;
    background-size: cover;
}

.copyright {
    color: white;
    font-size: 16px;
}

.copyright a {
    color: white;
    text-decoration: underline;
    margin: 0 0 0 10px;
}

.copyright a:hover {
    text-decoration: none;
    /* color: #45c3fe; */
}

.footer_social a {
    font-weight: 700;
    color: #ffffff;
    font-size: 22px;
}

.footer_social a:hover {
    text-decoration: underline;
    /* color: #083a6c; */
}

.page-home__contacts {
    padding: 0 0 40px 0;
}

/* start CAROUSEL */
.carousel {
}

.carousel__item {
    text-align: center;
}

.carousel__item-image {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 8px;
}

.carousel__item-image-img {
    max-width: 100%;
}

.carousel__item-link {
    text-align: center;
    text-decoration: none;
    color: #37c5d9;
}

.carousel__item-link:hover {
    text-decoration: underline;
}

.carousel .slick-arrow {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    line-height: 1;
    background: white;
    border-radius: 50px;
}

.carousel .slick-arrow:before {
    color: #0c3e6e;
    font-size: 39px;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    position: relative;
    left: -2px;
    top: 1px;
}

.carousel .slick-prev {
    left: -10px;
}

.carousel .slick-next {
    right: -10px;
}

.preview-certificates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

@media (min-width: 768px) {
    .preview-certificates {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
    }
}

@media (min-width: 992px) {
    .preview-certificates {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

/* endCAROUSEL */
.contact_title {
    font-size: 24px;
    font-weight: 700;
    color: #181818;
    text-transform: uppercase;
}

.contact_info_content {
     margin-top: 21px; 
}
#donation p ,#cp-middle p{
    padding: 6px 0;
}



.contact_info_content ul {
    padding: 0;
    display: grid;
    grid-gap: 10px;
}

.contact_info_content ul li {

    list-style: none;

    margin: 0;

    display: flex;

    line-height: 1.2;
}

.contact_info_content ul li:nth-child(2) {
    flex: 1 0 auto;
}

.contact_info_content ul li:nth-child(3) {
    flex: 1 0 auto;
}
.sitemap li ul {
    padding-top: 8px;
}
.treby-grid {
    margin-bottom: 20px;
}
.logo {
    margin-top: 5px;
}



#donation p.form-message {
    padding: 0;
}

.fancybox-content {
    padding: 25px!important;
}

.fancybox-slide--html .fancybox-close-small {
    padding: 4px !important;
    height: 30px !important;
    width: 30px !important;
}

@media (min-width: 768px) {
    .contact_info_content ul {display: grid;grid-template-columns: 1fr;grid-gap: 15px;}

    .contact_info_content ul li {
        /* justify-content: center; */
    }
}

.contact_info_content--vertical ul {
    grid-template-columns: initial;
    justify-content: flex-start;
    align-items: flex-start;
}

.contact_info_content--vertical ul li {
    justify-content: flex-start;
}

.contact_info_content ul li div, .contact_info_content ul li span {
    display: inline-block;
}

.contact_info_content ul li div {
    width: 40px;
    height: 40px;
    background: #ebebeb;
    text-align: center;
    border-radius: 50%;
    flex: 0 0 auto;
}

.contact_info_content ul li div i {
    line-height: 40px;
    color: #bb795f;
}

.contact_info_content ul li span, .contact_info_content ul li a {
    font-size: 16px;
    color: #181818;
    margin-left: 30px;
    align-self: center;
    font-weight: 700;
}

@media (min-width: 992px) {
    .contact_info_content ul li span, .contact_info_content ul li a {
        font-size: 18px;
    }
}

.contact_info_content ul li a:hover {
    text-decoration: underline;
    color: #0c3e6e;
}

.popup {
    padding: 35px 20px 20px 20px;
}

.contact_form_container {
    margin-top: 21px;
}

.contact_form_container .row {
    margin-top: 21px;
    display: grid;
    grid-gap: 15px;
}

.contact_form_container .row div {
    margin: 0 !important;
}

.form_input {
    width: 100%;
    height: 40px;
    border: solid 1px #cccccc;
    outline: none;
    padding-left: 20px;
    font-size: 14px;
}

.form_text {
    width: 100%;
    height: 100px;
    border: solid 1px #cccccc;
    outline: none;
    margin-top: 30px;
    padding-left: 20px;
    font-size: 14px;
    padding-top: 12px;
}

.form_input::-webkit-input-placeholder, .form_text::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.form_input:-moz-placeholder, .form_text:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.form_input::-moz-placeholder, .form_text::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.form_input:-ms-input-placeholder, .form_text:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.form_input::input-placeholder, .form_text::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #c0c0c0 !important;
}

.form_submit_button {
    /* width: 170px; */
    padding: 10px 50px;
    cursor: pointer;
    background: #0c3e6e;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 25px;
    /* margin-top: 24px; */
    border: 2px #e9ecef solid;
}

.form_submit_button:hover {
    background: #2e5b84;
}

.bg-secondary {
    background-color: #2e5b84 !important;
}

a.bg-secondary:focus, a.bg-secondary:hover {
    background-color: #0c3e6e !important;
    color: white !important;
}

@media (max-width: 650px) {

    .home_content .breadcrumbs {
        margin: 6px auto 0 auto;
    }
}

@media (max-width: 768px) {
    
    .header__top {
    padding-top: 6px;
}

.page-content {
    padding: 20px 0;
}



    .page-home .home_content .row {
    }

}

.fancybox-navigation {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999999999999;
    height: 50px;
    display: none;
}

.bg-warning {
    background-color: #FFD700 !important;
}

.contacts-list li {
    list-style: none !important;
    font-size: initial;
}

.contacts-list__name:before {
    content: "\f007";
    font-family: fontawesome;
    margin: 0 8px 0 0;
    color: #083a6c;
}

.contacts-list__tel:before {
    content: "\f095";
    font-family: fontawesome;
    margin: 0 8px 0 0;
    color: #083a6c;
}

.contacts-list__email:before {
    content: "\f0e0";
    font-family: fontawesome;
    margin: 0 8px 0 0;
    color: #083a6c;
}

.contacts-list li a {
    color: #083a6c;
    font-size: initial;
}

.contacts-list li a:hover {
    text-decoration: underline;
}

.to-top-btn {
    bottom: 30px;
    height: 40px;
    position: fixed;
    right: 30px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0c3e6e;
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    transition: 0.3s;
    font-weight: 600;
    z-index: 9;
    border: 3px #fff solid;
    box-shadow: 0 0 0 3px #0c3e6e;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;
    opacity: 0.5;
}

.to-top-btn:hover {
    opacity: 1;
}

.table td {
    font-size: 16px;
}

.table--donations {
}

.table--donations thead {
}

.table--donations thead tr {
}

.table--donations thead td {
    background: #0c3e6e;
    color: white;
    font-weight: 700;
}

.table--donations tbody tr {
}

.table--donations tbody td {
    border-bottom: 1px rgb(241, 241, 241) solid;
    color: #212529;
    vertical-align: middle;
}

.table--donations tbody td i {
    color: #0c3e6e;
    margin: 0 10px 0 0;
}

@media (max-width: 500px) {
    .table--donations thead {
        display: none;
    }

    .table--donations tbody tr {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px rgb(241, 241, 241) solid;
        padding: 15px 0;
    }

    .table--donations tbody td {
        border: 0;
        padding: 0;
    }

    .table--donations tbody td:nth-child(1) {

        width: 100%;

        font-style: italic;
    }

    .table--donations tbody td:nth-child(2) {

        width: 40%;
    }

    .table--donations tbody td:nth-child(3) {

        width: 59%;

        display: flex;

        align-items: center;
    }

    .table--donations tbody td:nth-child(3) i {
        margin: 0 5px;
    }
}

.btn-info {
    background: #45c3fe;
    border-color: #45c3fe;
}

.gallery-more-button {
    font-size: 16px;
    color: #45c3fe;
}

.gallery-more-button:hover {
    text-decoration: underline;
    color: #45c3fe;
}

.donation_details--no-padding {
    padding: 0;
}

@media (max-width: 500px) {
    .page-home .about_text img {
        display: block;
        margin: 0 auto !important;
        float: none !important;
    }

    .priest-info img {
        display: block;
        margin: 0 auto !important;
        float: none !important;
    }

    .priest-info ul {
        padding: 0;
    }

}
.footer-organization{
    margin: 0 0 15px 0;
    font-size: 14px;
    color: white;
}
.footer-organization a{
    color: white;
    text-decoration: underline;
    margin: 0 4px;
}
.footer-organization a:hover{
    text-decoration: none;
}
.footer-payments{
    display: flex;
    margin: 0 0 10px 0;
    justify-content: center;
}
.footer-payments img{
    margin: 0 10px;
}
.footer p{
    color: white;
    margin: 10px 0 0 0;
}
.ajax-form-popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 99999999999;
    display: none;
}
.ajax-form-popup{
    z-index: 999999999999;
    position: fixed;
    background:white;
    left: 0;
    right: 0;
    top: 40%;
    max-width: 450px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    display: none;
}
.ajax-form-popup-close{position:absolute;right: 0px;top: 2px;font-size: 26px;transform: rotate(45deg);cursor: pointer;line-height: 26px;height: 23px;width: 23px;text-align: center;font-family: serif;}
.ajax-form-popup-text{
    text-align:center;
    width: 100%;
    padding: 20px;
    font-size: 23px;
}
.form_textarea{
    padding: 15px;
    height: 90px;
}
select.form_input{
    padding-left: 12px;
}
.form-prayer-help{
    /* background: url(/theme/images/border.png)repeat-x, url(/theme/images/border.png) repeat-x,url(/theme/images/border.png)repeat-y, url(/theme/images/border.png) repeat-y; */
    /* background-repeat-y: no-repeat; */
    /* background-size: 38px 22px,38px 22px,36px 23px,36px 23px; */
    /* background-position: 0px 0px, 0px 100%,0px 0px, 100% 0px; */
    padding: 10px 0 40px 0;
}
.form-prayer-help:before{content:'';position: absolute;left: -250%;top: 0;width: 500%;height: 100%;display: block;background: #ececec;}
.form-prayer-help form{

}
@media(max-width:768px){
    .form-prayer-help .form-group{
        width: calc(100% - 30px);
        background: #ffffff;
        padding: 10px 10px 0 10px;
        flex-basis: calc(100% - 30px);
        margin: 0 0 12px 15px;
    }
    .form-prayer-help .form-group > div div{
        margin: 0 0 12px 0;
    }
}

.badge-info{
    padding: 5px 10px;
    background-color: rgba(118, 211, 252, 0.17);
    color: #585858;
}
.page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .page-content .h2, .page-content .h3, .page-content .h4, .page-content .h5, .page-content .h6 {
    margin-top: 20px;
}
a.bg-info:focus, a.bg-info:hover {
    background-color: #45c3fe!important;
}
.preview-church {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    margin: 0 0 10px 0;
}
.preview-church a{width:100%}
.preview-church img{width:100%}
.donation_button a:hover {
    background: #2e5b84;
}
.heading-style-1 {
    /* border-bottom: 2px #e9ecef solid; */
    padding: 8px 0 8px 15px;
    margin: 25px 0 25px 0 !important;
    /* border-top: 1px #e0e0e0 solid; */
    /* background: #083a6c12; */
    text-align: center;
    color: #181818;
    /* box-shadow: 0 0 7px 0px #e8f8fe; */
    border: 2px solid #083a6c12;
    border-radius: 6px;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
}
/*
.fancybox-container{
position: absolute !important;
    height: 100vh !important;
    width: 100vw !important;
}
*/
.youtube-videos .youtube-video{
    margin-top:25px;
}
@media (max-width:768px){
    .youtube-videos .youtube-video:first-child{
    margin-top:0;
}
}

.social-links, .social-links noindex{
    display: inline-flex !important;
    flex-wrap: wrap;
}
.social-links a{
    height: 36px;
    width: 36px;
    background:#e8e8e8;
    margin: 5px;
    transition:0.3s;
    border-radius: 25px;
    padding: 7px;
    box-sizing:border-box;
}
.social-links--large a{
    height: 38px;
    width: 38px;
}
.social-links a:first-child{
    margin-left:0;
}
.social-links a:hover{
    box-shadow: 0 0 0 3px white;
}
.social-links svg{
    width:100%;
    height:100%;
}
.social-links--primary{}
.social-links--primary a{    background: none;}
.top_bar .social-links a{

}
@media (max-width:976px){
 .top_bar .social-links{
     display: none !important
 }   
}

.card-image {
    position:relative;
}
.card-image__overlay {
    position:absolute;
    top:0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
 
}
.card-image__image {   transition:0.3s;}
.card-image__image-img {
    width:100%;
    object-fit:cover;
    
}
.card-image__heading {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 30px;
    font-weight: 700;
    padding: 8%;
    text-shadow: 2px 2px 3px #00000082;
}
.card-image__heading-inner{
    border: 2px solid rgb(255 255 255 / 70%);
    padding: 15px;
    line-height: 1.1;
}
.card-image:hover .card-image__image{
   opacity:0.7
}
.sitemap a{
    color:#0c3e6e;
}
.sitemap a:hover{
    text-decoration:underline;
}
.page-content ul a{
    color: #0c3e6e;
}
.page-content ul a:hover{
    text-decoration:underline;
}
.link-smeta{
    background: #0c3e6e;
    padding: 0 5px;
}
.link-smeta:hover{
    background: #bb795f;
}

.treby-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.treby-grid .button{
 width: 275px;
 margin: 5px;
}
.treby-grid .button a{
    color:white;
}
table{
    width: 100%;
    border-color: #0c3e6e;
}
table tr{
}
table td{
    padding: 5px 4px;
    border-color: #0c3e6e;
}
table p{}
.page-content img{
    max-width:100%;
}
.page-content iframe{
    max-width:100%;
}
.page-contact__priest-info{
    
}
@media (max-width:550px){
    .page-contact__priest-info img{
     float: none !important;
     margin: 0 auto 15px auto !important;
     display:block;
    }
}

@media (max-width:950px){
.form-prayer-help__priest-info img{
       display: block;
    margin: 0 auto !important;
    float: none !important;
}
.form-prayer-help__priest-info .contacts-list{ padding:0 !important;}
}
.logo_text2 {
    color: #212529;
    line-height: 1.3;
}

.button a {
    position: relative;  
    overflow-x: hidden;  
}

.button a .flare {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg);  
    animation: flareAnimation;
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    animation: flareAnimation 3s infinite linear; 

    }
 
 .video-carousel .slick-slide a svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #e54744;
    width: 35px;
    height: 35px;
}

.video-carousel .slick-slide a {
    position: relative;
    display: block;
}
 
.video-carousel .slick-slide a:hover svg {
    height: 40px;
    width: 40px;
}




.videolist_tpl a svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #e54744;
    width: 35px;
    height: 35px;
}

.videolist_tpl a {
    position: relative;
    display: block;
}
 .videolist_tpl a:hover svg {
    height: 40px;
    width: 40px;
}
.video-list {
    display: flex;
    flex-wrap: wrap;
}

.videolist_tpl {
    padding: 5px;
    width: 32%;
    min-width: 300px;
}

.videolist_tpl img {
    width: 100%;
}


.video-carousel .slick-next {
right:0;
    z-index: 1;
}

.video-carousel .slick-prev {    left: 0;
       z-index: 1;

}

.video-carousel .slick-next:before, .video-carousel .slick-prev:before {
color: #000;
}

.video-carousel .slick-slide a img {
    width: 100%;
}

.video-carousel .slick-slide a {
    padding: 5px;
}



.video-carousel .slick-arrow {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    line-height: 1;
    background: white;
    border-radius: 50px;
}

.video-carousel .slick-arrow:before {
    color: #0c3e6e;
    font-size: 39px;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    position: relative;
    left: -2px;
    top: 1px;
}

.video-carousel .slick-prev {
    left: -10px;
}

.video-carousel .slick-next {
    right: -10px;
}



@keyframes flareAnimation {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

    #quickbar-wrapper .quickbar{
    top: 0 !important;
}
.form-donation__values-item {
    border: 2px #00bcd4 solid;
    width: 25%;
    border-radius: 3px;
    background: white;
    padding: 2px;
    margin: 0 2px!important;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
    text-align: center;
}
.form-donations__values {
    display: flex;
}
.form-donation__values-item:hover {
    background: #00bcd4;
    color: white;
}
.cloud-donation-form__subscribe-checkboxes {
    font-size: 14px;
    flex-wrap: wrap;
}
.cloud-payments-form-trigger {
    position: fixed;
    bottom: 100px;
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #2e5b84;
    padding: 3px;
    font-size: 10px;
    border-radius: 8px;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 99;
}
.cloud-payments-form-trigger img {
    margin: 0 0 3px 0;
    width: 50px;
}
.cloud-payments-form-trigger:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #ffffff;
    border-radius: 9px;
    animation: blink 1.5s linear 0s infinite;
    position: absolute;
}
p.videowraplists {
 
    margin-bottom: 10px;
}

p.videowraplists a {
    border: none;
}


p.videowraplists a:hover {
    background: none;
    color: #212529;
}
p.videowraplists a {
    position: relative;
    display: flex;
}

p.videowraplists a svg {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0%, 0%);
    width: 20px!important;
    height: 20px!important;
    margin-right: 6px;
}
p.videowraplists {
    padding-top: 5px;
}
.contact_info_content ul li span + a {
    margin-left: 5px;
}

 
.mainpagevideo a img {
    width: 100%;
}

 


.mainpagevideo a svg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #e54744;
    width: 80px;
    height: 80px;
}
.mainpagevideo  {
    position:relative;
}


@keyframes blink {
    from {
        transform: scale(1);
        border-width: 2px;
        opacity: 1;
    }

    to {
        transform: scale(1.3);
        border-width: 6px;
        opacity: 0;
    }
}