﻿@charset "utf-8";
/* CSS Document */



/* MOBILE FIRST */

/* GLOBALS */
body.intScrollBody
{
	overflow:hidden!important;
}
div, input, span, ul, li,a, strong, em, textarea
{
	
	box-sizing:border-box;
}
#fancybox-outer,
#fancybox-outer div,
#fancybox-wrap
{
box-sizing:initial!important;
}
input[type=text],
input[type=email],
input[type=password],
textarea
{
	
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
}
.iframeWrapper
{
	
position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.iframeWrapper iframe
{
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

* {
	/*box-sizing: border-box;*/
	min-height: 0;
min-width: 0;
}
body, html {
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px!important;
	overflow:auto!important;
}
input[type=button], input[type=reset], input[type=submit], button, a
{
font-family: 'Open Sans', sans-serif!important;	
}
a, a:visited
{
	color:#144e8c;
}
#s4-workspace,
.ms-core-overlay
{
	overflow:auto!important;
	height:auto!important;
	width:auto!important;
}
a:focus
{
	outline:none;
}
p {
	line-height: 160%;
	margin: 0;
	padding: 0 0 15px 0;
}
img.resp {
	max-width: 100%;
	height: auto;
	display: block;
}
.flx
{
	display: flex;
	flex-wrap: wrap;
}

.flx .col-70, .flx .col-30, .flx .col-50, .col-33, .flx .col-25, .flx .col-75, .flx .col-100,.flx .col-40,.flx .col-60
{
	flex: 1 0 100%;
}

.wrapper_container {
	max-width: 1420px;
	margin: 0 auto;
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.content .container 
{

}

h1
{
font-weight:600;
font-size:28px;
	margin:0;
	padding:0 0 15px 0;
	font-family: 'Open Sans', sans-serif;
}
h2
{
font-weight:600;
font-size:22px;
	font-family: 'Open Sans', sans-serif;
	
}
h3
{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:18px;

}
h4
{
	margin:0;
	padding-bottom:15px;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
}
h5, h6
{font-family: 'Open Sans', sans-serif;}
.linedHeading-blue
{
position:relative;
margin-bottom:10px;	
border-bottom:2px solid #144e8c;
color:#144e8c;
}
.white
{
color:#fff;	
}
.slick-prev.slick-arrow.slick-disabled,
.slick-next.slick-arrow.slick-disabled {
    display: none !important; 
}   
.slick-prev, .slick-next
{
opacity:0;
transition:all ease-out 0.4s;
z-index:10;
width:40px!important;
height:40px!important;
border-radius:50%;
background-color:#ffffff!important;
border:1px solid #ccc;	
}
.slick-prev:hover, .slick-next:hover
{
background-color:#144e8c!important;
border:1px solid #144e8c;		
}
.slick-prev:before, .slick-next:before
{
content:"";
display:none;
}
.slick-prev:after
{
background:url(../Images/slick-prev-icon.svg) center no-repeat;
z-index:2;
width:40px;
height:40px;
position:absolute;
top:0;
left:0;
content:" ";
display:block;	
}
.slick-prev:hover:after
{
background:url(../Images/slick-prev-icon-white.svg) center no-repeat;	
}
.slick-next:after
{
background:url(../Images/slick-next-icon.svg) center no-repeat;
z-index:2;
width:40px;
height:40px;
position:absolute;
top:0;
left:0;
content:" ";
display:block;		
}
.slick-next:hover:after
{
background:url(../Images/slick-next-icon-white.svg) center no-repeat;	
}
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next
{
opacity:1;
transition:all ease-out 0.4s;		
}
.slick-slider:hover .slick-prev
{
left:0;	
}
.slick-slider:hover .slick-next
{
right:0;	
}

div.sideNav
{
	
padding:40px 30px 30px 30px;
}
ul.side-nav
{
	
list-style-type:none;
	list-style-position:inside;
	text-indent:0;
	margin:0 0 20px 0;
	background-color:#f5f5f5;
	padding:20px 10px;
	border-radius: 15px 0px 15px 0px;
}
ul.side-nav ul
{
list-style-type:none;
	list-style-position:inside;
	text-indent:0;
	margin:0;
	padding:0;	

}
ul.side-nav li
{
	color:#555a5f;
	
}
ul.side-nav > li  a
{
	background: url(../Images/user-arrow-icon.svg) center left no-repeat;
    background-size: 15px 15px;
    padding: 2px 0 2px 20px;
}
ul.side-nav li ul
{
	
	padding-top:10px;
	padding-bottom:10px;
}
ul.side-nav li ul strong
{
	position:relative;
}
ul.side-nav li ul strong::before{
position: absolute;
    left: -15px;
    top: 10px;
    content: " ";
    display: block;
    width: 8px;
    height: 2px;
    background-color: #555a5f;
}
ul.side-nav  li ul li a
{
background:none	;

	padding: 2px 0 4px 15px;
}

ul.side-nav li span
{
	

}
ul.side-nav li a
{
padding:5px 20px 5px 20px;
	display:block;
	font-size:15px;
	color:#555a5f;
	text-decoration:none;
	
}
ul.side-nav li ul li
{
padding-left:15px;	
}
ul.side-nav li ul li ul li
{
padding-left:15px;
}

.sideNav .green-box
{
	
	    background-color: #fff;
    padding: 20px;
    color: #fff!important;
	border:2px solid #00BFDF;
    border-radius: 15px 0px 15px 0px;
}
.sideNav .green-box h2
{

    padding-bottom: 10px;
    color: #144e8c;
	font-size:18px;
	font-weight:700;
}
.sideNav .green-box ul.visit
{
list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    text-indent: 0;	
	

}
.sideNav .green-box ul.visit li
{
	padding-bottom:10px;
}
.sideNav .green-box ul.visit li a
{
color:#6c757d;
    padding-left: 20px;
	background:url(../Images/arrow-6c757d-icon.svg) left 3px no-repeat;
    display: block;
	background-size: 15px 15px;
}
.sideNav .dark-blue-box
{
	padding:20px;
	margin:0 0 20px 0;
	border:2px solid #D7D7D7;
	border-radius: 15px 0px 15px 0px;
	
}
.sideNav .dark-blue-box ul
{
	
	list-style-type:none;
	list-style-position:inside;
	margin:0;
	padding:0;
	text-indent:0;
}
.sideNav .dark-blue-box .bg > ul > li
{

margin-bottom:15px;	
}
.sideNav .dark-blue-box .bg > ul > li
{
font-weight:700;
	font-size:15px;
}
.sideNav .dark-blue-box .bg > ul > li > a
{
	
	font-weight: 700;
    font-size: 15px;
	color:#000;
	text-decoration:none;
}
.sideNav .dark-blue-box .bg > ul > li > a:hover{
	color:#106EBE;
}
.sideNav .dark-blue-box .bg > ul > li strong
{
color:#6c757d;
	font-weight:400;
	font-size:15px;
	padding:4px 0 4px 30px;
	background:url(../Images/loggedin-user-icon.svg) center left no-repeat;
	display:block;
	background-size:30px 30px;
}
.sideNav .dark-blue-box .bg ul li ul li
{
	background:url(../Images/user-arrow-icon.svg) center left no-repeat;
	background-size:15px 15px;
	padding:2px 0 2px 20px;
	
}
.sideNav .dark-blue-box .bg > ul > li > a
{
	color: #6c757d;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
		background:url(../Images/user-arrow-icon.svg) center left no-repeat;
	background-size:15px 15px;
	padding:2px 0 2px 20px;
}
.sideNav .dark-blue-box .bg ul li ul li a
{
	color:#6c757d;
	font-size:15px;
	font-weight:400;
	text-decoration:none;
}
.sideNav .dark-blue-box h3
{
font-weight: 700;
    font-size: 18px;
    padding-bottom: 15px;
    color: #144e8c;
   

}
.sideNav .dark-blue-box .bg ul li.logout {
	padding:20px 0 0 0!important;
	margin-bottom:0!important;
	color:#fff!important;
}
.sideNav .dark-blue-box li.logout a
{
    color: #fff!important;
	background:none;
    background-color: #6c757d!important;
    padding: 12px 20px!important;
    border-radius: 10px!important;
    text-decoration: none!important;
    font-size: 16px!important;
    border: none!important;
	display:block!important;
    width: 100%!important;
	
	text-align:center!important;
    transition: background-color ease-out 0.3s;	
}
.sideNav .dark-blue-box .logout a:empty{
	display:none!important;
}
ul.breadcrumbs
{
	padding:0 0 10px 0;
	list-style-type:none;
	list-style-position:inside;
	margin:0 0 10px 0;
	/*border-bottom:1px solid #F5F5F5;*/
	text-indent:0;
}
ul.breadcrumbs li
{
	display:inline-block;
	vertical-align:middle;
padding-right:8px;
	font-size:14px;
}
ul.breadcrumbs li a
{
	color:#555;
	text-decoration:none;
	font-size:14px;
	padding-right:8PX;
}
ul.breadcrumbs li a:hover{
	color:#144E8C;
}

.storyContent accordion h3
{
	font-weight:700;
}
.storyContent .metadata,
.storyContent .metadata tbody
{
display:block;	
}
.storyContent .metadata
{

	background-color: #ddf6fb;
    margin: 30px 0;
    padding: 20px;
    border-radius: 15px 0px 15px 0px;
	
}
.storyContent .metadata tr
{
display:flex;
	flex-wrap:wrap;

}
.storyContent .metadata tr th
{
	padding-bottom:10px;
}
.storyContent .metadata tr th,
.storyContent .metadata tr td
{
	flex:1 0 100%;
	text-align:Center;

}
.storyContent .metadata tr
{
	padding:10px 0;
	
}
.page-title
{
	padding:20px 30px 20px 0;
	
}
.page-title h2
{

	padding: 0;
    margin: 0;
    display:inline-block;
    font-weight: 600;
    
    color: #333;
	font-size:32px;
	border-top: 4px solid #00BFDF;
 
}
.storyContent.col-75
{
	padding:0 30px; 
}
.storyContent .tools
{
	display:none;
}
input[type=button], input[type=reset], input[type=submit], button
{
	
margin:0;
}
.storyContent .news-form,
.storyContent .invitations-form,
.storyContent .abc-search,
.storyContent .login-form,
.storyContent .register-form,
.storyContent .vimata-box,
.storyContent .contact-form
{
	padding:20px 10px;
	border:1px solid #efefef;
	background-color:#fff;
	box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.20);
-webkit-box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.20);
-moz-box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.20);
}
.storyContent .adv-search-form
{
	padding:0px 0px;
	background-color:#fff;
}
.storyContent .adv-search-form .contact-form
{
	padding:0px 0px;
}

.storyContent .contact-form label
{
	    font-weight: 700;
    padding-bottom: 8px;
    color: #144E8C;
}

