@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0px none; }
ol, ul { list-style: none outside none; }
strong{font-weight:bold;}
iframe{display:block;}
a{color:#282828; text-decoration:none;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
a:hover { color:#02074f;
	transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
p { font-size:16px;line-height:22px;margin:8px 0px; }
.center{text-align:center;}
.clear{clear:both;}
.divider{clear:both;height:30px;}

a.overlay_link {display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;text-indent: -999999px; z-index:10; }

.padd{
	padding-top: 50px;
	padding-bottom: 50px;	
	position:relative;
}
.padd_bottom{
	padding-top: 10px;
	padding-bottom: 50px;	
	position:relative;
}
.container-fluid.no-padd{
	padding-top: 0px;
	padding-bottom: 0px;
}
.img-responsive{
	width: 100%;
}
.row_half{margin-left:0px;margin-right:0px;}
.no-gutter > [class*='col-'],  .no-gutter .row > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-margin.row {
    margin-right:0;
    margin-left:0;
}

.no-margin.row  [class^="col-"],
.no-margin.row  [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
  position: relative;
}

.container-fluid.no-padding{
	padding-left:0px;
	padding-right:0px;
}

.no-padding{
	padding-left:0px;
	padding-right:0px;
}

.white_bg{background:#fff;}
.grey_bg{background:#f2f2f2;}
.blue_bg{background:#0f4295;}
.light_blue_bg{background:#129eff;}


body { font-size: 16px; font-family: 'Ubuntu', sans-serif; color:#282828; background: #fafafa; }

#sponsor_bg{ position: fixed; width:100%;height:1500px;z-index:0;background-attachment:fixed !important; background-size: auto auto; background-position: top center;   background-repeat: no-repeat; top: 0;}
#sponsor_bg a { width:100%;height:1500px;display:block;text-indent:-9999px;}

#wrapper {  width: 100%;  margin:0px auto; height:auto; overflow:hidden; position:relative;  background:#fff; box-shadow: 0 0 5px #cacaca; }

#topbar {  width: 100%; height:auto;  position:relative; z-index:999;     background: #02014f; }

 .top_menu{
	display: flex;
	justify-content: flex-start;
}

.row.flex-align-center{
	display: flex;
	align-items: center;
}

.social_media {     
	margin: 0px 0 0 0px;
    display: flex;
    justify-content: end;
	align-items: center; 
}
.social_media a {  display:inline-block; padding:2px; margin-right:10px; transition: all 0.5s ease 0s;  }
.social_media a:hover {  background: #129eff; transition: all 0.5s ease 0s; }
.social_media a:focus {  background: #129eff; transition: all 0.5s ease 0s; }
.social_media a img {display:block; width:20px;  }

.top_menu ul {    
	display: flex;
    margin: 0px;
	align-items: center;
}
.top_menu ul li{ display:flex; margin:0px; padding:0px; position: relative; border-right: 1px solid white;}
.top_menu ul li.last{
	border-right: none;
}
.top_menu ul li a{  display:flex; margin:0 0px;   font-size:16px; line-height:18px; font-weight:300; color:#fff; transition: all 0.5s ease 0s;  }
.top_menu ul li:last-child a{ border-right:0px solid #fff; padding-right:0px;  }
.top_menu ul li a:hover,.top_menu ul li a:focus{  background-color: #0b96a5; transition: all 0.5s ease 0s; }

.top_menu ul li img.top-icon {
	width: 16px;
    margin-right: 8px;
}

.top_menu ul li span {
	display: flex;
    align-items: center;
    /* display: inline-block; */
    margin: 0 0px;
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
    color: #fff;
    /* border-right: 1px solid #fff; */
    transition: all 0.5s ease 0s;
}

#header {  
	width: 100%;
    height: auto;
    position: relative;
    z-index: 999;
    padding: 0px 30px;
    background: #02074f;
    border-top: 1px solid white;
 }

#headlines { position:relative; margin: 20px 0 0 0; display: block;  background: #eeeeee; }
#headlines span { float:left;position:relative; padding:10px 25px; margin-right:10px; display: inline-block; color:#fff; background: #129eff; }
#headlines span::after { content: ""; position: absolute; top: 17px; right: -5px; width: 10px; height:10px; transform: rotate(45deg); background: #129eff; } 
#headlines_block  { float:left; display: inline-block; margin-top:6px; width:1000px; overflow:hidden; } 
#headlines_block ul  { display: block; width:100%; } 
#headlines_block ul li a  { display: block; font-weight:300; font-size:14px;  } 

.logo_container{
	display: flex;
    align-items: center;
}
.languages {
	margin-left:40px;
}
.languages ul {
	display:flex;
	align-items:center;

}

@media (min-width: 1600px){
	.container {
		width: 1300px;
	}
}

.languages ul li{
	color: white;
	border-right: 1px solid white;
	padding: 0 12px;
}

.languages ul li.last{
	border:none;
}


.banners_container{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}

.banners_container .banners {
    display: flex;
    align-items: center;
    padding: 3px 3px 1px 3px;
    background: white;
    border-radius: 2px;
}

label[for="SearchQuery"]{
    display: none;
}

label[for="top-nav"]{
    display: none;
}


label[for="NewsletterEmail"]{
    display: none;
}

span.hide_text{
    display: none;
}



.banners_container .banners img.espa {
	width: 136px;
    background: white;
    /* padding: 1px;*/
	margin-right: 12px;
}

.banners_container .banners img.enosi {
	width: 82px;
}

#logo_container { position:relative;  }
#logo { 
	position: relative;
    /* margin: 20px 0 0 0; */
    display: block;
    width: 206px;
    height: 134px;
}
#logo a { display: block; width: 100%; height: 100%;text-indent: -999999px!important; background: url('../img/layout/logo.svg') no-repeat scroll center center transparent; background-size: 100%;    color: white; }
#logo a:hover, #logo a:focus {
    background-color: #287c9b21;
}
#header_ad {text-align:right; margin: 20px 0 0 0;}
#header_ad img {max-width: 100%;}

#menu_container {  width:100%;     background: #287c9b; z-index:999;  transition:all 0.5s;  }
#menu_container.fixed { z-index:999;  -webkit-animation:slide-down 0.7s;  animation:slide-down 0.7s; }


#menu_container_fixed { 
	width:100%;     background: #287c9b; z-index:999;  transition:all 0.5s;
}


@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}


#cookie-consent-wrapper {
    position: fixed!important;
    z-index: 2147483647!important;
    display: block!important;
    width: 280px;
    top: auto;
    bottom: 100px;
    padding: 10px;
    color: #000;
    /* font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif; */
    right: 0;
    bottom: 5px;
    background: rgb(40 124 155);
}

#cookie-consent-wrapper .content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 0px;
    color: #fff!important;
}

span.highlight {
    font-weight: 600;
}

.search_item{
    margin: 12px 0px;
}


.scrollButtonContainer {
    bottom: 30px;
    position: absolute;
    z-index: 10;
    text-align: center;
    color: white;
    left: 50%;
    width: 150px;
    margin-left: -75px;
}

div.scroll-suggestion {
    width: 100px;
    margin: auto;
    cursor: pointer;
    color: #fff;
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    width: 39px;
}


@-webkit-keyframes hvr-wobble-vertical {
    8.33% {
      transform: translateY(8px);
    }

    16.65% {
      transform: translateY(6px);
    }

    24.98% {
      transform: translateY(4px);
    }

    33.3% {
      transform: translateY(2px);
    }

    41.63% {
      transform: translateY(1px);
    }

    50% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(0);
    }
  }

  @keyframes hvr-wobble-vertical {
    8.33% {
      transform: translateY(8px);
    }

    16.65% {
      transform: translateY(6px);
    }

    24.98% {
      transform: translateY(4px);
    }

    33.3% {
      transform: translateY(2px);
    }

    41.63% {
      transform: translateY(1px);
    }

    50% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(0);
    }
  }


#cookie-close, #link, .btn_concern {
    font-size: 12px;
    margin-top: 7px;
    padding: 5px 0;
    background: #02074f!important;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff!important;
    right: 20%!important;
    margin-top: 5px;
}

a:focus {
    outline: thin dotted;
}


#menu_main { 
	width: 100%;
    height: auto;
    position: relative;
    /* z-index: 999; */
    padding: 0px 30px;
	background: #277C9B;
}

#menu_main_fixed {
    width: 100%;
    height: auto;
    position: relative;
    /* z-index: 999; */
    padding: 0px 30px;
    background: #277C9B;
}


.open_search{ position: absolute; top:0px; right:0px; display: block; z-index:99999; width:36px; height:36px; background: url('../img/layout/search.svg') no-repeat center center; background-size:36px; text-indent: -999999px!important; transition:all 1s;}
.open_search.mobile_search {display:none;}
#search{ 
	display: none;
    position: fixed;
    z-index: 999999;
    top: 0px;
    left: 0px;
    width: 100%;
    /* height: 300px; */
    background: none; 
}
#search.search-container {  
	display: block;
    position: relative;
    /* top: 120px; */
	width: 260px;
    /* margin: 0 auto; */
    /* max-width: 900px; */
    margin-right: 30px;
} 
#search form  { 
	margin: 0px;
    padding: 0px 0 0px 0;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    transition: all 0.3s ease;
}

#search form:hover{ 
    background: #b2dcf5;
}

#search form input {	 
	font-family: 'Ubuntu', sans-serif;
    width: 100%;
    height: auto;
    position: relative;
    font-size: 18px;
    color: #fff;
    padding: 10px 25px 10px 15px;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    background: none;
}

#search form input:hover{

}

.icon-small {
    position: relative;
    top: 4px;
    width: 27px;
    height: 27px;
    display: inline-block;
}
.icon-small.icon-web{
    top: 9px;
}
.icon-small.icon-video{
    top: 11px;
}
.icon-small img{
    width:100%;
    height: 100%;
    display: block;
    /* max-width:200px;
     */
    /* max-width:20px;
    margin-right:10px; */
}

#search form .icon-search{ 
	position: absolute;
    right: 13px;
    top: 12px;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -999999px!important;
    background: url(../img/layout/search.svg) no-repeat scroll center center transparent;
    background-size: 100%;
    border: none;	
 }
.close_search {  position: absolute; top:30px; right:30px; display: block;  width: 50px; height:50px; z-index:999; background: url('../img/layout/close.svg') no-repeat center; background-size:32px; text-indent: -999999px!important;  }


/**************   SEARCH ********************/
.dynamic_view_main .results{
	margin: 0px 5px 30px 5px; padding:0 0 10px 0;float:left;border-bottom: 3px solid #e0e0da;font-size:12px;width:100%;
}
.dynamic_view_main .results a{
	margin: 0px 0px 0px 0px; display:block;font-size:14px;color: #191919;font-weight:bold;padding:0 0 0 0px!important;
}
.dynamic_view_main .results a img{
	float: left;
	margin-right: 5px;
}

.dynamic_view_main .results p{
    font-size:14px;
    line-height: 18px;
}

.dynamic_view_main .results span.highlight{
	color:#fff;
	background:rgb(40 124 155);
	padding:2px 1px;
	font-weight:bold;
	border-radius:3px;-webkit-border-radius:3px;	-moz-border-radius:3px;
}
.dynamic_view_main .results .heading{
    border-left:3px solid rgb(40 124 155);
    padding:0 0 0 10px;
    margin: 0px 0px 5px 0px;
    float:left;
    width:100%;
}
.dynamic_view_main .results .heading a{
    font-size: 16px;
    margin-bottom: 5px;
    color:#02074f;
}

.dynamic_view_main .results span.category{
margin: -2px 0 5px 0;
padding:0 0 0 0px;
font-size: 14px;
float: left;
color: #444;
display:block;
font-style: italic;
}
.dynamic_view_main .results a:hover{
	text-decoration:none;color: #02074f;
}

.dynamic_view_main .results a.read_more_article{ margin: 0px 0px 0px 0px; display:inline;font-size:11px;float:right;font-weight:bold;color: #02074f;}
.dynamic_view_main .results a.read_more_article:hover{ color: #02074f;}




#open_menu  { display:none;}
#main_menu { position:relative;     margin: 10px 0px 10px 0px; padding:0px; text-align: center;   }
#main_menu ul {display:block; width: 100%; margin:0px; padding:0px;  }
#main_menu ul li{ display:inline-block; margin:0px; padding:0px; position: relative; }
#main_menu ul li.hidden-desktop{  display:none; }
#main_menu ul li a{  display:block; margin:0 30px 0 0; padding:5px 0px 5px 0;  font-size:18px; font-weight:600;    color: #fafafa; transition: all 0.5s ease 0s;  }
#main_menu ul li.has-children a{  padding-right:15px; }

#main_menu ul li.has-children .first_level{  padding-right:15px; }
#main_menu ul li .first_level{  display:block; margin:0 30px 0 0; padding:5px 0px 5px 0;  font-size:18px; font-weight:600;    color: #fafafa; transition: all 0.5s ease 0s; cursor:pointer; }

#main_menu ul li.active_item a{     color: #ffffff;  transition: all 0.5s ease 0s; }
#main_menu ul li a:hover{      color: #ffffff;  transition: all 0.5s ease 0s; }

#main_menu li .dropdown {
	position: absolute; 
	top: 33px;
	left: 0px;
	z-index: 99999!important;	
    width: 333px;		
	height:auto;	
	background:#fff;	
	border: 1px solid #eceeee;
	border-top:0px;	
    padding: 10px 10px 10px 10px;
	/* display: none; 		 */
    opacity: 0;
    visibility: hidden;

}

#SearchQuery:focus {
    background: #228eb9;
}

#SearchQuery:focus::placeholder {
    color: white;
    
}

#main_menu li.active .dropdown{	opacity: 1;visibility: visible;  }
/* #main_menu li.active a:focus+.dropdown{	opacity: 1;visibility: visible;  } */
/* #main_menu li.active a:hover+.dropdown{	opacity: 1; visibility: visible;}  */

#main_menu li .dropdown ul  { float:left; width:100%;}
#main_menu li .dropdown ul li { display:block; float:none; position: relative;}
#main_menu li .dropdown ul li a{ 
    display: block;
    float: none;
    background: none;
    margin: 0px 0 5px 0;
    font-size: 16px;
    padding: 9px 2px;
    z-index: 9999;
    color: #02074f;
    border-bottom: 1px solid #eceeee;
}

#main_menu li .dropdown ul li a:hover,
#main_menu li .dropdown ul li a:focus{
    text-decoration: underline;
    color: #287c9b; 
}

#main_menu li .dropdown ul li.active .second_submenu{
    opacity: 1;
    visibility: visible;
}

#main_menu li .dropdown ul li .second_submenu{
    /* display: block; */
    position: absolute;
    width: 340px;
    left: 100%;
    background: #eeeeee;
    top: -10px;
    padding: 20px;
    border-left: 4px solid #287c9b;
    opacity:0;
    visibility: hidden;

}




#main_menu_fixed {     position: relative;
    margin: 0;
    /* padding: 0px; */
    text-align: center;
    /* height: 0;  */
    position: fixed;
}

#menu_container_fixed.open{
    position: fixed;
    transition: all 0.3s ease;
}

#main_menu_fixed.open{
    position: relative;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
    height: auto;
}

#main_menu_fixed ul {display:block; width: 100%; margin:0px; padding:0px;  }
#main_menu_fixed ul li{ display:inline-block; margin:0px; padding:0px; position: relative; }
#main_menu_fixed ul li.hidden-desktop{  display:none; }
#main_menu_fixed ul li a{  display:block; margin:0 30px 0 0; padding:5px 0px 5px 0;  font-size:18px; font-weight:600;    color: #fafafa; transition: all 0.5s ease 0s;  }
#main_menu_fixed ul li.has-children a{  padding-right:15px; }

#main_menu_fixed ul li.has-children .first_level{  padding-right:15px; }

#main_menu ul li.has-children .first_level:hover,
#main_menu ul li.has-children .first_level:focus{
    text-decoration: underline;
}

#main_menu_fixed ul li .first_level{  display:block; margin:0 30px 0 0; padding:5px 0px 5px 0;  font-size:18px; font-weight:600;    color: #fafafa; transition: all 0.5s ease 0s; cursor:pointer; }

#main_menu_fixed ul li.active_item a{     color: #ffffff;  transition: all 0.5s ease 0s; }
#main_menu_fixed ul li a:hover{      color: #ffffff;  transition: all 0.5s ease 0s; }

#main_menu_fixed li .dropdown {
	position: absolute; 
	top: 33px;
	left: 0px;
	z-index: 99999!important;	
    width: 333px;		
	height:auto;	
	background:#fff;	
	border: 1px solid #eceeee;
	border-top:0px;	
    padding: 10px 10px 10px 10px;
	display: none; 		
}

#SearchQuery:focus {
    background: #228eb9;
}

#main_menu_fixed li:hover .dropdown{	display:block;  }
#main_menu_fixed li a:hover+.dropdown{	display:block;  }
#main_menu_fixed li a:focus+.dropdown{	display:block;  }
#main_menu_fixed li .dropdown ul  { float:left; width:100%;}
#main_menu_fixed li .dropdown ul li { display:block; float:none; position: relative;}
#main_menu_fixed li .dropdown ul li a{ 
    display: block;
    float: none;
    background: none;
    margin: 0px 0 5px 0;
    font-size: 16px;
    padding: 9px 2px;
    z-index: 9999;
    color: #02074f;
    border-bottom: 1px solid #eceeee;
}

#main_menu_fixed li .dropdown ul li .second_submenu{
    display: none;
}

#main_menu_fixed li .dropdown ul li:hover .second_submenu{
    display: block;
    position: absolute;
    width: 340px;
    left: 100%;
    background: #eeeeee;
    top: -10px;
    padding: 20px;
    border-left: 4px solid #287c9b;

}

#main_menu_fixed li .dropdown ul li a:hover{  color: #287c9b; }







