@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-Regular.ttf');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  src: url('../fontsgoogle/Alegreya-Black.ttf');
  font-weight: 900;

}


@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-BlackItalic.ttf');
  font-weight: 900;
  font-style: italic;
}


@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-Bold.ttf');
  font-weight: 700;
  font-style: normal;
}


@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-BoldItalic.ttf');
  font-weight: 700;
  font-style: italic;
}



@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-ExtraBold.ttf');
  font-weight: 800;
  font-style: normal;

}


@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-ExtraBoldItalic.ttf');
  font-weight: 800;
  font-style: italic;

}


@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-Italic.ttf');
  font-weight: 400;
  font-style: italic;

}


@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-Medium.ttf');
  font-weight: 500;
  font-style: normal;

}


@font-face {
  font-family: 'Alegreya';
  src: url('../fontsgoogle/Alegreya-MediumItalic.ttf');
  font-weight: 500;
  font-style: italic;

}




@font-face {
    font-family: IcoMoon;
    src:  url('../fonts/icomoon.eot?hjg67');
    src:  url('../fonts/icomoon.eot?hjg67#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?hjg67') format('truetype'),
    url('../fonts/icomoon.woff?hjg67') format('woff'),
    url('../fonts/icomoon.svg?hjg67#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/*@font-face {*/
/*    font-family: Genesis;*/
/*    font-weight: bold;*/
/*    src: url('../fonts/Genesis_bold.otf');*/
/*}*/


body{
    background:#f3f0ee;
    font-family: 'Alegreya', serif;

}
*{
    padding: 0;
    margin: 0;
}

.heading-style-margin{
    margin-left: 30px !important;
}
@media (max-width: 676px) {
    .heading-style-margin{
        margin: 0;
    }
}

.btn-white{
    display: inline-block;
    font-weight: 700;
    position: relative;
    color: #171d2f;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 18px;
    font-size: 27px;
    /* letter-spacing: 1px; */
    /* line-height: 1.785; */
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background: #fff;
    border-radius: 8px;
    /*z-index: 1;*/
}
@media (max-width: 480px) {
    .btn-white{
        font-size: 22px;
    }
}

.btn-white-border{
    display: inline-block;
    font-weight: 300;
    position: relative;
    color: #171d2f ;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #171d2f !important;
    padding: 20px 30px;
    font-size: 19px;
    /* letter-spacing: 1px; */
    /* line-height: 1.785; */
    border-radius: 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 7px;
    z-index: 1;
}
.btn-white-border:hover{
    background: #fff;
    color: #171d2f;

}


/**
testimonial
 */

.testimonial-header{
    font-size: 40px;
    color: #171d2e;
    font-weight: bold;
}

.testimonial-header::before
{
    content: '\e912';
    font-size: 50px;
    margin: 0;
    display: block;
    font-family: icomoon;
    color: #171d2f;
}

#testimonial{
    background: #fff ;
    position: relative;
    /*background: #f2f2f5 url("../images/footer_big.png") no-repeat 5% 100%;*/
}
.wrapper-testimonial{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}

.item-testimonial{
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 35px;
    max-width: 100%;
	    display: flex;
	flex-direction: column;
}

@media (min-width: 991px) {
    .item-testimonial {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 23%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 23%;
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;
    }

}
.item-testimonial .testimonial-text{
	   flex-grow:1;
}
.item-testimonial .testimonial-text span{
    margin: 0 0 20px 0;
    font-weight: normal;
    color: #171d2f;
    text-transform: none;
    font-size: 23px;
    font-weight: 300;
}

@media (max-width: 600px) {
    .item-testimonial .testimonial-text span{
        font-size: 18px;
    }
}
.testimonial-btn a:hover{
    background: #fff;
}
.testimonial-btn{
    display: inline-block;
    margin-top: 30px !important;
}
.testimonial-btn a{
    border: 1px solid #171d2f;
    border-radius: 5px;
    color: #171d2f;
    padding:5px 15px;
    margin-top: 20px;

}
/**
END TEST
 */


header#header{
    min-height: 64px;
    background-color: #fff;
    box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 20px 5px rgb(0 0 0 / 10%);
}
.logo-large{
    padding: 15px 0;
}

.logo-small{
    display: none;
    padding: 15px 0;
	 -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

}
header.uk-sticky-below .logo-large{display: none;}
header.uk-sticky-below.uk-active .logo-small{
    display: block;
    padding: 15px 0;
	 opacity:1;

}


@media (max-width: 600px) {

    .logo-large{
        display: none;
    }

    .logo-small{
        display: block;
    }
}


/**
footer
 */
#footer{
    background: #fff;
}


#content{
    padding: 50px 0;
}



.column-left{
    /*padding: 40px 25px;*/
    /*box-shadow: 0 0 15px rgb(0 0 0 / 5%);*/
    /*-moz-box-shadow: 0 0 15px rgba(0,0,0,.05);*/
    /*-webkit-box-shadow: 0 0 15px rgb(0 0 0 / 5%);*/
    /*background: #fff;*/
    margin-bottom: 40px;
}
.sidebar-nav {
    margin:0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li{
    margin: 10px 0;
}

.sidebar-nav li a{

}

.sidebar{
    position: sticky;
    top: 150px;
}




/**
news
 */
.content-title{
    border-bottom: 1px solid #eee;
}
.items-news article{
    /*padding: 10px;*/
    background: transparent;
}
.items-news article:hover{
    /*box-shadow: 0 0 15px rgb(0 0 0 / 5%);*/
    /*-moz-box-shadow: 0 0 15px rgba(0,0,0,.05);*/
    /*-webkit-box-shadow: 0 0 15px rgb(0 0 0 / 5%);*/
    /*background: #fff;*/
}

.items-news article{
    display: flex;
  justify-content: normal;
    align-items: center;
    position: relative;

}

.items-news article figure{
    flex:  0 0 260px;
    margin: 0px;
}

@media (max-width: 676px) {
    .items-news article{
        display: inline-block;
        width: 100%;
        /*text-align: center;*/
    }
    .items-news article figure{
        flex: unset;
        margin-bottom: 15px;
    }

    .items-news article figure img{
        width: 100%;
    }
}

.items-news article .article__summary h2{
    font-size: 23px;
    font-weight: bold;
    margin: 0;
}
.items-news article .article__summary{
    padding: 5px 20px;
}

@media (max-width: 676px) {
    .items-news article .article__summary{
        padding: 0;

    }
}

.items-news article .article__summary .article_leadtext{
    font-size: 14px;
}
.items-news article  .uk-article-meta{
    padding: 10px 0;
    display: inline-block;
}

.article-info{
    background: #fff;
    padding: 30px 40px;
}

.article-full-link{
    /*z-index: 1;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.item-readmore a{
    position: relative;
    z-index: 1;
}

.drupal-field{
    background: #f2f2f2;
}

.fields div{
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

.thankyou{
    font-size: 19px;
    color: #171d2e;
    background: #f3c566 !important;
 /*   box-shadow: 0 0 15px rgb(0 0 0 / 5%);*/
 /*-moz-box-shadow: 0 0 15px rgba(0,0,0,.05);*/
 /*-webkit-box-shadow: 0 0 15px rgb(0 0 0 / 5%);*/
}
.thankyou h1{
    font-size: 40px;
    color: #171d2e;
    font-weight: bold;
}


/**
related items
*/

.templates-rows{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.templates-rows article figure{
    text-align: center;
    margin: 0;
    padding: 20px;
}
.templates-rows article{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    background: #fff;
}

@media (min-width: 991px){
    .templates-rows article {
        background: #fff;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 24%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 24%;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%
    }
}
.templates-rows article:hover{
    box-shadow: 0 0 15px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 5%);

}

.templates-rows article .article__summary h2{
font-size: 19px;
font-weight: bold;
}
.templates-rows article .article__summary{
padding: 15px;
}

.templates-rows article .article__summary .article_leadtext{
    font-size: 14px;
}

/**
social media
 */
.social-media{
    margin: 0;
    padding: 0;
    list-style: none;
}
.social-media li{display: inline-block;
margin: 0px 15px}

.center-wrapper span{
    font-size: 13px;
}







/**
START archbishop
 */
#archbishop{
    background: #fff;
}
.image-left{
    position: relative;
}
.archbishop{
    background: #fff;
}
.archbishop-text-left{
    margin: auto;
    position: relative;
    padding: 100px;
    /*background: #171d2f;*/
}

