/*--- #CDBCAE ----*/
/*--- #0C3D9A ----*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700&subset=latin,cyrillic);
@font-face {
    font-family: "Blagovest";
    src: url("../fonts/blago.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Oswald Light";
    src: url("../fonts/Oswald-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

* {
  margin: 0;
  padding: 0; }
*, ::after, ::before {
    box-sizing: border-box;
}
html {
      font-family: 'PT Sans', sans-serif;
    color: #202020;
    font-size: 16px;
    line-height: 24px;
	}
 
body {
   
    font-family: 'PT Sans', sans-serif;
    color: #202020;
    font-size: 16px;
    line-height: 24px;
background-color: #EEF3FA;	}
/*	
@media (min-width:768px){
	body{
  font-size: 13px;
	}
}
@media (min-width:576px){
	body{
  font-size: 12px;
	}

}*/
@media (max-width:576px){
	body{
  font-size: 15px;
  line-height: 20px;
  
	}

}


.header-area {
  position: relative;
  z-index: 100;
  width: 100%; 
  font-family: "Oswald Light", sans-serif;
	}
.logotop{
	background-color:#EEF3FA;
	cursor:pointer;
	padding-bottom:3px;
	/*border-bottom: 3px solid #0C3D9A;*/
	margin-bottom:3px;
}
.main-big-area{
	padding: 10px 0;
}
.main_info{
	box-shadow: 2px 0px 7px -6px black;
}
.container{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin: 0 auto;
	/*background-color:#fff;*/
}
@media (min-width:576px){
	.container{
	max-width:95%;
	}

}
@media (min-width:768px){
	.container{
	max-width:95%;
	}

}
@media (min-width:992px){
	.container{
	max-width:960px
	}

}
@media (min-width:1200px){
	.container{
	max-width:1140px
	}
}
.row{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px
}


a,a:hover,a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #1c1c1c;
  font-weight: 500;
  color: #0C3D9A;; }
a:hover{	
  text-decoration: underline;
}
h1
{
    /*margin-bottom: 24px;*/
    padding-bottom: 9px;
    border-bottom: 1px solid #aeaeae;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    font-family: "Oswald Light", sans-serif;
    text-transform: uppercase;
}
h2
{
    padding-bottom: 9px;
    border-bottom: 1px solid #aeaeae;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    font-family: "Oswald Light", sans-serif;
    text-transform: uppercase;
}
h2 a {
    display: inline-block;
    float: right;
    font-size: 1.8rem;
    padding: 2px 3%;
    margin-top: 1%;
    border: 1px solid #aaa;
    border-radius: 6px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 13px;
    background-color: #eee;
	color:#474d51 !important;
}
h2 a:hover {
    background-color: #fafafa;
	
}
h3,h4,h5,h6 {
  color: #152535;
  line-height: 1.3;
  font-weight: 700; }
h3{
font-size:1.75rem
}
h4{
font-size:1.5rem
}
h5{
font-size:1.25rem
}
h6{
font-size:1rem
}
p {
  color: #828282;
  line-height: 1.5rem;
  font-weight: 400; }

ul,
ol {
  margin: 0; }
ul li,ol li {
    list-style: none; }


.body ul,.body ol {
  margin: 0.5rem 2rem;
  }
.body ul li,  .body ol li {
    list-style: initial; 
	line-height: 1.8rem;
}

img,object, iframe, video, audio {
  height: auto;
  max-width: 100% !important; 
  display: block
  }
 audio{
	height: revert;
 }
.body img {
  height: auto !important;
  /*margin:1rem;*/
}
hr{
	width:100%;
	height:1px;
	color:#aaa;
}
.clearfix {
	overflow: auto; width: 100%;
}
.center {display:block; margin:0 auto;}
/*.row{
	width:100%;
	overflow:auto;
    position: relative;
	padding: 0 1%;
}*/
.info_block{
	margin-bottom: 25px ;
}