#footer { padding:100px 0px; background: #02074f; }
.footer_divider { clear:both; width:100%; height:1px; background:#eceeee; margin: 15px 0;}
.footer_box { margin-top:10px;margin-bottom:10px;}

.footer_box ul { text-align:center; } 
.footer_box ul li { display:inline-block; } 
.footer_box ul li a{ display:block; margin:0 10px; color:#666;  transition: all 0.5s ease 0s; } 
.footer_box ul li a:hover{ color:#129eff;  transition: all 0.5s ease 0s; } 

.footer_logo { text-align:center;}
.footer_logo img { 
	width:  233px 	;
}

.main_footer_container {

}

.main_footer_container .up-links{
	padding: 20px 0px;
}


.main_footer_container .up-links ul.footer_links{
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    color: white;

}

.main_footer_container .down-links {
	display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;
    border-top: 1px solid white;
}

.main_footer_container .down-links ul.footer_links{
	display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    width: calc(60%);
}

.main_footer_container  ul.footer_links li{
	font-size:18px;
}

.main_footer_container  ul.footer_links li a{
    color: white;
}
.main_footer_container ul.footer_links li a:hover{
    color: #228eb9;
}

.main_footer_container .social_footer{
	width: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.main_footer_container .social_footer img{
	width: 26px;
    margin-left: 22px;
}

.footer_social_media { text-align:center; margin-top:15px; margin-bottom:30px;}
.footer_social_media a{  display:inline-block; padding:10px 10px; margin-left:3px; margin-right:3px; border:1px solid #666; border-radius:100%; transition: all 0.5s ease 0s;}
.footer_social_media a:hover{  background:#fff; transition: all 0.5s ease 0s;}
.footer_social_media img{  display:block; width:20px; }

#copyright { padding:15px 30px;  background: #277C9B;}
.copyright p { line-height:22px;font-size:14px;color: #fff; }
.copyright a { color: #fff; text-decoration: none;  }
.copyright a:hover { text-decoration: underline; }
#wapp{position:relative;float:right; margin-top:10px;}
#wapp a{ color: white;	display: block;	width: 75px;height: 20px;background:transparent url(../img/layout/wapp.png) no-repeat scroll center center;text-indent: -999999px!important;background-size: 100%;}


#ajaxcontent {  padding:0px 0px;  z-index:5;}
.content { position:relative; z-index:5; }
.content h1 {font-size:30px;font-weight:400; color:#0f4295; margin:0px 0px 20px 0px; }
.content h2 { font-size:28px;font-weight:400; color:#0f4295; margin:10px 0px 10px 0px; }
.content h3 { font-size:24px; font-weight:400;margin:15px 0px 15px 0px; }
.content h4 {  font-size:18px;line-height:20px;margin:5px 0px 8px 0px; }
.content ul { margin:20px 5px 10px 5px;overflow:auto;}
.content ul li{ margin:0 0 10px 0;font-size:16px;line-height:22px; background:transparent url(../img/layout/list.png) no-repeat 0 6px;padding-left:18px;}

.read_more{ 
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-weight: 400;
    padding: 10px 60px 10px 15px;
    color: #fff;
    background: #287c9b;
    transition: all 1s ease;
    font-size: 19px;

}

.read_more:hover,
.read_more:focus
{
    background: #0f4295;
}

.read_more.yellow {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-weight: 400;
    padding: 10px 60px 10px 15px;
    color: #02074f;
    background: #f2b600;
    transition: all 1s ease;
    font-size: 19px;
}

.read_more.yellow .icon {
    background-image: url(../img/layout/button_arrow_mov.svg);
    width: 46px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: #dba400;
}

.read_more .icon {
    background-image: url(../img/layout/button_arrow_white.svg);
    width: 46px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
	background-color: #02074f;
}

.read_more:hover{ color:#fff;     background: #02074f;  transition: all 1s ease;  }
.read_more:focus{ color:#fff;     background: #02074f;  transition: all 1s ease;  }

/* HOME PAGE
================================================== */
#banner { margin-top:40px; padding:0px 30px; }
#banner .main_banner { position:relative; height:600px; background-position: top center;  background-size: 100%; border:1px solid #fff; transition: all .5s ease;}
#banner .main_banner:hover {   background-size: 105%; transition: all .5s ease;  }
#banner .small_banner { position:relative; height:200px; background-position: top center;  background-size: 100%;  border:1px solid #fff; transition: all .5s ease;}
#banner .small_banner:hover {   background-size: 105%; transition: all .5s ease;  }

#banner .banner_text { position:absolute; display:block; left:0px; bottom:0px; width:100%; padding:20px 20px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);  }
#banner .banner_text span { display:inline-block; font-size:14px; font-weight:400; color:#fff;     background: #287c9b; padding:5px 10px; text-transform:uppercase;}
#banner .banner_text h1 {  color:#fff; font-size:34px; font-weight:600; margin:10px 0px 0px 0px;}
#banner .banner_text h2 {  color:#fff; font-size:24px; font-weight:600; margin:10px 0px 0px 0px;}
#banner .banner_text p {  color:#fff; }
 
.bordered_title {   }
.bordered_title h2{  width:100%;  display: block; position:relative;   }
.bordered_title h2 span {   display: inline-block; color:#0f4295;  font-weight:700;  font-size:32px; text-transform:uppercase;  position:relative; background:#fff; z-index:1; padding-right:10px; }
.bordered_title h2::after {  content: ""; position: absolute; top: 11px; left:0px; width: 100%; height:14px; z-index:0; background: url('../img/layout/stripe.png') repeat-x scroll left center transparent; }

.home_left_box { padding-right:15px;}
.home_right_box { padding-left:15px;}

.home_top_container { }
.home_top_container .blog_post{ background:#0f4295; color:#fff; }
.home_top_container .blog_post .blog_date { color: #fff; background:transparent url(../img/layout/calendar_white.svg) no-repeat 0 2px; background-size: 16px;}
.home_top_container .blog_tags { background:transparent url(../img/layout/tags_white.svg) no-repeat 0 4px; background-size: 16px;  }
.home_top_container .blog_post_mini{ background: #0f4295;color:#fff; }
.home_top_container .blog_post .read_more{ color:#0f4295; background:#fff;  }

.home_bottom_container { }
.home_bottom_container .blog_post{ background:#c3c3c4; color:#fff; }
.home_bottom_container .blog_post .blog_date { color: #fff; background:transparent url(../img/layout/calendar_white.svg) no-repeat 0 2px; background-size: 16px;}
.home_bottom_container .blog_tags { background:transparent url(../img/layout/tags_white.svg) no-repeat 0 4px; background-size: 16px;  }
.home_bottom_container .blog_post_mini{ background: #c3c3c4;color:#fff; }

.pages.category video{
    width: 100% ;
    height: auto;
}

.pages.category .pages_category_button {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-weight: 400;
    padding: 10px 60px 10px 15px;
    color: #fff;
    background: #f2b600;
    transition: all 1s ease;
    font-size: 19px;
}

.op2021_sidebar {
    margin-top: 40px;
}

.op2021_sidebar #imageGallery{
    margin-top: 40px;
}

.op2021_sidebar #imageGallery img{
    width: 100%;
}

/* INNER PAGES
================================================== */
.page_title { }
.page_title h1{  width:100%;  display: block; position:relative;   }
.page_title h1 span {    display: inline-block; color:#0f4295;  font-weight:400;  font-size:32px; text-transform:uppercase;  position:relative; background:#fff; z-index:1; padding-right:10px;  }
.page_title h1::after {   content: ""; position: absolute; top: 11px; left:0px; width: 100%; height:14px; z-index:0; background: url('../img/layout/stripe.png') repeat-x scroll left center transparent;}

#sidebar {padding-left:50px; }

.ad_banner { display:block; text-align:center; margin:10px 0px 10px 0px;}
.ad_banner.right { text-align:right; }
.ad_banner img { max-width:100%;}

.facebook_box { float:right; margin:10px 0px 10px 0px; }
.facebook_box iframe { margin:0px auto; }

.side_box { display:block; position:relative; margin:10px 0 10px 0;}


/* BLOG PAGE
================================================== */
.blog_post{position:relative;background:#fff;padding:15px; border: 1px solid #eceeee; border-top: 3px solid #0b96a5; transition: all 1s ease; }
.blog_post.inner{margin-bottom:25px;}
.blog_post .blog_image {   overflow: hidden;}
.blog_post .blog_image img {  transition: transform .5s ease;  }
.blog_post:hover .blog_image img { transform: scale(1.1);  }
.blog_post .blog_text  {  }
.blog_post h3 { font-weight:600; margin:0px 0px 10px 0px; font-size:18px; color: #02074f; line-height: 28px; }
.blog_post p { margin: 10px 0px;}
.blog_post .blog_date { display:inline-block; background:transparent url(../img/layout/calendar.svg) no-repeat 0 2px; background-size: 16px; padding-left:22px; font-size:15px; font-weight:600;  color: #333; font-style: italic;}
.blog_tags { display:inline-block; margin-left:20px; background:transparent url(../img/layout/tags.svg) no-repeat 0 4px; background-size: 16px; padding-left:20px; }
.blog_tags span, .blog_tags a { font-size:14px; font-weight:600; font-style:italic; color: #fff; background:#129eff; padding:0 5px; margin-right:5px; transition: all 0.5s ease 0s; }
.blog_tags a:hover { background:#0f4295;  transition: all 0.5s ease 0s;}
.blog_post:hover .read_more{ color:#fff; background: #02074f;  transition: all 1s ease;  }
.blog_text .read_more{font-size:16px; padding:10px 20px;}
.blog_text .read_more span{color:#f2b600; font-weight: 700;}

.blog_post_mini{position:relative;background: #fafafa;padding:15px; border: 1px solid #eceeee; border-top:1px solid #fff; transition: all 1s ease; }
.blog_post_mini.first{border-top:1px solid #eceeee;}
.blog_post_mini .blog_image { position:relative; float:left; width:100px; margin-right:20px; overflow: hidden;}
.blog_post_mini .blog_image img { transition: transform .5s ease;  }
.blog_post_mini:hover .blog_image img { transform: scale(1.1);  }
.blog_post_mini h3 { font-size:20px; line-height:24px;  font-weight:400; margin:0px;  }

.mini_post { display:block; width:100%; position:relative; margin:0px 0 10px 0; border: 1px solid #eceeee;}
.mini_post .mini_post_image { width:100%;  }
.mini_post .mini_post_text { position:absolute; display:block; bottom:0px; left:0px; width:100%; padding:10px; color:#fff; background:#0f4295; transition: all 0.5s ease 0s;  }
.mini_post .mini_post_text h3 { font-size:16px; font-weight:600; margin:0px; }
.mini_post:hover .mini_post_text  { color:#282828; background:#fff; transition: all 0.5s ease 0s;}

.author_post { display:block; width:100%; position:relative; margin:5px 0 15px 0; padding-bottom:15px; border-bottom: 1px solid #eceeee;}
.author_post .author_post_image { float:left; width:100px; margin-right:20px; }
.author_post .author_post_image img {  border-radius:100%; }
.author_post span.author_title { font-size:20px; font-weight:600;  }
.author_post h3 { font-size:18px; font-weight:400; margin: 15px 0px 0px 0px;  }

.blog_post_round{position:relative;padding:20px;  text-align:center; transition: all 1s ease; }
.blog_post_round .blog_image {  width:100%; margin-bottom:20px; overflow: hidden;}
.blog_post_round .blog_image img {  border-radius:70px; transform: scale(0.95); transition: transform .5s ease; }
.blog_post_round:hover .blog_image img { border-radius:70px; transform: scale(1.0);  }
.blog_post_round .blog_date { display:inline-block; background:transparent url(../img/layout/calendar.svg) no-repeat 0 2px; background-size: 16px; padding-left:22px; font-size:14px; font-weight:600;  color: #666;}
.blog_post_round h3 { font-size:22px; line-height:26px;  font-weight:400; margin:5px 0 0 0;  }

.blog_view { }
.created { display:inline-block; background:transparent url(../img/layout/calendar.svg) no-repeat 0 2px; background-size: 16px; padding-left:22px; font-size: 16px; font-weight: 700; color: #277b9b; font-style: italic;}
.hits { display:inline-block; margin-left:20px; background:transparent url(../img/layout/hits.svg) no-repeat 0 2px; background-size: 16px; padding-left:22px; font-size:14px; font-weight:600;  color: #666;}
.blog_view_tags { display:inline-block; margin-left:20px; background:transparent url(../img/layout/tags.svg) no-repeat 0 4px; background-size: 16px; padding-left:20px; }
.blog_view_tags span, .blog_view_tags a { font-size:14px; font-weight:600; font-style:italic; color: #fff; background:#129eff; padding:0 5px; margin-right:5px; transition: all 0.5s ease 0s; }
.blog_view_tags a:hover { background:#0f4295;  transition: all 0.5s ease 0s;}
.blog_intro { margin-top:30px; }
.blog_intro p { font-size: 20px; line-height:28px;}
.blog_text img { max-width: 100%; margin:10px 0px 10px 0; padding:5px; border: 1px solid #eceeee; background: #fafafa;}
.blog_text svg {
    max-width: 100px; 
    max-height: 100px;
}
.blog_text iframe { max-width:100%;  margin:20px auto 20px auto; }
.blog_thumb {margin:30px 0px 30px 0; padding:5px; border: 1px solid #eceeee; background: #fafafa;}

.author_box { float:left; width:150px;margin:0px 30px 30px 0; text-align:center;  }
.author_box .author_box_image { display:block; margin-bottom:10px; }
.author_box .author_box_image img {  border-radius:100%; }
.author_box span.author_box_title { display:block; font-size:16px; font-weight:600;  }

.gallery {margin:0; padding:0 5px; }

p.highlight { font-size: 24px; line-height:30px; margin:20px 0; color: #0f4295; text-align:center;}
p.highlight_text { background: #129eff; color: #fff; margin:15px 0; padding:20px; }

.left_thumb {float:left; margin:5px 20px 10px 0; max-width:280px;}
.right_thumb {float:right; margin:5px 0px 10px 20px; max-width:280px;}
.center_thumb {display:block; margin:20px auto 20px auto; width:auto; max-width:100%;}
.square_thumb {border-radius:100%;}

.side_tags { display:block; margin-top:10px;  }
.side_tags a { display:inline-block; background:#129eff;font-size:14px; font-weight:600; font-style:italic; color:#fff; padding:0 5px; margin:0 5px 5px 0; transition: all 0.5s ease 0s;}
.side_tags a:hover { background:#0f4295;  transition: all 0.5s ease 0s;}

/* CONTACT
================================================== */
.contactform{
	margin:20px 0 0px 0;	
	width:100%;		
}
.contactform div.input{
	margin:0px 0 30px 0;
	padding:0;
	width:100%;	
}
.contactform div.textarea {
	margin:0px 0 30px 0;
	padding:0;
	width:100%;	
}

.contactform div.submit{
	width:100%;
	margin:0px 0 0px 0;
	padding:20px 0 10px 0;
	text-align:center;		
}

.contactform div.input label {	
	width:100%;
	margin:0 0 4px 0;
	padding:0px;
	display:block;
	text-align:left;		
	font-size:18px;	
	color: #282828;	
	font-family: 'Ubuntu', sans-serif;
}

.contactform input[type="text"], .contactform input[type="password"],  .contactform textarea {
    width: 100%;
    padding: 10px;
    margin: 0px;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    background: #fafafa;
    color: #282828;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #287c9b;
    border-radius: 5px;
    text-align: left;
}
.contactform select{
    width: 100%;
    padding: 10px;
    margin: 0px;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    background: #fafafa;
    color: #282828;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 1px solid #287c9b;
    border-radius: 5px;
    text-align: left;
}

.contactform textarea {	
	width:100%;
	height:130px;	
}

.contactform input[type="text"]:focus, .contactform input[type="text"]:hover, .contactform input[type="password"]:focus, .contactform input[type="password"]:hover {
	outline: none;
    background: #b8d8ef;
	color:#fff;	
	transition: all 0.5s ease; 	
}

.contactform textarea:focus, .contactform textarea:hover {
	outline: none;
    background: #efefef;
    color: #02074f;
	transition: all 0.5s ease; 	
}

.contactform div.centered{	
	text-align: center;
}

.contactform div.submit input{
	background: #02074f; width:auto; border: none; color: #fff; cursor: pointer; text-align: center;  margin: 0px auto; display: block; padding: 8px 20px; border-radius:0px; font-size: 24px; font-weight:300; outline: medium none;font-family: 'Ubuntu', sans-serif; transition: all 0.5s ease; 	
}
.contactform div.submit input:hover{
    background: #b8d8ef;		
	transition: all 0.5s ease; 	
    color: #151563;
}
.contactform div.submit input:active{
	background: #129eff;		
	transition: all 0.5s ease; 	
}

.contactform div label.error{
	color:#e32;
	font-size:14px;
	width:100%;
	margin-top:5px;
	text-align:left;
	float: left;
}

/* FLASH MESSAGES
================================================== */
.hello-bar {
	position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #287c9b;
    width: 100%;
    height: 69px;
    z-index: 2000;
    zoom: 1;
    padding: 20px 0 0 0;
    font-family: 'Ubuntu', sans-serif;
}

.hello-bar:after, .hello-bar:before {
    content: "";
    display: table;
}

.hello-bar:after {
    clear: both;
}

.hello-bar .close {
    text-indent: -9999em;
    background: url(../img/layout/hello-bar-close.png) no-repeat top left;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 25px;
    right: 15px;
    opacity: 1;
}

.hello-bar .close:hover {
    background-position: bottom left;
}

/* Pagination
================================================== */
.pagination{
	margin: 20px 0 20px 0;
	padding: 0px;
	width:100%;
}
.page-navigation{	
	font-size: 16px;
	font-weight: normal;
}
.page-navigation span{
	display: inline-block;
	text-align: center;
}
.page-navigation .next-prev{
	margin-left: 20px;
	text-align:right;
}
.page-navigation .next-prev a{
	display: inline-block;
	background: #081d6d;
	color: #fff;
	padding: 5px 10px;
	font-weight: 400;
}
.page-navigation .next-prev a:hover{	
	background: #228eb9;
	color: #fff;	
}
.pagination a:hover{
	color: #228eb9;
}
.page-navigation .next-prev .disabled{
	color: #ccc;
	padding: 5px 10px;
	display: none;
}
.pagination a{
	display: inline-block;
	padding: 5px 10px;
	font-size: 16px;
}
.pagination .pages{
	float: right;	
}
.page-navigation .current{
	color: #081d6d;
	font-weight: 600;
	padding: 5px 10px;
	font-size: 18px;
}
.stats{
	float: left;
	font-size: 16px;
	padding: 5px 10px;
}
.disabled{
	display: none;
}





/* HOME STYLES */

.main_banner {
	position: relative;
    width: 100%;
    height: 75vh;
    overflow: hidden;
}


/* .espa{
    position:absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    background: #fff;
    width:260px;
}

.espa img{
    width: 100%;
} */

.main_banner .slider_container {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 70%), rgb(0 0 0 / 37%), rgb(0 0 0 / 7%), rgba(0, 0, 0, 0));
    display:flex;
    align-items: center;
    justify-content: space-between;
}


body.no-scroll{
    overflow:hidden;
}

.main_banner .slider_container .content_text {
    color: #fff;
    /* padding-top: 29vh; */
    /* text-align: center; */
    width: 50%;
    margin-left: 0px;
}

.main_banner .slider_container .graphic_slider {
    width: 45%;
    margin-right: -17%;
}


.main_banner .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.main_banner .swiper-container  .scroll_down {
    width: 100%;
    height: 113px;
    position: absolute;
    bottom: 16px;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.main_banner .swiper-container  .scroll_down img{
    height:100%;
    width:auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.main_banner .swiper-buttons{
    position: absolute;
    bottom: 7vh;
    width: 100%;
}

.main_banner  .swiper-buttons-container{
	position: relative;
}

.main_banner .swiper-buttons .swiper-button-next{
	background-image: url(../img/layout/arrow_right_white.svg);
    background-size: 80%;
	width: 40px;
	height: 40px;
	right: 0;
}

.main_banner .swiper-buttons .swiper-button-prev{
	background-image: url(../img/layout/arrow_left_white.svg);
    background-size: 80%;
    width: 40px;
    height: 40px;
    left: 0;
    /* transform: rotate(180deg); */
}
.skip-link {
    /* background: #319795; */
    color: #fff;
    font-weight: 700;
    left: 50%;
    padding: 4px;
    position: ABSOLUTE;
    background: #02074f;
    transform: translateY(-100%);
  }

  .skip-link  a{
      color: white;
      /* background: black; */
  }
  
  .skip-link:focus {
    position: relative;
    transform: translateY(0%);
    left: 0;
  }
  
  .skip-link:focus-within {
    position: relative;
    transform: translateY(0%);
    left: 0;
  }



@-webkit-keyframes hvr-wobble-vertical {
    8.33% {
      transform: translateY(8px);
    }

    16.65% {
      transform: translateY(6px);
    }

    24.98% {
      transform: translateY(4px);
    }

    33.3% {
      transform: translateY(2px);
    }

    41.63% {
      transform: translateY(1px);
    }

    50% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(0);
    }
  }

  @keyframes hvr-wobble-vertical {
    8.33% {
      transform: translateY(8px);
    }

    16.65% {
      transform: translateY(6px);
    }

    24.98% {
      transform: translateY(4px);
    }

    33.3% {
      transform: translateY(2px);
    }

    41.63% {
      transform: translateY(1px);
    }

    50% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(0);
    }
  }


.main_banner .swiper-container h1 {
	font-size: 39px;
    font-weight: 500;
    display: block;
    margin: 10px 0;
    text-transform: uppercase;
    position: relative;
    left:100px;
    transition: all 0.5s  ease;
    opacity: 0;
}

.main_banner .swiper-container   .swiper-slide-active  h1{
    left:0;
    opacity: 1;
}

.main_banner .swiper-container h2.subtitle{
	font-size: 50px;
    font-weight: 100;
    left:-100px;
    opacity: 0;
    transition: all 1s 1s ease;
    position: relative;
}

.main_banner .swiper-container span.subtitle{
	font-size: 50px;
    font-weight: 100;
    left:-100px;
    opacity: 0;
    transition: all 1s 1s ease;
    position: relative;
}

.main_banner .swiper-container   .swiper-slide-active h2.subtitle{
    left:0px;
    opacity: 1;
}

.main_banner .swiper-container   .swiper-slide-active span.subtitle{
    left:0px;
    opacity: 1;
}

.main_banner .swiper-container p {
	font-size: 20px;
    display: block;
    margin: 40px 0px;
    line-height: 32px;
    font-weight: 200;
    position: relative;
    margin-top:100px;
    opacity: 0;
    transition: all 1s 1s ease;
    position: relative;
}

.main_banner .swiper-container .swiper-slide-active p {
    margin-top: 20px;
    opacity: 1;
    transition: all 1s 2s ease;
    position: relative;
}

.main_banner .swiper-slide {
    display: block;
    background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
}

.main_banner .read_more {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    font-weight: 400;
    padding: 10px 60px 10px 15px;
    color: #02074f;
    background: #f2b600;
    transition: all 1s ease;
    font-size: 19px;
    margin-right: 16px;
    bottom:-100px;
    opacity: 0;
    transition: all 1s 1s ease;
    position: relative;
}

.main_banner .swiper-slide-active .read_more {
    bottom:0px;
    opacity: 1;
    transition: all 0.3s ease;
    position: relative;
}

.main_banner .swiper-slide-active .read_more:hover,
.main_banner .swiper-slide-active .read_more:focus{
    background: #02014f;
    color:white;
}

.main_banner .read_more .icon{
	background-image: url(../img/layout/button_arrow_mov.svg);
    width: 46px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: #dba400;
}
/* SECTION ERROR 404 
================================================= */

.section.error404 {
    background-image: url(../img/layout/error404.png);
    height: 100vh;
    background-position: left;
    background-repeat: no-repeat;
    margin-bottom: -40vh;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-bottom: 40vh;
}

.section.error404  .left_mountain {
    width: 50%;
    /* position: absolute; */
    left: 0;
    float: left;
}

.section.error404  .right_mountain {
    width: 50%;
    /* position: absolute; */
   
    float: right;
}

.section.error404  .entry-header img {
    width: 250px;
    max-width: 400px;
    min-width: 100px;
}

.section.error404  .entry-content{
    text-align: center;
}

.section.error404  .entry-content h1{
    font-size: 31px;
    font-weight: 400;
    color: #02074f;
    margin: 10px 0px;
}

.section.error404  .entry-content h2{
    font-size: 20px;
    font-weight: 200;
    color: #02074f;
    margin: 20px 0px;
}


.section.error404 .not-found{
    display: flex;
    flex-direction: column;
    align-items: center;
}




/* SECTION INVITATIONS 
================================================== */

section.invitations {
	padding: 100px 0px;
	margin-top: 100px;
}

section.invitations.last_news{
    margin-top:50px;
}

section.invitations .title  {
    font-size: 35px;
    background: #02074f;
    display: inline-block;
    color: white;
    padding: 7px 22px 7px 50px;
	position:relative;
}

section.invitations .title p {
    font-size: 35px;
    background: #02074f;
    display: inline-block;
    color: white;
    /* padding: 7px 22px 7px 50px; */
    position: relative;
    line-height: unset;
    margin: unset;
}

section.invitations .title .title_before{
	position: absolute;
    height: 133%;
    top: 0;
    top: -24px;
    width: calc((100vw - 1170px)/2 + 8px);
    left: calc((1170px - 100vw)/2 - 8px);
}

section.invitations .title .title_before img{
	height: 103%;
    width: 100% !important;	
}

section.invitations .invitations_list_container{
    margin-top: 65px;
    margin-bottom: 40px;
}

section.invitations .invitations_list_container ul.invitations_list{
    background: #eeeeee;
}

.invitations_list .sorting {
    font-size: 25px;
    margin-left: 14px;
    display: flex;
    align-items: center;
    justify-items: baseline;
    margin-top: -4px;
}

.invitations_list .sorting .up{
    margin-right:5px;
    color: white;
}

.invitations_list .sorting .down{
    /* margin-right:5px; */
    color: white;
}

section.invitations .invitations_list_container ul.invitations_list li.first_line,
.invitations_list_container ul.invitations_list li.first_line{ 
    position: relative;
    list-style: none;
    display: flex;
    justify-content: space-between;
    background: #287c9b;
    color: white;
    margin: 0;
    padding: 15px 0px;
    padding-left: 25px;
    padding-right: 25px;
    flex-direction: row;
}

section.invitations .invitations_list_container ul.invitations_list li.first_line .invitation_date{
    width: 20%;
    border-right: 1px solid #fafafa;
}

section.invitations .invitations_list_container ul.invitations_list li.first_line .invitation_title{
    width: 70%;
    border-right: 1px solid #fafafa;
}

section.invitations .invitations_list_container ul.invitations_list li.first_line .invitation_link{
    width: 60px;
}

.dynamic_view_main .dynamic_view_content_text .invitations_list_container ul.invitations_list {
    /* background: #eeeeee; */
    padding:0px;
}

.dynamic_view_main .document_heading {
    display: flex;
    align-items: center;
    margin-top: 36px;
}

.dynamic_view_main .document_heading .icon img{
    width: 35px;
    margin-right: 25px;
}
.dynamic_view_main .document_heading .text{
    font-size: 20px;
    position: relative;
}


.dynamic_view_main .document_item {
    font-size: 18px;
    margin: 4px 0px;
}

.dynamic_view_main .document_item  ul {
    padding: 10px 28px;
}

.dynamic_view_main .document_item.list_links ul li {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 8px 20px 8px 0px;
    border-top: 1px solid #02074f;
    align-items: center;
    padding: 7px 20px 7px 0px;
}


section.invitations .invitations_list_container ul.invitations_list li.invitation_item{
	display: flex;
	padding: 35px 25px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #02074f;
}

.invitations_list_container ul.invitations_list li.invitation_item{
    display: flex;
    padding: 19px 25px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    background: #eeeeee;
}

section.invitations .invitations_list_container ul.invitations_list li.invitation_item:last-child{
	border:none;
}

section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_title{
	width: 20%;
    /* font-size: 20px; */
    font-weight: 500;
    color: #02074f;
}



.invitations_list_container ul.invitations_list li.invitation_item .invitation_title{
	width: 60%;
    /* font-size: 20px; */
    /* font-weight: 500; */
    color: #02074f;
    padding: 0 20px;
}

.invitations_list_container ul.invitations_list li.invitation_item .invitation_aa{
	width: 10%;
    /* font-size: 20px; */
    font-weight: 500;
    color: #02074f;
    display: flex;
    justify-content: center;
    align-items: center;
}



.invitations_list_container ul.invitations_list li.first_line .invitation_aa{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.invitations_list_container ul.invitations_list li.first_line .invitation_aa a{
    color: white;
}


.invitations_list_container ul.invitations_list li.first_line .invitation_code{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.invitations_list_container ul.invitations_list li.first_line .invitation_title{
    width: calc(60%);
    padding: 0 20px;
    /* padding: 3px; */
    display: flex;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.invitations_list_container ul.invitations_list li.first_line .invitation_date_end{
    width: 13%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.invitations_list_container ul.invitations_list li.first_line .invitation_budget{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    word-break: break-word;
    align-items: center;
    /* border-right: 1px solid #fafafa; */
}

.invitations_list_container ul.invitations_list li.invitation_item .invitation_code{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-right: 1px solid #fafafa; */
    display: flex;
    justify-content: center;
    align-items: center;
}


.invitations_list_container ul.invitations_list li.invitation_item .invitation_date_end{
	width: 10%;
    /* font-size: 20px; */
    /* font-weight: 500; */
    color: #02074f;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.invitations_list_container ul.invitations_list li.invitation_item .invitation_budget{
	width: 10%;
    /* font-size: 20px; */
    /* font-weight: 500; */
    color: #02074f;
    display: flex;
    justify-content: center;
    align-items: center;
}



section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_short_description{
	width: 70%;
    font-size: 18px;
    font-weight: 400;
    color: #02074f;
}

.invitations_list_container ul.invitations_list li.invitation_item .invitation_short_description{
	width: calc(83% - 80px);
    font-size: 18px;
    font-weight: 400;
    color: #02074f;
}

section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_more_button{
	width: 60px;
    height: 60px;
    border: 1px solid #02074f;
    background-image: url(../img/layout/button_arrow_mov.svg);
    background-position: center;
    background-repeat: no-repeat;
	background-size: 17px;
}

.invitations_list_container ul.invitations_list li.invitation_item .invitation_more_button{
	width: 60px;
    height: 60px;
    border: 1px solid #02074f;
    background-image: url(../img/layout/button_arrow_mov.svg);
    background-position: center;
    background-repeat: no-repeat;
	background-size: 17px;
}

.invitations_list_container ul.invitations_list li.invitation_item .invitation_more_button:hover,
.invitations_list_container ul.invitations_list li.invitation_item .invitation_more_button:focus{
    background-color:#b8d8ef;
}

section.invitations .more_invitations_container_button{
	display: flex;
	justify-content: end;
}

.more_invitations_container_button{
	display: flex;
	justify-content: end;
}


/* SECTION MODULES
================================================== */
section.program_2014_2020{
	background-image: url(../img/layout/imikyklio.svg);
    background-repeat: no-repeat;
    background-size: 201%;
    background-position: top;
	padding-top: 120px;
}

section.program_2014_2020 .module_description_container{
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

section.program_2014_2020 .module_description_container .module_title {
	font-size: 41px;
    font-weight: 200;
    color: #02074f;
}

section.program_2014_2020 .module_description_container .module_title p {
    font-size: 41px;
    font-weight: 200;
    color: #02074f;
    line-height: unset;
    margin: unset;
}

section.program_2014_2020 .module_description_container .module_subtitle{
	font-size: 48px;
    color: #02074f;
    font-weight: 600;
	position: relative;
}

section.program_2014_2020 .module_description_container .module_subtitle p{
    font-size: 48px;
    color: #02074f;
    font-weight: 600;
	position: relative;
    line-height: unset;
    margin: unset;
}

section.program_2014_2020 .module_description_container .module_subtitle:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background-color: #02074f;
    top: 100%;
    left: calc(50% - 20px);
}

section.program_2014_2020 .module_description_container .module_description{
	font-size: 19px;
    font-weight: 200;
    margin: 60px 0px;
    line-height: 36px;
}

section.program_2014_2020 .module_description_container .module_description p{
    font-size: 19px;
    font-weight: 200;
    margin: 60px 0px;
    line-height: 36px;
}


/* SECTION STATISTICS 
================================================== */

section.statistics {

}

section.statistics .statistic-item {
	display: flex;
	flex-direction:column;
	text-align: center;
	align-items: center;
}

section.statistics .statistic-item .icon{
	width: 55px;
}

section.statistics .statistic-item .icon.proskliseis{

}
section.statistics .statistic-item .icon.entagmena{
	width: 35px;
}

section.statistics .statistic-item .icon.budget{
    width: 42px;
}
section.statistics .statistic-item .icon.dapanes{
	
}

section.statistics .statistic-item .number{
    font-size: 47px;
    font-weight: 900;
    color: #02074f;
    margin: 0px 0px;
    position: relative;
    font-family: 'Raleway', sans-serif;
}
/* section.statistics .statistic-item .number:after{
	position: absolute;
    content: '';
    width: 40px;
    left: calc(50% - 20px);
    bottom: -5px;
    height: 2px;
    background: #f2b600;
} */

section.statistics .statistic-item .title{
	font-size: 33px;
    font-weight: 300;
	position: relative;
    color: #02074f;
}

section.statistics .statistic-item .title:before{
    position: absolute;
    content: '';
    width: 40px;
    left: calc(50% - 20px);
    top: 0px;
    height: 2px;
    background: #f2b600;
}

.m-t-b-50{
	margin: 50px 0px;
}

.m-t-b-100{
	margin: 100px 0px;
}


/* SECTION FEATURED_PROJECTS 
================================================== */

section.featured_projects {
	margin: 100px 0px;
}

section.featured_projects .title{
	font-size: 41px;
    font-weight: 200;
    color: #02074f;
    text-align: center;
    position: relative;
    z-index: 0;
	margin-bottom: 125px;
}

section.featured_projects .title p{
    font-size: 41px;
    font-weight: 200;
    color: #02074f;
    text-align: center;
    position: relative;
    line-height: unset;
    margin: unset;
}

section.featured_projects .title:before{
	position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    background: #faebbf;
    left: calc(50% - 75px);
    top: calc(50% - 69px);
    border-radius: 50%;
    z-index: -1;
}

section.featured_projects .title:after{
	position: absolute;
	content: '';
	width: 40px;
	height: 1px;
	background:rgb(160 160 160);
	left: calc(50% - 20px);
	bottom: -10px;
}

.project_box_featured{
    margin-bottom: 50px;
    position: relative;
}

.project_box_featured img{
    width: 100%;
}

.project_box_featured .icon img{
    width: 22px;
    margin-right: 10px;
}

.project_box_featured h1{
    padding: 8px 0px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #02074f;
}

.project_box_featured .hidden_information{

    transform: all 1s ease;
    background: white;
}

/* .project_box_featured:hover .hidden_information{
    opacity:1;
    visibility: visible;
   
} */

section.featured_projects .project_box {
	display: flex;
	padding: 100px 0px;
    /* align-items: center; */
}

section.featured_projects .project_box.reverse {
	display: flex;
	flex-direction: row-reverse;
    /* align-items: center; */
}

section.featured_projects .project_box .project_image{
	width: 50%;
    position: relative;
	z-index: 1;
    padding-top: 0px;
    background: none;
}

section.featured_projects .project_box.reverse .project_image {
    width: 50%;
    position: relative;
    z-index: 1;
    float: right;
    display: flex;
    justify-content: end;
}

section.featured_projects .project_box .project_image .number_item{
	position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    background: #faebbf;
    left: -47px;
    top: -110px;
    border-radius: 50%;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 53px;
    color: #228eb9;
}

section.featured_projects .project_box.reverse .project_image .number_item{
	position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    background: #faebbf;
    right: -47px;
    top: -110px;
	left:unset;
    border-radius: 50%;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 53px;
    color: #228eb9;
}

section.featured_projects .project_box .project_image .first{
    width: 90%;
    filter: grayscale(1);
}

section.featured_projects .project_box .project_image .second{
	position: absolute;
    top: 10px;
    right: 0;
    top: calc(50% - 214px);
}

section.featured_projects .project_box.reverse .project_image .second {
    position: absolute;
    top: 10px;
    right: unset;
	left: 0;
    top: calc(50% - 214px);
}

section.featured_projects .project_box .project_details{
	width: 50%;
    display: flex;
    flex-direction: column;
	padding: 0 50px;
	position:relative;
}

section.featured_projects .project_box .project_details .description{
    font-size: 24px;
    color: #02074f;
    font-weight: 400;
    /* letter-spacing: 1px; */
    line-height: 32px;
}

section.featured_projects .project_box .project_details .project_list_container{
	margin: 52px 0px;
}

.project_box_featured  .project_list_container{
	margin: 0px 0px;
}

.dynamic_view_main .project_box_featured  .project_list_container ul{
	padding-left: 0px;
} 



section.featured_projects .project_box .project_details ul{
	
}

section.featured_projects .project_box .project_details ul li{
	padding: 15px 0px;
    border-bottom: 1px solid #02074f;
    font-size: 17px;
    display: flex;
}

.project_box_featured .project_list_container ul li{
	padding: 5px 0px;
    border-bottom: 1px solid #eeeeee; 
    font-size: 17px;
    display: flex;
    line-height: 18px!important;
}

section.featured_projects .project_box .project_details ul li:last-child{
	border:none;
}

section.featured_projects .project_box .project_details ul li .heading{
	width: 200px;
    font-weight: 600;
}

.project_box_featured .project_list_container ul li .heading{
	/* width: 200px; */
    font-weight: 400;
}

.project_box_featured .project_list_container ul li .text{
	width: calc(100% - 200px);
    text-align: left;
}

section.featured_projects .project_box .project_details ul li .text{
	width: calc(100% - 200px);
}

section.featured_projects .project_box .project_details .read_more_button{
	width: 100%;
    position: absolute;
    bottom: 31px;
    right: 0;
    z-index: 0;
}

section.featured_projects .project_box.reverse .project_details .read_more_button {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 0;
	bottom: 26px;
}

section.featured_projects .project_box .project_details .read_more_button:before{
	position: absolute;
    content: '';
    width: 100%;
    height: 96px;
    background: aliceblue;
    /* padding: 25px; */
    top: -50%;
    left: calc(-16%);
}

section.featured_projects .project_box.reverse .project_details .read_more_button:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 96px;
    background: aliceblue;
    /* padding: 25px; */
    top: -50%;
    right: calc(-16%);
	left:unset;
}

section.featured_projects .project_box .project_details .read_more_button .read_more {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    font-weight: 400;
    padding: 10px 60px 10px 15px;
    color: #fff;
    background: #676792;
    transition: all 1s ease;
    font-size: 19px;
    float: right;
}

section.featured_projects .project_box .project_details .read_more_button .read_more:hover,
section.featured_projects .project_box .project_details .read_more_button .read_more:focus{
     background: #02074f;
}

section.featured_projects .project_box.reverse .project_details .read_more_button .read_more {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    font-weight: 400;
    padding: 10px 60px 10px 15px;
    color: #fff;
    background: #676792;
    transition: all 1s ease;
    font-size: 19px;
    float: left;
}

section.featured_projects .project_box.reverse .project_details .read_more_button .read_more:hover,
section.featured_projects .project_box.reverse .project_details .read_more_button .read_more:focus{
    background: #02014f;

}

section.featured_projects .featured_projects_button_container{
    display: flex;
    justify-content: center;
}

/* SECTION GOALS 
================================================= */

section.goals {

}

section.goals .goals_heading_column{
    background: #02074f;
    color: white;
    padding: 150px 50px 150px 50px;
}

section.goals .goals_heading_column .goals_heading{
    width: 60%;
    margin-left: 12%;
    margin-right: 10%;
}

section.goals .goals_heading_column .title{
    position: relative;
    margin: 50px 0px 50px 0px;
    z-index: 2;
    font-size: 50px;
}

section.goals .goals_heading_column .title p{
    position: relative;
    margin: unset;
    z-index: 2;
    font-size: 50px;
    line-height: unset;
}

section.goals .goals_heading_column .title:before {
    position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    background: #f2b600;
    left: -47px;
    top: calc(50% - 72px);
    border-radius: 50%;
    z-index: -1;
}

section.goals .goals_heading_column .title:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 2px;
    background: #02074f;
    left: -1px;
    z-index: -1;
    bottom: -1px;
}

section.goals .goals_heading_column .description{
    margin-top: 88px;
    font-size: 21px;
    line-height: 38px;
    font-weight: 100;
}


section.goals .goals_heading_column .description p{
    margin: unset;
    font-size: 21px;
    line-height: unset;
    font-weight: 100;
}

section.goals .goals_list_column {
    background: #1E7EA4;
    color: white;
    padding: 50px 50px 50px 50px;
}


section.goals .goals_list_column ul.goals_list{
    width: 70%;
    margin-right: 20%;
    margin-left: 10%;
}

section.goals .goals_list_column ul.goals_list li.goal_list_item{
    display: flex;
    align-items: center;
    margin: 40px 0px;
    margin-left: calc(-150px - 10%);
    
}

section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part{
    display: flex;
    align-items: center;
    background: #0b96a5;
    /* width: 200px; */
    padding: 14px 20px;
}

section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .number{
    font-size: 66px;
    margin-right: 70px;
}

section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .icon{
    
}

section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .icon img{
    width: 74px;
}

section.goals .goals_list_column ul.goals_list li.goal_list_item .description{
    margin-left: 30px;
    font-size: 19px;
    font-weight: 200;
}

section.goals .goals_list_column ul.goals_list li.goal_list_item .description p{
    margin-left: 30px;
    font-size: 19px;
    font-weight: 200;
    margin: unset;
    line-height: unset;
}



/* SECTION ABOUT 
================================================== */

section.about{
    margin: 100px 0px;
}

section.about .title{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

section.about .title img{
    width: 350px;
    margin-bottom: -130px;
}

section.about .title .title_text{
    font-size: 50px;
    padding-bottom: 30px;
}

section.about .title .title_text p{
    font-size: 50px;
    /* padding-bottom: 30px; */
    line-height: unset;
    margin: unset;
}

section.about .bottom_about{
    display: flex;
    padding: 0;
    margin-top: 50px;
}

section.about .about_details{
    width: 50%;
    padding: 50px;
    position: relative;
}

section.about .about_details .description{
    font-size: 20px;
    line-height: 40px;
    font-weight: 300;
}

section.about .about_details .description p{
    font-size: 20px;
    line-height: unset;
    font-weight: 300;
}


section.about .about_details .read_more_button{
    width: 100%;
    position: absolute;
   
    z-index: 0;
    bottom: 28px;
    left: 50px;
}

section.about .about_details  .read_more_button:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 96px;
    background: aliceblue;
    /* padding: 25px; */
    top: -50%;
    right: calc(-16%);
    left: unset;
}

section.about .about_details  .read_more_button .read_more {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    font-weight: 400;
    padding: 10px 60px 10px 15px;
    color: #fff;
    background: #676792;
    transition: all 1s ease;
    font-size: 19px;
    float: left;
}

section.about .about_details .read_more_button .read_more:hover,
section.about .about_details .read_more_button .read_more:focus{
    background: #02014f;
}

section.about  .about_image{
    width: 50%;
    position: relative;
}

section.about  .about_image img{
    width: 100%;
}


/* SECTION LINKS 
================================================== */

section.links{
    margin: 100px 0;

}

section.links .title{
    font-size: 41px;
    font-weight: 200;
    color: #02074f;
    text-align: center;
    position: relative;
    z-index: 0;
    margin-bottom: 125px;
}

section.links .row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

section.links .title:before{
    position: absolute;
    content: '';
    width: 150px;
    height: 150px;
    background: #faebbf;
    left: calc(50% - 75px);
    top: calc(50% - 69px);
    border-radius: 50%;
    z-index: -1;
}

section.links .title:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background: rgb(160 160 160);
    left: calc(50% - 20px);
    bottom: -10px;
}

section.links img.perifereia{
    width: 300px;
}

section.links img.espa_links{
    width: 203px;
}

section.links img.theatra{
    width: 142px;
}
section.links img.diaygeia{
    width: 229px;
}
section.links img.covid{
    width: 170px;
}
section.links img.plhroforiako{
    width: 254px;
}

section.links .image_container{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    margin-bottom: 40px;
}


/* SECTION NEWSLETTER 
================================================== */

section.newsletter{

}

section.newsletter .row.flex{
    display: flex;
}

section.newsletter .left_size{
    width: 45%;
    height: 25vh;
    background: #228eb9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 50px 50px 100px;
    margin-bottom: -70px;
    position: relative;
}

section.newsletter .left_size .newsletter_decor{
    position: absolute;
    top:0;
    left: 0;
    width: 60px;
    height: 60px;
}

section.newsletter .left_size h1{
    font-size: 24px;
    color: white;
    line-height: 43px;
}

section.newsletter .right_size{
    width: 55%;
    background: #b8d8ef;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.newsletter form{
    width: 60%;

}

section.newsletter form input{
    width: 100%;
    padding: 10px;
    background: none;
    border: 2px solid #02074f;
    color: #02074f;
    text-align:center;
} 

section.newsletter form button.nl-button{
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 0px;
    font-weight: 400;
    padding: 10px 60px 10px 15px;
    color: #fff;
    background: #676792;
    transition: all 1s ease;
    font-size: 19px;
    float: left;
    border: none;
    margin-top: 20px;
}

section.newsletter form button.nl-button:hover{
    background: #02014f;
}

section.newsletter form button.nl-button .icon {
    background-image: url(../img/layout/button_arrow_white.svg);
    width: 46px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: #02074f;
}

.fixed_active_invitations{
    position: fixed;
    background: #287c9b;
    z-index: 10;
    top: 50%;
    right: 0;
    padding: 10px;
    color: white;
    transition: all 0.3s ease;
}

.fixed_active_invitations:hover,
.fixed_active_invitations:focus{
    background: #02074f;
    color: white;
}

.fixed_active_blog{
    position: fixed;
    background: #f2b600;
    z-index: 10;
    top: calc(50% + 50px);
    right: 0;
    padding: 10px;
    color: #02074f;
}

.fixed_active_blog:hover,
.fixed_active_blog:focus{
    background: #02074f;
    color: #fff;
}


/* INVITATION PAGES 
================================================== */ 

.breadcrumb {
    padding: 4px 11px;
    margin-bottom: 5px;
    list-style: none;
    background-color: unset;
    border-radius: 4px;
    color: white;
}

.invitation_header{
    background: #000 url(../img/layout/header.jpg);
    padding: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align:center;
}

.invitation_header .page_title { color:white;}
 
.invitation_main {
    padding: 100px 0px;
    /* background-image:url(../img/layout/topio_graphic.svg); */
}

.invitation_main.blog_docs {
    padding: 0px;
}

.invitation_main .main_column {

}

.invitation_main .main_column .invitation_title {
    background: #eeeeee;
    padding: 40px 40px 40px 0;
    position: relative;
}

.invitation_main .main_column .invitation_title:before{
    position: absolute;
    content: '';
    width: calc((100vw - 1300px)/2);
    top: 0;
    left: calc((1300px - 100vw)/2);
    height: 100%;
    background: #eeeeee;
}

.invitation_main .main_column .invitation_title .divider{
    width: 200px;
    height: 2px;
    background: #02074f;
    margin-top: 30px;
}

.invitation_main .main_column .invitation_title .invitation_title_text{
    color: #02074f;
    font-size: 21px;
    font-weight: 500;
}

.invitation_main .main_column .invitation_title .invitation_update{
    position: absolute;
    bottom: 20px;
    right: -20px;
    background: #f2b600;
    padding: 10px 20px;
    color: #02074f;
    font-size: 18px;
}

.invitation_main .sidebar_column{

}

.sidebar_column .contact_box {
    background: #287c9b;
    margin-bottom: 20px;
    padding: 38px 13px;
}

.sidebar_column .contact_box ul {
    padding-left: 10px;
}

.sidebar_column .contact_box .contact_box_title{
    font-size: 20px;
    color: white;
    border-bottom: 2px solid white;
    margin-bottom: 30px;
}

.sidebar_column .contact_box ul li{
   display: flex;
   justify-content: flex-start;
   align-items: center;   
   margin:5px 0px 15px;
}

.sidebar_column .contact_box ul li span{
    color: white;
}

.sidebar_column .contact_box img{
    width: 20px;
    margin-right: 15px;
}


.invitation_main  .invitation_content{
    margin-top: 31px;
    position:relative;
}

.invitation_main  .invitation_content:before{
    position: absolute;
    content: '';
    width: calc((100vw - 1300px)/2);
    top: 0;
    left: calc((1300px - 100vw)/2);
    height: 100%;
    background: #faebbf;
}

.invitation_main  .invitation_content .invitation_content_title{
    display: inline-flex;
    align-items: center;
    background: #faebbf;
    padding: 14px 36px 13px 3px;
}

.invitation_main  .invitation_content .invitation_content_title .invitation_content_title_text{
    font-size: 20px;
    position:relative;
}

.invitation_main  .invitation_content .invitation_content_title .invitation_content_title_text:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background: #02074f;
    bottom: -10px;
    left: 0;
}

.invitation_main  .invitation_content img{
    width: 44px;
    margin-right: 25px;
}

.invitation_main  .invitation_content_text{
    padding: 20px 28px;
}

.invitation_main  .invitation_content_text ul{}

.invitation_main  .invitation_content_text ul li{
    list-style: disc;
    font-size: 17px;
    line-height: 37px;
    margin: 11px 0px;
    text-align: left;
}

.invitation_main  .invitation_heading{
    display: flex;
    align-items: center;
    margin-top: 36px;
}

.invitation_main  .invitation_heading img{
    width: 35px;
    margin-right: 25px;
}


.invitation_main  .invitation_heading .text{
    font-size: 20px;
    position:relative;
}

.invitation_main .invitation_heading .text a{
    color: #287c9b;
}

.invitation_main  .invitation_heading .text:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background: #02074f;
    bottom: 0px;
    left: 0;
}

.invitation_main .invitation_item{
    margin-top: 10px;
    font-size: 18px;
    margin: 4px 0px;
}

.invitation_item p{
    font-size: 17px;
    line-height: 37px;
    margin: 3px 0px;
    text-align: left;
    padding-left: 55px;
}

.invitation_item ul li{
    list-style: disc;
    font-size: 17px;
    line-height: 37px;
    margin: 11px 0px;
    text-align: left;
}
.invitation_item ul{
    padding: 10px 28px;
}

.invitation_item.list_links ul li{
    list-style: none;
    display: flex;
    margin: 0;
    padding: 8px 20px 8px 0px;
    border-top: 1px solid #02074f;
    align-items: center;
    padding: 7px 20px 7px 0px;
}

.invitation_item.list_links ul li:last-child{
    border-bottom: 1px solid #02074f;
}

.invitation_item.list_links ul li .date_document{
    width: 180px;
    font-weight: 500;
    
}

.invitation_item.list_links ul li .link_text{
    width: calc(100% - 180px);
    color: #287c9b;
    font-weight: 400;
    line-height: 29px;
}


/* PROJECTS PAGE 
================================================== */

.projects.home ul.projects_list{
    padding-left: 0;
}

.projects.home ul.projects_list li.first_line{
    position: relative;
    list-style: none;
    display: flex;
    justify-content: space-between;
    background: #287c9b;
    color: white;
    margin: 0;
    padding: 15px 0px;
}

.projects.home ul.projects_list li.first_line .sorting{
    font-size: 25px;
    margin-left: 14px;
    display: flex;
    align-items: center;
    justify-items: baseline;
    margin-top: -4px;
    color: white;
}

.projects.home ul.projects_list li.first_line .sorting a{
    color: white;
}


.projects.home ul.projects_list li.project_item{
    position: relative;
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 13px 0px;
    /* background: #f5f5f5; */
    background: #f5f5f58a;
    border-bottom: 1px solid #dbdbdb;
    align-items: center;
    color: #02074f;
}

.projects.home ul.projects_list li .project_code{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.projects.home ul.projects_list li .project_invitation{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.projects.home ul.projects_list li .project_title{
    width: calc(40% - 20px);
    margin: 0 10px;
    padding: 3px;
    display: flex;
    align-items: center;
    border-right: 1px solid #fafafa;

}
.projects.home ul.projects_list li .project_beneficiary_type{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.projects.home ul.projects_list li .project_status{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.projects.home ul.projects_list li .project_start_date{
    width: 10%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fafafa;
}

.projects.home ul.projects_list li .project_budget{
    width: 10%;
    padding: 3px;
    word-break: break-word;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-right: 1px solid #fafafa; */
}

.projects.home .dynamic_view_main .dynamic_view_content_text{
    padding:0;
}


/* DYNAMIC PAGE 
================================================== */


.breadcrumb {
    padding: 4px 11px;
    margin-bottom: 5px;
    list-style: none;
    background-color: unset;
    border-radius: 4px;
    color: white;
}

.dynamic_view_header{
    background: #000 url(../img/layout/header.jpg);
    padding: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align:center;
}

.dynamic_view_header .page_title { color:white;}
 
.dynamic_view_main {
    padding: 100px 0px;
    /* background-image:url(../img/layout/topio_graphic.svg); */
    position: relative;
}

.dynamic_view_main .main_column {

}

.dynamic_view_main .main_column .dynamic_view_title,
.dynamic_view_main  .dynamic_view_title {
    background: #eeeeee;
    padding: 40px 40px 40px 0;
    position: relative;
}


.projects.home .dynamic_view_main .main_column .dynamic_view_title,
.projects.featured .dynamic_view_main .main_column .dynamic_view_title
{
    width: 100%;
    padding: 0;
    display: flex;
    align-items: baseline;
}

.projects.home .dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text,
.projects.featured .dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text{
    padding: 0;
    width: 75%;
}

.projects.home .dynamic_view_main .main_column .dynamic_view_title .big_button,
.projects.featured .dynamic_view_main .main_column .dynamic_view_title .big_button{
    width: 25%;
    background: #228eb9;
    padding: 34px;
    height: 100%;
    text-align: center;
    color: white;
    font-weight: 700;
}

.invitations.home .dynamic_view_main  .dynamic_view_title{
    /* margin-bottom:0px; */
    width: 75%;
}

.dynamic_view_main  p.projects_home_description { 
    margin: 40px 0px;
    display: block;
    width: 75%;
    padding-right: 40px;
}

.dynamic_view_main  p.projects_home_description { 
    margin: 40px 0px;
    display: block;
    width: 75%;
    padding-right: 40px;
}

.image_projects_graphic {
    position: absolute;
    /* left: 0; */
    width: 50%;
    right: -100px;
    top: 40px;
    right: calc((1300px - 100vw)/2);
}

.dynamic_view_main .main_column .dynamic_view_title:before{
    position: absolute;
    content: '';
    width: calc((100vw - 1300px)/2);
    top: 0;
    left: calc((1300px - 100vw)/2);
    height: 100%;
    background: #eeeeee;
}

.dynamic_view_main  .dynamic_view_title:before{
    position: absolute;
    content: '';
    width: calc((100vw - 1300px)/2);
    top: 0;
    left: calc((1300px - 100vw)/2);
    height: 100%;
    background: #eeeeee;
}

.dynamic_view_main .main_column .dynamic_view_title .divider{
    width: 200px;
    height: 2px;
    background: #02074f;
    margin-top: 16px;
}

.dynamic_view_main  .dynamic_view_title .divider{
    width: 200px;
    height: 2px;
    background: #02074f;
    margin-top: 16px;

}

.dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text{
    color: #02074f;
    font-size: 24px;
    font-weight: 500;
}

.dynamic_view_main  .dynamic_view_title .dynamic_view_title_text{
    color: #02074f;
    font-size: 24px;
    font-weight: 500;
}

.dynamic_view_main .main_column .dynamic_view_title .dynamic_view_update{
    position: absolute;
    bottom: 20px;
    right: -20px;
    background: #f2b600;
    padding: 10px 20px;
    color: #02074f;
    font-size: 18px;
}

.dynamic_view_main .sidebar_column{

}


.dynamic_view_main  .dynamic_view_content{
    margin-top: 31px;
    position:relative;
}

.dynamic_view_main  .dynamic_view_content:before{
    position: absolute;
    content: '';
    width: calc((100vw - 1300px)/2);
    top: 0;
    left: calc((1300px - 100vw)/2);
    height: 100%;
    background: #faebbf;
}

.dynamic_view_main  .dynamic_view_content .dynamic_view_content_title{
    display: inline-flex;
    align-items: center;
    background: #faebbf;
    padding: 14px 36px 13px 3px;
}

.dynamic_view_main  .dynamic_view_content .dynamic_view_content_title .dynamic_view_content_title_text{
    font-size: 20px;
    position:relative;
}

.dynamic_view_main  .dynamic_view_content .dynamic_view_content_title .dynamic_view_content_title_text:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background: #02074f;
    bottom: -10px;
    left: 0;
}

.dynamic_view_main  .dynamic_view_content img{
    width: 44px;
    margin-right: 25px;
}

.dynamic_view_main  .dynamic_view_content_text{
    padding: 20px 28px 20px 0px;
}
.blog.posts .dynamic_view_main  .dynamic_view_content_text{
    padding: 20px 0px 20px 0px;
}

.invitations.home .dynamic_view_main  .dynamic_view_content_text{
    padding: 0px 0px 0px 0px;
}

.invitations.home .filters, .projects.home .filters {
    padding: 30px;
    background: #02074f;
    position: relative;
    padding-bottom: 45px;
    margin-bottom: 50px;
    border-bottom: 12px solid #b8d8ef;
}

.invitations.home .filters label, .projects.home .filters label{
    margin-bottom: 7px;
    color: white;
    font-weight: 100;
}

.invitations.home .filters .form-control, .projects.home .filters .form-control{
    color: white;
    background: #02074f;
    border-radius: 0px;
    margin-bottom: 16px;
    border-color: #b8d8ef54;
    font-size: 16px;
}

.invitations.home .filters .button_container, .projects.home .filters .button_container{
    position: absolute;
    bottom: -12px;
    width: 100%;
    text-align: center;
    left: 0;
}

.invitations.home .filters .button_container .submit_button, .projects.home .filters .button_container .submit_button{
    background: #287c9b;
    color: white;
    padding: 9px 30px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0;
}

.btn_export{
    background: #157DA2;
    color: white;
    padding: 9px 30px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0;
    margin-left: 10px;
}

.dynamic_view_main .dynamic_view_content_text a.btn_export{
    background: #157DA2;
    color: white;
    padding: 9px 30px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0;
    margin-left:10px;
} 

.invitations.home .filters option { width: 200px; }

.invitations.home .filters .button_container .cancel_button, .projects.home .filters .button_container .cancel_button{
    background: #dc3545;
    color: white;
    padding: 9px 30px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 0;
    margin-left: 10px;
}

.invitations.home .no_results, .projects.home .no_results{
    font-size: 24px;
    text-align: center;
    font-weight: 500;
}

.dynamic_view_main  .dynamic_view_content_text a{
    color:rgb(40 124 155);
}

.dynamic_view_main .dynamic_view_content_text.search_results  a {
    color: rgb(40 124 155);
    display: block;
    margin: 17px 0px;
}

.dynamic_view_main .dynamic_view_content_text.search_results  h1{
    font-size:20px ;
    font-weight: 500;
}

.dynamic_view_main  .dynamic_view_content_text .page-navigation .next-prev a{
    color: white;
}

.dynamic_view_main  .dynamic_view_content_text a.read_more{
    color: white;
}

.dynamic_view_main  .dynamic_view_content_text a.read_more:hover,
.dynamic_view_main  .dynamic_view_content_text a.read_more:focus{
    background: #02074f;
}

.dynamic_view_main  .dynamic_view_content_text ul{
    padding-left: 20px;
}

.dynamic_view_main  .dynamic_view_content_text ol{
    margin-left: 20px;
}

.dynamic_view_main p{
    font-size: 16px;
    line-height: 29px;
    margin: 5px 0px;
    text-align: left;
}

.dynamic_view_main p a{
    color: rgb(40 124 155);
}

.dynamic_view_main .section_header{
    font-size: 18px;
    color: #02074f;
    /* text-decoration: underline; */
    font-weight: 500;
    margin: 20px 0px;
}
.dynamic_view_main  .dynamic_view_content_text ul li{
    list-style: disc;
    font-size: 16px;
    line-height: 26px;
    /* margin: 5px 0px; */
    text-align: left;
    margin: 0px 0px;
}

.dynamic_view_main  .dynamic_view_content_text ol li{
    list-style: decimal;
    font-size: 16px;
    line-height: 26px;
    margin: 5px 0px;
    text-align: left;
}

.dynamic_view_main  .dynamic_view_heading{
    display: flex;
    align-items: center;
    margin-top: 36px;
}

.dynamic_view_main  .dynamic_view_heading img{
    width: 45px;
    margin-right: 25px;
}


.dynamic_view_main  .dynamic_view_heading .text{
    font-size: 20px;
    position:relative;
}

.dynamic_view_main  .dynamic_view_heading .text:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background: #02074f;
    bottom: -10px;
    left: 0;
}

.dynamic_view_main .dynamic_view_item{
    margin-top: 10px;
    font-size: 18px;
    margin: 16px 0px;
}

.dynamic_view_item .dynamic_view_content_text p{
    font-size: 17px;
    line-height: 37px;
    margin: 11px 0px;
    text-align: left;
    padding-left: 10px;
}

.dynamic_view_item ul li{
    list-style: disc;
    font-size: 17px;
    line-height: 37px;
    margin: 11px 0px;
    text-align: left;
}
.dynamic_view_item ul{
    padding: 10px 28px;
}

.dynamic_view_item.list_links ul li{
    list-style: none;
    display: flex;
    margin: 0;
    padding: 8px 20px 8px 0px;
    border-top: 1px solid #02074f;
    align-items: center;
    padding: 7px 20px 7px 0px;
}

.dynamic_view_item.list_links ul li:last-child{
    border-bottom: 1px solid #02074f;
}

.dynamic_view_item.list_links ul li .date_document{
    width: 180px;
    font-weight: 500;
    
}

.dynamic_view_item.list_links ul li .link_text{
    width: calc(100% - 180px);
    color: #287c9b;
    font-weight: 400;
    line-height: 29px;
}

.dynamic_view_main .sidebar_column .link{
    position: relative;
    padding: 25px 10px;
    background: #b8d8ef;
    color: #02074f;
    margin-bottom: 0px;
    font-size: 19px;
    z-index: 0;
    border-bottom: 2px solid;
}

.dynamic_view_main .sidebar_column .link.first{
    background: #eeeeee;
}

.dynamic_view_main .sidebar_column .link:hover,
.dynamic_view_main .sidebar_column .link:focus{
    background: #02074f;
    transition: all 0.3s ease;
}

.dynamic_view_main .sidebar_column .link.first:hover,
.dynamic_view_main .sidebar_column .link.first:focus {
    background: #eeeeee;
}

.dynamic_view_main .sidebar_column .link a{
    color: #02074f;
}

.dynamic_view_main .sidebar_column .link:hover a{
    color: #fff;
}

.dynamic_view_main .sidebar_column .link.current{
    background: #02074f;
}

.dynamic_view_main .sidebar_column .link.current.first{
    background: #eeeeee;
}

.dynamic_view_main .sidebar_column .link.current a{
    color: #fff;
}

.dynamic_view_main h2{
    font-size: 19px;
    background: #02074f;
    display: inline-block;
    color: white;
    padding: 10px 22px 23px 22px;
    position: relative;
    margin: 40px 0px 20px;
    border-left: 8px solid #b8d8ef;

}

.dynamic_view_main h2:before{

}

.dynamic_view_main h2:after{
    content: '';
    position: absolute;
    bottom: 13px;
    height: 1px;
    width: 27px;
    background: white;
    left: 24px;
}

.dynamic_view_main .sidebar_column .link.parent_category{
    position: relative;
}

.dynamic_view_main .sidebar_column .link.parent_category:after{
    background-image: url(../img/layout/plus.png);
    /* background-position-y: 24px; */
    background-repeat: no-repeat;
    /* background-size: 29px; */
    /* background-position-x: calc(100% - 7px); */
    position: absolute;
    content: '';
    top: calc(50% - 13px);
    width: 26px;
    height: 26px;
    background-size: cover;
    right: 8px;
    transition: all 0.2s ease;
}

.dynamic_view_main .sidebar_column .link.parent_category.open:after{
    transform: rotateZ(45deg);
}

.dynamic_view_main .child{
    display: none;
}

.dynamic_view_main .child.opened{
    display: block;
}

.dynamic_view_main .child li{
    padding: 10px;
    border-bottom: 1px solid #b8d8ef;
}

.dynamic_view_main .child li.current{
    background:rgb(40 124 155);
}

.dynamic_view_main .child li.current a{
    color: white;
}

.dynamic_view_main .styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 380px;
    width: 100%;
    margin-top: -20px;
    border-left: 8px solid #b8d8ef;
}

.dynamic_view_main  .styled-table thead tr {
    background-color: #000;
    color: #ffffff;
    text-align: left;
}

.styled-table th, .styled-table td {
    padding: 12px 20px;
    border:1px solid #fff;
}
.styled-table a{
    color:rgb(40 124 155);
}

.styled-table td.column-1{
    width: 28%;
}

.styled-table td.column-2{
    width: 30%;
}

.styled-table td.column-3{
    width: 17%;
}

.styled-table td.column-4{
    width: 25%;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
    display: flex;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}


/* PROJECT PAGE 
======================================================= */



.breadcrumb {
    padding: 4px 11px;
    margin-bottom: 5px;
    list-style: none;
    background-color: unset;
    border-radius: 4px;
    color: white;
}

.breadcrumb a{
    color: white;
}


.breadcrumb>li.last{
    display: block;
    margin-top: 15px;
    font-size: 20px;
}

.breadcrumb>li.last:before{
    content: none;
}

.project_image{
    background: linear-gradient( 
90deg
 , rgb(255 255 255) 0%, rgb(255 255 255) 50%, #eceeee85 50%);
    padding-top: 45px;
   
}

.project_image img.project_img{
    width: 100%;
    max-width: calc(100% - 100px);
}

.project_image img.project_img_small{
    position: absolute;
    bottom: 0;
    right:0;
    width: 30%;
    filter: grayscale(1);
}

.project_image_container{
    position: relative;
    padding-bottom: 100px;
    /* height: 60vh; */
    /* overflow: hidden; */
}

.project_header{
    background: #000 url(../img/layout/header.jpg);
    padding: 72px 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align:center;
}

.project_header{
    background: #000 url(../img/layout/header.jpg);
    padding: 72px 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align:center;
}

.project_header .page_title { color:white;}
 
.project_main {
    padding: 0px 0px 100px;
    /* background-image:url(../img/layout/topio_graphic.svg); */
}

.project_main .main_column {

}

.project_main .main_column .project_title {
    background: #eeeeee;
    padding: 40px 40px 40px 0;
    position: relative;
}

.project_main .main_column .project_title:before{
    position: absolute;
    content: '';
    width: calc((100vw - 1300px)/2);
    top: 0;
    left: calc((1300px - 100vw)/2);
    height: 100%;
    background: #eeeeee;
}

.project_main .main_column .project_title .divider{
    width: 200px;
    height: 2px;
    background: #02074f;
    margin-top: 30px;
}

.project_main .main_column .project_title .project_title_text{
    color: #02074f;
    font-size: 21px;
    font-weight: 500;
}

.project_main .main_column .project_title .project_update{
    position: absolute;
    bottom: 20px;
    right: -20px;
    background: #f2b600;
    padding: 10px 20px;
    color: #02074f;
    font-size: 18px;
}

.project_main .sidebar_column.project{
    padding-left: 10px;
}

.project_main .sidebar_column.project.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}


.project_main  .project_content{
    margin-top: 0px;
    position:relative;
}

.project_main  .project_content:before{
    position: absolute;
    content: '';
    width: calc((100vw - 1300px)/2);
    top: 0;
    left: calc((1300px - 100vw)/2);
    height: 100%;
    background: #faebbf;
}

.project_main  .project_content .project_content_title{
    display: inline-flex;
    align-items: center;
    background: #faebbf;
    padding: 14px 36px 13px 3px;
}

.project_main  .project_content .project_content_title .project_content_title_text{
    font-size: 20px;
    position:relative;
}

/* .project_main  .project_content .project_content_title .project_content_title_text:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background: #02074f;
    bottom: -10px;
    left: 0;
} */

.project_main  .project_content img{
    width: 44px;
    margin-right: 25px;
}

.project_main  .project_content_text{
    padding: 20px 28px;
}

.project_main  .project_content_text ul{}

.project_main  .project_content_text ul li{
    list-style: disc;
    font-size: 17px;
    line-height: 37px;
    margin: 11px 0px;
    text-align: left;
}

.project_main  .project_heading{
    display: flex;
    align-items: center;
    margin-top: 36px;
}

.project_main  .project_heading img{
    width: 45px;
    margin-right: 25px;
}


.project_main  .project_heading .text{
    font-size: 20px;
    position:relative;
    font-weight: 500;
    color: #02074f;
}

.project_main  .project_heading .text:after{
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background: #02074f;
    bottom: -10px;
    left: 0;
}

.project_main .project_item{
    margin-top: 10px;
    font-size: 18px;
    margin: 16px 0px;
    text-align: left;
    line-height: 30px;
}

.project_item .social{
    width: 40px;
    margin-right: 5px;
}

.project_main .project_item ul.info_list{
    padding: 10px 0px;
}

#map{
    height: 500px;
}

.project_main .project_item ul.info_list li{
    display: flex;
    margin: 2px 0px;
    border-bottom: 1px solid #e7e7e785;
    align-items: center;
    line-height: 32px;
    padding: 9px 0px;
}

.project_main .project_item ul.info_list li .field_title{
    width: 190px;
    font-weight: 500;
}

.project_main .project_item ul.info_list.budget .field_title{
    width: 300px;
    margin-right: 50px;
}

.project_main .project_item ul.info_list li .field_data{
    
}

.project_item p{
    font-size: 17px;
    line-height: 37px;
    margin: 11px 0px;
    text-align: left;
    padding-left: 55px;
}

.project_item p:last-child{
    border-bottom: 1px solid ;
    padding-bottom: 20px;
}

.project_item ul li{
    list-style: disc;
    font-size: 17px;
    line-height: 37px;
    margin: 11px 0px;
    text-align: left;
}
.project_item ul{
    padding: 10px 28px;
}

.project_item.list_links ul li{
    list-style: none;
    display: flex;
    margin: 0;
    padding: 8px 20px 8px 0px;
    border-top: 1px solid #02074f;
    align-items: center;
    padding: 7px 20px 7px 0px;
}

.project_item.list_links ul li:last-child{
    border-bottom: 1px solid #02074f;
}

.project_item.list_links ul li .date_document{
    width: 180px;
    font-weight: 500;
    
}

.project_item.list_links ul li .link_text{
    width: calc(100% - 180px);
    color: #287c9b;
    font-weight: 400;
    line-height: 29px;
}


.project_gallery {
    margin: 0px 0px 150px 0px;
}

.project_gallery .project_img{
    width: 100%;
    height: 100%;
}

.project_gallery .gallery_heading{
    font-size: 30px;
    margin-right: 40px;
    color: #02074f;
}

.project_gallery .gallery_img{
    width: 100%;
}

.project_gallery .subimages{
    display: flex;
    flex-wrap: wrap;
}

.project_gallery .row.flex{
    display: flex;
    margin-bottom: 6px;
}

.project_gallery .gallery_heading_container{
    background: #eef5f9;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;

}

.project_gallery .gallery_heading_divider{
    height: 2px;
    background: #287c9b;
    width: 100%;
    margin-top: 20px;
}

















/* ==================================================== */

.sidebar_column{
    padding-left: 50px;
}

.sidebar_column .link{
    position: relative;
    padding: 20px 10px;
    background: #228eb9;
    color: white;
    margin-bottom: 54px;
    font-size: 22px;
    z-index: 0;
}

.sidebar_column .link .back_rectangle{
    position: absolute;
    width: 95%;
    height: 20px;
    bottom: -20px;
    background: #b8d8efbd;
    right: 0;
    z-index: -6;
}

.sidebar_column .link .button_link{
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: -20px;
    right: 0;
    background-image: url(../img/layout/button_arrow_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: #02074f;
}

.sidebar_column .link .button_link:hover,
.sidebar_column .link .button_link:focus{
    background-color: #0b96a5;
}

.sidebar_column .view_more_element{
    padding: 15px 0px;
    background: #eeeeee;
}

.sidebar_column .view_more_element .view_more_title{
    font-size: 22px;
    color: #02074f;
    font-weight: 500;
    position: relative;
    margin-bottom: 20px;
    margin-left: 15px;
}

.sidebar_column .view_more_element .view_more_title:after{
    position: absolute;
    content: '';
    bottom: -6px;
    width: 30px;
    left: 0px;
    height: 1px;
    background: #02074f;
}

.sidebar_column .view_more_element ul  {

}

.sidebar_column .view_more_element ul li{
    padding: 13px 15px;
    border-top: 1px solid #02074f;
    color: #02074f;
    font-weight: 400;
    font-size: 16px;
}


/* MEDIA QUERIES
================================================== */

@media only screen and (min-width:1200px) and (max-width:1349px) {

    .project_main .main_column .project_title {
        background: #eeeeee;
        padding: 40px 40px 40px 20px;
    }

    .project_main .project_content .project_content_title {
        padding: 14px 36px 13px 15px;
    }

    .project_main {
        padding: 0px 15px 100px;
    }

    

    .project_main .project_heading img {
        width: 35px;
        margin-right: 11px;
    }

    .invitation_main .main_column .invitation_title {
        padding: 40px 40px 40px 20px;
    }

    .sidebar_column .link {
        font-size: 18px;
    }

    .invitation_main {
        padding: 100px 15px;
    }

    .invitation_main .invitation_heading img {
        width: 30px;
        margin-right: 19px;
    }

    .dynamic_view_main p.projects_home_description {
        margin: 40px 0px;
        display: block;
        width: 75%;
        padding-right: 40px;
        padding-left: 20px;
        z-index: 2;
        position: relative;
    }

    .dynamic_view_main .dynamic_view_title {
        background: #eeeeee;
        padding: 40px 40px 40px 20px;
    }

    .dynamic_view_main .main_column .dynamic_view_title:before {
        position: absolute;
        content: '';
        width: calc((100vw - 1170px)/2);
        top: 0;
        left: calc((1170px - 100vw)/2);
        height: 100%;
        background: #eeeeee;
    }

    .dynamic_view_header {
        background: #000 url(../img/layout/header.jpg);
        padding: 35px 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
    }

    .dynamic_view_main .sidebar_column .link {
        padding: 22px 10px;
        font-size: 16px;
    }

    .dynamic_view_main h2 {
        font-size: 20px;
    }

    section.goals .goals_heading_column .goals_heading {
        width: 67%;
        margin-left: 19%;
        margin-right: 10%;
    }

    section.goals .goals_heading_column {
        background: #02074f;
        color: white;
        padding: 134px 45px 149px 0px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item {
        display: flex;
        align-items: center;
        margin: 40px 0px;
        margin-left: calc(-141px - 10%);
    }

    section.goals .goals_list_column ul.goals_list {
        width: 84%;
        margin-right: 8%;
        margin-left: 10%;
    }

    section.goals .goals_list_column {
        background: #1E7EA4;
        color: white;
        padding: 24px 50px 24px 50px;
    }

    section.about .title img {
        width: 290px;
        margin-bottom: -127px;
    }

    section.about .about_details .description {
        font-size: 17px;
        line-height: 34px;
        font-weight: 300;
    }

    section.featured_projects .project_box .project_details .description {
        font-size: 20px;
        line-height: 30px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .number {
        font-size: 51px;
        margin-right: 45px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .icon img {
        width: 61px;
    }

    section.invitations .title .title_before {
        width: calc((100vw - 1170px)/2 + 64px);
        left: calc((1170px - 100vw)/2 - 64px);
    }

    section.invitations .title {
        margin-left: 48px;
    }

    section.program_2014_2020 {
        padding-top: 123px;
        margin-top: 55px;
    }

    section.statistics .statistic-item .number {
        font-size: 35px;
    }

	/*#topbar { background:red;  }*/
	
	#headlines_block  { width:900px;  } 	
	
	.blog_post p{ margin-bottom:0px;  }
	.blog_post .read_more{ display:none;  }
}  

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

    .project_main .main_column .project_title {
        background: #eeeeee;
        padding: 40px 40px 40px 20px;
    }

    .project_main .project_content .project_content_title {
        display: inline-flex;
        align-items: center;
        background: #faebbf;
        padding: 14px 36px 13px 20px;
    }

    .project_main {
        padding: 0px 15px 100px;
    }

    .project_main .project_heading img {
        width: 37px;
        margin-right: 17px;
        margin-left: 10px;
    }

    .invitation_main .main_column .invitation_title {
        background: #eeeeee;
        padding: 40px 40px 40px 20px;
        position: relative;
    }

    .sidebar_column .view_more_element .view_more_title {
        font-size: 17px;
    }

    .sidebar_column .view_more_element ul li {
        padding: 7px 11px;
        font-size: 14px;
    }

    .invitation_item p {
        font-size: 16px;
        line-height: 37px;
        margin: 3px 0px;
        text-align: left;
    }

    .invitation_main .invitation_heading .text {
        font-size: 18px;
    }

    .invitation_main .invitation_heading img {
        width: 32px;
        margin-right: 11px;
    }

    .sidebar_column .link .button_link {
        position: absolute;
        width: 40px;
        height: 40px;
    }

    .sidebar_column .link {
        font-size: 17px;
    }

    .invitation_main {
        padding: 100px 15px;
    }

    .dynamic_view_main .main_column .dynamic_view_title:before {
        position: absolute;
        content: '';
        width: calc((100vw - 970px)/2);
        top: 0;
        left: calc((970px - 100vw)/2);
        height: 100%;
        background: #eeeeee;
    }

    .dynamic_view_main p.projects_home_description {
        margin: 40px 0px;
        display: block;
        width: 75%;
        padding-right: 40px;
        padding-left: 20px;
        position: relative;
    }

    .dynamic_view_main .main_column .dynamic_view_title, .dynamic_view_main .dynamic_view_title {
        background: #eeeeee;
        padding: 40px 40px 40px 12px;
        position: relative;
    }

    .dynamic_view_main h2 {
        font-size: 18px;
    }

    .dynamic_view_main .sidebar_column .link {
        position: relative;
        padding: 18px 9px;
        background: #b8d8ef;
        color: #02074f;
        margin-bottom: 0px;
        font-size: 17px;
        z-index: 0;
        border-bottom: 2px solid;
    }

    .dynamic_view_main {
        padding: 60px 0px;
        /* background-image: url(../img/layout/topio_graphic.svg); */
        position: relative;
    }

    section.goals .goals_heading_column .goals_heading {
        width: 67%;
        margin-left: 19%;
        margin-right: 10%;
    }

    section.invitations .title .title_before {
        position: absolute;
        height: 133%;
        top: 0;
        top: -19px;
        width: calc((100vw - 970px)/2 + 53px);
        left: calc((970px - 100vw)/2 - 53px);
    }


    section.goals .goals_list_column ul.goals_list li.goal_list_item .description {
        margin-left: 18px;
        font-size: 16px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .number {
        font-size: 43px;
        margin-right: 24px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .icon img {
        width: 54px;
    }


    section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .icon img {
        width: 61px;
    }

    section.goals .goals_heading_column {
        padding: 119px 45px 119px 0px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item {
        margin: 34px 0px;
        margin-left: calc(-141px - 10%);
    }

    section.goals .goals_heading_column .description {
        font-size: 20px;
        line-height: 31px;
    }

    section.about .title img {
        width: 250px;
        margin-bottom: -118px;
    }


    section.about .about_details .description {
        font-size: 17px;
        line-height: 31px;
        font-weight: 300;
    }

    section.about .about_details {
        width: 50%;
        padding: 25px;
        position: relative;
    }

    section.links .title {
        font-size: 30px;
    }

    section.links .title:before {
        width: 120px;
        height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 55px);
    }

    section.links img.perifereia {
        width: 230px;
    }

    section.links img.espa_links {
        width: 171px;
    }

    section.links img.theatra {
        width: 113px;
    }

    section.links img.diaygeia {
        width: 205px;
    }

    section.links img.covid {
        width: 273px;
    }

    section.links img.plhroforiako {
        width: 227px;
    }

    section.featured_projects .project_box .project_details .read_more_button .read_more {
        font-size: 16px;
    }

    section.invitations .title {
        font-size: 26px;
        margin-left: 38px;
    }

    section.invitations .invitations_list_container {
        margin-top: 45px;
    }

    section.program_2014_2020 .module_description_container .module_title {
        font-size: 31px;
    }

    section.about .title .title_text {
        font-size: 44px;
        padding-bottom: 9px;
    }

    section.goals .goals_list_column ul.goals_list {
        width: 84%;
        margin-right: 8%;
        margin-left: 10%;
    }

    section.goals .goals_list_column {
        background: #1E7EA4;
        color: white;
        padding: 24px 50px 24px 50px;
    }

    section.statistics .statistic-item .number {
        font-size: 27px;
        height: 45px;
    }


    section.featured_projects .project_box .project_image .number_item {
        width: 139px;
        height: 139px;
        left: -61px;
        top: -103px;
    }

    section.featured_projects .project_box.reverse .project_image .number_item {
        width: 139px;
        height: 139px;
        top: -103px;
        right: -61px;
    }

    section.featured_projects .title:before {
        width: 120px;
        height: 120px;
        left: calc(50% - 60px);
        top: calc(50% - 55px);
    }

    section.featured_projects .title {
        font-size: 30px;
        margin-bottom: 93px;
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item {
        padding: 20px 24px;
    }   
    
    section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_short_description {
        width: 70%;
        font-size: 17px;
    }

    section.newsletter .left_size {
        padding: 40px 40px 40px 86px;
    }

    section.newsletter .left_size h1 {
        font-size: 25px;
        line-height: 44px;
    }

    .main_footer_container ul.footer_links li {
        font-size: 15px;
    }

    .footer_logo img {
        width: 185px;
    }

    .main_banner .swiper-container h1 {
        font-size: 30px;
    }

    section.featured_projects .project_box .project_details ul li {
        padding: 9px 0px;
        font-size: 14px;
    }

    section.featured_projects .project_box .project_details ul li .heading {
        width: 167px;
        font-weight: 600;
    }

    section.featured_projects .project_box {
        display: flex;
        padding: 88px 0px;
        /* align-items: center; */
    }

    section.featured_projects .project_box.reverse .project_image .second {

        top: calc(50% - 140px);
    }

    section.featured_projects .project_box .project_details .project_list_container {
        margin: 12px 0px;
    }

    section.featured_projects .project_box .project_details .description {
        font-size: 16px;
        line-height: 24px;
    }

    section.featured_projects .project_box .project_image .second {

        top: calc(50% - 140px);
        width: 200px;
    }

    section.featured_projects .project_box .project_details .description {
        font-size: 16px;
    }

    section.statistics .statistic-item .title {
        font-size: 25px;
    }

    #main_menu ul li.has-children .first_level {
        padding-right: 1px;
        font-size: 16px;
    }


    #main_menu ul li.has-children .first_level:hover,
    #main_menu ul li.has-children .first_level:focus{
        text-decoration: underline;
    }
    #main_menu_fixed ul li.has-children .first_level {
        padding-right: 1px;
        font-size: 16px;
    }

    #logo {
        width: 213px;
        height: 128px;
    }

    .banners_container .banners img.espa {
        width: 121px;
    }

    .banners_container .banners img.enosi {
        width: 72px;
    }

    .main_banner .swiper-container p {
        font-size: 20px;
        margin: 24px 0px;
    }

    section.program_2014_2020 {
        padding-top: 94px;
        margin-top: 53px;
    }

    section.program_2014_2020 .module_description_container .module_description {
        padding: 0 45px;
    }

    .main_banner .swiper-container h2.subtitle {
        font-size: 42px;
        font-weight: 100;
    }

	/*#topbar { background:green;  }*/
	
	#headlines_block  { width:730px;  } 
	
	#main_menu ul li a{  margin:0 7px 0 0; padding:5px 0px 10px 0;  }
	
	#sidebar {padding-left:0px;}			
	
	.blog_tags { display:block; margin-left:0px; margin-top:5px; }	
	.blog_post p{ display:none;   }
	.blog_post .read_more{ display:none;   }
	
	.blog_post_mini h3 { font-size:16px; line-height:20px;   }
	
	.blog_post_round{padding:20px 5px;  }


    .invitations.home .dynamic_view_main .dynamic_view_title {
        width: 100%;
    }

    .image_projects_graphic {
        position: absolute;
        /* left: 0; */
        width: 50%;
        right: -100px;
        top: 40px;
        right: calc((970px - 100vw)/2);
    }

    .dynamic_view_main p.projects_home_description {
        margin: 40px 0px;
        display: block;
        width: 100%;
        position: relative;
        padding: 0 18px;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_aa {
        width: 10%;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_code {
        width: 20%;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_title {
        width: calc(40%);
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_date_end {
        width: 15%;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_budget {
        width: 15%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_aa {
        width: 10%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_code {
        width: 20%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_title {
        width: 40%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_date_end {
        width: 15%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_budget {
        width: 15%;
    }
}

.title_down_991{
    display: none;
}

@media (max-width:991px){

    .project_main .main_column .project_title {
        padding: 40px 40px 40px 20px;
    }

    .project_main .project_content .project_content_title {
        padding: 14px 36px 13px 20px;
    }

    .project_main .project_heading img {
        margin-left: 10px;
        width: 40px;
        margin-right: 20px;
    }

    .project_main .sidebar_column.project {
        padding-left: 20px;
    }

    .invitation_main .main_column .invitation_title {
        background: #eeeeee;
        padding: 40px 40px 40px 20px;
    }

    .invitation_main {
        padding: 50px 15px;
    }

    .projects.home ul.projects_list li .project_invitation {
        width: 50%;
    }

    .projects.home ul.projects_list li .project_code {
        width: 50%;
    }

    .title_down_991{
        display: block;
        font-weight: 500;
    }

    .projects.home ul.projects_list li .project_status {
        width: 25%;
        padding: 3px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #fafafa;
        flex-direction: column;
    }

    .projects.home ul.projects_list li .project_start_date {
        width: 25%;
        padding: 3px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #fafafa;
        flex-direction: column;
    }

    .projects.home ul.projects_list li .project_budget {
        width: 25%;
        padding: 3px;
        word-break: break-word;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .projects.home ul.projects_list li .project_title {
        width: 100%;
        margin: 15px 10px;
        padding: 3px;
        display: block;
        align-items: center;
        border-right: 1px solid #fafafa;
        text-align: center;
    }

    .projects.home .dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text{
        padding: 15px;
    }

    .projects.home ul.projects_list li.first_line{
        display: none;
    }

    .projects.home ul.projects_list li.project_item {
        flex-wrap: wrap;
        border-bottom: 5px solid white;
    }

    .projects.home ul.projects_list li .project_beneficiary_type {
        width: 25%;
        padding: 3px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #fafafa;
        flex-direction: column;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_aa {
        width: 10%;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_code {
        width: 20%;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_title {
        width: calc(40%);
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_date_end {
        width: 15%;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_budget {
        width: 15%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_aa {
        width: 10%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_code {
        width: 20%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_title {
        width: 40%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_date_end {
        width: 15%;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_budget {
        width: 15%;
    }


    .dynamic_view_main .main_column .dynamic_view_title, .dynamic_view_main .dynamic_view_title {
        background: #eeeeee;
        padding: 40px 40px 40px 20px;
        position: relative;
    }

    .image_projects_graphic {
        position: absolute;
        /* left: 0; */
        width: 50%;
        right: -100px;
        top: 40px;
        right: calc((970px - 100vw)/2);
    }

    .dynamic_view_main p.projects_home_description {
        margin: 40px 0px;
        display: block;
        width: 100%;
        position: relative;
        padding: 0 18px;
    }

    .invitations.home .dynamic_view_main .dynamic_view_title {
        width: 100%;
    }

    .dynamic_view_main h2 {
        font-size: 19px;
    }

    section.invitations .title .title_before {
        position: absolute;
        height: 133%;
        top: 0;
        top: -18px;
        width: calc((100vw - 750px)/2 + 78px);
        left: calc((750px - 100vw)/2 - 78px);
    }

    .sidebar_column {
        padding-left: 15px;
        margin-top: 50px;
    }
    
	
	#headlines {  margin: 10px 0 0 0;  }
	#header  { }
	#logo {   }

    #search.search-container {
        width: 165px;
    }

    .top_menu ul li span {
        font-size: 13px;
    }

    .main_banner .swiper-container h2.subtitle {
        font-size: 41px;
    }

    .main_banner .swiper-container h1 {
        font-size: 27px;
    }

    .main_banner .slider_container .content_text {
        width: 63%;
    }

    section.program_2014_2020 {
        padding-top: 100px;
        margin-top: 54px;
    }

    section.program_2014_2020 .module_description_container .module_title {
        font-size: 35px;
    }

    section.program_2014_2020 .module_description_container .module_description {
        font-size: 18px;
        font-weight: 200;
        margin: 60px 0px;
        line-height: 30px;
        padding: 0 40px;
    }

    .m-t-b-100 {
        margin: 50px 0px;
    }

    section.statistics .statistic-item {
        margin: 10px 0px 50px 0px;
    }

    section.statistics .statistic-item .title {
        font-size: 29px;
    }

    section.statistics .statistic-item .number {
        font-size: 29px;
        margin: 10px 0px;
    }

    section.featured_projects .title {
        font-size: 28px;
    }
    section.featured_projects .title p{
        font-size: 28px;
    }

    section.featured_projects .title:before {
        width: 127px;
        height: 127px;
        left: calc(50% - 64px);
        top: calc(50% - 60px);
    }

    section.featured_projects .project_box .project_details {
        width: 50%;
        display: flex;
        flex-direction: column;
        padding: 0 20px;
        position: relative;
    }

    section.featured_projects .project_box .project_details .project_list_container {
        margin: 12px 0px;
        display: none;
    }

    section.featured_projects .project_box .project_details .description {
        font-size: 16px;
        line-height: 27px;
    }

    section.featured_projects .project_box .project_image .first {
        width: 92%;
        filter: grayscale(1);
    }

    section.featured_projects .project_box .project_image .second {
        position: absolute;
        top: 10px;
        right: 0;
        top: calc(50% - 140px);
        width: 200px;
    }

    section.featured_projects .project_box.reverse .project_image .second {
        position: absolute;
        top: 10px;
        right: unset;
        left: 0;
        top: calc(50% - 140px);
    }

    section.featured_projects .project_box .project_details .read_more_button {
        width: 100%;
        position: absolute;
        bottom: 33px;
        right: 0;
        z-index: 0;
    }

    section.featured_projects .project_box .project_details .read_more_button .read_more {
        position: relative;
        display: inline-block;
        margin-top: 5px;
        font-weight: 400;
        padding: 10px 60px 10px 15px;
        color: #fff;
        background: #676792;
        transition: all 1s ease;
        font-size: 15px;
        float: right;
    }



    section.featured_projects .project_box.reverse .project_details .read_more_button .read_more {
        position: relative;
        display: inline-block;
        margin-top: 6px;
        font-weight: 400;
        padding: 10px 60px 10px 15px;
        color: #fff;
        background: #676792;
        transition: all 1s ease;
        font-size: 15px;
        float: left;
    }

    section.invitations .invitations_list_container {
        margin-top: 34px;
        margin-bottom: 34px;
    }

    .read_more {
        font-size: 18px;
    }

    section.invitations {
        padding: 50px 0px;
        margin-top: 50px;
    }

    section.goals .goals_heading_column .goals_heading {
        width: 70%;
        margin-left: 12%;
        margin-right: 10%;
    }

    section.goals .goals_heading_column .description {
        margin-top: 84px;
        font-size: 19px;
        line-height: 34px;
        font-weight: 100;
    }

    section.goals .goals_heading_column .description p{
        font-size: 19px;
    }


    section.goals .goals_heading_column .title {
        position: relative;
        margin: 50px 0px 50px 0px;
        z-index: 2;
        font-size: 44px;
    }

    section.goals .goals_heading_column .title p{
        font-size: 44px;
    }

    section.goals .goals_heading_column .title:before {
        width: 120px;
        height: 120px;
        left: -47px;
        top: calc(50% - 57px);
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .number {
        font-size: 43px;
        margin-right: 21px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .description {
        margin-left: 22px;
        font-size: 15px;
    }

    #main_menu ul li.has-children .first_level {
        padding-right: 11px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item {
        display: flex;
        align-items: center;
        margin: 20px 0px;
        margin-left: calc(-150px - 10%);
    }

    section.about .title .title_text {
        font-size: 31px;
        padding-bottom: 11px;
    }

    section.about .title img {
        width: 200px;
        margin-bottom: -72px;
    }

    section.about .about_details {
        width: 50%;
        padding: 29px;
        position: relative;
        padding-bottom: 117px;
        padding-top: 0px;
    }

    section.about .about_details .description {
        font-size: 15px;
        line-height: 30px;
        font-weight: 300;
        
    }

    section.about .about_details .description p{
        font-size: 15px;
        line-height: 30px;
        font-weight: 300;
        
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part .icon img {
        width: 46px;
    }

    section.goals .goals_list_column ul.goals_list {
        width: 85%;
        margin-right: 0%;
        margin-left: 15%;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .first_part {
        padding: 11px 15px;
    }

    section.goals .goals_heading_column {
        background: #02074f;
        color: white;
        padding: 50px 46px 50px 39px;
    }


    section.invitations .title {
        font-size: 23px;
        background: #02074f;
        display: inline-block;
        color: white;
        padding: 7px 22px 7px 50px;
        position: relative;
        margin-left: 63px;
    }

    section.invitations .title p{ 
        font-size: 23px;
        background: #02074f;
        display: inline-block;
        color: white;
        /* padding: 7px 22px 7px 50px; */
        position: relative;
        /* margin-left: 63px; */
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_short_description {
        width: 70%;
        font-size: 16px;
        font-weight: 400;
        color: #02074f;
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item {
        display: flex;
        padding: 25px 25px;
    }


    section.featured_projects .project_box .project_details ul li {
        padding: 9px 0px;
        border-bottom: 1px solid #02074f;
        font-size: 13px;
        display: flex;
    }

    .video_container iframe{
        height: 400px;
    }

    section.links .title {
        font-size: 28px;
    }

    section.links .title:before{
        width: 127px;
        height: 127px;
        left: calc(50% - 64px);
        top: calc(50% - 60px);
    }

    section.featured_projects .project_box {
        display: flex;
        padding: 50px 0px;
        /* align-items: center; */
    }

    section.featured_projects .project_box .project_image .number_item {
        width: 125px;
        height: 125px;
        background: #faebbf;
        left: -52px;
        top: -94px;
        padding-left: 15px;
        font-size: 40px;
    }

    section.featured_projects .project_box.reverse .project_image .number_item{
        width: 125px;
        height: 125px;
        background: #faebbf;
        right: -52px;
        top: -94px;
        padding-right: 15px;
        font-size: 40px;
    }

    section.newsletter .left_size {
        width: 45%;
        height: 25vh;
        background: #228eb9;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 37px 37px 37px 63px;
        margin-bottom: -70px;
        position: relative;
    }

    section.links .image_container {
        padding: 13px;
    }

    #footer .row.flex-991{
        display:flex;
        flex-direction: row;
    }

    .main_footer_container .down-links {
        display: flex;
        width: 50%;
        flex-direction: column;
        border-top: none;
        margin-left: 21px;
    }

    section.links img.perifereia {
        width: 250px;
    }

    section.links img.espa_links {
        width: 170px;
    }

    section.links img.theatra {
        width: 120px;
    }

    section.links img.diaygeia {
        width: 208px;
    }

    section.links img.covid {
        width: 206px;
    }

    section.links img.plhroforiako {
        width: 240px;
    }

    .main_footer_container .down-links ul.footer_links {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: white;
        width: 100%;
        flex-direction: column;
        text-align: center;
    }

    .main_footer_container ul.footer_links li {
        font-size: 16px;
        margin: 6px 0px;
    }


    section.newsletter .left_size h1 {
        font-size: 20px;
        color: white;
        line-height: 31px;
    }

    .main_footer_container .up-links ul.footer_links {
        flex-direction: column;
        text-align: center;
    }

	#header_ad  { display:none; }
	/* #menu_container  { visibility: hidden; width: 0;  height: 0;  margin: 0;  padding: 0;  } */
	
	.open_search.mobile_search {display:block; top:30px; right:15px;}	
	
	#search .search-container {  top: 100px;  } 
	
	#open_menu  { position:absolute;top:30px;left:15px;display:block; width:36px;height:36px;   background:transparent url(../img/layout/open_menu.svg) no-repeat center center;z-index:9999;text-indent: -999999px; background-size: 100%; }		
	
	/* #main_menu { margin:0px; padding: 0;   }		
	#main_menu ul { visibility: hidden; width: 0;  height: 0;  margin: 0;  padding: 0;  transition: all 0.5s ease 0s;}
	#main_menu ul.active { visibility: visible;  z-index:999; position:absolute; left:0px; top:0px; background: url('../img/layout/stripe.png') repeat-x scroll left bottom #fff; width:100%; height:auto; padding:10px 20px 30px 20px; border: 1px solid #eceeee; border-top:0px; transition: all 1s ease 0s;}
	#main_menu ul li{ display:block;  }
	#main_menu ul li a{ opacity:0; display:block;  margin:0 0px 0px 0; padding:3px 0px 3px 0; font-size:16px; border-bottom: 1px solid #eceeee; transition: all 0.3s ease 0s;}	
	#main_menu ul.active li a{ opacity:1;  transition: all 1s ease 0s;}	
	#main_menu ul li.hidden-desktop{  display:block;  }	
	#main_menu ul li.has-children a{ background:none; padding-right:0px; }
	#main_menu li .dropdown {
		position: relative; 
		top: unset;
		left: unset;	
		width:100%;			
		border:0px none;		
		padding:0px 10px;		
		display: block; 		
	}
	#main_menu ul li .dropdown ul  { float:none; width:0; }
	#main_menu ul.active li .dropdown ul  { visibility: visible;  float:none; display:block; width:100%; height:auto;}
	#main_menu ul.active li .dropdown ul li a{ margin:0px 0 0px 0; font-size: 15px; padding: 5px 2px; }	
	 */


    #main_menu ul li.has-children .first_level {
        padding-right: 11px;
    }

    #main_menu_fixed ul li.has-children .first_level {
        padding-right: 11px;
    }

    #main_menu ul li .first_level {
        display: block;
        margin: 0 0px 0 0;
        padding: 5px 0px 5px 0;
        font-size: 14px;
        font-weight: 600;
        color: #fafafa;
        transition: all 0.5s ease 0s;
        cursor: pointer;
    }

    
    #main_menu_fixed ul li .first_level {
        display: block;
        margin: 0 0px 0 0;
        padding: 5px 0px 5px 0;
        font-size: 14px;
        font-weight: 600;
        color: #fafafa;
        transition: all 0.5s ease 0s;
        cursor: pointer;
    }

	#sidebar {padding-left:0px; padding-top:30px;}
	
	.ad_banner.right { text-align:center; }
	.facebook_box { float:none; text-align:center; }
	
	.home_left_container { margin-bottom:30px;}	
	.home_left_box { padding-right:0px;}	
	.home_right_box { padding-left:0px; }	
	
}
  
@media only screen and (min-width:768px) and (max-width:991px) {
	/*#topbar { background:orange;  }*/
	
	#headlines_block  { width:530px;  } 	
	
	#banner .main_banner { height:350px;  }
	#banner .small_banner { height:350px;  }
	
	.blog_post p{ margin-bottom:0px;  }
	.blog_post .read_more{ display:none;  }
	
	.blog_post_mini.second{border-top:1px solid #eceeee;}
}

.search_menu{
    display: none;
}

.mobile_links {
    display: none;
}

.image-decor_mobile_kordela_mint{
    display: none;
}

.image-decor_mobile_kordela_green{
    display: none;
}

.image-decor_mobile_kordela_kitrino{
    display: none;
}

.image-decor_mobile_kordela_cyan{
    display: none;
}

.title_down_767{
    display: none;
}

#search_mobile {
    display: none;
    /* position: fixed; */
    z-index: 999999;
    top: 0px;
    left: 0px;
    width: 100%;
    /* height: 300px; */
    background: none;
    width: 80%;
    margin: 0 auto;
}

#search_mobile form {
    margin: 0px;
    padding: 0px 0 0px 0;
    position: relative;
    width: 100%;
    border: 1px solid #fff;
}

#search_mobile form input {
    font-family: 'Ubuntu', sans-serif;
    width: 100%;
    height: auto;
    position: relative;
    font-size: 18px;
    color: #fff;
    padding: 10px 25px 10px 15px;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    background: none;
}

#search_mobile form .icon-search {
    position: absolute;
    right: 13px;
    top: 12px;
    width: 24px;
    height: 24px;
    display: block;
    text-indent: -999999px!important;
    background: url(../img/layout/search.svg) no-repeat scroll center center transparent;
    background-size: 100%;
    border: none;
}

#search_mobile form input::placeholder{
    color: white;
}

.search_word{
    color: #287c9b;
}

@media (max-width:767px){


    .styled-table tbody tr {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .styled-table td.column-1 {
        width: 100%;
    }

    .styled-table td.column-2 {
        width: 100%;
    }

    .styled-table td.column-3 {
        width: 100%;
    }

    .styled-table td.column-4 {
        width: 100%;
    }

    #search_mobile.active {
        display: block;
    }
    .project_main {
        padding: 0px 15px 100px;
    }

    .title_down_767{
        display: block;
        font-weight:500;
        margin-right:5px;
    }

    .project_main .main_column .project_title .project_title_text {
        color: #02074f;
        font-size: 19px;
        font-weight: 500;
    }

    .project_main .project_content .project_content_title .project_content_title_text {
        font-size: 17px;
        position: relative;
    }

    .project_image_container {
        position: relative;
        padding-bottom: 68px;
    }

    .project_image img.project_img {
        width: 100%;
        max-width: calc(100% - 51px);
    }

    .invitation_main .invitation_heading img {
        width: 35px;
        margin-right: 12px;
        margin-left: 10px;
    }    

    .projects.home .dynamic_view_main .main_column .dynamic_view_title .big_button, .projects.featured .dynamic_view_main .main_column .dynamic_view_title .big_button {
        width: 40%;
        background: #228eb9;
        padding: 20px 7px;
    }

    .dynamic_view_header {
        background: #000 url(../img/layout/header.jpg);
        padding: 18px 40px;
    }

    .dynamic_view_main .main_column .dynamic_view_title, .dynamic_view_main .dynamic_view_title {
        background: #eeeeee;
        padding: 30px 22px 30px 20px;
        position: relative;
    }

    .dynamic_view_main .dynamic_view_title .dynamic_view_title_text {
        color: #02074f;
        font-size: 20px;
    }

    .invitations.home .filters .button_container .submit_button, .projects.home .filters .button_container .submit_button {
        background: #287c9b;
        color: white;
        padding: 9px 16px;
        font-size: 14px;
    }

    .invitations.home .filters .button_container .cancel_button, .projects.home .filters .button_container .cancel_button {
        background: #dc3545;
        color: white;
        padding: 9px 16px;
        font-size: 14px;
    }


    .invitations_list_container ul.invitations_list li.invitation_item {
        display: flex;
        padding: 19px 3px;
        align-items: center;
        justify-content: space-between;
        border-bottom: 5px solid #ffffff;
        position: relative;
        flex-direction: column;
        padding: 1px 3px;
        background: #eeeeee;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_aa {
        width: 100%;
        border: none;
        border-bottom: 1px solid #dbdbdb4f;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_code {
        width: 100%;
        border: none;
        border-bottom: 1px solid #dbdbdb4f;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_title {
        width: 100%;
        justify-content: center;
        border: none;
        border-bottom: 1px solid #dbdbdb4f;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_date_end {
        width: 100%;
        border: none;
        border-bottom: 1px solid #dbdbdb4f;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_aa {
        width: 100%;
        border-bottom: 1px solid #dbdbdb4f;
        padding: 4px 0px;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_code {
        width: 100%;
        border-bottom: 1px solid #dbdbdb4f;
        padding: 4px 0px;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_title {
        width: 90%;
        text-align: center;
        border-bottom: 1px solid #dbdbdb4f;
        padding: 4px 0px;
    }

    .invitations_list_container ul.invitations_list li.invitation_item .invitation_date_end {
        width: 100%;
        border-bottom: 1px solid #dbdbdb4f;
        padding: 4px 0px;
        display: block;
    }



    .invitations_list_container ul.invitations_list li.invitation_item .invitation_budget {
        width: 100%;
        border-bottom: 1px solid #dbdbdb4f;
        padding: 4px 0px;
    }

    .invitations_list_container ul.invitations_list li.first_line .invitation_budget {
        width: 100%;
    }

     .invitations_list_container ul.invitations_list li.first_line {
        position: relative;
        list-style: none;
        display: flex;
        justify-content: space-between;
        background: #287c9b;
        color: white;
        flex-direction: column;
        margin: 0;
        padding: 15px 0px;
        padding-left: 3px;
        padding-right: 3px;
        align-items: center;
    }

    section.invitations .invitations_list_container ul.invitations_list li.first_line, .invitations_list_container ul.invitations_list li.first_line{
        align-items: unset;
        display: none;
    }

    section.invitations .invitations_list_container ul.invitations_list li.first_line .invitation_link {
        width: 60px;
        align-items: center;
        display: flex;
    }

    section.invitations .invitations_list_container ul.invitations_list li.first_line .invitation_title {
        width: 70%;
        border-right: 1px solid #fafafa;
        border-bottom: 0;
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_title {
        width: 100%;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 15px;
    }

    .btn_export {
        background: #24b0e2;
        color: white;
        padding: 9px 16px;
        font-size: 14px;
    }

    .dynamic_view_main p { 
        /* font-size: 16px; */
        line-height: 24px;
        margin: 5px 0px;
        text-align: left;
        padding: 6px 10px;
        font-size: 15px;
    }

    .dynamic_view_main {
        padding: 70px 15px;
        /* background-image: url(../img/layout/topio_graphic.svg); */
        position: relative;
    }

    .dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text {
        color: #02074f;
        font-size: 21px;
    }

    .dynamic_view_main .dynamic_view_content_text {
        padding: 0;
        margin-top: 40px;
    }

    section.invitations .title .title_before {
        position: absolute;
        height: 133%;
        top: 0;
        top: -18px;
        width: 78px;
        left: -78px;
    }

    .search_menu{
        display: flex;
        padding-right: 15px;
        align-items: center;
    }

    .image-decor_mobile_kordela_mint{
        display: block;
        position: absolute;
        width: 30%;
        left: 0;
    }

    .image-decor_mobile_kordela_green{
        display: block;
        position: absolute;
        width: 30%;
        right: 0;
    }

    .image-decor_mobile_kordela_kitrino{
        display: block;
        position: absolute;
        width: 30%;
        left: 0;
    }

    .image-decor_mobile_kordela_cyan{
        display: block;
        position: absolute;
        width: 30%;
        right: 0;
    }

    section.featured_projects .project_box {
        flex-direction: column;
    }

    section.featured_projects .project_box .project_image {
        width: 100%;
        position: relative;
        z-index: 1;
        padding-top: 0px;
        background: none;
    }

    section.featured_projects .project_box .project_details {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 20px;
        position: relative;
    }

    section.featured_projects .project_box .project_details .project_list_container {
        margin: 12px 0px;
        display: block;
    }

    section.featured_projects .project_box .project_details .read_more_button {
        width: 74%;
        position: relative;
        bottom: unset;
        right: 0;
        z-index: 0;
    }

    section.featured_projects .project_box.reverse {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }

    section.featured_projects .project_box.reverse .project_image {
        width: 100%;
        position: relative;
        z-index: 1;
        float: right;
        display: flex;
        justify-content: end;
    }

    section.featured_projects .project_box.reverse .project_details .read_more_button {
        width: 71%;
        position: relative;
        left: 0;
        z-index: 0;
        bottom: unset;
    }

    section.featured_projects .project_box .project_image .second {
        position: absolute;
        top: 10px;
        right: 0;
        top: calc(50% - 154px);
        width: 212px;
    }

    section.featured_projects .project_box .project_image .first {
        width: 71%;
        filter: grayscale(1);
    }

    section.featured_projects .project_box .project_details ul li {
        padding: 9px 0px;
        border-bottom: 1px solid #02074f;
        font-size: 15px;
        display: flex;
    }

    section.featured_projects .project_box.reverse .project_details .read_more_button .read_more {
        position: relative;
        display: inline-block;
        margin-top: 6px;
        font-weight: 400;
        padding: 10px 60px 10px 15px;
        color: #fff;
        background: #676792;
        transition: all 1s ease;
        font-size: 15px;
        float: right;
    }

    section.goals .row.flex-align-center {
        flex-direction: column;
        align-items: unset;
    }

    section.goals .goals_heading_column {
        width: 80%;
        left: 0;
        padding: 41px 22px 400px 33px;
    }

    section.about .title .title_text {
        font-size: 25px;
        padding-bottom: 11px;
    }

    section.about .bottom_about {
        display: flex;
        padding: 15px;
        margin-top: 50px;
        flex-direction: column-reverse;
    }

    section.about .about_image {
        width: 100%;
        position: relative;
    }

    section.about .about_details {
        width: 100%;
        padding: 29px;
        position: relative;
        padding-bottom: 117px;
        padding-top: 0px;
        margin: 20px 0;
    }

    section.newsletter .left_size {
        width: 90%;
        height: auto;
        background: #228eb9;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 66px 37px 66px 63px;
        margin-bottom: -70px;
        position: relative;
        margin: 0 5%;
        margin-bottom: -53px;
    }

    section.newsletter .right_size {
        width: 100%;
        background: #b8d8ef;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 102px 0px 52px;
    }

    #footer .row.flex-align-center {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    #footer .row.flex-991 {
        display: flex;
        flex-direction: column;
    }

    .main_footer_container .up-links {
        padding: 0px 0px;
        padding-top: 13px;
        border-top: 1px solid white;
        margin-top: 50px;
    }

    .main_footer_container .social_footer {
        width: 90px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 10px;
        /* border-top: 1px solid white; */
        margin-top: 40px;
    }

    .main_footer_container .down-links ul.footer_links {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: white;
        width: 100%;
        flex-direction: column;
        text-align: center;
        border-bottom: 1px solid white;
    }

    .main_footer_container .down-links ul.footer_links li:last-child{
        margin-bottom: 20px;
    }


    .main_footer_container .down-links {
        display: flex;
        width: 100%;
        margin-left:0;
        padding:0;
    }

    section.newsletter .row.flex {
        display: flex;
        flex-direction: column;
    }

    section.goals .goals_list_column {
        background: #1E7EA4;
        color: white;
        padding: 50px 50px 50px 50px;
        width: 80%;
        right: 0;
        position: relative;
        margin-left: 20%;
        margin-top: -350px;
    }

    section.featured_projects .project_box.reverse .project_details .read_more_button:before {
    
        left: unset;
        position: absolute;
        content: '';
        width: 100%;
        height: 96px;
        background: aliceblue;
        /* padding: 25px; */
        top: -50%;
        right: -60%;
    }

    section.featured_projects .project_box .project_details .description {
        font-size: 18px;
        line-height: 28px;
        margin: 10px 0px;
    }

    section.featured_projects .project_box .project_details .project_list_container {
        margin: 12px 0px 47px;
        display: block;
    }

    .cd-search-trigger {
        display: block;
        background-image: url(../img/layout/search.svg);
        width: 31px;
        height: 31px;
        margin-left: 18px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 29px;
    }

    #main_menu {
        display: none;
    }

    #main_menu_fixed {
        display: none;
    }

    .main_banner .swiper-buttons {
        position: absolute;
        bottom: 7vh;
        width: 88%;
        left: 6%;
    }    

    .mobile_links {
        display: flex;
        justify-content: space-between;
        padding: 0px 0px;
    }

    #menu_main {

        padding: 10px 30px;
    }    

    .languages ul li {
        font-size: 19px;
    }

    .social_media a img {
        display: block;
        width: 25px;
    }

    .fixed_active_invitations {
        display: none;
    }

    .fixed_active_blog {
        display: none;
    }

    .main_banner .slider_container {
        width: 100%;
        height: 100%;
        /* background: none; */
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        padding-top: 10vh;
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item {
        flex-wrap: wrap;
        flex-direction: row;
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_title {
        width: 100%;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 15px;
        text-align: left;
        
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_title:after{
        position: absolute;
        content: '';
        width: 47px;
        height: 2px;
        background: rgb(2 7 79);
        left: 0;
        bottom: -5px;
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_short_description {
        width: 82%;
        font-size: 15px;
    }

    section.program_2014_2020 .module_description_container .module_title {
        font-size: 33px;
    }

    section.program_2014_2020 .module_description_container .module_title p{
        font-size: 33px;
    }

    section.program_2014_2020 .module_description_container .module_subtitle p {
        font-size: 42px;
    }

    .m-t-b-100 {
        margin: 0px 0px;
    }

    section.statistics .statistic-item .number {
        font-size: 29px;
        margin: 20px 0px;
    }

    section.statistics .statistic-item .icon {
        width: 66px;
    }

    section.statistics .statistic-item .icon.entagmena {
        width: 43px;
    }

    .main_banner .swiper-container p {
        padding: 20px;
    }

    .main_banner .slider_container .content_text {
        width: 100%;
        text-align: center;
    }

    .cd-menu-trigger {
        display: block;
        background-image: url(../img/layout/menu.svg);
        width: 31px;
        height: 31px;
        /* margin-left: 18px; */
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 30px;
        margin-left: 21px;
    }

    .cd-menu-trigger span {
        display: none;
    }
            
	#headlines span { display:none; }
	#headlines_block  { width:100%;  } 	
	
	.footer_box ul li a{ margin-top:5px; margin-bottom:5px; } 
	
	.copyright {text-align:center;margin-bottom:10px;}	
	#wapp{float:none;margin-bottom:10px;}
	#wapp a{margin:0 auto;}		
	
	#banner .main_banner { height:400px;  }
	#banner .small_banner { height:300px;  }
	
	.blog_tags { display:block; margin-left:0px; margin-top:5px; }
	.blog_post .read_more{ display:none;  }
	.blog_post p{ display:none;  }
	
	.blog_view_tags { display:block; margin-left:0px; margin-top:5px; }


    .top_menu ul li.last.fax{
        display: none;
    }

    .top_menu ul {
        justify-content: center;
    }

    .top_menu {
        justify-content: center;
    }

    .top_menu ul li.mail{
        border:none;
    }

    #logo {
        width: 177px;
        height: 122px;
    }

    .banners_container {
        display: none;
    }
	
}

@media only screen and (min-width:550px) and (max-width:767px){
	/*#topbar { background:brown;  }*/
	
	.blog_post_round{padding:20px 10px;  }
}

.open_invitations_filter{
    display: none;
}

.open_projects_filter{
    display: none;
}


@media (max-width:549px){	

    .project_main .main_column .project_title {
        padding: 28px 40px 28px 20px;
    }

    .project_gallery .row.flex {
        display: flex;
        margin-bottom: 6px;
        flex-direction: column;
    }

    .project_gallery .gallery_heading_container {
        background: #eef5f9;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 30px;
    }

    .project_header {
        background: #000 url(../img/layout/header.jpg);
        padding: 40px 40px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
    }


    .sidebar_column .link {
        font-size: 17px;
        z-index: 0;
    }

    .invitation_item p {
        font-size: 16px;
        line-height: 27px;
        margin: 3px 0px;
        text-align: left;
        padding-left: 55px;
    }

    .projects.home .dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text {
        padding: 13px;
    }

    .invitation_main .main_column .invitation_title {
        background: #eeeeee;
        padding: 20px;
    }

    .invitation_main .main_column .invitation_title .invitation_title_text {
        color: #02074f;
        font-size: 18px;
    }

    .breadcrumb>li.last {
        display: block;
        margin-top: 15px;
        font-size: 17px;
    }

    .projects.home ul.projects_list li .project_beneficiary_type {
        width: 50%;
    }

    .projects.home ul.projects_list li .project_status {
        width: 50%;
    }

    .projects.home ul.projects_list li .project_start_date {
        width: 50%;
    }

    .projects.home ul.projects_list li .project_budget {
        width: 50%;
    }


    .dynamic_view_header {
        background: #000 url(../img/layout/header.jpg);
        padding: 22px 40px;
    }    

    .invitations.home .filters, .projects.home .filters {
        opacity: 0;
        visibility: hidden;
        /* display: none; */
        transform: translate(0px, -100px);
        transition: all 0.2s ease;
        position: absolute;
    }

    .invitations.home .filters.active, .projects.home .filters.active{
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translate(0px, 0px);
        position: relative;
    }

    .open_invitations_filter {
        display: block;
        padding: 10px;
        text-align: center;
        margin-bottom: 20px;
        background: #02074f;
        color: white;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .open_invitations_filter.active{
        background: red;
    }

    .open_projects_filter {
        display: block;
        padding: 10px;
        text-align: center;
        margin-bottom: 20px;
        background: #02074f;
        color: white;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .open_projects_filter.active{
        background: red;
    }
	
	.btn_export {
        font-size: 13px;
    }

    .invitations.home .filters .button_container .submit_button, .projects.home .filters .button_container .submit_button {
        font-size: 13px;
    }

    .invitations.home .filters .button_container .cancel_button, .projects.home .filters .button_container .cancel_button {
        font-size: 13px;
    }

	.blog_post .blog_image_container {  width:100%; }	
	.blog_post .blog_text_container {  width:100%; }	
	.blog_post .blog_text  { margin-left:0px; margin-top:10px;   }		
	.blog_post h3 {font-size: 20px; }	

    section.goals .goals_heading_column .goals_heading {
        width: 70%;
        margin-left: 10%;
        margin-right: 1%;
    }

    section.about .title img {
        width: 151px;
        margin-bottom: -72px;
    }

    section.about .title .title_text {
        font-size: 21px;
        padding-bottom: 11px;
    }

    .top_menu ul li span {
        font-size: 12px;
    }

    .main_banner .swiper-container h2.subtitle {
        font-size: 33px;
    }

    .main_banner .swiper-container span.subtitle {
        font-size: 22px;
        display: block;
        margin-top: 10px;
    }

    .main_banner .swiper-container h1 {
        font-size: 22px;
    }

    .main_banner .swiper-container p {
        font-size: 17px;
        display: block;
        margin: 17px 0px;
        line-height: 32px;
        font-weight: 200;
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item {
        flex-wrap: wrap;
        padding: 11px;
    }

    section.invitations .invitations_list_container ul.invitations_list li.invitation_item .invitation_more_button {
        width: 40px;
        height: 40px;
        border: 1px solid #02074f;
        background-image: url(../img/layout/button_arrow_mov.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 17px;
    }

    section.program_2014_2020 .module_description_container .module_description {
        font-size: 17px;
        font-weight: 200;
        margin: 60px 0px;
        line-height: 30px;
        padding: 0 10px;
    }

    section.featured_projects .project_box .project_image .second {
        position: absolute;
        top: 10px;
        right: 0;
        top: 15%;
        width: 40%;
    }

    section.featured_projects .project_box .project_image .first {
        width: 84%;
        filter: grayscale(1);
    }

    section.featured_projects .project_box .project_details ul li .text {
        width: calc(100% - 128px);
    }

    section.featured_projects .project_box .project_details ul li .heading {
        width: 128px;
        font-weight: 600;
    }

    section.featured_projects .project_box.reverse .project_image .second {
        top: 15%;
        width: 40%;
    }

    section.goals .goals_list_column ul.goals_list {
        width: 86%;
        margin-right: 0%;
        margin-left: 15%;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item {
        display: flex;
        align-items: center;
        margin: 20px 0px;
        margin-left: calc(-137px - 2%);
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .description {
        margin-left: 15px;
        font-size: 12px;
    }

    section.goals .goals_list_column ul.goals_list li.goal_list_item .description p{
        margin-left: 15px;
        font-size: 12px;
    }

    
	
}



@media only screen and (min-width:480px) and (max-width:549px){
	/*#topbar { background:purple; }	*/
	
	/* #logo { width: 280px;  }		 */
	
	.blog_post_round{padding:20px 10px;  }
	.blog_post_round h3 { font-size:20px; line-height:24px; }
}

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

    .project_image img.project_img {
        width: 100%;
        max-width: 100%;
    }

    .projects.home .dynamic_view_main .main_column .dynamic_view_title, .projects.featured .dynamic_view_main .main_column .dynamic_view_title {
        width: 100%;
        padding: 0;
        display: flex;
        align-items: baseline;
        flex-direction: column;
    }

    .projects.home .dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text {
        padding: 13px;
        width: 100%;
        text-align: center;
    }

    .invitations.home .filters .button_container .cancel_button, .projects.home .filters .button_container .cancel_button {
        background: #dc3545;
        color: white;
        padding: 9px 7px;
    }

    .invitations.home .filters .button_container .cancel_button, .projects.home .filters .button_container .cancel_button {
        font-size: 12px;
    }

    .btn_export {
        background: #24b0e2;
        color: white;
        padding: 9px 4px;
        font-size: 12px;
    }

    .invitations.home .filters .button_container .submit_button, .projects.home .filters .button_container .submit_button {
        background: #287c9b;
        color: white;
        padding: 9px 4px;
        font-size: 12px;
    }

    .dynamic_view_main .dynamic_view_content_text a.btn_export {
        background: #24b0e2;
        color: white;
        padding: 9px 5px;
        font-size: 12px;
        font-weight: 600;
        border-radius: 0;
        margin-left: 10px;
    }

    .projects.home .dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text, .projects.featured .dynamic_view_main .main_column .dynamic_view_title .dynamic_view_title_text {
        padding: 24px 5px;
        width: 100%;
        text-align: center;
        font-size: 19px;
    }

    .project_box_featured .project_list_container ul li {
        padding: 10px 0;
    }

    .project_box_featured .project_list_container ul li .heading {
        text-align: left;
    }

    .projects.home .dynamic_view_main .main_column .dynamic_view_title .big_button, .projects.featured .dynamic_view_main .main_column .dynamic_view_title .big_button {
        width: 100%;
        background: #228eb9;
        padding: 20px 7px;
        /* margin-top: 11px; */
    }

    .projects.home ul.projects_list li .project_beneficiary_type {
        width: 100%;
    }

    .projects.home ul.projects_list li .project_status {
        width: 100%;
    }

    .projects.home ul.projects_list li .project_start_date {
        width: 100%;
    }

    .projects.home ul.projects_list li .project_budget {
        width: 100%;
    }

    .projects.home ul.projects_list li .project_code {
        width: 100%;
    }

    .projects.home ul.projects_list li .project_invitation {
        width: 100%;
    }

    .filters .search_box {
        width: 100%;
    }

    .section.invitations .invitations_list_container ul.invitations_list li.first_line{
  
        display: none!important;
    }

    #logo {
        width: 162px;
        height: 96px;
    }

    .mobile_links {
        display: flex;
        justify-content: space-between;
        padding: 0px 0px;
    }
    
    section.about .title .title_text {
        font-size: 16px;
        padding-bottom: 11px;
    }

    section.about .title .title_text p{
        font-size: 16px;
        /* padding-bottom: 11px; */
    }

    section.about .title img {
        width: 134px;
        margin-bottom: -68px;
    }

    .video_container iframe {
        height: 270px;
    }

    section.newsletter .left_size {
        width: 90%;
        height: auto;
        background: #228eb9;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 61px 27px 59px 56px;
        margin-bottom: -70px;
        position: relative;
        margin: 0 5%;
        margin-bottom: -53px;
    }

    section.goals .goals_heading_column .goals_heading {
        width: 89%;
        margin-left: 10%;
        margin-right: 1%;
    }

	/*#topbar { background:cyan;  }*/
		
	/* #logo { width: 230px; }	 */
		
	.footer_box_container {width:100%;}	
	.footer_logo img { width:250px;}
	
	.content h1 {font-size:26px; }
	.content h2 { font-size:24px; }	
	
	#banner .main_banner { height:250px;  }	
	#banner .small_banner { height:250px;  }
	#banner .banner_text h1 {  font-size:22px; }
	#banner .banner_text h2 {  font-size:22px;}
	#banner .banner_text p {  display:none;}
	
	.blog_post h3 {font-size: 18px; }
	
	.author_box { width:120px;margin:0px 20px 20px 0;  }	
	.author_box span.author_box_title { font-size:15px;   }
	
	.blog_post_mini h3 { font-size:16px; line-height:20px;  }
	
	.author_post span.author_title { font-size:18px; line-height:20px; }
	
	.blog_post_round_container { width:100%;}
	.blog_post_round h3 { font-size:20px; line-height:24px; }	
    
    
    .invitation_item.list_links ul li .link_text{
        width: auto;
        color: #287c9b;
        font-weight: 400;
        line-height: 29px;
        word-break: break-word;
    }
    .invitation_item.list_links ul li .date_document {
        width: auto;
        margin-right: 20px;
    }
    .invitation_item ul {
        padding: 10px 20px;
    }
	
}

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}