@media (max-width: 767px) {
    .archbishop-text-left{
        padding: 0;
    }
}

.archbishop-text-left:after{
    content: '';
}
.archbishop-text-left p, .archbishop-text-left a{
    color: #171d2f;
    display: inline-block;
}

.archbishop-text-left p{
    font-size: 24px;
    font-weight: 300;
	padding:35px 0;
}

@media (max-width: 600px) {
    .archbishop-text-left p{
        font-size: 20px;
    }
}


 .image-left {
    max-width: 300px;
    margin: 0 auto;
    position: relative;
}

.archbishop img.box-image {
    max-width: 100%;
    border-radius: 90% 40% 70% 60% / 80% 100% 38% 40%;
    position: relative;
    object-fit: cover;
    /*height: 600px;*/
    /*z-index: 11;*/
}

@media (max-width: 676px) {
    .archbishop img.box-image{
        height: auto;
    }
}

.archbishop .image-left:after {
    /*content: "";*/
    position: absolute;
    top: 11px;
    right: 0;
    bottom: 0;
    left: 45px;
    /*width: 100%;*/
    /*height: 100%;*/
    background-color: #f5f5f5;
    border-radius: 90% 40% 70% 60% / 80% 100% 38% 40%;
    z-index: 10;
}

@media (min-width: 767px) {
    .archbishop-text-left{
        /*padding: 10px 15px;*/
    }
}

@media (min-width: 1200px) {
    .archbishop-text-left{
        padding: 100px;
    }

}

/** END archbishop **/



/**
TITTLE HEADER
 */
.heading-style{
    position: relative;
    font-size: 35px;
    font-weight: bold;
    color: #171d2f;
  margin:0;
}

.title-footer-size{
    font-size: 21px;
}
@media (max-width: 767px) {
    .heading-style{
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .heading-style{
        font-size:26px;
    }
}

.heading-bg-default:before{
    content: '';
    position: absolute;
    border: 1px solid #e5ae49;
    width: 140px;
    display: block;
    left: 0;
    right: 0;
    /*margin: 0px auto;*/
    margin-top: 24px;
    top: 100%;
}

.heading-bg-default:after{
    content: '';
    position: absolute;
    border: 1px solid #e5ae49;
    width: 100px;
    display: block;
    left: 0;
    right: 0;
    /*margin: 0px auto;*/
    margin-top: 20px;
}

.heading-color-white{
    color: #fff !important;
    text-align: left;
}


.heading-bg-default-center{
    margin: 0 auto;

    display: block;
}

/*.arxiepiskopos-text-left:before{*/
/*    content: '';*/
/*    height: 100%;*/
/*    width: 40px;*/
/*    background: #171d2f;*/
/*    position: absolute;*/
/*    left:0;*/
/*    bottom: 0;*/
/*    top: 0;*/
/*}*/





#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}

.skew-bg-holder{
    position: relative;
}


.skew-bg {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: skew(
            0deg
            ,
            -3deg
    );
    -ms-transform: skew(0deg, -3deg);
    -webkit-transform: skew(
            0deg
            ,
            -3deg
    );
    z-index: 1;
}

.metropolitis{
    background:#fff;
    position:relative;
}
.metropolitis:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff ;
    transform-origin: top left;
    transform: skewx(
            -3deg
    );

}

.slick-arrow.slick-disabled{
    pointer-events:none;
    opacity: 0.5;
}



