body
{
    font-family: 'Poppins', sans-serif;
    overflow-x:hidden;
    margin:0;
}
.container
{
    width:100%;
}
.blue-container
{
    width:100%;
    min-height:400px;
    background-color:#FFFCE9;
    margin-top:30px;
    padding-bottom:30px;
}
.iliustration-holder
{
    text-align:center;
}
.bussines-container h2
{
    color:black;
    font-size:36px;
    padding-top:20px;
}
.bussines-container p
{
    font-size:16px;
}
.content-wrapper
{
    width:96%;
    max-width:1100px;
    margin:0 auto;
}
.header
{
    width:100%;
    margin-top:15px;
}
.meniu
{
    float:right;
    width:80%;
    margin-top:30px;
    text-align:right;
}
.meniu .item
{
    margin-right:20px;
    font-size:16px;
    font-weight: 600;
    cursor:pointer;
    display:inline-block;
}
.meniu .item:hover
{
    opacity:0.8;
}
.meniu .special
{
    background-color:#FEDA00;
    padding:10px;
    border-radius:4px;
    padding-left:15px;
    padding-right:15px;
}
.cl
{
    clear:both;
}
.first-column
{
    padding-top:60px;
}
.col-6
{
    width:50%;
    float:left;
}
.col-6 .wrapper
{
    max-width:520px;
    margin:0 auto;
}
.col-6 .wrapper p
{
    max-width:420px;
    line-height:26px;
}
h1
{
    font-size:44px;
}
h2
{
    font-weight: 600;
    font-size:22px;
}
.illiustration
{
    width:90%;
    margin-top:5%;
}
.second-column
{
    padding-top:40px;
    padding-bottom:40px;
}
.listing-holder h1
{
    text-align:center;
    font-size:36px;
}
.second-special-container
{
    background-image:url(../img/second-background.svg);
    background-position:center top;
    background-size:auto 100%;
    background-repeat:no-repeat;
}
.third-container
{
    padding-top:50px;
}
.fourth-container
{
    padding-top:50px;
    padding-bottom:40px;
}
.fourth-container ul, .bussines-container ul {
    list-style: none;
    padding-left:0;
    max-width:420px;
}
.fourth-container ul li
{
    background: url(../img/check-bulletpoint.svg) no-repeat top left;
    background-position: 0 5px;
    line-height: 1.5625;
    padding: 0 0 4px 50px;
    margin-bottom:20px;
}
.bussines-container ul li
{
    background: url(../img/arrow-icon-down.svg) no-repeat top left;
    background-position: 0 5px;
    line-height: 1.5625;
    padding: 0 0 4px 50px;
    padding-bottom:20px;
}
.fourth-container h2
{
    font-size:36px;
}
.duk-holder
{
    width:90%;
}
.duk-question
{
    width:90%;
    font-size:19px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(112,112,112,0.2);
    background-image:url(../img/yellow-down.svg);
    background-repeat:no-repeat;
    background-position:right top 15px;
    padding-right:10%;
    cursor:pointer;
}
.duk-explainer
{
    display:none;
    font-size:16px;
    padding:6px;
}
.custom-button
{
    background-color:#14245F;
    padding-left:30px;
    padding-right:30px;
    padding-top:10px;
    padding-bottom:10px;
    border-radius:4px;
    display:inline-block;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    color:white;
    cursor:pointer;
}
.second-p
{
    padding-top:60px;
}
.contact-bt{
    cursor:pointer;
}
.third-container h2, .fifth-container h2
{
    font-size:36px;
}
.fifth-container h2
{
    text-align:center;
}
.special-contact
{
    margin-bottom:30px;
}
.fifth-container p
{
    text-align:center;
    margin:0 auto;
    max-width:620px;
    line-height:26px;
}
.third-special-container
{
    padding-top:100px;
    background: rgb(255,228,77);
    background: -moz-linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe44d",endColorstr="#ffffff",GradientType=1);
    padding-bottom:100px;
    position:relative;
}
.background-over
{
    position:absolute;
    top:0;
    left:0;
    pointer-events: none;
    width:100%;
    height:100%;
    background-position:center;
    background-image:url(../img/background-path.svg);
    background-repeat:no-repeat;
    background-size:auto 80%;
}
.list-element
{
    width:33%;
    float:left;
    text-align:center;
}
.list-icon
{
    height:90px;
}
.list-element p
{
    font-size:16px;
    text-align:center;
    max-width:260px;
    margin:0 auto;
    margin-top:15px;
}
.list-element h2
{
    max-width:280px;
    margin:0 auto;
    margin-top:20px;
}
.list-element .wrapper
{
    padding:20px;
}
.comment-section
{
    width:100%;
    margin-top:40px;
}
.faith-container
{
    padding-top:40px;
    padding-bottom:40px;
    width:100%;
    min-height:500px;
    background-image:url(../img/background-faith.svg);
    background-position: center top;
    background-repeat:no-repeat;
    background-size:cover;
}
.comment-section .item
{
    width:25%;
    float:left;
    text-align:center;
}
.comment-section .item-profile
{
    width:100px;
    height:100px;
    margin:0 auto;
    border-radius:50%;
    overflow: hidden;
    background-size:cover;
}
.ip-1
{
    background-image:url(../img/example-1.png);
}
.ip-2
{
    background-image:url(../img/example-2.png);
}
.ip-3
{
    background-image:url(../img/example-3.png);
}
.ip-4
{
    background-image:url(../img/example-4.png);
}
.comment-section .item-title
{
    display:inline-block;
    padding:15px;
    padding-left:25px;
    padding-right:25px;
    border-radius:28px;
    background-color:#FEDA00;
    margin-top:20px;
}
.map-container
{
    height:80vh;
    position:relative;
}
.map-side
{
    width:50%;
    height:100%;
    float:left;
    position:relative;
}
.contact-side
{
    width:50%;
    height:100%;
    float:left;
    background-color:#14245F;
}
.contact-wrapper
{
    padding:20px;
    width:80%;
    max-width:600px;
}
.contact-wrapper h2
{
    font-size:28px;
    color:white;
    font-weight:normal;
}
.custom-input
{
    width:40%;
    margin:10px;
    padding:10px;
    font-family:"Poppins", sans-serif;
    padding-left:12px;
    padding-right:12px;
    background:none;
    background-color:white;
    border-radius:4px;
    outline:none;
    font-size:12px;
    color:#2F281E;
    border:none;
}
.full-input
{
    width:88.5%;
}
.custom-textarea
{
    width:88.5%;
    height:150px;
    margin:10px;
    padding:10px;
    font-family:"Poppins", sans-serif;
    padding-left:12px;
    padding-right:12px;
    background:none;
    background-color:white;
    border-radius:4px;
    outline:none;
    font-size:12px;
    color:#2F281E;
    border:none;
}
.send-bt
{
    width:140px;
    border-radius:4px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#FFCF00;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    margin-left:10px;
}
.error
{
    color:#ea3223;
    font-size:12px;
    padding-bottom:4px;
    margin-left:10px;
}
.c2
{
    display:none;
}
.error-field
{
    border:1px solid #ea3223;
}
#map
{
    width:100%;
    height:100%;
}
.top-gradient
{
    position:absolute;
    z-index:999;
    width:100%;
    bottom:0;
    left:0;
    height:10vh;
    background: rgb(255,228,77);
    background: -moz-linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe44d",endColorstr="#ffffff",GradientType=1);
    pointer-events: none;
}
.bottom-gradient
{
    pointer-events: none;
    position:absolute;
    z-index:999;
    width:100%;
    top:0;
    left:0;
    height:10vh;
    background: rgb(255,228,77);
    background: -moz-linear-gradient(0deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(0deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe44d",endColorstr="#ffffff",GradientType=1);
}
.footer
{
    height:100px;
    position:relative;
}
.footer-logo
{
    top:20px;
    height:50px;
    position:absolute;
}
.footer .contacts
{
    text-align:center;
    padding-top:15px;
}
.footer .facebook
{
    top:20px;
    right:0;
    height:50px;
    position:absolute;
    width:12px;
}
.footer .content-wrapper
{
    position:relative;
}
.meniu-burger
{
    display:none;
}
.mobile-meniu
{
    display:none;
}
.anchor-x
{
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.anchor-xy
{
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.footer-logo-yellow
{
    display: none;
}
.iframe-holder
{
    width:100%;
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
    background-color:#FEDA00;
}
.desktop-iframe
{
    width:100%;
    max-width:1200px;
    overflow:hidden;
}
.mobile-iframe
{
    width:100%;
    overflow:hidden;
}
.faith-wrapper h2
{
    font-size:36px;
    text-align:center;
}
.faith-wrapper h4
{
    font-size:16px;
    font-weight:normal;
    text-align:center;
    margin-bottom:10px;
}
.faith-categories
{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    text-align:center;
}
.faith-categories .category
{
    padding-left:8px;
    padding-right:8px;
    padding-top:5px;
    padding-bottom:5px;
    border-radius:4px;
    border:2px solid black;
    display:inline-table;
    margin:3px;
    font-size:14px;
    cursor:pointer;
}
.faith-categories .category:hover
{
    opacity:0.8;
}
.faith-categories .active-category
{
    background-color:#FEDA00;
    border:2px solid #FEDA00;
    font-weight:bold;
}
.faith-item
{
    width:170px;
    margin:6px;
    display:inline-table;
    height:190px;
    text-align:center;
}
.faith-category-items
{
    margin-top:20px;
    text-align:center;
}
.faith-item .faith-image
{
    width:100px;
    height:100px;
    background-size:cover;
    display:inline-table;
    border-radius:50%;
    border:1px solid white;
}
.faith-item .faith-title
{
    text-align:center;
    width:100%;
    margin-top:6px;
    font-size:14px;
}
.faith-category-items a{
    color:black;
    text-decoration: none;
}
@media screen and (max-width: 780px) {

    .meniu-burger
    {
        display:inherit;
        position:fixed;
        top: 5%;
        right: 25px;
        width: 8%;
        z-index:99999;
    }
    .footer
    {
        background-color:#14245F;
    }
    .col-6
    {
        width:100%;
    }
    .list-element
    {
        width:90%;
        margin:0 auto;
        float:none;
    }
    .container
    {
        background: rgb(255,228,77);
        background: -moz-linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: linear-gradient(180deg, rgba(255,228,77,1) -100%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe44d",endColorstr="#ffffff",GradientType=1);
    }
    .comment-section .item
    {
        float:none;
        margin:0 auto;
        width:100%;
        margin-top:40px;
    }

    .fourth-container
    {
        padding:0;
    }
    .fifth-container
    {
        padding-top:50px;
    }
    .logo
    {
        width: 25%;
        max-width:150px;
        margin-left:15px;
    }

    .meniu
    {
        display:none;
    }

    h1
    {
        font-size:40px;
        font-weight:600;
        text-align:center;
        line-height:42px;
    }
    p
    {
        text-align:center;
    }
    .col-6 .wrapper p
    {
        font-size:14px;
        line-height:20px;
    }
    .mobile-meniu
    {
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        background-color:#14245F;
        overflow: hidden;
        z-index:999999;
    }
    .map-container
    {
        height:auto;
    }
    .mobile-meniu .close
    {
        position:absolute;
        top:25px;
        width:20px;
        right:25px;
    }
    .custom-input
    {
        width:90%;
    }
    .contact-side
    {
        height:auto;
        padding-bottom:30px;
    }
    .faith-item {
        width: 120px;
    }
    .duk-holder
    {
        margin:0 auto;
    }
    .custom-button
    {
        font-size:16px;
    }
    .third-container
    {
        padding-top:0;
    }
    .iframe-holder
    {
        background-color:white;
        padding-bottom:0;
        padding-top:0;
    }
    .faith-item .faith-title
    {
        font-size:12px;
    }
    .mobile-meniu .logo-yellow
    {
        position:absolute;
        top:25px;
        left:50%;
        width:22%;
    }
    .map-side
    {
        height:70vh;
        width:100%;
    }
    .footer
    {
        display:none;
    }
    .contact-side
    {
        width:100%;
    }
    .meniu-list
    {
        position:absolute;
        top:50%;
        left:50%;
    }
    .contact-wrapper {
        padding: 10%;
        width: 80%;
    }
    .contact-wrapper h2
    {
        font-size:22px;
    }
    .meniu-list .meniu-item
    {
        font-size:6vw;
        color:white;
        text-align:center;
        margin-bottom:4vw;
    }

    .meniu-decor
    {
        position:absolute;
        left:50%;
        bottom:25px;
        width:70%;
    }

    .contacts
    {
        display:none;
    }

    .footer-logo
    {
        display:none;
    }

    .third-container h2, .fifth-container h2 {
        font-size: 8vw;
    }

    .fifth-container p {
        font-size:14px;
        line-height: 20px;
    }

    .footer-logo-yellow
    {
        margin-left:15px;
        width:20%;
        margin-top:8%;
    }

    h2
    {
        text-align:center;
    }

    .il-2
    {
        display:none;
    }

}