.ImgDiv{
    position: relative;
    width: 100%;    
     overflow:hidden;
     border-bottom: solid 4px #a57f62;
}
.ImgDiv::before {
    content: "";
    display: block;
    padding-top: 60%;
}
.ImgDiv::after {
    content: "";
    display: block;
    /*padding-top: 68%;*/
	height:4px;
	background-color:#fff;
}

.widefoto .ImgDiv::before{
    padding-top: 53%;
}
.widefoto .ImgDiv::before{
    padding-top: 53%;
}
.ImgDiv img, .ImgDiv video{
	width:100%;
	height:auto;
    position: absolute;
    top: 0;
    left: 0;
    min-height:100%;	
	transition:transform 0.5s ease;
}

.ImgDiv:hover img{
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.Img_circle .ImgDiv:hover img{
	transition:none;
	transform:none;
}
.bord_left{
	border-left: 1px solid #dcdcdc;
}
.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d0d5d8;
}
.InsertBlock{
	border:1px solid #dcdcdc;
	margin-bottom: 10px;
}
.section-heading h3 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 45px;
    height: 45px;
    min-width: 140px;
    padding: 0 30px;
    background-color: #C41318;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    text-align: center;
}
.filesinside{
	/*margin-top:2rem;*/
	padding:1rem;
}
.filesinside h2{
    padding-left: 1rem;
    border-bottom: none;
}
div.gallery{
	width:100%;
	margin:0;
	overflow: auto;
	padding:20px 0;
	}
div.onepict{
	width:33%;
	margin:0;
	float:left
	}
figure.fixedratio{
	/*padding-top:65%;*/
	display:block;
	margin:1%;
	position:relative;
	overflow:hidden;
	}
figure.fixedratio img{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	min-height:100%;
}

.clear{
	clear:both;
	width:0px;
	height:0px;
}
h3.Insertions_Title {
    font-size: 1.4rem;
    margin-bottom: 15px;
    font-weight: 400;
    color: #C41318;
}

/*================= :: 3.0 Pagination & breadcrumbs ====================*/
.pagination{
    display: table;
	margin: 5% 0;
}
.pagination ul{
    display: table-row;
	margin: 0;
	padding: 0;
}
.pagination ul li{
	padding: 0.5%;
    display: table-cell;
	text-align: center;
	text-align: center;
	width: 50px;
	float:left;
}


.pagination ul li  a {
	background: #fff;
	display: block;
	padding: 8px 1%;
	color: #475055;
	font-size:1.3rem;
	text-decoration: none;
	border:1px solid #aaa;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:5px; 
	-khtml-border-radius:10px;
}
.pagination ul li  a:hover, .pagination ul li  a.active {
	background: #03658e;
	color:#fff;
}
.breadcrumbs{
	margin: 2% 0;
}
.breadcrumbs a{
	display:inline-block;
	padding:0 4px;
}
/*-----------------Elements---------------------*/

.container {
    background-color: #fff;
}
.t-1 {
    font-size: 3vw;
    margin: 4vh auto;
	text-align: center;
	color: #0C3D9A;
}
.t-2 {
    font-size: 1.7vw;
	text-align: center;
	color: #0C3D9A;
}
@media (max-width: 576px){
	.t-1 {font-size: 8vw;}
	.t-2 {font-size: 5.7vw;}
}
.topcontacts{
	 float:right;
	 padding-top: 20px;
}
.topcontacts table{
	width:100%;
}
.topcontacts table tr td{
	width:33%;
	vertical-align:middle;
}

.topcontacts i{
	display: block;
    width: 33px;
    border-top: 3px solid #ddd;
    border-left: 3px solid #ddd;
    float: left;
    padding: 7px;
    margin-right: 10px;
    margin-top: 4px;
    font-size: 18px;
}

.topcontacts td span {
    font-size: 14px !important;
}