.slick-list:focus {
    outline: none;
}
.slick-slide a,
.slick-slide a:focus,
.slick-slide a:active,
.slick-slide a:hover{
    text-decoration: none;

    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slide {
    outline: none;
}
.slick-slider{
    margin: 0;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/**
banner
 */
.banners {
    position: relative;
    width: 100%;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    transition: .5s;
    overflow: hidden
}

.banners.in-view {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media (min-width:769px) {
    .banners {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.banners__item {
    position: relative;
    height: 400px;
}

@media (min-width:520px) {
    .banners__item {
        height: 350px;
        margin-top: 10px;
    }
}




@media (min-width: 769px) {
    .banners__item {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 550px
    }
}



.banners__item.active:after {
    background: rgba(0, 0, 0, .8)
}
.banners__item:hover .moz-background-picture:before {
    webkit-transform: scaleY(.45);
    -ms-transform: scaleY(.45);
    transform: scaleY(.45);
}

.moz-background-picture:before {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 100.4%;
    height: 100%;
    bottom: 0;
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease,-webkit-transform .45s ease;
    content: "";
    background: linear-gradient(
            180deg
            ,transparent 0,rgba(0,0,0,.88));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#e0000000",GradientType=0);
}

.banners__image {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 7
}

.banners__images-hover {
    display: none;
}

@media (min-width:769px) {
    .banners__images-hover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 600px;
        z-index: 0
    }
}

.banners__info {
    position: absolute;
    width: calc(100% - 40px);
    bottom: 0;
    left: 20px;
    padding: 0 0 80px;
    z-index: 8
}

@media (min-width:1240px) {
    .banners__info {
        width: calc(100% - 80px);
        left: 30px;
    }
}

.banners__title {
    font-size: 21px;
    line-height: 31px;
    color: #fff;
    font-weight: bold;
    padding: 20px 0;
    /*min-height: 85px;*/
    /*max-height: 85px;*/
    /*border-top: 1px solid hsla(0, 0%, 100%, .33)*/
}

@media (min-width:769px) {
    .banners__title {
        text-align: center
    }
}

@media (min-width:1240px) {
    .banners__title {
        text-align: left;
        font-size: 32px;
        line-height: 42px
    }
}

@media (min-width:769px) {
    .banners__title span {
        display: block;
        font-size: 30px;
        line-height: 40px
    }
}

@media (min-width:1240px) {
    .banners__title span {
        display: inline;
        font-size: 36px;
        line-height: 46px
    }
}

.btn-outline--white {
    color: #fff !important;
    background-color: hsla(0,0%,100%,.1) !important;
    border-color: hsla(0,0%,100%,.25) !important;
    display: inline-block;
    text-align: center;
    /*padding: 18px 30px;*/
    border-radius: 3px !important;
    border: 1px solid !important;
    text-decoration: none;
    /*font-family: PFDINTextPro-Medium,Helvetica,Arial,sans-serif;*/
    font-size: 16px;

    transition: all .3s ease;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: absolute;
    left: 30px;
    bottom: 35px;
    z-index: 9;
}

.btn-outline--white:hover{
    border-color: #f3c565 !important;
    background-color:#f3c565 !important;
}

.banners__body {
    /*display: none;*/
    /*opacity: 0;*/
    transition: height 0ms 400ms, opacity 400ms 0ms;
}

.banners__description {
    color: #fff;
    margin-bottom: 20px
}

.banners__url {
    display: block;
    margin-bottom: 20px
}

.banners__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8
}
.moz-background-picture {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}


.banners__item:hover .banners__body{
    display: block;
    opacity: 1;
    transition: height 0ms 0ms, opacity 600ms 0ms;
}

@media (max-width:676px) {

    .banners__item{
        /*height: auto;*/
        margin-top: 10px;
    }


}

.heading{
    font-size: 33px;
    font-weight: bold;
    margin:0;

}
.txt-intro{
    font-size: 14px;
    margin-top:10px;
    display: block;
}
.wrapper-header{
    padding-top: 20px;
    padding-bottom: 20px;

}
#categories .row .category-left{
    flex: 0 0 60%;
    max-width: 60%;
}
#categories .row{
    display: flex;
}
.category-left ul{
    list-style: none;
    display: flex;
    justify-items: center;
    justify-content: end;
}

.category-left ul li{
    padding-bottom: 20px;

}











.newshome .item{
    display: inline-block;
    padding-left: 30px;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
}
.newshome .item:first-child{}
.post-loop {
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 15px;
    position: relative
}


@media (max-width:600px){

    .newshome .item{
        margin-left: 0;
        padding-left: 0;
    }
}

.post-loop>a {
    /*z-index: 1;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.post-loop__caption {
    padding: 15px;
    background-color: transparent;
    transition: background-color .3s ease
}
@media (max-width: 600px) {
    .post-loop__caption{
        padding:15px 0;
	
    }
}

.post-loop__caption .btn-simple {
    position: relative;
    z-index: 2
}


.post-loop:hover .post-loop__img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}


.post-loop__image {
    overflow: hidden;
}


.post-loop__image img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease, -webkit-transform .45s ease
}

.post-loop__date {
    font-size: 14px;
    font-size: 1.4rem;
    color: #8a8f93;
    transition: color .3s ease
}
.post-loop__date::before{
    content: '\e916';
    font-family: icomoon;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.user-edit::before{
    content:'\e913';
    font-family: icomoon;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.post-loop__date,
.post-loop__title {

    margin-bottom: 10px
}


.post-loop__title {
    font-size: 24px;
    font-weight: bolder;
    color: #171d2f;
    overflow: hidden;
    min-height: 80px;

}


.post-loop__desc {

    margin-bottom: 10px;
    font-weight: 300;
    overflow: hidden;
    min-height: 80px;
    max-height: 80px;

}

@media (min-width:768px) {

    .post-loop__desc {
        margin-bottom: 30px;
        font-size: 18px;
        font-weight: 300;
    }
}

@media (max-width: 480px) {
    .post-loop__desc{
        font-size: 15px;
		min-height: auto;
    max-height: initial;
    }
}

@media (min-width:1024px) {

    .post-loop:hover .post-loop__caption {
        background-color: #f2f2f5;
    }
    #related_news .post-loop:hover .post-loop__caption{
        background-color: #fff;
    }
}

.slick-dots-news{
    margin-top: 30px;
}

@media (max-width: 480px) {
    .slick-dots-news{
        margin-top: 0px;
    }
}


.block-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block-header a:hover{
    background: #593B0C;
    color: #fff;
}
.block-header a{
    display: inline-block;
    text-align: center;
    padding: 13px 30px;
    border-radius: 3px;
    border: 1px solid;
    text-decoration: none;
    color: #593B0C;
    border-color:rgb(89 59 12 / 20%);
    font-size: 16px;
    transition: all .3s ease;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}


@media (max-width: 600px)
{

    .block-header h1{
        padding-left: 0;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .block-header a{
        padding: 3px 20px;
    }
}

@media (max-width: 480px)
{
    .block-header{
        display: block;
    }
}
.mydots {

   /* padding: 20px 0;*/
   padding:0;
    list-style: none;
    text-align: center;
  background: #fff;
  margin:0;
    /*margin: 20px 0*/
}

.mydots li {
    display: inline-block;
    position: relative;
    margin-right: 50px;
    width: 10px;
    height: 10px
}

@media (max-width: 480px) {
    .mydots li{
        margin-right: 28px;
    }
}

.mydots li:last-child {
    margin-right: 0
}

.mydots li.slick-active:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
@media (max-width: 600px) {
    .mydots li.slick-active:after {
        -webkit-transform:  scale(0.8);
        -ms-transform: scale(0.8);
        transform:  scale(0.8)
    }
}

.mydots li.slick-active button {
    background-color: #171d2f;
}

.mydots li:after,
.mydots li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mydots li:before {
    -webkit-transform: scale(3.5);
    -ms-transform: scale(3.5);
    transform: scale(3.5);
    cursor: pointer
}

.mydots li:after {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 100%;
    transition: all .3s ease;
    background-color: hsl(225deg 34% 14% / 13%);
    pointer-events: none;
    width: 50px;
    height: 50px;
    margin: -20px 0 0 -20px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

@media(min-width:768px) {
    .mydots li:hover button {
        background-color: #f3c566;
    }
}

.mydots button, .mydots a {
    border: none;
    outline: none;
    border-radius: 100%;
    font-size: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: hsl(225deg 34% 14% / 39%);
    display: block;
    transition: background-color .3s ease
}


.banners-arrow-next{
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -30px;
}

.banners-arrow-prev{
    position: absolute;
    top: 50%;
    left: 30px;
    margin-top: -30px;
}



.banners-arrow-prev:before,.banners-arrow-next:before {

    content: "";
    border-color: #fff;
    border-radius: 100%;
    transition: all .3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.banners-arrow-prev:before{
    content: '\e900';
    font-family: icomoon;
}

.banners-arrow-next:before{
    content: '\e902';
    font-family: icomoon;
}

.banners-arrow-next, .banners-arrow-prev{
    width: 60px;
    display: inline-block;
    height: 60px;
    cursor: pointer;
    background-color: hsla(0,0%,100%,.25);
    border: 1px solid ;

}

/***
info home page wrapper
 */

.infowrapper{
    /*background:  ;*/
    background-repeat: no-repeat;

    /*padding: 100px 0 !important;*/
    position: relative;

}
/*.infowrapper::before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: -1px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: linear-gradient(*/
/*            180deg*/
/*            ,rgba(27,38,51,0) 0,rgba(27,38,51,0) 50%,#1b2633);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001b2633",endColorstr="#1b2633",GradientType=0);*/
/*}*/

.infowrapper .info::before{position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #313448;
    display: block;
    z-index: 0;
    left: -100%;
}


.fm-wrapper{
    background: #fff;
    padding: 100px 0;
    position: relative;
}

.fm-wrapper::before{
    background: #5c4523;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;

    display: block;
    z-index: 0;
    left: -100%;
}
.fm-wrapper::after{
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #5c4523;
    display: block;
    z-index: 0;
}
.infowrapper .info{
    padding: 100px 0;
    background: #313448;
    display: flex;
    position: relative;
    justify-content: space-between;
}
.infowrapper .info .text h3 span svg{
    height: 50px;
    width: 50px;
    margin-right: 30px;
}
.infowrapper .info .text h3{
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}

.links{
    display: block;
}

.links  a:hover{
    background: #fff;
    color: #593b0c;
    border-color: #fff;
}
.links  a {
    color: #fff;
    margin: 0px 15px;
    border: 2px solid;
    border-radius: 50px;

    background: transparent;
    display: inline-block;
}



.arrow-prev, .arrow-next{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: relative;


}
.btn-arrow .icon:after {
    content: "";
    position: absolute;
    top: -5px;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #a4916f;
    border-right: 2px solid #a4916f;
    -webkit-transform: rotate(
            45deg
    );
    -ms-transform: rotate(45deg);
    transform: rotate(
            45deg
    );
    transition: border-color .3s cubic-bezier(.455,.03,.515,.955);
}
.btn-arrow .icon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #a4916f;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    transition: all .3s cubic-bezier(.455,.03,.515,.955);
}

.btn-arrow:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 50px;
    height: 100%;
    border-radius: 50px;
    background-color: hsla(38,23%,54%,.22);
    transition: width .3s cubic-bezier(.455,.03,.515,.955),background-color .3s cubic-bezier(.455,.03,.515,.955);
    z-index: 1;
}

.arrow-prev .icon {
    -webkit-transform: rotate(
            180deg
    ) translateZ(0);
    transform: rotate(
            180deg
    ) translateZ(0);
}
.btn-arrow{

    line-height: 50px;
    /* padding: 0 25px 0 60px; */
    border-radius: 50px;
    display: inline-block;
    position: relative;
}
.btn-arrow .icon{
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -1px;
    width: 16px;
    height: 2px;
    background-color: transparent;
    transition: all .3s cubic-bezier(.455,.03,.515,.955);
    -webkit-transform: translate3d(-8px,0,0);
    transform: translate3d(-8px,0,0);
}

.arrow-prev:before{

}


@media (min-width: 768px){
    .btn-arrow:hover:not(.no-hover):before {
        width: 100%;
        background-color: #a4916f;
    }

}


@media (min-width: 768px){
    .btn-arrow:hover .icon {
        -webkit-transform: translate3d(-4px,0,0);
        transform: translate3d(-4px,0,0);
    }
}

@media (min-width: 768px){
        .btn-arrow:hover:not(.no-hover) .icon {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

    }


@media (min-width: 768px){
    .btn-arrow:hover:not(.no-hover) .icon:before {
        background-color: #fff;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@media (min-width: 768px){
    .btn-arrow:hover:not(.no-hover) .icon:after {
        border-color: #fff;
    }

}

.btn-readmore{
    position: relative;
    padding:4px 30px !important;
    border-radius: 50px !important;
    z-index: 999;
    border:1px solid #d8d8d8 !important;
}

.btn-readmore:hover{
    background: #fff;
}

#related_news .btn-readmore:hover{
    background: #f3f0ee;
}

figure {
    position: relative;
}
figure a {
    display: block;
    position: relative;
    z-index: 2;
}

figure a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
    background: -moz-linear-gradient(top,rgba(42,34,35,0) 0%,rgba(0,0,0,.65) 100%);
    background: -webkit-linear-gradient(top,rgba(42,34,35,0) 0%,rgba(0,0,0,.65) 100%);
    background: linear-gradient(to bottom,rgba(42,34,35,0) 0%,rgba(0,0,0,.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a2223',endColorstr='#a6000000',GradientType=0);
}

.slider_item picture {
    display: block;

    position: relative;
}

.slider_item picture img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.slider_item figcaption {
    font-size: 20px;
    color: #fff;
    line-height: 1.41;
    position: absolute;
    width: 100%;
    max-width: 1018px;
    bottom: 17.5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

 .slider_item figcaption h1 {
    transition: all .5s ease-out .6s;
    font-family: 'PFCentroSansPro-Black',sans-serif;
    font-size: 60px;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 21px;
    word-break: break-word;
    white-space: normal;
}

 .slider_item figcaption .short-descr {
    transition: all .5s ease-out .75s;
}

.time-posted, p.time-posted, .fc_inner p.time-posted, .fc_inner p.time-updated {
    font-family: 'OpenSans',sans-serif;
    font-size: 12px;
    color: #b2a8aa;
    position: relative;
    letter-spacing: 0;
    white-space: nowrap;
    line-height: 1.1;
}

.slider-nav{
    background:#fff;
}

.slide{
    display: block !important;
    width: 100% !important;
}



/**
INFO
 */

#info.info-bg-darkest{
    padding: 120px 0;
    background: #171d2f url(../images/head.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
}

#info.info-bg-darkest:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #171d2f url(../images/head.png);
    transform-origin: top left;
    transform: skewY(-3deg);
    background-repeat: no-repeat;
    background-position: top right;
    /*z-index: ;*/
}

@media (max-width: 676px) {

    #info.info-bg-darkest{
        padding: 45px 0;
    }
    #info.info-bg-darkest:before{
        background: #171d2f;
    }
}




