.page-heading .bottom-indent{
	margin-bottom: 16px;
}

.page-heading{
	font: 300 18px/22px "Open Sans", sans-serif;
	color: #555454;
	text-transform: uppercase;
	padding: 0px 0px 17px 0px;
	border-bottom:0;
	overflow:hidden;
}

#columns{
	position: relative;
	/*padding-bottom: 50px;
	padding-top:15px; */
}


.header{
	color:white; 
	margin-left:33%;
}

.header2{
	color:white; 
	margin-left: 43%;
}


.form_mob{
	
	height: 760px;
	
}

.contact_p {
	margin-right:3px; 
	margin-top: 9px; 
	text-align:right;
	
}

.submit_profile{
	background: #89c541;
    margin-top: -28px !important;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Έπιλέξτε Αρχείο';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f99018, #fff);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 9px;
}
.custom-file-input:hover::before {
  border-color: black;
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}



@media only screen and (min-width:1200px){
	.container{
		padding-left: 0;
		padding-right: 0;
	}
}

.width{
	width:630px !important;
}

.width3{
	width:730px !important;
}


.width2{
	width: 700px !important;
    height: 742px !important;
    margin-bottom: 40px;
    margin-top: 40px;
	
}

.width4{
	width: 770px !important;
    height: 847px  !important;
    margin-bottom: 40px;
    margin-top: 40px;
	
}

.col2-mobi{
	width: 14.666667% !important;
}

.col5-mobi{
	padding-right: 0px !important; 
	padding-left: 0px !important;
	width: 35.666667% !important;
}


	
	
@media only screen and (min-width: 320px) and (max-width:766px){
.width{
	width:98% !important;	
}

.width2{
	width:84% !important;
	height: 1245px !important;
	margin-top: 66px;
	
	
}

.width3{
	width:100% !important;	
	padding-left: 8px;
	padding-right: 8px;
}

.width4{
	width: 330px !important;
    height: 1226px !important;
    margin-bottom: 40px;
    margin-top: 89px;
	
}

.header{
	color:white; 
	margin-left:10%;
}

.header2{
	color:white; 
	margin-left: 30%;
}

.form_mob{	
	margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    height: 1138px;
    vertical-align: baseline;	
}

.col5-mobi{
	padding-right: 0px !important;
    padding-left: 0px !important;
    width: 90.666667% !important;
    margin-left: 17px;
    margin-bottom: 25px;
}

.col2-mobi{
	width: 33.666667% !important;
}

}

@media only screen and (min-width: 767px) and (max-width:1366px){
.width{
	width:97% !important;
	
}

}

@media only screen and (min-width: 1001px) and (max-width:1366px){
.width2{
	width:80% !important;
	margin-top: 112px;
	margin-bottom: 217px;
	height: 768px !important;
}

.width4{
	width: 800px  !important;
    height: 847px !important;
    margin-bottom: 55px;
    margin-top: 115px;
	
}

.width3{
	width:100% !important;
	padding-left: 5px !important;
    padding-right: 5px !important;
}
}

@media only screen and (min-width: 767px) and (max-width:1000px){
.width2{
	width:80% !important;
	margin-top: 112px;
	margin-bottom: 217px;
	height: 1300px !important;
}
.width3{
	width: 103% !important;
    margin-top: 31px;
    margin-bottom: 91px;
    padding-right: 30px;
}

.width4{
	width: 626px !important;
    height: 822px !important;
    margin-bottom: 55px;
    margin-top: 115px;
	
}

.header2{
	color:white; 
	margin-left: 40%;
}
	
}

@media only screen and (min-width: 1300px) and (max-width:1370px){
.width{
	width:89% !important;
	margin-top: 70px;
}
.width3{
	width:89% !important;
	margin-top: 70px;
}

.header2{
	color:white; 
	margin-left: 40%;
}

}

@media only screen and (min-width: 2550px){
	
.width4{
	margin-bottom: 136px;
	margin-top: 125px;	
}
	
	
.width2 {
    width: 700px !important;
    height: 658px !important;
    margin-bottom: 205px;
    margin-top: 202px;
}
	
	
}

.contact-form-box{
	padding: 9px;
	margin: 0 0 30px 0;
	background-color: white;
}

.contact-form-box fieldset{
	padding: 0 19px 9px 19px;
	background-size: contain;
}

.contact-form-box .page-subheading{
	padding-left: 0px;
	border: none;
	margin-bottom: 0;
}

.page-subheading{
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	color: #555454;
	font-size: 18px;
	padding: 0 0 0px;
	line-height: normal;
}

.contact-form-box .col-md-3{
	padding-left: 0;
}

.contact-form-box .form-group{
	margin-bottom: 7px;
	text-align:left;
}

.contact-form-box label{
	margin: 6px 0 6px 0;
	font-weight: 500;
	color: #666;
}

div .selector1 > div{
	background-position: 0 -135px;
}