.storyContent  .invitations-notices .tools
{
	display:block!important;
	
}
.invitations-notices-full span.green
{
	color:#008000;
	padding:12px 0 20px 0;
	display:block;
}
.storyContent .invitations-notices .page-title .tools
{
	display:none!important;
}
.storyContent  .invitations-notices .tools > div {
	    margin: 0;
    text-align: right;
    clear: both;
    padding: 10px;
}
.storyContent  .invitations-notices .tools > div > div
{
	float:none!important;
}
.storyContent fieldset.form-vimata-intro

{
border:0;
	margin:0;
	padding:0;
}
.storyContent .vimata-box .box-center-data
{
	padding:10px;
}
.storyContent .vimata-box h3
{
	font-weight: 700;
    font-size: 16px;
    padding-bottom: 5px;
    color: #144e8c;
    display: block;
}
.storyContent .vimata-box ul
{
	margin:0;
	list-style-type:none;
	list-style-position:inside;
	text-indent:0;
	padding:10px 0;
}
.storyContent .vimata-box ul li
{
	padding-bottom:3px;
}
.storyContent .vimata-box .form-submit

{
	padding:0;
}
.storyContent .vimata-box .form-submit input.btn-cleaning
{
color: #fff;
    background-color: #6c757d;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;	
}

.storyContent .vimata-box .form-submit input.btn-search
{
color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;	
}
.storyContent .vimata-box .box-info1 label
{
		font-weight: 700;
    font-size: 16px;
    padding-right: 10px;
    color: #144e8c;
}
	.storyContent .adv-search-form .form-submit
{
	
	clear:both;
}
.storyContent .adv-search-form .holder .form-line:nth-child(-n+2) .hold .pairodates
	{
		display:flex;
	}
.storyContent .adv-search-form .holder .form-line:nth-child(-n+2) .hold .pairodates .from,
.storyContent .adv-search-form .holder .form-line:nth-child(-n+2) .hold .pairodates .to
{
	flex:1 0 50%;
}
.storyContent .adv-search-form .holder
.storyContent .adv-search-form .hold .pairodates
{
	display:flex;
	flex-wrap:wrap;
}
.storyContent .adv-search-form .hold .pairodates .from,
.storyContent .adv-search-form .hold .pairodates .to
{
	flex:1 0 50%;
}
.storyContent .adv-search-form .holder .form-line,
.storyContent .contact-form .form-line
{
	flex:1 0 100%;
	position:relative;
	
	padding: 0 10px 15px 10px;
	
}
.storyContent .contact-form br
{
	display:none;
}
.storyContent .contact-form fieldset
{
	border:none;
padding: 0 10px 10px 10px;

}
.storyContent .contact-form fieldset legend
{
font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
    color: #144e8c;
    display: block;	
}
.storyContent .contact-form fieldset td span
{
	padding-left:5px;
	
}
.storyContent .contact-form fieldset .form-line > div
{
		padding-right:10px;
	font-size:15px!important;
}
.storyContent .contact-form fieldset .form-line  p a
{

	font-size:15px!important;
}

.storyContent .contact-form table .form-line input
{
	width:100%;
}

.storyContent .contact-form .form-submit input.btn-cancel
{
color: #fff;
    background-color: #6c757d;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;	
}

.storyContent .contact-form .form-submit input.btn-submit 
{
color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;	
}
.contact-form-headers
{
	flex:1 0 100%;
	padding-bottom:15px;
}
.storyContent .adv-search-form .holder .form-line:nth-child(3)
{
	position:relative;
}
.storyContent .adv-search-form .holder .form-line label[id$="_lblContentType"],
.storyContent .adv-search-form .holder .form-line label[id$="_lblAllWords"],
.storyContent .adv-search-form .holder .form-line label[id$="_lblExactPhrase"],
.storyContent .adv-search-form .holder .form-line label[id$="_lblWithout"]
{
	position:absolute;
	top:0;
	left:10px;
}


.storyContent .adv-search-form .holder .form-line input[id$="_txtAllWords"],
.storyContent .adv-search-form .holder .form-line input[id$="_txtExactPhrase"],
.storyContent .adv-search-form .holder .form-line input[id$="_txtWithout"]
{
width:100%;
	margin-top:30px;
}
.storyContent .adv-search-form .holder .form-line select[id$="_listDocumentTypes"]
{
width:100%;
	margin-top:30px;
}
.storyContent .adv-search-form .holder .form-line:first-child{
position:relative;	

}
.storyContent .adv-search-form .holder .form-line:first-child select
{
margin-top:32px;
	width:100%;
}
.storyContent .adv-search-form .holder .form-line:first-child .label
{
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
    color: #144e8c;
    display: block;
	position:absolute;
	top:0;
	left:10px;
}
.storyContent .adv-search-form .form-submit {
    padding: 10px;
	text-align:center;
	clear:both;
	width:100%;
	position:relative;
}

.storyContent .adv-search-form .form-submit input.btn-cleaning {
    color: #fff;
    background-color: #6c757d;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;
}
.storyContent .adv-search-form .form-submit input.btn-search {
    color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;
}
.storyContent .adv-search-form .form-submit a
{
    color: #000;
    background-color: #cccdcd;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;
	display:block;	
}
.storyContent .abc-search .form-line:last-child
{
	padding-top:20px;

}
.storyContent .abc-search .form-line > label {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
    color: #144e8c;
    display: block;
}
.storyContent .abc-search .form-line
{
	position:relative;
}
.storyContent .abc-search a[id$="_ToAdvancedSearchLlink"]{
	color: #7EC352;
    font-weight: 700;

}
.storyContent .abc-search .txt-holder span.txt,
.storyContent .abc-search .txt-holder em
{
	display:block;
}
.storyContent .abc-search .txt-holder input[type=text]
{
	display:block;
	width:100%;
}
.storyContent .abc-search  input.btn-search {
    color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;
}
.storyContent .login-form
{
	max-width:450px;
	padding:20px;
	margin:0 auto;
}
.storyContent .login-form .form-line
{
	padding-bottom:10px;
}
.storyContent .login-form label
{
	
	font-size:15px;
	padding-bottom:5px;
	display:block;
}
.storyContent .login-form h2,
.storyContent .register-form h2
{
    padding: 0;
    margin: 0 auto 15px auto;
    display: block;
    font-weight: 600;
    letter-spacing: 0;
    color: #333;
    font-size: 32px;

	text-align:center;
}
.storyContent .register-form h2
{
	text-align:left;
}
.storyContent .register-form .form-line
{
	display:flex;
	flex-wrap:wrap;
	padding-bottom:15px;
}
.storyContent .register-form .form-line label
{
	display:block;
	min-width:200px;
}
.storyContent .register-form .form-line label,
.storyContent .register-form .form-line > div
{
flex:1 0 100%;	
}
.storyContent .login-form input[type=submit]
{
	display: block;
    color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    margin-top: 20px;
    width: 100%;
    transition: background-color ease-out 0.3s;
    cursor: pointer;
}
.storyContent .login-form input[type=text],
.storyContent .login-form input[type=password],
.storyContent .register-form input[type=text],
.storyContent .register-form input[type=password]
{
	display:block;
	width:100%;
}

.storyContent .login-form .txt-holder
{
	position:relative;
}
.storyContent .login-form .txt-holder div span,
.storyContent .login-form .txt-holder span span
{
	display:none;
}
.storyContent .login-form .txt-holder a

{
	display:block;
		text-align:center;
		font-size:14px;
	}

	.storyContent .news-form .form-line .hold
{
	display:flex;
	flex-direction:column-reverse;
	flex-wrap:wrap;
}
.storyContent .news-form .form-line .hold > div
{
	flex:1 0 100%;
	padding-bottom:10px;
}

.storyContent .news-form .holder,
.storyContent .invitations-form .holder
{
	
display:flex;
	flex-wrap:wrap;
	margin:0!important;
}
.storyContent .invitations-form .holder .form-line
{
	
	padding-bottom:20px;
}
.storyContent .invitations-form .holder  .afora,
.storyContent .invitations-form .holder label
{
	
	font-weight:700;
	padding-bottom:8px;
	color:#144E8C;
}
.storyContent .invitations-form .holder .form-line:first-child label
{
padding-right:10px;	
	
}

.storyContent .invitations-form .holder .form-line:first-child input[type=text],
.storyContent .invitations-form [id$="PanelSearchMore"] .box-info1 select
{
	
	width:100%;
}
.storyContent .invitations-form a[id$="LinkButtonEnableSearchMore"]
{
	color:#7EC352;
	font-weight:700;
}
.storyContent .invitations-form [id$="PanelSearchMore"]
{
flex:1 0 100%;
	padding-top:20px;
}
.storyContent .invitations-form [id$="PanelSearchMore"] .box-info1
{
	padding-bottom:5px;
	
}
.storyContent .invitations-form [id$="PanelSearchMore"] .box-info1 label
{
	width:195px;
	display:inline-block;
}

.storyContent .invitations-form .holder .check-boxes label,
.storyContent .invitations-form .holder .box-info2 label
{
	
	font-weight:400;
}
.storyContent .invitations-form .holder .form-line,
.storyContent .invitations-form .holder .form-line:first-child,
.storyContent .invitations-form .holder .box-info2

{
	flex:1 0 100%;
}
.storyContent .invitations-form .form-submit
{
padding-top:15px;
text-align:right;
}
.storyContent .invitations-form .form-submit input.btn-search
{
	display:block;
	   color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
	font-size:16px;
	border:none;
   margin-bottom:10px;
	width:100%;
    transition: background-color ease-out 0.3s;	
	cursor:pointer;
}
.storyContent .invitations-form .form-submit input.btn-limit
{
    color: #fff;
    background-color: #6c757d;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
   font-size:16px;
	border:none;
	margin-bottom:10px;
	width:100%;
    transition: background-color ease-out 0.3s;	
	cursor:pointer;
}
.storyContent .news-form select
{
	
width:100%;
	max-width:100%;
}
.storyContent .news-form .form-line input[type=text]
{
	width:100%;
}

.storyContent  .form-line .to input[type=text],
.storyContent .form-line .from input[type=text]
{
	width:calc(100% - 70px);
}
.storyContent .news-form .form-line > label,
.storyContent .adv-search-form .form-line > label,
.storyContent .practices-form span[id$="_LabelRegion"],
.storyContent .practices-form span[id$="_LabelFund"],
.storyContent .practices-form span[id$="_LabelPP"],
.storyContent .practices-form .form-line > label
{
	
	font-weight:700;
	font-size:16px;
	padding-bottom:10px;
	color:#144e8c;
	display:block;
}
.storyContent .news-form .form-line .hold .to
{
	
padding-bottom:10px;
}
.storyContent .form-line .hold .to label,
.storyContent .form-line .hold .from label
{
	
display:inline-block;
	width:35px;
}
.storyContent .news-form .holder .form-line
{
	
	flex:1 0 100%;
	padding:0 10px 15px 10px;
}
.storyContent .news-form .form-submit
{
	padding:10px;
}
.storyContent .news-form .form-submit input
{
	display:block;
}
.storyContent .news-form .form-submit input.btn-cleaning
{
    color: #fff;
    background-color: #6c757d;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
   font-size:16px;
	border:none;
	margin-bottom:10px;
	width:100%;
    transition: background-color ease-out 0.3s;	
	cursor:pointer;
}
.storyContent .news-form .form-submit input.btn-search
{
    color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
	font-size:16px;
	border:none;
   margin-bottom:10px;
	width:100%;
    transition: background-color ease-out 0.3s;	
	cursor:pointer;
}