#info .wedding::before{
    font-family: icomoon;
    content: '\e902';
    margin-right: 20px;
    display: block;
    font-size: 42px;

}

#info .baptism::before{
    font-family: icomoon;
    content: '\e903';
    margin-right: 20px;
    display: block;
    font-size: 42px;
}

#info .content-info h3{
    /*font-size: 35px;*/
    color:#fff;
    font-weight: bold;
}

@media(max-width: 500px)
{
    #info .content-info a{
        margin-top: 10px;
    }
}



/**
scroll top
 */


.scrollUp.visible{
    moz-transform: rotate(360deg) translateX(-30px) translateY(0px);
    -webkit-transform: translate(-30px,0) rotate(
            -360deg
    );
    -o-transform: translate(-30px,0) rotate(-360deg);
    -ms-transform: translate(-30px,0) rotate(-360deg);
    transform: translate(-20px,0) rotate(
            -360deg
    );
}
.scrollUp::before{
    content: '\e905';
    font-family: icomoon;

    color: #fff;
    font-size: 19px;
    text-align: center;
    width: 100%;
    display: inline-block;
    line-height: 60px;
}

.scrollUp {

    width: 60px;
    height: 60px;
    background: #f3c566;
    cursor: pointer;
    z-index: 981;
    position: fixed;
    bottom: 100px;
    right: 0px;
    display: block;
    padding: 0px;
    -moz-transform: rotate(360deg) translateX(50px) translateY(0px);
    -webkit-transform: translate(70px, 0) rotate(
            0deg
    );
    -o-transform: translate(70px, 0) rotate(0deg);
    -ms-transform: translate(70px, 0) rotate(0deg);
    transform: translate(70px, 0) rotate(
            0deg
    );
    border-radius: 50%;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    /*box-shadow: 4px 4px 9px 1px rgb(0 0 0 / 15%);*/
    /*-moz-box-shadow: 4px 4px 9px 1px rgba(0, 0, 0, 0.15);*/
    /*-webkit-box-shadow: 4px 4px 9px 1px rgb(0 0 0 / 15%);*/

}