div .selector{
	font-size: 12px;
	line-height: 27px;
	height:27px;
	padding: 0 0 0 10px;
	position: relative;
	overflow: hidden;
	margin: 0;
	vertical-align:middle;
}

div .selector1 > div span{
	background-position:right -81px;
}

div .selector span{
	color: #666;
	text-shadow: 0 1px 0 #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height:27px;
	line-height: 27px;
	padding-right: 30px;
	cursor: pointer;
	display: block;
}

.contact-form-box select.form-control{
	max-width: 270px;
	width: 100%;
	background: #e7e7e9;
}

div .selector select{
	font-family: "Open Sans", "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	opacity: 0;
	border: none;
	position: absolute;
	height: 27px;
	top: 0px;
	left: 0px;
}

.contact-form-box #desc_contact0{
	display: none;
}

.contact-title{
	margin: -5px 0 0px 0;
	line-height: 23px;
}

.contact-form-box input.form-control{
	max-width: 270px;
	border: 0;
	background-color:#e7e7e9;
}

.form-control .grey{
	background: #e4e5e4;
	padding: 3px 35px;
	height: 27px;
	box-shadow: none;
}

div .uploader{
	background: none;
	height: 27px;
	width: 100%;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

div.uploader span.filename{
	color:#777;
	border:none;
	font-size: 13px;
	background:#e7e7e9;
	margin-right: 2px;
}

div.uploader span.filename{
	text-overflow:ellipsis;
	display:block;
	overflow: hidden;
	white-space:nowrap;
	float: left;
	cursor: default;
	height: 27px;
	margin: 0px 0 0px 0px;
	line-height:27px;
	width: 172px;
	padding: 0 10px;
	background-color: #FFDB9D;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

div.uploader input{
	opacity: 0;
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	cursor: default;
	width: 100%;
	height: 100%;
}

div.uploader span.action{
	text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
	font-size:13px;
	font-weight: bold;
	color:#fff;
	background-position: 0 -378px;
	height: 27px;
	line-height: 27px;
	width: 71px;
	text-align:center;
	float: left;
	display: inline;
	overflow: hidden;
	cursor: pointer;
	background-repeat:no-repeat;
	-webkit-font-smoothing:antialiased;
	font-family: 'Roboto', sans-serif;
}

.contact-form-box .col-md-9{
	padding-right: 0;
}

.contact-form-box textarea{
	height: 315px;
	border: 0;
	background: #e7e7e9;
}

/*.contact-form-box*/
.submit{
	margin-top: 13px;
}
/*.button */
.button-medium{
	font-size: 17px;
	line-height: 21px;
	color: #fff;
	padding: 0;
	font-weight: bold;
	background: #adcb59;
	border: 0;
	border-radius:0;
	width:150px;
}

.button-medium span{
    display:block;
    padding: 10px 10px 10px 14px;
    border:0;
    border-color:#74d578;
}

#submitMessage.contactButton span{
    font-weight:bold;
    font-size:16px;
}

/* ── contact-page body background (class set via $page_body_class) ── */
body.contact-page { background-image: url('/img/contact.jpg'); background-size: cover; }

/* ── contact-page header and map ── */
.headercontact   { font-size: 45px; font-weight: 400; color: white; font-family: 'Roboto', sans-serif; padding-bottom: 10px; text-transform: none; }
.epikoinoniste   { font-weight: 600; text-transform: none; font-size: 30px; color: black; }
.map-background  { background-color: white; padding: 9px; height: 48.4%; margin-bottom: 30px; }
@media only screen and (max-width: 1350px) { .headercontact { font-size: 37px; } .map-background { height: auto; } }
@media only screen and (max-width: 600px)  { .headercontact { font-size: 24px; } .epikoinoniste { font-size: 22px; } .map-background { height: auto; } }

/* ── contact-page extracted inline styles ── */
.contact-main-row     { margin-left: 1px !important; margin-right: 1px !important; }
.contact-center-row   { text-align: -webkit-center; }
.contact-float-none   { float: none !important; }
.contact-heading-box  { background-color: #FFBF51; margin-top: 70px; padding-top: 14px; }
.contact-success-col  { margin-top: 20px; margin-bottom: 40px; }
.contact-success-alert { background: #89c541; color: white; padding: 20px; font-size: 18px; text-align: center; }
.contact-err-col      { margin-top: 10px; }
.contact-icon-img     { margin-top: 20px; }
.contact-form-h3      { text-transform: none !important; font-weight: bold !important; }
.contact-yellow-field { background-color: #FFDB9D !important; }
.contact-captcha-input { vertical-align: middle; }
.contact-required-col { padding-top: 32px; font-size: 11px; }
.contact-captcha-col  { padding-top: 24px; }
.contact-submit-col   { padding-right: 0; }
.contact-location-img { width: 50px; margin-top: 20px; }
.contact-map-div      { position: relative; overflow: hidden; border: 2px solid #c0c0c0; background-color: white; height: 440px; }