.storyContent [id$="ItemsPerPage"]
{
float:none!important;
	display:block!important;
	padding:5px 0;
	margin:0!important;
	text-align:left;
}
.storyContent [id$="ItemsPerPage"] select
{
	display:inline-block!important;
}
.storyContent [id$="ItemsPerPage"] > div
{
	float:right;
}
.control-panel,
.control-panel-bottom
{
margin-top:20px;
	margin-bottom:20px;
padding:20px;
 background-color: #ebfafd;
 border-top: 3px solid #00bede;
}
.control-panel .line,
.control-panel-bottom .line
{
	display:flex;
	flex-wrap:wrap;
}
.control-panel .line .m1,
.control-panel .line .m2,
.control-panel-bottom .line .m1,
.control-panel-bottom .line .m2
{
	display:block;
	flex:1 0 100%;
	text-align:center;
}
.control-panel .line .m2,
.control-panel-bottom .line .m2
{
	padding-top:20px;
}
.storyContent .practices-form
{
	
display: flex;
    flex-wrap: wrap;
    padding: 20px 10px;
    border: 1px solid #efefef;
    background-color: #fff;
    box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.20);
    -webkit-box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: -1px 0px 12px 0px rgba(0,0,0,0.20);
}
.best-ofi
{
	text-align:center;
}
.storyContent .practices-form .best-ofi,
.storyContent .practices-form .form-line,
.storyContent .practices-form .form-submit
{
	
	flex:1 0 100%;
    padding: 10px;
    position: relative;
}
.best-ofi a
{

	display:block;
	padding:65px 0 0 0;
	background:url(../Images/geographic-select-icon.svg) center top no-repeat;
	background-size:60px 60px;
	color:#00BFDF;
	font-weight:700;
	margin-top:10px;
	
}
.storyContent .practices-form select
{
	max-width: 100%;
    font-size: 14px;
	width:100%;
	max-height:150px;
	
}
.storyContent .practices-form em
{
color: #144e8c;
    font-size: 14px;
    font-weight: 700;
    padding-top: 5px;
    display: block;	
}
.storyContent .practices-form .form-line:nth-child(2) span
{
font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
    color: #144e8c;
    display: block;
}
.storyContent .practices-form br
{
	display:none;
}

.storyContent .practices-form .form-submit
{
	padding:10px;
}
.storyContent .practices-form .form-submit input
{
	display:block;
}
.storyContent .practices-form .form-submit input.btn-cleaning
{
    color: #fff;
    background-color: #6c757d;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
   font-size:16px;
	border:none;
	margin-bottom:10px;
	width:100%;
    transition: background-color ease-out 0.3s;	
}
.storyContent .practices-form .form-submit input.btn-submit,
.storyContent .practices-form .form-submit input.btn-search
{
    color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
	font-size:16px;
	border:none;
   margin-bottom:10px;
	width:100%;
    transition: background-color ease-out 0.3s;		
}
.storyContent .PublishingPageContent
{
	
	padding:30px 0;
}
.storyContent .results 
{
	padding-top:30px;
}
.storyContent .results .item
{
padding:0 0 35px 0;
	margin-bottom:25px;
	position:relative;
}
.storyContent .results .item::after{
	position:absolute;
	display:block;
	content:" ";
	border-bottom:1px solid #e0e0e0;
	left:0;
	bottom:0;
	right:0;
}
.storyContent .results .item h3,
.storyContent .results .item .item-title,
.storyContent  .story h3
{
	
	margin:0;
	padding:0 0 10px 0;
	color:#333;
	font-size:26px;
	font-weight:400;
}

.storyContent .results .item em.date
{
padding:7px 0 7px 30px;
display:inline-block;

	background:url(../Images/icon-calendar.svg) center left no-repeat;
	background-size:20px 20px;

}
.storyContent  ul.files
{
	
margin:0;
	padding:7px 0;
	text-indent:0;
	list-style-type:none;
	list-style-position:inside;
}
.storyContent  ul.files li a
{
	padding:7px 0 7px 30px;
	display:inline-block;
	color:#144e8c;
	background:url(../Images/file-icon-144e8c.svg) center left no-repeat;
	background-size:30px 30px;
	font-weight:500;
	
}
.storyContent .results .item p
{
	padding:10px 0;
	margin:0;
}
.storyContent .results .more
{
	padding-top:10px;

}



.storyContent .add-proclamation
{
	padding-left:35px;
	background:url(../images/add-proc-icon.svg) center left no-repeat;
	background-size:30px 30px;
	margin-bottom:20px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:400;
	color:#106EBE;
	display: none;
}
.storyContent .add-proclamation p
{
	padding:0;
}
.storyContent .results .more a
{
	color:#106EBE;
	font-size:16px;
	font-weight:400;
	position:relative;
	
	/*display:inline-block;*/
	
}
.storyContent .results .more > a{
	padding:10px;
}
.storyContent .results .more a:hover,
.storyContent .results .more a:focus
{
	text-decoration:none;
	outline:none;
}
/*.storyContent .results .more a::after
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border-bottom:2px solid #106EBE;
	content:" ";
	display:block;
}*/


/* END GLOBALS */


/* header */


header {
	background: rgb(20,78,140);
	background: linear-gradient(90deg, rgba(20,78,140,1) 0%, rgba(0,191,223,1) 60%, rgba(126,195,82,1) 100%);
}
header .topHead {
	background-color: #fff;
	
	padding: 30px 30px 10px 30px;
}
header .brand,
header .brand-02
{
	padding-bottom: 30px;
	align-items: center;
}
header .espaLogo
{
padding-right:10px;	
}
header .espaLogo
{
flex:1 0 100px;	
}
header .yporgeioLogo {

	flex: 1 0 33.333%;
}
header .euLogo {
	flex: 1 0 33.333%;

}
header .yporgeioLogo {

	text-align:center;
}
header .euLogo {
	text-align:right;
	padding-left:10px;
}
header .espaLogo a, header .yporgeioLogo a,header .euLogo a
{
display:inline-block;	
}
header .options {
	    padding: 10px 35px 10px 50px;
	position: relative;
	background-color:#00BFDF;
}
/*header .options::before {
	border-bottom: 5px solid #144e8c;
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}*/

.logosIntegrated {
    position: relative;
}
.logosIntegrated a.teboLink {
   /* background-color: rgba(155,39,41,0.66);*/
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    z-index: 10;
    display: block;
    position: absolute;
}

.logosIntegrated a.espaLink {
   /* background-color: rgba(155,39,41,0.66);*/
    top: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    position: absolute;
}

.logosIntegrated a.euLink {
   /*background-color: rgba(0,4,203,0.66);*/
    top: 0;
    bottom: 0;
    z-index: 10;
    display: block;
    position: absolute;
}
.ypLinking
	{
		font-size:calc(6 * 0.19vw);;
		position:absolute;
		left:31.8%;
		top:49.5%;
		display:none;
	}
	.graminking
	{
	position:absolute;
		top:60.5%;
		left:37.8%;
		font-size:calc(6 * 0.17vw);
		display:none;
	}
	.ypLinking a,
	.graminking a
	{
		text-decoration:none;
		color:#17387b;
	}
	img.hideMob
	{
		display:none;
	}