@media (max-width: 480px){
    .scrollUp::before {
        width: unset;
        font-size: 12px;
        line-height: unset;        color: #fff;
        padding: 7px;
    }
}

@media (max-width: 480px){
    .scrollUp {
        width: 25px;
        font-size: 0;
        height: 25px;

        position: fixed;
        color: #fff;
        display: none;
        opacity: .8;
        left: 50%;
        transform: translate(-50%,-50%);
        bottom: 13px!important;
        z-index: 999;
    }
}
/** back top top end **/



.thankyou {
    position: relative;
    /*background: #e5ae49 !important;*/
}

.social-media li a svg{
    width:45px;
    height: 45px;
}

.skepsis-mitropoliti{
    background: #fff;
}
/*.skepsis-mitropoliti{*/
/*    position: relative;*/
/*}*/
/*.skepsis-mitropoliti:before{*/
/*    position: absolute;*/
/*    content: '';*/
/*    height: 300px;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    background:url(../images/donate-bg-main-1.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/


#naoi{
    padding:100px 0;
    position: relative;
    background: #171d2f ;
    z-index: 1;
}

@media (max-width: 767px) {
    #naoi{
        padding: 45px 0;
    }
}
#naoi{
    text-align: center;
}
#naoi .item {
    background: #fff;
    display: inline-block;
    padding:15px 35px;
}

html.sidebar-categories-open .sidebar-categories {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    display: block;
}
html.sidebar-categories-open .sidebar-categories {
    z-index: 999999;
}

.sidebar-categories{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 101;
    overflow-y: hidden;
    background-color: #171d2f ;
    /*opacity: 0.9;*/
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    display: none;
}

.close-modal-categories{
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    /*color: #fff;*/
    font-size: 0;
}
.close-modal-categories::before{
    content: '\e904';
    font-family: icomoon;
    font-weight: bold;
    font-size: 40px;
    color: #fff;
}

.close-modal-categories:hover::before{
    cursor: pointer;
}

html.sidebar-categories-open .sidebar-categories {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.overlay-sidebar-categories{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 601;
    background: rgba(0,0,0,.85);
    display: none;
    /*background: rgba(34,34,34,.2);*/
}
html.sidebar-categories-open{
    overflow: hidden;}

html.sidebar-categories-open .sidebar-categories{
    z-index: 999999;
}


.sidebar-content{
    display: block;
    position: relative;
    height: 100%;
}


.llll{
    list-style: none;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    /*max-width: 430px;*/
    text-align: center;
}

.llll li a{
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    display: block;
}

/** end sidebar} **/

/* ==========================================================================
Nav Overlay
========================================================================== */
.menuoverlay{
    text-align: center;
}
.menuoverlay li a:hover{
    color: #ccc;
    font-weight: bold;
}
.menuoverlay li a {
    color: #fff;
    font-size: 30px;

}
@media (max-width: 767px) {
    .menuoverlay li a {
        font-size: 22px;
    }
}

.menuoverlay li a:before{
    border-color: #fff;
}

.closebtnwhite{
    color: #fff !important;
}
.closebtnwhite svg{
    width: 30px;
    height: 30px;
}
.closebtnwhite{
    background: transparent !important;
}

/**
caledar
 */

.post-light {
    display: flex;
    align-items: flex-start;
    max-width: 450px;
    margin-left: -20px;
    text-align: left;
    margin-top: 40px;
}

.post-light-main {
    margin-left: 20px;
}

.post-light:hover .post-light-time {
    background: #f4c667;
}

.post-light-time {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 100px;
    width: 100px;
    padding: 20px;
    color: #fff;
    background: #171d2f;
    border-radius: 6px;
    transition: .22s ease-in-out;
}

.post-light-time > * {
    line-height: 1;
}

.post-light-time > * + * {
    margin-top: 3px;
}

.post-light-time-big {
    font-size: 3rem;
    /*font-family: "Libre Baskerville", "Times New Roman", Times, serif;*/
}

a.post-tiny-media {
    display: block;
}

.post-light-media {
    position: relative;
}

.post-light-media::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(28, 38, 71, 0.1);
    transition: .22s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.post-light-media img {
    width: 100%;
}

.post-light-main {
    flex-grow: 1;
}

.post-light-title {

}
@media (max-width: 676px)
{
    .post-light-title a{
        font-size:17px;
    }
}

.post-light-title a:hover {
    color: #1C2647;
}

.post-light-meta::before{
    content: '\e913';
    margin-right: 5px;
    font-family: icomoon;
    display: inline-block;
    vertical-align: middle;
}

.post-light-meta {
    font-weight: 400;
    transform: translate3d(0, -5px, 0);
    margin-bottom: -5px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    /*margin-left: -20px;*/
    /*margin-right: -20px;*/
    color: #888888;
}

.post-light-meta > * {
    margin-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.post-light-meta > li {
    position: relative;
    display: inline-block;
    line-height: 24px;
}

.post-light-meta > li:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 1.5em;
    background: #e8e9ee;
    transform: translate3d(0, -50%, 0);
}

.post-light-meta a {
    color: inherit;
}

.post-light-meta a:hover {
    color: #C1AD96;
}

* + .post-light {
    margin-top: 30px;
}

* + .post-light-meta {
    /*margin-top: 20px;*/
}

@media (min-width: 768px) {
    .post-light {
        margin-left: -36px;
    }
    .post-light-main {
        margin-left: 36px;
    }
}

@media (min-width: 992px) {
    * + .post-light {
        margin-top: 38px;
    }
}


/**
BREA
 */

.uk-section-blue{
    padding: 30px 0 !important;
    /*background: #171d2f;*/
}

@media (max-width: 567px) {
    .uk-section-blue{
        padding: 20px 0 !important;
        background: unset;
    }
}

.footer-home-bg{
	position:relative;

    background: #fff url('../images/footer_big.png') no-repeat -4% 100% !important ;
}
.footer-home-bg::after{
	content:'';	
	 background:  url(/themes/custom/imiliou/images/footer-repeat.png) repeat-x;
	 background-position:50% 100%;
	 height:50px;
	 display:block;
	     position: absolute;
		 height: 65px;
    display: block;
    left: 0;
    right: 0;
    bottom: -40px;
}

#footer-imilioy, #copyright{
    background: #fff;
}
/**
ekliseies
 */