.bottom-footer-area .container{
	border-top:2px solid #0C3D9A;
	padding-top:10px;
	margin-top:10px;
}

.video_icon, .photo_icon, .audio_icon{
    width: 30px;
    height: 30px;
    background-image: url(../pics/video.png);
    background-size: cover;
    position: absolute;
    bottom: 3%;
    right: 5%;
}
.photo_icon{
    position: absolute;
    top: 12px;
    right: 15px;
    width: 27px;
    height: 19px;
    background: url(../pics/camera-icon.png) no-repeat #888;
    z-index: 2;
    -webkit-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
    text-indent: 9999px;
}
.audio_icon{
    background-image: url(../pics/audio.png);
    right: 14%;
}
video{
	width:100%;
	height:auto;
}
.mpvideo {
    /*position: absolute;
    top: 0;*/
    width: 100%;
    height: 100%;
	margin-bottom:1rem;
}
audio{
	width: 95%;
	margin:10px 2% 0 2%;
    border: 1px solid #aaa;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
}	
.site__header .ImgDiv{
	cursor:pointer;
}
.site__header .ImgDiv::before {
    padding-top: 15%;
}
.searchblock{
	height: 50px; 
    position: relative;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}
.topname{
	padding-top:1%;
	padding-bottom:1%;
	color: #005490;
	display:table-row;
	display: flex;
	cursor:pointer;
	position:relative;
}

.topname .ImgDiv::before{
    padding-top: 11%;
}
.search_row{
	width: 100%;
	height: 40px;
	position: fixed;
	top: 0;
}
.topSearch {
    position: absolute;
    top: 7%;
    right: 3%;
    width: unset;
    border: 1px #fff solid;
    border-radius: 20px;
    padding: 4px;
    width: 20px;
    height: 20px;
}
.topSearch:hover {
    background-color: #eee;
}
#searchForm {
    position: absolute;
    right: 6%;
    width: 250px;
    height: 30px;
    background-color: #ddd;
    display: block;
    top: 40px;
    border: 1px #fff solid;
    border-radius: 4px;
	display:none;
	z-index:500;
}
#searchForm .search_input{
	font-size: 0.8rem;
    color: #000;
    border: 1px solid #7f9db9;
    padding: 3px;
    width: 206px;
}
#searchForm .search_div{
	padding: 2px;
}
#searchForm .search_submit{
	background: url(../pics/search.png) no-repeat;
	width: 19px;
    height: 15px;
    outline: none;
    cursor: pointer;
    border: 0;
	display: block;
    margin: 0 0 0 5px;
}

/* Section Heading */
.section-heading {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 27px;
    font-weight: 400;
    font-family: "Oswald Light", sans-serif;
}
input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent; }

/* ScrollUp */
#scrollUp {
  background-color: #89B9DD;
  border-radius: 5px;
  bottom: 60px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 24px;
  height: 40px;
  line-height: 38px;
  right: 60px;
  text-align: center;
  width: 40px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms; }
  #scrollUp:hover {
    background-color: #fff; 
	color: #0C3D9A;
	border:1px solid #3D89C1;}
  @media only screen and (max-width: 767px) {
    #scrollUp {
      bottom: 30px;
      right: 30px; } }