header .options .social, header .options .userOptions {
	flex: 1 0 100%;
}
header .options > .userOptions {
	display: flex;
	color:#fff;
	padding:10px 0 10px 0;
	font-size: 12px;
	
}
header .options .userOptions > a {
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}
header .options .userOptions > a[id$="_HyperLinkUser"]
{
	margin-right:0;
	padding-right:22px;	
}
header .options .userOptions > a[id$="_HyperLinkUser"]::before
{
width:17px;
	height:17px;
	display:block;
	content:" ";
	background:url(../Images/loggedin-user-icon-mini-white.svg) center center no-repeat;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);

	
}
header .options .social {
	vertical-align: middle;
}
.social .socialChannel {
	display: inline-block;
	margin-right: 2px;
	position: relative;
}
.social .socialChannel a {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 3px;
}
.social .socialChannel a.facebook {
	background-image: url(../Images/facebook-hover-icon.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.socialFooter .socialChannel a.facebook
{
background-image: url(../Images/rev-facebook-hover-icon.svg);
	background-size:30px 60px;
}
.social .socialChannel a.facebook:hover {
	background-position: center top;
	background-color: #ffffff;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.socialFooter  .social .socialChannel a.facebook:hover {
	background-position: center top;
	background-color: #144E8C;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.social .socialChannel a.instagram {
	background-image: url(../Images/instagram-hover-icon.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.socialFooter .social .socialChannel a.instagram
{
background-image: url(../Images/rev-instagram-hover-icon.svg);
	background-size:30px 60px;

}
.socialFooter  .social .socialChannel a.instagram:hover {
	background-position: center top;
	background-color: #144E8C;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.social .socialChannel a.instagram:hover {
	background-position: center top;
	background-color: #ffffff;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.social .socialChannel a.youtube {
	background-image: url(../Images/youtube-hover-icon.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.socialFooter .social .socialChannel a.youtube
{
background-size:30px 60px;	
background-image: url(../Images/rev-youtube-hover-icon.svg);
}
.social .socialChannel a.youtube:hover {
	background-position: center top;
	background-color: #ffffff;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.socialFooter  .social .socialChannel a.youtube:hover
{
	
		background-position: center top;
	background-color: #144E8C;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.social .socialChannel a.rss {
	background-image: url(../Images/rss-hover-icon.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.socialFooter .social .socialChannel a.rss
{
	background-image: url(../Images/rev-rss-hover-icon.svg);
	background-size:30px 60px;
}
.social .socialChannel a.rss:hover {
	background-position: center top;
	background-color: #ffffff;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.socialFooter .social .socialChannel a.rss:hover
{
	background-position: center top;
	background-color: #144E8C;
	transition: background-position ease-out 0.3s, background-color ease-out 0.3s;
}
.langLinks a {
	text-decoration: none;
	color: #ffffff;
}
.langLinks ul li ul li a
{
	color:#144E8C;
}
.langLinks {
	display: inline-block;
	margin-left: 20px;
	font-size: 13px;
}
.langLinks ul {
	list-style-type: none;
	list-style-position: inside;
	text-indent: 0;
	margin: 0;
	padding: 0;
}
.langLinks ul li {
	position: relative;
}
.langLinks > ul > li.langDropdown > a {
	padding: 10px 30px 10px 12px;
	background: url(../Images/down-arrow-icon.svg) calc(100% - 12px) center no-repeat;
}
.langLinks ul li a {
	padding: 10px 10px;
	display: block;
}
.langLinks ul li ul li a {
	padding: 12px 20px;
}
.langLinks ul li ul {
	opacity: 0;
	margin-top: 5px;
	position: absolute;
	top: 38px;
	right: 0;
	background-color: #fff;
	z-index: 10;
	border-top: 2px solid #144E8C;
}
.langLinks ul li ul li {
	display: none;
}
.langLinks ul li:hover ul {
	margin-top: 0;
	transition: margin ease-out 0.3s, opacity ease-out 0.3s;
	opacity: 1;
}
.langLinks ul li:hover ul li {
	display: block;
}
.langLinks a.el {
	background-image: url(../Images/el_16.png);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	padding-left: 38px;
}
.langLinks a.en {
	background-image: url(../Images/en_16.png);
	background-position: 12px 12px;
	background-repeat: no-repeat;
	padding-left: 38px;
}
header .navHead {
	position: relative;
	padding-top: 7px;
	padding-bottom: 7px;
	transition:top ease-out 0.8s;
	top:0;
}
header.sticking .navHead
{
position:fixed;
top:0;
left:0;
right:0;
z-index:999;
    background: rgb(20,78,140);
    background: linear-gradient(90deg, rgba(20,78,140,1) 0%, rgba(0,191,223,1) 60%, rgba(126,195,82,1) 100%);
	transition:top ease-out 0.8s;	
}
header .navController {
	display: block;
	width: 50px;
	height: 50px;
	margin-left: 30px;
}
header .navController a {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
}
header .navController a span {
	display: block;
	position: absolute;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	left: 5px;
	width: 40px;
	transition: all ease-out 0.3s;
}
header .navController a span.tp {
	top: 10px;
}
header .navController a span.md {
	top: 50%;
}
header .navController a span.bt {
	bottom: 10px;
}
header .navController a.active span.tp {
	transform: rotate(45deg);
	top: 24px;
}
header .navController a.active span.md {
	opacity: 0;
}
header .navController a.active span.bt {
	transform: rotate(-45deg);
	bottom: 24px;
}
header .navigation {
	display: none;
}
header .navigation.openNav {
	display: block;
	height:calc(100vh - 55px);
	overflow-y:scroll;
}
header .navigation ul {
	list-style-type: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
}
header .navigation ul {
	list-style-type: none;
	text-indent: 0;
	margin: 0;
	padding: 0 20px;
}
header .navigation  ul li span.noLnk
{
	color: #fff;
	padding: 12px 0 12px 10px;
	display: block;
	transition: background-color ease-out 0.3s;
	background-color: rgba(255,255,255,0);
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 1px;
	border-bottom: 1px solid #fff;
}
header .navigation ul li a {
	color: #fff;
	padding: 12px 0 12px 10px;
	display: block;
	transition: background-color ease-out 0.3s;
	background-color: rgba(255,255,255,0);
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 1px;
	border-bottom: 1px solid #fff;
}
header .navigation ul li ul {
	padding-right: 0;
}
header .navigation ul li ul li {
	font-size: 14px;
}
header .navigation ul li ul li a {
	padding: 12px 0 20px 0 20px;
}
header .navigation ul li:hover span.noLnk,
header .navigation ul li a:hover {
	background-color: rgba(255,255,255,0.1);
	transition: background-color ease-out 0.3s;
	cursor:pointer;
}
header .searchArea {
	position: absolute;
	top: 15px;
	right: 30px;
	z-index: 8;
}
header .searchArea .searchForm
{
	
position:absolute;
	top:0;
	right:0;
}
header .searchArea div.input
{
	padding-right:38px;
	
}
header .searchArea div.input input[type=text]
{
	
border:none;
	background-color:#fff;
	padding:5px;
}
header .searchArea div.input input[type=text]:focus{
	outline:none;
}
/* end header */



/* begin content classes */


/* home invites classes */
.topSlider
{
	
position:relative;	
}
.topSlider .slideCounter
{
	z-index:10;

font-weight:400;
font-size:18px;
padding:6px;
background-color:rgba(20,78,140,0.7);
color:#fff;	
	text-align:center;
}
.mainSlider
{
overflow:hidden;	
}
.mainSlider .sldMain
{
background-color:#f2f2f2;	
}
.mainSlider .sldMain .flx .col-50
{
padding-left:0;
	padding-right:0;
}

.mainSlider .sldMain .col-50.sliderLeft
{
background-color:#f2f2f2;
	padding:15px;
}
.mainSlider .wrappedImg
{
	display: block;
    overflow: hidden;
   height:100%;
   min-height:300px;
    position: relative;
}
.mainSlider  h3
{
	margin:0;
	padding:30px;
	position:relative;
	margin:0;
	padding:0;
}

.mainSlider  h3 a::before
{
position:absolute;
top:0;
right:0;
bottom:0;
width:100%;
content: " ";
display:block;
width:100%;
transition:width cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.5s;
transition-delay:0.5s;
z-index:5;
background-color:#f2f2f2;	
}
.mainSlider .slick-current h3 a::before
{
width:0;
transition:width cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.5s;
transition-delay:0.5s;		
}
.mainSlider h3 a
{
	color:#323232;
	font-weight:700;
	font-size:24px;
	text-decoration:none;
}
.mainSlider h3 a div
{
padding-top:10px;
line-height:80%;
	font-size:16px;
	font-weight:400;
}

.mainSlider h3 a span
{
display:inline-block;
font-size:14px;

padding-bottom:12px;
font-weight:400;
position:relative;
line-height:100%;
color:#144e8c;	
}
.mainSlider h3 a span:after
{
position:absolute;
bottom:0;
left:0;
width:100%;
border-bottom:1px solid #144e8c;
content:" ";
display:block;
}
.mainSlider .wrappedImg img
{
height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    object-fit: cover;
z-index:0;
	opacity:0;
	transform:scale(1.2);
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.6s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.3s;
	transition-delay:0.6s;	
}
.mainSlider .slick-current .wrappedImg img
{
	opacity:1;
transform:scale(1);	
	transition:transform cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.6s, opacity cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.3s;
	transition-delay:0.6s;
}
.mainSlider .wrappedImg:before
{
display:block;
content:" ";
position:absolute;
top:0;
left:-1;
width:101%;

bottom:0;
background-color:#f2f2f2;
z-index:3;	

transition:width cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.6s;
transition-delay:0s;
}
.mainSlider .slick-active.slick-current .wrappedImg:before
{
	width:0;
	
	transition:width cubic-bezier(0.25, 0.41, 0.32, 0.95) 0.6s;
	transition-delay:0.5s;
}
.homeInvites
{
padding:40px 30px 0px 30px;
	background-color: #fff;
    border-radius: 0px 0px 50px 0px;
	z-index:2;
	position:relative;	
}
.homeInvites h1
{
	
	font-size:22px;
}
.homeInvites h2
{
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	color:#a2216e;
	font-weight: 600;
	font-size: 22px;
	border-radius: 12px 12px 0 0;
	border-bottom: 3px solid #a2216e;
}
.homeInvites .invite-item
{
	padding-bottom:10px;
	border-bottom: 1px solid #dee4e9;
}
.homeInvites .invite-item a
{
	
text-decoration:none;
}
.homeInvites .invite-item .title
{
background:url(../Images/icon-a2216e-arrow.svg) left 4px no-repeat;	
padding-left:0px;
margin:0;

	background-size:15px 15px;
}
.homeInvites .invite-item .date{
	font-weight:700;
	color:#000;
	padding-left:20px;
}
.homeInvites .invite-item .title h3,
.homeInvites .invite-item .title h3 a
{
	padding:0 0 6px 0;
	margin:10px 0 0 0 ;
	color:#a2216e;
	font-size:16px;
}
.homeInvites .invite-item .title h3 a:hover ,
.homeInvites .invite-item .title h3 a:visited 
{
color:#a2216e;
}

.homeInvites .invite-item ::after {
    position: absolute;
    display: block;
    content: " ";
    border-bottom: 1px solid #dee4e9;
    position: absolute;
    left: 0px;
    bottom: 0;
    right: 0;
}

.homeInvites .invIcos
{
	padding:5px 0 0 20px;

}
.homeInvites .invIcos .procPeriod,
.homeInvites .invIcos .procVal
{
margin-bottom:15px;
	margin-right:20px;
	padding-left:40px;
	color:#323232;
}
.homeInvites .invIcos .procPeriod
{
	background:url(../Images/icon-large-calendar.svg) center left no-repeat;
	background-size:34px 34px;
}
.homeInvites .invIcos .procVal
{
	background:url(../Images/icon-large-budget.svg) center left no-repeat;
	background-size:34px 34px;
}
.homeInvites .invIcos h4
{
	margin:0;
	padding:0 0 5px 0;
	color:#323232;
	font-size:15px;
}
.homeInvites .invIcos .procPeriod div,
.homeInvites .invIcos .procVal div
{
font-size:15px;	
}
.homeInvites .invitesIndex
{
	
text-align:right;
	padding:20px 30px 20px 20px;
	background-color:#fff;
	border-top: 1px solid #d3d3d3;
    margin-top: -1px;
	    position: relative;
    z-index: 2;

}
.homeInvites .invitesIndex a
{
	color:#a2216e;
	padding-right:45px;
	background:url(../Images/icon-index-arrow-A1246E.svg) center right no-repeat;
	background-size:35px 15px;
	text-decoration:none;
	font-weight:700;
	font-style:italic;
}
.espaInvites h2
{
background-color:#a2216e;
}
.espaInvites
{
	flex:1 0 100%;
	margin-bottom:30px;
}
.invitesRight
{
flex:1 0 100%;	

}
.espaUpcoming h2{
background-color:#00718f;	
}




.homeInvites .wrp
{
min-height:100%;
background-color:#fff;
	

padding:30px 20px 12px 20px;
}
.homeInvites .wrp .wrp
{
	padding:0;
	overflow:unset;
}
.homeInvites .mainHeader
{
padding:0 0 10px 0;

}

.homeInvitesButtons
{
padding-bottom:30px;
	text-align:center;
}
.homeInvitesButtons .button
{
text-align:center;
margin-bottom:20px;	
}
.homeInvitesButtons .button a
{
padding:12px;
border-radius:10px;	
text-decoration:none;
vertical-align:middle;
transition:background-color ease-out 0.3s;
}
.homeInvitesButtons .button a:hover
{
transition:background-color ease-out 0.3s;	
}
.homeInvitesButtons .button span
{
display:inline-block;	
}
.homeInvitesButtons .button.individuals span
{
width:24px;
height:24px;
background:url(../Images/individuals-icon.svg) center no-repeat;
width:24px;
height:24px;
margin-right:10px;
    margin-bottom: -4px;	
}
.homeInvitesButtons .button.individuals a
{
background-color:#144E8C;	
color:#fff;
display:block;

}
.homeInvitesButtons .button.individuals a:hover
{
background-color:#0f3c6c;	
}
.homeInvitesButtons .button.businesses a
{
background-color:#00BFDF;	
color:#fff;
display:block;

}
.homeInvitesButtons .button.businesses a:hover
{
background-color:#00a0bb;	
}
.homeInvitesButtons .button.businesses span
{

background:url(../Images/business-icon.svg) center no-repeat;
width:35px;
height:24px;
margin-right:10px;
    margin-bottom: -4px;	
}
.homeInvitesButtons .button.carriers span
{

background:url(../Images/carriers-icon.svg) center no-repeat;
width:30px;
height:24px;
margin-right:10px;
    margin-bottom: -4px;	
}
.homeInvitesButtons .button.carriers a
{
background-color:#7EC352;	
color:#fff;
display:block;
	
}
.homeInvitesButtons .button.carriers a:hover
{
background-color:#6bb33e;	
}
.homeInvitesButtons .button.all span
{
background:url(../Images/all-sector-icon.svg) center no-repeat;
width:22px;
height:24px;
margin-right:10px;
    margin-bottom: -4px;	
}
.homeInvitesButtons .button.all a
{
background-color:#6c757d;	
color:#fff;
display:block;
	
	
}
.homeInvitesButtons .button.all a:hover
{
background-color:#5c636a;	
}
/* end home invites classes */

/* home news classes */

.homeNews
{
padding:100px 30px 100px 30px;

margin-top:-50px;
margin-bottom:-50px;
background-image:url(../Images/espa-news-back-mobile.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.homeNews .mainHeader h2
{
color:#144E8C;
padding-bottom:12px;
margin:0 0 15px 0;
border-bottom:2px solid #144E8C;
}
.homeNews .flx:last-child .col-30 .wrp.facebook
{


/*background-color:#fff; */
	background:none!important;
	padding-top:0;
	
}
.homeNews .wrp
{
padding:30px 20px 12px 20px;
	background-color:#fff;
	max-height: 660px;
    overflow-y: auto;
}
.homeNews .wrp .wrp
{
	padding:0;
	overflow:unset;
}
.homeNews .col-70 .wrp
{
	
	max-height:570px;
}
.homeNews .col-30
{

}
.homeNews .wrp.facebook{
	
	    text-align: center;
    padding: 10px 0;
	height:100%;
}
.homeNews .indexLink 
{
padding-top:20px;	
}
.homeNews .indexLink a
{
padding:15px 20px;
display:block;
text-decoration:none;
background-color:#6c757d;
border-radius:12px;
color:#fff;
text-align:center;
transition:background-color ease-out 0.3s;
vertical-align:middle;	
}
.homeNews .indexLink a span
{
display:inline-block;
width:24px;
height:24px;

margin-right:10px;
margin-bottom: -5px;

}
.homeNews .indexLink.facebook  a span
{
background:url(../Images/facebook-white-icon.svg) center no-repeat;	
}

.homeNews .indexLink.news a span
{
background:url(../Images/news-white-icon.svg) center no-repeat;	
}
.homeNews .indexLink a:hover
{
transition:background-color ease-out 0.3s;
background-color:#5c636a;	
}
.homeNews .news-item
{
	padding-bottom:15px;
	margin-bottom:15px;
	position:relative;
}
.homeNews .news-item::after
{
	position:absolute;
	display:block;
	content:" ";
	border-bottom:1px solid #dee4e9;
	position:absolute;
	left:20px;
	bottom:0;
	right:0;
}
.homeNews .news-item a
{
	
text-decoration:none;
}
.homeNews .news-item .title
{
background:url(../Images/icon-144E8C-arrow.svg) left 4px no-repeat;	
padding-left:20px;
margin:0;

	background-size:15px 15px;
}
.homeNews .news-item .date{
	font-weight:400;
	color:#6c757d;
	padding-left:20px;
	padding-top:10px;
	font-size:18px;
}
.homeNews .news-item .title h3
{
	padding:0;
	margin:0;

}
.homeNews .news-item .title h3 a
{
	
	font-weight:700;
	font-size:18px;
	color:#000

}
.homeNews .news-item .title h3 a:hover
{
	color: #144e8c;
}
.homeNews .news-item .title h3 a:visited{
	color:#144e8c;
}
.homeNews .newsIndex
{
	
text-align:right;
	padding:20px 30px 20px 20px;
	background-color:#fff;
	border-top: 1px solid #d3d3d3;
    margin-top: -1px;
	position:relative;
	z-index:3;
}
.homeNews .newsIndex a
{
	color:#144E8C;
	padding-right:45px;
	background:url(../Images/icon-index-arrow-144E8C.svg) center right no-repeat;
	background-size:35px 15px;
	text-decoration:none;
	font-weight:700;
	font-style:italic;
}
/* end home news classes */



/* home financed projects carousel component */

.homeFinancedProjects
{
padding:100px 30px 30px 30px;
background-color:#d7eff6 ;
border-radius: 50px 0px 0 0px;
position:relative;
z-index:5;	
}
.homeFinancedProjects .bannerSlider .sld
{
padding:0 12px;	
}
.homeFinancedProjects .bannerSlider .sld img
{
display:block;
max-width:100%;
height:auto;	
}
.homeFinancedProjects .complaintsLink
{
padding-top:30px;
text-align:center;	
}
.homeFinancedProjects .complaintsLink a
{
color:#fff;	
background-color: #6c757d;
    padding: 12px 20px;
    border-radius: 10px;
	text-decoration:none;
	display:inline-block;
	transition:background-color ease-out 0.3s;
}
.homeFinancedProjects .complaintsLink a:hover
{
background-color:#5c636a;
transition:background-color ease-out 0.3s;	
}
/* end home financed projects carousel component */


/* begin home strategy component */
.homeStrategy
{
padding:50px 30px 70px 30px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-image:url(../Images/espa-strategy-back-mobile.jpg);	
}
.homeStrategy .mainHeader h2
{
	color:#fff;
	padding:0 0 15px 0;
	margin:0;
	border-bottom:2px solid #144E8C;
}
.homeStrategy .strategySlider
{
max-width:992px;
margin:0 auto;
padding:50px 0;	
}
.homeStrategy .strategySlider .sld
{
	position:relative;
}
/* end home strategy component */

/* home development chart */
.homeDevelopment
{
	padding:70px 30px 30px 30px;
    background-color: #f9f9f9;
    border-radius: 0px 50px 0px 0px;
    position: relative;
	margin-top:-50px;	
}
.homeDevelopment .mainHeader h2
{
	color:#144E8C ;
	padding:0 0 15px 0;
	margin:0 0 30px 0;
	border-bottom:2px solid #144E8C;
}
.homeDevelopment .displayHeader
{
padding:15px;
background-color: #7EC352 !important;
border-radius:12px 12px 0 0;
color:#fff;
text-align:center;
font-weight:600;
font-size:18px;	
}
.homeDevelopment .chartElement
{
padding:30px;
background-color:#fff;	
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius:0 0 12px 12px;

}
/* end home development chart */

/* home programmes component */
.homeProgrammes
{
padding:50px 30px;
background-size:cover;
background-position:center;	
	background-image: url(../Images/espa-programs-back-mobile.jpg);
	background-repeat: no-repeat;
	border-radius: 0px 0 50px 0px;
	position:relative;
	z-index:4;
}
.homeProgrammes .mainHeader h2
{
	color:#ffffff ;
	padding:0 0 15px 0;
	margin:0 0 30px 0;
	border-bottom:2px solid #144E8C;
}
.homeProgrammes .deepBlue .whiteHead a
{
	color:#144E8C;
	background-color:#fff;
}

.homeProgrammes .aquaBlue .whiteHead a
{
	color:#00BFDF;
	background-color:#fff;
}
.homeProgrammes .green .whiteHead a
{
	color:#7EC352;
	background-color:#fff;
}
.homeProgrammes .cells a,
.homeProgrammes .whiteHead a
{
display:block;
padding:15px 7px;
border-radius:12px;
margin-bottom:15px;
text-align:center;
text-decoration:none;
	
}
.homeProgrammes .deepBlue,
.homeProgrammes .aquaBlue,
.homeProgrammes .green
{
margin-bottom:20px;	
}
.homeProgrammes .deepBlue .cells a
{
background-color:#144E8C;
color:#fff;
transition:background-color ease-out 0.3s;

	
}
.homeProgrammes .deepBlue .cells a:hover
{
background-color:#0f3c6c;
transition:background-color ease-out 0.3s;	
}
.homeProgrammes .aquaBlue .cells a
{
background-color:#00BFDF;
color:#fff;
transition:background-color ease-out 0.3s;	
	
}
.homeProgrammes .aquaBlue .cells a:hover
{
background-color:#00a0bb;
transition:background-color ease-out 0.3s;	
}
.homeProgrammes .green .cells a
{
background-color:#7EC352;
color:#fff;
transition:background-color ease-out 0.3s;
	
}
.homeProgrammes .green .cells a:hover
{
	background-color:#6bb33e;
transition:background-color ease-out 0.3s;	
}

/* end home programes component */


/* home mini slider */


.homeMiniSlider{
	background: linear-gradient(90deg, rgba(20,78,140,1) 0%, rgba(0,191,223,1) 60%, rgba(126,195,82,1) 100%);
	margin-top:-50px;
	padding:100px 30px 30px;
}
.homeMiniSlider .msSld 
{
text-align:Center;

}
.homeMiniSlider .msSld img
{
	display:inline-block;
	max-width:100%;
	height:auto;
	
	
}

/* end home mini slider */


/* end content classes */



/* footer */

footer
{
display:block;
clear:both;	
}
.footerWrap {
	background-image: url(../Images/espa-lines-back.png);
	background-size: contain;
	background-repeat: no-repeat;
}
footer .topCols {
	padding: 60px 30px 30px 30px;
}
footer .topCols .footerLeft, footer .topCols .footerCenter, footer .topCols .footerRight {
	flex: 1 0 100%;
	text-align: center;
	margin-bottom: 30px;
}
footer .topCols .footerLogos {
	flex: 1 0 100%;
	text-align: center;
	padding-top: 30px;
}
footer .topCols .footerLogos img, footer .topCols .footerRight img {
	display: inline-block;
}
.footerLeft .mainLink {
	padding-bottom: 50px;
}
footer .topCols .footerCenter ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
footer .topCols .footerCenter ul li a {
	color: #000;
	text-decoration: none;
	padding-bottom: 15px;
	display: block;
}
footer .footerLeft .mainLink a {
	font-size: 24px;
	text-decoration: none;
	color: #144e8c;
}
/* end footer */


.storyContent .results .item
{
	
	clear:both;
}
	.storyContent .results .item .hold .image img
{
	
	width:100%;
	height:auto;
	display:block;
}

.good-practices .results .results .item h4
{
float:left;
	    padding: 10px 15px 10px 0;

}
.storyContent .back-to-result
{
	
padding:15px 0 15px 0	
}
.storyContent .back-to-result a
{
color: #fff;
    
    padding: 12px 20px 12px 50px;
	background:url(../Images/back-arrow-144e8c.svg) 10px center no-repeat;
	background-size:30px 30px;
    border-radius: 10px;
	border:1px solid #144e8c;
    text-decoration: none;
    font-size: 16px;

    margin-bottom: 10px;

	display:block;
	color:#144e8c;
}

.storyContent .company-block
{
background-color:#ddf6fb;
	margin:30px 0;
	padding:20px;
	border-radius: 15px 0px 15px 0px;
	
}
.storyContent .company-block h4
{
	font-weight: 600;
	font-size:16px;
	color:#444;
	font-family: 'Open Sans', sans-serif;
}
.storyContent .company-block .contact-title
{
	font-weight: 400;
   font-size: 20px;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
	position: relative;
    border-bottom: 2px solid #00BFDF;
    color: #144e8c;
}
.storyContent .company-block .stretch_field
{
	
display:flex;
	flex-wrap:wrap;
}
.company-block .stretch_field .company-title
{
flex:1 0 100%;
	padding-bottom:15px;
	font-weight:600;
	
}
.company-block .stretch_field .company_label,
.company-block .stretch_field .company_fields
{
	flex:1 0 100%;
	
}
.storyContent.col-75 .stretch-fields > div.person-left
{
	padding-top:15px;
	display:inline-block;
	width: 50% !important;
}
.company-block .person-left p
{
	padding-bottom:10px;
}
.storyContent.col-75 .stretch-fields > div.person-right
{
	padding-top:15px;
	float:right;
	width: 50% !important;
}

.company-block .person-right p
{
	padding-bottom:10px;
}

.company-block .stretch_field .company_label,
.company-block .stretch_field .company_fields
{
padding-bottom:10px;	
}

.storyContent ul.addresses
{
	list-style-type:none;
	list-style-position:inside;
	text-indent:0;
	margin:0;
	padding:0;
	
	
}
.storyContent  ul.addresses li
{
margin:15px 0;
	background-color:#ddf6fb;
	padding:20px;
	    border-radius: 15px 0px 15px 0px;
}
.storyContent  ul.addresses li h4
{
margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #00BFDF;
	font-size:20px;
	font-weight:600;
}
.storyContent  ul.addresses address
{
display:block;
	padding:10px 0 10px 0;
}
.storyContent  ul.addresses li dl
{
	margin:10px 0;
}
.storyContent  ul.addresses li dl dt
{
	font-weight:600;
	padding-right:20px;
}
.storyContent  ul.addresses li dl dt,
.storyContent  ul.addresses li dl dd
{
	display:inline-block;
	margin:0;
}

.contact-form
{
margin-bottom:30px;	
}
.contact-form .form-line
{
	display:flex;
	flex-wrap:wrap;
}
.contact-form .form-line3
{
width:100%;
padding-bottom:5px;
padding-top:15px;
}

.contact-form .form-line label,
.contact-form .form-line span.txt,
.contact-form .txt-holder
{
flex:1 0 100%;
display:block;	
}
.contact-form  .txt-holder
{
display:flex;
flex-wrap:wrap;	
}
.contact-form .form-line span.txt em,
.contact-form .form-line .textarea em,
.contact-form  .txt-holder em
{
display:block;	
}
.contact-form .form-line span.txt input[type=text],
.contact-form .txt-holder textarea
{
width:100%!important;
padding:5px;
display:block;	
}
.contact-form .txt-holder .textarea
{
	width:100%!important;
display:block;
}

.contact-form .form-line3 .txt-holder
{
width:100%;	
}
.contact-form .form-line3 label
{
width:100%;
padding-bottom:15px;	
}

.contact-form  [id*="PanelForUploadAttachments"]
{
width:100%;	
}
.contact-form [id*="PanelForButtonPlusOne"]
{
padding-top:15px;	
}
.contact-form [id*="PanelForButtonPlusOne"] input[type=submit]
{

display:inline-block;
font-size:16px!important;
border-radius:10px;
color:#fff!important;
background:url(../Images/add-attachment-icon.png) 10px center  #00BFDF no-repeat!important;
padding: 10px 10px 10px  46px;
text-decoration:none!important;
border:none!important;
cursor:pointer!important;
}
.contact-form .form-line3 label
{
display:block;	
}
.contact-form input[type=file]
{
width:100%;	
}

.contact-form .txt-holder span.textarea
{
display:block;	
}


	.storyContent .main-text .main-image img
	{
		display:block;
		width:100%;
		height:auto;
	}

.purple-rbroundbox
{
	padding-top:20px;
}
.purple-rbroundbox h2
{
padding: 0;
    margin: 0 0 30px 0;
    display: inline-block;
    font-weight: 600;

    color: #333;
    font-size: 32px;
    border-top: 4px solid #00BFDF;
}
.news-full-story h3
{
	margin: 0;
    padding: 0 0 10px 0;
    color: #333;
    font-size: 26px;
    font-weight: 400;
}
.news-full-story ul
{
	margin-top:0;
}
.news-full-story ul li
{
	padding-bottom:6px;
}
.error-page
{	
padding:40px 30px;
}
.error-page .error-content
{
	text-align:center;
}
.error-page .error-content h2
{
	padding-bottom:80px;
	font-size:26px;
	color:#144e8c;
	margin:0;
	background:url(../Images/error-sym.svg) center bottom no-repeat;
	background-size:70px 70px;
}
.storyContent.col-75 .stretch-fields,
.storyContent.col-75 .stretch-field,
.storyContent.col-75 .stretch_field,
.storyContent.col-75 .stretch_fields
{
	
	padding-bottom:7px;
	padding-top:7px;
}
.storyContent.col-75 .stretch-fields h4,
.storyContent.col-75 .stretch-field h4,
.storyContent.col-75 .stretch_fields h4,
.storyContent.col-75 .stretch_field h4
{
display:inline-block;
	padding:0 10px 5px 0;
	margin:0;
	vertical-align:top;
}
.storyContent.col-75 .stretch-fields > div,
.storyContent.col-75 .stretch-field > div,
.storyContent.col-75 .stretch_fields > div,
.storyContent.col-75 .stretch_field > div
{
	display:inline-block;
	padding-bottom:5px;
	width:auto!important;
}
.stretch_field p,
.stretch_fields p
{
	padding:0;
}

.good-practices-full .accordion h3,
.PrintHide h3
{
	font-weight:700;
	padding-bottom:7px;
}
.good-practices-full .accordion ul
{
	list-style-type:none;
	list-style-position:inside;
	padding:0 0 15px 0;
	margin:0;
	text-indent:0;
}
#picture_gallery div.sc_menu
{
	height:auto!important;
}
.invitations-notices
{
	margin-top:40px;
}
/* END MOBILE FIRST */

.dark-blue-box li.why-reg {

    display:none;

}

@media(min-width:768px) {
	
	
	.logosIntegrated a.teboLink {
    left: 0;
    width: 21%;
}
	
	
	.logosIntegrated a.espaLink {
    left: 91%;
    width: 9%;
}
	
	
	.logosIntegrated a.euLink {
    left: 63.1%;
    width: 26.6%;
}
	
	img.mobOnly
	{
		display:none;
	}
	img.hideMob
	{
		display:block;
	}
	.graminking,
	.ypLinking
	{
		display:block;
	}
	
	
.storyContent .abc-search a[id$="_ToAdvancedSearchLlink"]{
	color: #7EC352;
    font-weight: 700;
	position:absolute;
	left:0;
	top:50%;
}
	.storyContent .contact-form .form-submit
{
	text-align:right;
}
.storyContent .contact-form .form-submit input.btn-submit,
.storyContent .contact-form .form-submit input.btn-cancel
{
	
	display:inline-block;
	width:auto;
}
	.storyContent .vimata-box .form-submit
	{
		text-align:right;
	}
	.storyContent .vimata-box .form-submit input.btn-cleaning,
.storyContent .vimata-box .form-submit input.btn-search
	{
	display: inline-block;
    width: auto;
    margin-bottom: 0;	
	}
	.storyContent .adv-search-form .form-submit {
  
	text-align:right;
		
	}
	.storyContent .adv-search-form .form-submit a
	{
		position:absolute;
		top:10px;
		left:10px;
		width:auto;
	}
	.storyContent .adv-search-form .form-submit input.btn-cleaning,
.storyContent .adv-search-form .form-submit input.btn-search
	{
		display:inline-block;
		width:auto;
		margin-bottom:0;
	}
	
	.storyContent .register-form .form-line label
	{
		flex:1;
	}
.storyContent .register-form .form-line > div
	{
	flex:1 0 70%;	
	}
	body.intScrollBody
	{
		overflow:auto;
	}
	.storyContent .abc-search input.btn-search
	{
		display:inline-block;
		width:auto;
	}
	.storyContent .abc-search .form-line:last-child{
		text-align:right;
	}
.mainSlider .sldMain .col-50.sliderLeft
{
padding-right:0!important;
padding-left:0!important;	
}
	
/* GLOBALS */
	div.sideNav
	{
	padding-left:0;	
	
	}
header .espaLogo {
    flex: 0 0 136px;
}
header .yporgeioLogo
	{
	flex: 1;	
	}
	header .euLogo
	{
		flex:1;
	}
	header .yporgeioLogo img
	{
		
	
	
	}
.content .flx > div > div
{


}
.flx .col-70, .flx .col-30, .flx .col-50
	
	{
		flex:1 0 50%;
		
	}
.flx .col-40
	{
		flex:1 0 50%;
	}
		.flx .col-60
		{
		flex:1 0 50%	
		}
.flx .col-50.full
{
flex:1 0 100%;	
}
.flx .col-70,
.flx  > .col-50:first-child
{
padding-right:20px;	
}
.flx .col-30,
.flx > .col-50:last-child
{	
padding-left:10px;	
}
.flx > .col-50.full:first-child,
.flx > .col-50.full:last-child
{
padding-left:0;
padding-right:0;	
}
.flx .col-25
{
flex:1 0 40%;
padding-left:10px;		
}
.flx .col-25.no-padd
{
padding:0;	
}
.flx .col-75
{
	flex:1 0 60%;
	padding-right:10px;	
}
.flx .col-33
{
flex:1 0 33.333%;	
}
.flx .col-33:first-child
{
padding-right:10px;	
}
.flx .col-33:last-child
{
padding-left:10px;	
}
.flx .col-33:nth-child(2)
{
padding-right:10px;
padding-left:10px;	
}
.flx .col-33.no-scale
{
flex:0 0 33.333%;		
}


	.storyContent .practices-form .best-ofi
	{
		flex:1 0 33.333%;
	}
.storyContent .practices-form .form-submit
	{
	flex:1 0 100%;
	}
/* END GLOBALS */
	
/* header */

header .options .social {
	flex: 1 0 50%;
}
header .options > .userOptions {
	flex: 1 0 50%;
	justify-content: flex-end;
	
}

/* end header */

/* content classes */
.topSlider .slideCounter
{
position:absolute;
bottom:auto;
bottom:0;
left:0;
right:auto;

}
.mainSlider .sldMain .flx
{

}
.mainSlider h3
{
padding-left:50px;
	padding-right:30px;
}
.mainSlider h3 a
{
font-size:28px;	
line-height:110%;
}
.sliderLeft
{
display:flex;
align-items:center;	
}


.homeNews
{

background-image:url(../Images/espa-news-back-tablet.jpg);

}
/* begin home strategy component */
.homeStrategy
{

background-image:url(../Images/espa-strategy-back-tablet.jpg);	
}
/* end home strategy component */

/* home programmes component */
.homeProgrammes
{

	background-image: url(../Images/espa-programs-back-tablet.jpg);
padding:50px 50px;
}
.homeProgrammes .deepBlue,
.homeProgrammes .aquaBlue,
.homeProgrammes .green
{
margin-bottom:0;	
}
	.homeInvites .invIcos .procPeriod,
.homeInvites .invIcos .procVal
	{
	margin-bottom:0;	
	display:inline-block;
		vertical-align:middle;
	}
	
	.homeInvitesButtons .button
	{
		
	display:inline-block;
	}
/* end home programmes component */

	.storyContent .news-form .form-submit,
	.storyContent .practices-form .form-submit,
	.storyContent .abc-search .form-submit
	{
		text-align:right;
		
	}
	.storyContent .news-form .form-submit input.btn-cleaning,
.storyContent .news-form .form-submit input.btn-search,
	.storyContent .practices-form .form-submit input.btn-cleaning,
.storyContent .practices-form .form-submit input.btn-submit,
.storyContent .practices-form .form-submit input.btn-search
	{
		
	display:inline-block;
		margin-bottom:0;

		width:auto;
		
	}
	.storyContent .news-form .form-submit input.btn-cleaning,
	.storyContent .practices-form .form-submit input.btn-cleaning
	{
		
		margin-right:10px;
	}
	.control-panel .line .m1,
.control-panel .line .m2,
	.control-panel-bottom .line .m1,
	.control-panel-bottom .line .m2
{
	display:block;
	flex:1 0 50%;
}
	.control-panel .line .m1,
	.control-panel-bottom .line .m1
	{
		text-align:left;
	}
.control-panel .line .m2,
		.control-panel-bottom .line .m2
{
	text-align:right;
	padding-top:0;
}

	.storyContent .invitations-form .holder .form-line:nth-child(2)
	{
		
		flex:1 0 50%;
	}
	.storyContent .invitations-form .holder .box-info2
	{
		
	padding-bottom:20px;

	}
	.storyContent .invitations-form .holder  .check-boxes .check-box-field
	{
		display:inline-block;
		padding-right:20px;
	}
	.storyContent .invitations-form .form-submit input.btn-search,
	.storyContent .invitations-form .form-submit input.btn-limit
	{
		
	display:inline-block;	
	width:auto;	

	}
	.storyContent .invitations-form .holder .form-line:first-child input[type=text]
	{
		width:330px;
	}
	.storyContent .invitations-form [id$="PanelSearchMore"] .box-info1  select
{
	width:320px;
}
	
.storyContent .news-form .form-line .hold > div
{
	flex:1 0 50%;
	padding-bottom:0;
}
		.storyContent .news-form .form-line .hold
{
	
	flex-direction:row-reverse;
}
	.storyContent .back-to-result a
	{
		
		display:inline-block;
	}
	

	
	.company-block .stretch_field .company_label
	{
		    flex: 0 0 40%;
    min-width: 250px;
		font-weight:600;
		
	}
.company-block .stretch_field .company_fields
{
	    flex: 0 0 60%;
	
}
	
/* end content classes */

/* footer */

footer .topCols .footerLeft, footer .topCols .footerCenter {
	flex: 1 0 50%;
}
footer .topCols .footerRight {
	flex: 1 0 50%;
}
footer .topCols .footerLogos {
	flex: 1 0 50%;
}

/* end footer */
}
@media(min-width:992px) {
	
	.storyContent .adv-search-form .holder .form-line:nth-child(-n+2)
	{
	flex:1 0 50%;	
		
	}
	
	.storyContent .contact-form .form-line
	{
		flex:1 0 50%;
	}
	.storyContent .contact-form > .form-line:nth-child(3) .txt-holder
	{
		flex:1 0 100%;
	}
	.storyContent .contact-form table td
	{
	display:flex;	
	}
	
	.storyContent .contact-form fieldset table td
	{
		display:table-cell;
		font-size:14px;
	}
	.storyContent .contact-form fieldset table td .form-line 
	{
		flex:none;
	}
	.storyContent .contact-form table .form-line
	{
		flex:1 0 33.333%;
		
		
	}
	.main-text
	{
		overflow:hidden;
		
	}
	.main-text .main-image
	{
		float:left;
		padding-right:15px;
		padding-bottom:15px;
	}

	.contact-form .form-line label,
	.contact-form .txt-holder label
	{
	flex:0 0 240px;	
	}
	
.contact-form .form-line span.txt,
.contact-form .txt-holder .textarea
{
flex:1;
	
}

	header .navigation.openNav {
	display: block;
	height:auto;
	overflow-y:unset;
}
		.storyContent .results .more
{
	overflow:hidden;
	clear:both;

}
.storyContent .results .more .add-proclamation
{
	
	float:left;
	margin-bottom:0;
}
	.storyContent .results .more > a
	{
		
		float:right;
	}
	.storyContent .results .item .hold
	{
		display:flex;
	flex-wrap:wrap
	}
	.storyContent .results .item .hold .image
	{
		flex:0 0 150px;
		padding-right:15px;
	}
		.storyContent .results .item .hold .text-2
	{
		
		flex:1;
	}
/* GLOBALS */

.flx .col-70 {
	flex: 1 0 70%;
}
.flx .col-30 {
	flex: 1 0 30%;
}
.flx .col-50 {
	flex: 1 0 50%;
}
.flx .col-50.full
{
flex:1 0 50%;
	
}
	.flx .col-40
	{
	flex:1 0 45%;	
	}
	.flx .col-60
	{
	flex:1 0 55%;	
	}
.flx > .col-50.full:first-child
{
padding-right:10px;	
}
.flx > .col-50.full:last-child
{
padding-left:10px;	
}
.flx .col-25
{
flex:1 0 25%;	
}
.flx .col-75
{
flex:1 0 75%;	
}
/* END GLOBALS */
	
/* header */
	header .searchArea {
	top:25px;
	right: 30px;
}
header .navHead::after
	{
display:block;
		content:"";
		left:0;
		bottom:0;
		height:96px;
		width:250px;

		z-index:0;
		position:absolute;
		background-image:url(../Images/header-tri-wave.png);
		background-size:100% auto;
	background-repeat:no-repeat;
		background-position:bottom left;
	
	}
	header .navHead {
	padding-top: 0;
	padding-bottom: 0;
}
header .topHead {
	padding: 30px 50px 20px 50px;
}
header .espaLogosMobile {
	display: none;
}
header .espaLogo, header .yporgeioLogo, header .euLogo {
	display: block;
	vertical-align: middle;
}
header .euLogo {
	text-align: right;
	flex:0 0 450px;
}

	header .espaLogo
	{
flex: 0 0 172px;
	}
header .espaLogo img, header .yporgeioLogo img, header .euLogo img {
	display: inline-block;
}
header .navController {
	display: none;
}
header .navigation {
	display: block!important;
	width:100%;
	text-align:center;
	position:relative;
	z-index:3;
}
header .navigation.openNav {
	background: none;
	display: block!important;
}
header .navigation ul {
	padding: 0 30px;
}
header .navigation ul li {
	display: inline-block;
	position: relative;
	text-align:left;
}
header .navigation ul li a,
header .navigation ul li span.noLnk {
	padding: 30px 10px;
	border: none;
}
header .navigation ul li ul {
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	background-color: #fff;
	border-top: 2px solid #144e8c;
	margin-top: 10px;
	padding: 0;
	min-width: 230px;
	transition: opacity ease-out 0.3s, margin ease-out 0.3s;
}
header .navigation ul li ul li {
	display: none;
}
header .navigation ul li ul li a {
	background: none;
	color: #144e8c;
	white-space: nowrap;
	padding: 12px 20px;
	display: block;
	transition: background-color ease-out 0.3s, padding-left ease-out 0.3s;
	font-weight: 400;
	letter-spacing: normal;
	font-size: 15px;
}
header .navigation ul li ul li a:hover {
	background-color: #F9F9F9;
	padding-left: 24px;
	transition: background-color ease-out 0.3s, padding-left ease-out 0.3s;
}
header .navigation ul li:hover ul li {
	display: block;
}
header .navigation ul li:hover ul {
	opacity: 1;
	margin-top: 0;
	transition: opacity ease-out 0.3s, margin ease-out 0.3s;
}
/* end header */

/* begin content classes */

.mainSlider .sldMain .flx
{
	
}


.mainSlider h3 a
{
font-size:30px;
	
}
.espaInvites
{
	flex:1 0 70%;
	
}
	.espaInvites .wrp{
		
		max-height:768px;
		overflow-y:auto;
	}
.invitesRight
{
flex:1 0 30%;	
padding-left:20px;
}
.homeNewsAndInvites
{
padding:40px 40px 20px 40px;	
}




.homeNews
{

background-image:url(../Images/espa-news-back-desktop.jpg);

}



/* begin home strategy component */
.homeStrategy
{

background-image:url(../Images/espa-strategy-back-desktop.jpg);	
}

/* end home strategy component */

/* home programmes component */
.homeProgrammes
{

	background-image: url(../Images/espa-programs-back-tablet.jpg);
padding:50px 80px;
}

	.homeInvitesButtons .button
	{
		
	display:block;
		
	}
/* end home programmes component */
/* end content classes */
/* footer */

.content .container {

}
footer .topCols .footerLeft, footer .topCols .footerCenter {
	flex: 1 0 33.333%;
}
footer .topCols .footerLeft .mainLink a {
	font-size: 28px;
}
footer .topCols .footerRight {
	flex: 1 0 33.333%;
}
footer .topCols .footerLogos {
	flex: 1 0 100%;
}
/* end footer */
	
	
	.storyContent .news-form .holder .form-line
{
	
	flex:1 0 33.333%;
	
}
	.storyContent .news-form .holder .form-line:last-child
	{
		
		flex:1 0 100%;
	}
	.storyContent div[id$="_espaLibrary"] .holder .form-line
	{
	flex:1 0 50%;	
	}
	.storyContent .news-form .form-line .hold > div
	{
	flex:1 0 50%;	
	}
	.storyContent .practices-form .form-line
	{
		flex:1 0 33.333%;
	}
	
	.sldMain .col-50.sliderLeft
	{
		flex:1 0 45%;
	}
	.sldMain .col-50.sliderRight
	{
		flex:1 0 55%;
	}
	
		.storyContent .metadata tr th
	{
		flex:1;
		text-align:left;
		padding-bottom:0;
	}
.storyContent .metadata tr td
{
	flex:1;
	text-align:left;
}
	
}
@media(min-width:1200px) {
/* header */
	
	header .navHead::after{
display:block;
		content:"";
		left:0;
		bottom:0;
		height:117px;
		width:305px;
	}
	.header.sticking .navHead::after
	{
		
	display:none!important;
	}
header .navigation ul li a {
	padding: 30px 20px;
}
/* end header */

/* home classes */

.homeInvitesButtons .button a,
.homeNews .indexLink a
{
font-size:18px;	
}

/* end home classes */
	.storyContent .news-form .form-line
	{
		
		padding-bottom:0;
	}
	.storyContent .news-form .form-line .hold
{
	display:flex;
	flex-direction:row-reverse;
}
	.storyContent .news-form .holder .form-line:last-child
	{
		
		flex:1 0 33.333%;
	}

}
 @media(min-width:1300px) {
}

@media(min-width:1400px) {
	.ypLinking
	{
		font-size:16px!important;
		
	}
	.graminking
	{
		font-size:14px;
	}
}

div.iframeWrapper:nth-child(8) {
  padding-top: 0%!important;
}

/*styles by Natasha for TEBO*/
.homeNews .news h2 {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	color: #333;
	font-size: 30px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
    display: inline-block;
    color: #144E8C;
    font-size: 22px;
    border-bottom: 3px solid #144E8C;
    width: 100%;

}

.homeNews .news .item {
    padding: 0 0 5px 0;
    margin-bottom: 15px;
    position: relative;
	clear: both;
}

.homeNews .news .item h3 {
    margin: 0;
    padding: 0 0 10px 0;
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.homeNews .news .item p span.homeNewsDate {
    padding: 7px 0 7px 30px;
    color:#77C357;
    display: inline-block;
    background: url(../Images/icon-calendar.svg) center left no-repeat;
    background-size: 20px 20px;
    font-style: italic;
    font-size: 16px !important; 
    font-weight: normal !important;
	box-sizing: border-box;
	border-spacing: 0px;
	    
}

.homeNews .news .item p {
	padding: 0 0 0 0;
}

.homeNews .news .item div span {
	display:none;
}

.homeNews .news .item .more {
	display:none;
}

.homeNews .news .item::after {
    position: absolute;
    display: block;
    content: " ";
    border-bottom: 1px solid #dee4e9;
    position: absolute;
    left: 0px;
    bottom: 0;
    right: 0;
}


.homeNews .news .item .more {
    overflow: hidden;
    clear: both;
    padding-top: 10px;
    }
  
.homeNews .news .total {
    text-align: right;
    padding: 20px 30px 20px 20px;
    background-color: #fff;
    margin-top: -1px;
    position: relative;
    z-index: 3;
}  
.homeNews .news .total a {
    color: #144E8C;
    padding-right: 45px;
    background: url(../Images/icon-index-arrow-144E8C.svg) center right no-repeat;
    background-size: 35px 15px;
    text-decoration: none;
    font-weight: 700;
    font-style: italic;
}    

.firstPageImage {
	-webkit-box-flex: inherit;
}

.firstPageImage div{
	background-color: #02314F;
}
.firstPageImage img {
	display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
}

.firstPageBanners
{
padding:10px 10px 10px 10px;
background-color:#f1f1f1 ;
border-radius: 0px 0px 0px 0px;
position:relative;
z-index:5;	
text-align:center;
}

.firstPageBanners ul.horizontal_links li {
    display: inline;
	padding:0 12px;	
	}

.firstPageBanners.bannerSlider .sld img
{
display:block;
max-width:100%;
height:auto;	
}

.footerAddress {
	padding: 20px 0 0 0;
}

.footerEP {
    font-weight: 900;
}

.files li{
	padding:0px 0px 0px 0px;
	position:relative;
	background:url(/Style%20Library/Images/ico-none.png) no-repeat 5px;
}
.files li.doc{
	background:url(/Style%20Library/Images/doc.png) no-repeat left 10px;}
.files li.jpg{
	background:url(/Style%20Library/Images/icon_jpg.jpg) no-repeat left 10px;}
.files li.jpeg{
	background:url(/Style%20Library/Images/icon_jpg.jpg) no-repeat left 10px;}
.files li.docx{
	background:url(/Style%20Library/Images/icon_docx.png) no-repeat left 10px;}
.files li.xlsx{
	background:url(/Style%20Library/Images/icon_xlsx.png) no-repeat left 10px;}
.files li.xls{
	background:url(/Style%20Library/Images/icon_xls.jpg) no-repeat left 10px;}
.files li.pdf{
	background:url(/Style%20Library/Images/ico-pdf.gif) no-repeat left 10px;}
.files li.zip{
	background:url(/Style%20Library/Images/ico-zip.gif) no-repeat left 10px;}
.files li.tiff{
	background:url(/Style%20Library/Images/ico-tiff.png) no-repeat left 10px;}
.files li.TIF{
	background:url(/Style%20Library/Images/ico-tiff.png) no-repeat left 10px;}
.files li.ppt{
	background:url(/Style%20Library/Images/ico-ppt.png) no-repeat left 10px;}



.grey-box .bg{
	list-style-type: none;
    list-style-position: inside;
    text-indent: 0;
    margin: 0 0 20px 0;
    background-color: #d1caca;
    padding: 20px 15px;
    border-radius: 15px 0px 15px 0px;
}
.grey-box a {
	color:#3186bc;
	font-size: 14px !important;
}
.grey-box ul {
	/*list-style-image: url(../Images/user-arrow-icon.svg);	*/
    list-style-type: none;
    list-style-position: inside;
    text-indent: 0;
    margin: 0 0 20px 0;
    padding: 10px 0 0 0px;
}
.grey-box li a{
	background: url(../Images/user-arrow-icon.svg) center left no-repeat;
	background-size: 15px 15px;
    padding-left: 20px;
}
.grey-box .popular{
	margin:0;
	padding:0;
	list-style:none;
	/*font-size:110%;*/
}
.grey-box .popular li{
	padding:15px 0 0;
}
.grey-box .popular a{
	color:#4c3833;
}

.grey-box h2 {
color:#555a5f !important;
font-size: 15px;

}

/* Natasha allages Helpdesk - START*/
.storyContent .adv-search-form .contact-form .invitations-form
{
	background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) -1px 0px 12px 0px;
    padding: 20px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(239, 239, 239);
    border-image: initial;
	margin-top: -50px;
	
}
.storyContent .adv-search-form .contact-form .invitations-form .holder
{
	display:flex;
	flex-wrap:wrap;
	margin:0!important;
}
.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line
{
	padding-bottom:20px;
	box-sizing: content-box;
	flex-direction: row;
	flex:1 0 100%;
	position:relative;
	padding: 0 10px 10px 10px;

}
.storyContent .adv-search-form .contact-form .invitations-form .holder .txt-holder
{
	padding-bottom:20px;
	box-sizing: content-box;
	flex-direction: row;
	flex:1 0 100%;
	position:relative;
	padding: 0 10px 10px 10px;
}
.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line3
{
	padding-bottom:20px;
	box-sizing: content-box;
	flex-direction: row;
	flex:1 0 100%;
	position:relative;
	padding: 0 10px 10px 10px;
}

.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line label
{
	font-weight:700;
	font-size: 16px;
	padding-bottom:10px;
	color:#144E8C;
	position: absolute;
}

.storyContent .adv-search-form .contact-form .invitations-form .holder .txt-holder label
{
	font-weight:700;
	font-size: 16px;
	padding-bottom:10px;
	color:#144E8C;
	position: absolute;
}

.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line3 label
{
	font-weight:700;
	font-size: 16px;
	padding-bottom:10px;
	color:#144E8C;
	position: absolute;
	width: auto;
}

.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line:first-child label
{
   padding-right:10px;	
   width: 100%;	
}

.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line:first-child input[type=text],
{
	width:100%;
	margin-top: 30px;

}

.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line input[type=text],
.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line txt
{
	/*width:100%;*/
	width: calc(100% - 15px) !important;
	margin-top: 30px;

}
.storyContent .adv-search-form .contact-form .invitations-form .holder .txt-holder input[type=file]
{
	width: calc(100% - 15px) !important;
	margin-top: 30px;
}

.storyContent .adv-search-form .contact-form .invitations-form .holder .txt-holder textarea
{
	width: calc(100% - 15px) !important;
	margin-top: 30px;
	margin-left: -3px !important;
}

.storyContent .adv-search-form .contact-form .invitations-form .holder .form-line:first-child
{
	flex:1 0 100%;
	position:relative;
	padding: 0 10px 10px 10px;
}
.storyContent .adv-search-form .contact-form .invitations-form .form-submit
{
padding-top:15px;
text-align:right;
}

.storyContent .adv-search-form .contact-form .invitations-form .holder div[id$="_PanelForButtonPlusOne"]
{
	
}
.storyContent .adv-search-form .contact-form .invitations-form .form-submit input.btn-limit
{
    color: #fff;
    background-color: #6c757d;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
   font-size:16px;
	border:none;
	margin-bottom:10px;
    transition: background-color ease-out 0.3s;	
	cursor:pointer;
	display:inline-block;
}
.storyContent .adv-search-form .contact-form .invitations-form .form-submit input.btn-search
{
	display:block;
	color: #fff;
    background-color: #7EC352;
    padding: 12px 20px;
    border-radius: 10px;
    text-decoration: none;
	font-size:16px;
	border:none;
    margin-bottom:10px;
    transition: background-color ease-out 0.3s;	
	cursor:pointer;
	display:inline-block;
}

div.form-line>span[style="color:red"]
{
    width: 5px;
    position: absolute;
    left: -5px;
    line-height: 1.2;
    top: 5px;
}

div.txt-holder>span[style="color:red"] 
{
    width: 5px;
    left: -15px;
    line-height: 1.2;
    top: 5px;
    position:relative;
}

.storyContent .adv-search-form div[id$="_PanelLinkToMyRequests"] 
{
	display: none;
}
						
 
.ms-ToolPartSpacing {
	display:block !important;
}

/*Natasha allages Helpdesk - END*/