.church-cause-grid-wrap:hover{
    /*box-shadow: 0px 20px 30px rgb(39 43 55 / 25%);*/
}
.link_absolute{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;

}

.church-cause-grid-wrap:hover .church-cause-grid-text {
    /*background-color: #f2f2f5;*/
}

.church-cause-grid-wrap figure{
    margin:0;
	    flex-grow: 1;
}

.church-cause-grid-wrap .btn-cause{
    position: relative;
    z-index: 1;
}


.church-cause-grid-wrap {
    position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*background-color: #fff;*/
    /*box-shadow: 0px 20px 30px rgb(39 43 55 / 25%);*/
}

.church-cause-grid figure {
    margin: 0px;
}

.church-cause-grid-text {
    padding: 25px 10px;
    background-color: transparent;
    transition: background-color .3s ease;
}
.church-cause-grid figure a {
    position: relative;
    overflow: hidden;
}
.church-cause-grid figure a:before{
    background-color: #fe5621;
}
.church-cause-grid figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0%;
    opacity: 0;
    z-index: 1;
}
.church-cause-grid figure a img{
    float: left;
    width: 100%;
}

.church-cause-grid figure a > span {
    position: absolute;
    left: 50%;
    top: 0%;
    background-color: #ffffff;
    z-index: 2;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 26px 3px;
    border-radius: 4px;
    margin: -17px 0px 0px -60px;
    opacity: 0;
}
.church-cause-grid figure:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #521c0b;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    z-index: 1;
}


.church-cause-grid-text h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0px;
}


.wrapper-news-related{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wrapper-news-related .item {
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}


@media (min-width: 991px){
}

@media (min-width: 991px){
    .wrapper-news-related .item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 24%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 24%;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%;
    }

}
.cause-details >div:first-child{
    margin-left: 0;
}
.cause-details >div{
    margin-left: 20px;
}

.cause-details{
    display: flex;
}

#cause-details .uk-modal-dialog{
    background: #fff !important;
    height: 100%;
    width: 100%;
}

@media (max-width: 560px) {
    .cause-details{
        display: inline-block;
        width: 100%;
    }
    .cause-details >div:last-child
    {
        margin-top: 10px;
    }
    .cause-details >div >a {
        width: 100%;
    }
    .cause-details >div{
        margin: 0;
    }

}

.cause-details .btn-readmore{
    z-index: unset;
}


.fm-radio {
    width: 65px;
    height: 65px;

    background: #ffc600;
    /*position: fixed;*/
    /*bottom: 100px;*/
    /*left: 20px;*/
    text-align: center;
    color: #000;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;

    /*line-height: 65px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.fm-radio:before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    left: -15px;
    background-color: #f3c566;
    width: 95px;
    height: 95px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.fm-radio span{
    line-height: 12px;
}
.fm-radio span::before{
    display: block;
    content: '\e90d';
    font-family: 'icomoon';
    font-size: 22px;
    display: inline-block;
    width: 100%;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: .6;
    }
    75% {
        -webkit-transform: scale(0.9);
        opacity: .3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    25% {
        transform: scale(0.3);
        opacity: 1;
    }
    50% {
        transform: scale(0.6);
        opacity: .6;
    }
    75% {
        transform: scale(0.9);
        opacity: .3;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}


/**
RESPONSIVE MENU
 */

.overlay-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    background: rgb(23 29 47 / 73%);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    display: none;
}

.imiliou-openmenu {
    overflow: hidden;
    position: relative;
}

.imiliou-openmenu .slidebar-menu-mobile {
    -webkit-transform: translateX(0);
    transform: translateX(0);
		visibility:visible;
}

.slidebar-menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 300px;
    height: 100%;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all 0.5s;
	visibility:hidden;
}

.overlay-menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 50;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

.slidebar-menu-mobile .header-top-menu {
    line-height: 60px;
    color: #fff;
    background: #171d2f ;
    text-align: center;
    /*font-weight: bold;*/
    /*text-transform: uppercase;*/
    font-size: 17px;

    padding-left: 20px;
}
.close-panel-btn{
    position: relative;
}
#menu-responsive {
    position: relative;
    text-align:left;
}

.menu-panel ul{
    list-style: none;
    padding: 0;
}

.icon-has-next::after{
    content: "\e939";
    font-family: IcoMoon;
    position: absolute;
    right: 10px;
    top: 0;
    font-weight: lighter;
    font-size: 13px;

}
#menu-responsive > ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#menu-responsive > ul li {
    margin: 0px;

    border-bottom: 1px solid #F1F1F1;
}

#menu-responsive > ul li a{
    line-height: 60px;
    font-size: 19px;
    letter-spacing:0px;
    box-sizing: border-box;
    width: 100%;
    padding:0 1.25rem;
    position: relative;
    /** text-transform: uppercase; **/
    font-weight: 300;
    display: inline-block;
}
#menu-responsive > ul li::marker {
    display: none;

}

.has-submenu  div ul  li {
    border-bottom:none;
}
.menu-panel {
    position: absolute;
    background-color: #fff;
    margin: 0px;
    z-index: 9;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.5s ease;
}
.menu-panel.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    transition: all 0.5s ease;
}
.menu-panel li.has-submenu > div {
    display: none;
}

.menu-icon-next::after{
    content: "\e90b";
    font-family: icomoon;
    position: absolute;
    right: 10px;
    top: 0;
    font-weight: lighter;
    font-size: 15px;
}
.has-submenu.active > ul{
    background: #F1F1F1;
}
.has-submenu.active > ul >li>a{
    border:none;
    font-weight: normal;
}
.has-submenu.active {
    background: #F1F1F1;
    border-bottom: 1px solid #000;
}

.has-submenu.active .open-accordion{
    display: block;
}

.has-submenu.active > a::after {
    content: "\e920";
    font-family: IcoMoon;
    position: absolute;
    right: 10px;
    top: 0;
    font-weight: 300;
    font-size: 12px;
}
/*.menu-panel ul li > a{*/
/*    font-weight: normal !important;*/
/*}*/
.has-submenu.active > a{
    font-weight: bold  !important;
}
.has-submenu.active > a:hover::after{
    color: #282828 !important;
}
.has-submenu.active > a::after{
    color: #282828 !important;

}
.has-submenu.active >.open-accordion > ul > li >.view-all-products{
    font-weight: bold !important;
}
.has-submenu.active >.open-accordion > ul > li a{
    padding: 0px !important;
    line-height: 30px !important;
}
.has-submenu a:hover,.has-submenu a:active {
    color: #282828 !important;
}
.has-submenu > div > ul{
    padding-left: 20px;
}

.has-submenu > a::after{
    content: "\e921";
    font-family: IcoMoon;
    position: absolute;
    right: 10px;
    top: 0;
    font-weight: 300;
    font-size: 12px;
}

.close-panel{
    font-size: 17px;
    padding: 20px;
    background: #f3c566;
}