/* :: 4.0 Header Area */
  .header-area .top-header-area {
    width: 100%;
    /*height: 100px;
    background-color: #fff;*/
    position: relative;
    z-index: 1; 
	/*border-top: 1px solid #0C3D9A;*/
	}
    @media only screen and (max-width: 767px) {
      .header-area .top-header-area {
        height: 45px; } 
	}
    .header-area .top-header-area .top-header-content {
      width: 100%;
      height: 100px;
      background-color: #fff;
      position: relative;
      z-index: 1; 
	  padding: 0 1rem;}
	  
  .header-area .newspaper-main-menu {
    position: relative;
    width: 100%;
    z-index: 100;
    /*height: 80px;*/
    /*border-bottom: 1px solid #d0d5d8; */
	}
    @media only screen and (max-width: 767px) {
      .header-area .newspaper-main-menu {
        /*background-color: #152535;*/
        height: 40px; } 
		}
  /*  .header-area .newspaper-main-menu .classy-nav-container {
      background-color: #C41318; }*/
    .header-area .newspaper-main-menu .classy-navbar {
      /*height: 80px;*/
      padding: 0; 
	  }
      @media only screen and (max-width: 767px) {
        .header-area .newspaper-main-menu .classy-navbar {
          height: 40px; } 
		  }
      .header-area .newspaper-main-menu .classy-navbar .logo {
        /*display: none;*/ }
        .header-area .newspaper-main-menu .classy-navbar .logo a {
          display: block;
          /*max-width: 160px; */}
/***
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header-area .newspaper-main-menu .classy-navbar .logo {
            display: block; } }
*/

      @media only screen and (min-width: 991px) {
      .header-area .logo {
        display: none; }
		}
        @media only screen and (max-width: 767px) {
          .header-area .newspaper-main-menu .classy-navbar .logo {
            display: block; } 
			}
      .header-area .newspaper-main-menu .classy-navbar .classynav ul li a {
        font-weight: 500; }
        .header-area .newspaper-main-menu .classy-navbar .classynav ul li a:hover, .header-area .newspaper-main-menu .classy-navbar .classynav ul li a:focus {
          font-weight: 500; }
		  
      .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li > a {
  /*text-transform: capitalize;*/
        /*padding: 12px 6px 11px;*/
        background-color: transparent;
       /* line-height: 1;*/
        color: #FFFFFF;
        font-weight: 200; 
		font-size: 17px;}
	/*	.breakpoint-on .classynav ul li a {
			padding: 0 10px;
			height: 26px !important;
			line-height: 38px;
		}*/
		
        .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li > a:hover, .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li > a.active, .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li > a:focus {
          text-decoration:underline }
      .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li.active > a {
        position: relative;
        z-index: 1;
        color: #0C3D9A; 
		text-decoration:underline}

.header-area  .logo{
    position: relative;
    /*width: 100px;   */ 
     overflow:hidden;
     /*border-bottom: solid 4px #8f0418;*/
}
@media (max-width:576px){
	.header-area  .logo{
		width: 75%;    
	}
}	
     @media only screen  and (max-width: 991px) {	
      .header-area .newspaper-main-menu .classy-navbar .classynav  > ul > li.active > a {
        color: #161616; }
		
      .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li > a {
        color: #888;
        font-weight: 800; 
		    line-height: 33px;
			}
		
		.header-area  .logo{
			width: 50%;    
		}
	 }
        .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li.active > a::before {
          background-color: #f7f7f7;
          width: 100%;
          height: 3px;
          position: absolute;
          top: -26px;
          left: 0;
          content: '';
          z-index: 10; }
          @media only screen and (min-width: 768px) and (max-width: 991px) {
            .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li.active > a::before {
              display: none; } }
          @media only screen and (max-width: 767px) {
            .header-area .newspaper-main-menu .classy-navbar .classynav > ul > li.active > a::before {
              display: none; } }
  .header-area .is-sticky #stickyMenu {
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
    border-bottom: none; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
/*      .header-area .is-sticky #stickyMenu {
        background-color: #152535; } }*/
 /*   @media only screen and (max-width: 767px) {
      .header-area .is-sticky #stickyMenu {
        background-color: #152535; } }*/
.bottom-footer-area{
	border-top: 1px solid #666;
    padding-top: 2rem;
}
.eparhia_newses #pte1 .card_list .card a{
	color: #0C3D9A !important;
}
@media (max-width: 500px) {
#pte1 .card_list .card_3{
	width:100% !important;
}
.multimedia__item {
    margin-bottom: 1rem;
}
}