.close-panel::before{
    content: '\e908';
    font-family: icomoon;
    color: #171d2f;
    font-size: 14px;
    margin-right: 4px;
}
.close-btn{
    position: absolute;
    top: 13px;
    right: 15px;
    font-weight: 400;
    cursor: pointer;
    background: transparent;
    border-radius: 0;
    border: none;
    font-size: 16px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    color: #fff;
    /*padding: 20px;*/
}

.close-btn::before{
    content: '\e904';
    color: #fff;
    font-family: icomoon;

}

.view-all-products{
    color: red;
    font-weight: bold !important;
    text-transform: uppercase;
}
.responsive-menu-icon{
    margin-right: 30px;
}

@media (max-width: 1200px) {


    .menu-responsive , .responsive-menu-icon{
        display: block !important;

    }
    .main-menu{
        display: none;
    }

    #header .logo{
        width: auto;
        margin: 0px 10px;
    }

}

@media (max-width:959px) {
    .menu-responsive , .responsive-menu-icon{
                margin-right: 0;
            }
}

.responsive-menu-icon:hover{
    cursor: pointer;
}
.responsive-menu-icon:before {
    content: '\e90d';
    font-family: 'IcoMoon' !important;
    display: block;
    font-size: 33px;
    color:#171d2f;
}

header.menu-header {
    display: flex;
    background: #171d2f ;
    line-height: 60px;
    align-items: center;
    justify-content: space-between;
    /* background: #e0e0e0; */
    /*border-bottom: 1px solid #e0e0e0;*/
}

/**
end menu responsive
 */

.mainmenu{
    display: none !important;
}

#header.uk-sticky.uk-active .mainmenu
{
    display: flex !important;
}
#header.uk-sticky.uk-active .responsive-menu-icon {
    display: none;
}


@media (max-width: 959px)
{
    #header.uk-sticky.uk-active .mainmenu{
        display: none !important;
    }

    #header.uk-sticky.uk-active .responsive-menu-icon{
        display: block !important;
    }
}

@media (max-width: 1199px){
    #header.uk-sticky.uk-active .mainmenu{
        display: none !important;
    }
}


/**
page not found
 */



#onepage {
  position: relative;
  height: 100vh;
}

#onepage .content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.content-404page {
  max-width: 520px;
  width: 100%;
  text-align: center;
  line-height: 1.4
}

.content-404page .notfound-404 {
  height: 190px
}

.content-404page .notfound-404 h1 {
  font-family: montserrat, sans-serif;
  font-size: 146px;
  font-weight: 700;
  margin: 0;
  color: #232323
}

.content-404page .notfound-404 h1>span {
  display: inline-block;
  width: 120px;
  height: 120px;
  background-size: cover;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  z-index: -1
}

.content-404page h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  color: #232323
}

.content-404page p {

  color: #787878;
  font-weight: 300
}

.content-404page a {
  font-size: 15px;
  display: inline-block;
  padding: 12px 30px;
  font-weight: 700;
  background-color:#ffc600;
  color: #000;
  border-radius: 40px;
  text-decoration: none;
  -webkit-transition: .2s all;
  transition: .2s all
}

.content-404page a:hover {
  color: #000;   opacity: .8

}

#onepage .heading-bg-default:before, #onepage .heading-bg-default:after{
  display: none;
}
#onepage .heading-style{
  margin-bottom: 40px;
}

@media only screen and (max-width:767px) {
  .content-404page .notfound-404 {
    height: 115px
  }
  .content-404page .notfound-404 h1 {
    font-size: 86px
  }
  .content-404page .notfound-404 h1>span {
    width: 86px;
    height: 86px
  }
}


.views-exposed-form{
  margin-top: 50px;
  display: flex;
  justify-content: left;
  align-items: center;
}
.views-exposed-form .form-item {
  margin-right: 15px;
}
.views-exposed-form .form-item label{
  font-weight: bold;
  font-size: 20px;
}

.views-exposed-form  .js-form-submit{
  margin-top: 14px;
}


/**
news items
 */

/**
news items
 */
.latest-news-list {
  /*background-color: #FFF;*/
  padding: 0 5px;
}
.latest-news-item-row{
  position: relative;
  display: flex;
  width: 100%;
  clear: both;
  list-style: none;
  height: 84px;
  /* border-top: 1px solid #e3e3e3; */
  /* padding-top: 5px; */
  justify-content: center;
  align-items: center;
}
.latest-news-item-row time {
  position: relative;
  right: 0;
  font-weight: 400;
  font-size: 12px;
  color: #999;
}
.latest-news-item-row a {
  font-weight: 600;
}
.latest-news-item-row .mask-image {
  position: relative;
  /*height: 65px;*/
  /*width: 65px;*/
  margin-right: 15px;
  flex:0 0 30%
  /*float: left;*/
}

/*.latest-news-item-row .mask-title {*/
/*  float: left;*/
/*  width: calc(100% - 100px);*/
/*  padding-right: 0px;*/
/*}*/
/*.latest-news-item-row .mask-image .absimage {*/
/*  height: 100%;*/
/*}*/

.slick-slider { display: none; }
.slick-slider.slick-initialized { display: block; }


@media (max-width:767px){
	
	#breadcrumb{
	    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
	}
	
	

	#breadcrumb ul.uk-breadcrumb {
	
		width: max-content;
		zoom: 1;
	}
}


.uk-modal{
	background: #fff  !important;
	height: 100%;
    width: 100%;
}

/**
logo
 */

.logo-wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
  animation-name: uk-fade-left;
}

.logo-wrapper .logo-left{
  padding: 15px 0;
}
.logo-wrapper .logo-right .logolg{
font-weight: bold;
  font-family: 'Alegreya', serif;
  font-size: 42px;
  color:   #171d2f;
}

.logo-wrapper  .logo-right{
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.logosm{
  font-size: 20px;
  /*letter-spacing: 1px;*/
  color:   #171d2f;
  font-family: 'Alegreya', serif;
}


/**header.uk-sticky-below .logo-right{display: none;}*/
header.uk-sticky-below .logo-wrapper{
  animation-name: uk-fade-top;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;

}
header.uk-sticky-below .logo-wrapper .logo-left img{
  width: 130px !important;
}
header.uk-sticky-below .logo-wrapper .logo-right .logolg{
  font-size: 28px;
}
header.uk-sticky-below  .logosm{
  font-size: 15px;
}


@media (max-width: 600px) {

  header.uk-sticky-below .logo-wrapper, .logo-wrapper{
    animation-name: unset;
  }

  .logo-wrapper .logo-right{
    display: none;
  }

  .logo-wrapper .logo-left img{
    width: 130px  !important;
  }

}

/**
search **/

.searching-modal, .searching-modal .uk-modal-dialog{
  background: #fff !important;
}
.js-form-item-search-api-fulltext input{
  border: 1px solid #ccc;
  border-radius: 50px;
}

.search-bar{
  color: #171d2f;
}
.search-bar::before{
  content: '\e900';
  font-family: 'icomoon';
  display: block;
  font-size: 20px;
  color: #171d2f;

}

#block-views-block-arhieratikes-perifereies-block-1-2{
	margin-bottom:40px;
}


/**videos **/

/**
videos
 */

.youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  max-width: 100%;
  background: #000;
  margin: 5px;
}

.youtube-player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}

.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  background: #fff;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("../images/play.png") no-repeat;
  cursor: pointer;
}


.title-video{
  font-size: 18px;
  font-weight: bolder;
  color: #fff;
  overflow: hidden;
  min-height: 80px;
}

#mitropoli_video, #videos2{    background: #171d2f;}
#videos2{
	margin-top:20px;
}

/**
button large
 */


.insidelarge{
  position: relative !important;
  top: unset !important;
  right: unset !important;

  background-color: #f3c565 !important;
  color: #000 !important;
  border: 2px solid transparent !important;
  background-image: linear-gradient(90deg,#f1bc4d 50%,#f3c565 50%) !important;
  border-radius: 50px !important;
  background-origin: border-box !important;
  background-size: 200% !important;
  background-position-x: 100% !important;
  transition: .3s ease-in-out !important;
  text-transform: none !important;
  padding: 4px 30px !important;
  transition-property: color,background-color,background-position,border-color,box-shadow !important;
}
.insidelarge:hover, .insidelarge:focus{
  background-color: #f1bc4d !important;
  color: #000;
  border-color: transparent !important;
  background-image: linear-gradient(90deg,#f1bc4d 50%,#f3c565 50%) !important;
}




/**
skepseis_tou_mitropoliti 28/02/2022
**/


.init_mobile .el-slidenav{
  display: none;
}
@media (max-width: 639px){
  .mobile_area:before{
    background-color: hsl(225deg 34% 14%) !important;
  }

  .init_mobile{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  .slick-dots-banners , .slick-dots-news{
    margin: 0px 20px;
  }

  .init_mobile .el-slidenav{
    width: 40px;
    height: 40px;
    display: block;
  }
}







/** end sepseis_tou_mitropoliti **/

.uk-article-meta a {
  z-index: 1;
}


@media (max-width: 600px) {
  .myjsscroll{
    font-size: 0px !important;
    margin-left: 15px !important;
  }
  .responsive-menu-icon{
    font-size: 0px;
  }
}



/**
NOTIFICATION MESSAGE
 */

#notification_message{
  background: #171d2f;
  margin:0 !important;
  padding: 0 !important;
}

#notification_message p{
  color: #fff;
  padding: 0;
  margin: 0;
}
#notification_message .uk-alert-close{
color: #fff !important;
}



/**
new_css date: 28/02/2022
 */

#hero{
    position: relative;
    background: #fff;
    padding-bottom: 70px;
}

.slide-hero-picture {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.slide-hero {
    height: 740px;
}

.slide-hero:before {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    transition: -webkit-transform .45s ease;
    transition: transform .45s ease;
    transition: transform .45s ease,-webkit-transform .45s ease;
    content: "";
    background: linear-gradient( 180deg ,transparent 0,rgba(0,0,0,.88));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#e0000000",GradientType=0);
}

.slide-hero:hover:before {
    webkit-transform: scaleY(.45);
    -ms-transform: scaleY(.45);
    transform: scaleY(.45);

}

.static_header h1{
    font-size: 40px;
    font-weight: bold;
    color: #fff;

}

.description-text p {
    font-size: 19px;
    color: #ccc;
}

@media (max-width: 600px) {

    .slide-hero-picture {
        background: unset !important;
    }
    .slide-hero-picture picture{
        display: block !important;
    }
.slide-hero{
    height: 420px;
}
.slide-hero:before{
        content: unset;
        display: none;
    }
}





/**
home page static news
 */

.items_static_news{
  zoom: 1;
  font-size: 0;
  text-align: center;

  display: flex;
}

.items_static_news .item{
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;   width: 22vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.items_static_news .item .post-loop__desc, .items_static_news .item .post-loop__title{
  white-space: normal !important;

}
.icon-arrow-right {
  display: none;
  text-align: right;

  animation-name: icon-arrow-right;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-name: icon-arrow-right;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
}


.icon-arrow-right svg{
  width: 30px;
  color:#171d2f;
}
@-webkit-keyframes icon-arrow-right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
}
@keyframes icon-arrow-right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
}
@-webkit-keyframes icon-arrow-right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
}
@keyframes icon-arrow-right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
}

@media only screen and (max-width: 959px) {

  .items_static_news .item {
    /** width: 29vw;*/ 
	    width: 44vw;
  }

  .items_static_news .item .post-loop__title{
    text-align: left;
    font-size:20px;

  }

  .items_static_news .item .post-loop__desc{
    font-size: 17px;
  }
}

@media only screen and (max-width: 1199px) {


  .items_static_news  {
    display: block;
    width: 100%;
    font-size: 0;
    text-align: center;
    overflow-x: auto;
 /**   white-space: nowrap; **/
    zoom: 1;
  }
  .items_static_news:before {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  .items_static_news:after {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both;
  }
  .items_static_news .item {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /**width: 22vw; **/
	width: 44vw;
  }

  .items_static_news::-webkit-scrollbar-track {
    background-color: #fff;
  }
  .items_static_news::-webkit-scrollbar {
    height: 7px;
    background-color: #fff;
  }
 .items_static_news::-webkit-scrollbar-thumb {
    background: #dfdfdf;
  }
  #news_statics .icon-arrow-right {
    display: block;
  }

}

@media only screen and (max-width: 767px) {
  .items_static_news .item .post-loop__title{
    text-align: left;
    font-size:20px;

  }
}
@media only screen and (max-width: 640px) {

  .items_static_news .item{
    /** width: 80vw; **/
	width:100%;
  }
  .items_static_news .item .post-loop__desc{
    max-height: 71px;
    min-height: 71px;
  }
}
@media only screen and (max-width: 479px) {

}
@media only screen and (max-width: 379px) {
  .items_static_news .item {
    width: 75vw;
  }
  .items_static_news .item .post-loop__title{
    font-size: 17px;
  }
}


@media (min-width: 1024px){
  .items_static_news .item .post-loop__desc{
    white-space: unset;
  }
}



@media (min-width: 480px){
  .items_static_news .item .post-loop__desc{
    white-space: normal !important;
  }
}


#slideshow .el-nav{
	padding:30px;
}

body .uwy.userway_p1 .uai{
	top:unset !important;
	    bottom: 20px !important;
		left:20px !important;
		right:unset !important;transform: unset !important;

}
/** .fields{
	border-bottom:1px solid #000;
	padding:6px 0;
	
}
.fields span{
color:#000;}
.fields span, .fields a{
	font-size:18px;
} **/


@media (max-width:991px) {
	.uk-slideshow-items li a img{
       height:100% !important;
    }
}



.bodyitem a{
	text-decoration:underline;
}


[data-align="right"] {
    /* Styles */
    float:right;
    padding-left:15px;
}

[data-align="left"] {
    /* Styles */
    float:left;
    padding-right:15px;
}
[data-align="center"] {
    /* Styles */
    display:flex;
    margin:auto;
}