#Contact_Me
{
	margin-bottom:90px;
}

#contactMeContainer
{
	margin-top:-45px;
	background-image: url("../../../images/sectionsBackground2.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color:#e6e6e6;
	padding-top:18px;
	padding-bottom:18px;
	-webkit-box-shadow: 0px 11px 24px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 24px -7px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 24px -7px rgba(0,0,0,0.75);
	height:635px;
	
	border-radius: 0px 35px 35px 0px;
	-moz-border-radius: 0px 35px 35px 0px;
	-webkit-border-radius: 0px 35px 35px 0px;
}


.hrUnderlineContMe
{
	
	margin-top:0.5px;
	background-color:#ff9800;
	height:2.3px;
	
	border-radius: 13px 13px 13px 13px;
	-moz-border-radius: 13px 13px 13px 13px;
	-webkit-border-radius: 13px 13px 13px 13px;
	border: 1px solid black;
}

#hrUnlineCoMe1
{
	width:50%;
}
#hrUnlineCoMe2
{
	width:74%;
}
.FormContainer {
	border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
	-webkit-border-radius: 0px 15px 15px 0px;
	border:3px solid #e6e6e6;
	background-color: transparent;
	padding: 20px;
	color:#ff9800;
	height:96%;
}

input[type=text], textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: none; /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
button[type=submit] {
	padding: 6px 16px;
	cursor: pointer;
	float:right;
  
	color:#ff9800;
	background-color:transparent;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 2px solid #ff9800;
	
	-webkit-box-shadow: inset 5px 10px 54px -24px rgba(255,152,0,0.6);
	-moz-box-shadow: inset 5px 10px 54px -24px rgba(255,152,0,0.6);
	box-shadow: inset 5px 10px 54px -24px rgba(255,152,0,0.6);
}


button[type=submit]:hover {
	color:black;
	background-color:#ff9800;
	-webkit-box-shadow: 0px 0px 36px -5px rgba(255,152,0,1);
	-moz-box-shadow: 0px 0px 36px -5px rgba(255,152,0,1);
	box-shadow: 0px 0px 36px -5px rgba(255,152,0,0.8);
}

/*--- Δεξια --*/
.contactsRow
{
	height:40%;
	margin-bottom:16px;
}
.contactsRow:last-Child
{
	height:10%;
	width:80%;
	margin-left:10%;
	
	background-color:transparent;
	
	
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}
 .contSocialCol
{
	
	height:100%;
	font-size:32px;
	color:#ff9800;
	
}
 .sosial_B_Col
{
	text-align:center;
	
	margin-left:12.5%;
	padding-top:9%;
	
	width:75%;
	height:100%;
	
	
	background-color:black;
	border:2px solid #ff9800;
	
	-webkit-box-shadow: inset 0px 0px 4px 3px rgba(230,230,230,0.67);
	-moz-box-shadow: inset 0px 0px 4px 3px rgba(230,230,230,0.67);
	box-shadow: inset 0px 0px 4px 3px rgba(230,230,230,0.67);
	
	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.sosial_B_Col a
{
	color:#ff9800!important;
}
.contacts_B_Row i
{
	font-size:40px;
	color:#ff9800!important;
}
.contacts_B_Row a
{
	color:#e6e6e6!important;
}
.contacts_B_Row
{
	
	font-size:22px;
	padding-top:13%;
	width:50%;
	height:100%;
	margin-left:25%;
	margin-right:25%;
	text-align:center;
	
	background-color:black;
	
	border:2px solid #ff9800;
	border-radius: 35px 35px 35px 35px;
	-moz-border-radius: 35px 35px 35px 35px;
	-webkit-border-radius: 35px 35px 35px 35px;
}

@media only screen and (max-width: 1199px) 
{
    .sosial_B_Col
	{
		padding-top:12%;
	}
}
@media only screen and (max-width: 991px) 
{
	#contactMeContainer
	{
		height:1225px;
	}
	#ContMedeksia
	{
		margin-top:60px;
	}
	.ContMedeksiaContainer
	{
		padding-top:20px;
		
		border-radius: 0px 15px 15px 0px;
		-moz-border-radius: 0px 15px 15px 0px;
		-webkit-border-radius: 0px 15px 15px 0px;
		border:3px solid #e6e6e6;
	}
	.contacts_B_Row
	{
		padding-top:10%;
	}
	.sosial_B_Col
	{
		padding-top:5%;
	}
}
@media only screen and (max-width: 838px) and (max-height: 412px)/*----- A52 (838) rotated firefox----*/
{
    #contactMeContainer
	{
		height:1265px;
	}
    
}
@media only screen and (max-width: 837px) and (max-height: 412px)/*----- Ακύρωση των πάνω----*/
{
    #contactMeContainer
	{
		height:1225px;
	}
}
@media only screen and (max-width: 792px) and (orientation:landscape)/*----- S8(791)firefox , Note10 , rotated ----*/
{
    #contactMeContainer
	{
		height:1265px;
	}
    
}
@media only screen and (max-width: 791px) and (orientation:landscape)/*----- Ακύρωση των πάνω- A10(790)Chrome ---*/
{
    #contactMeContainer
	{
		height:1225px;
	}
}
@media only screen and (max-width: 784px) and (orientation:landscape)/*----- A10(784)  rotated firefox----*/
{
    #contactMeContainer
	{
		height:1265px;
	}
}
@media only screen and (max-width: 783px) and (orientation:landscape)/*----- Ακύρωση των πάνω---782???-*/
{
    #contactMeContainer
	{
		height:1225px;
	}
}
@media only screen and (max-width: 767px) 
{
	#contactMeContainer
	{
		height:1190px;
	}
	.contSocialCol
	{
		font-size:30px;
	}
	.sosial_B_Col
	{
		padding-top:7%;
	}
}
@media only screen and (max-width: 762px) and (orientation:landscape)/*-----A52s firefox----*/
{
    #contactMeContainer
	{
		height:1230px;
	}
}
@media only screen and (max-width: 761px) and (orientation:landscape)/*-----Ακύρωση των πάνω---*/
{
    #contactMeContainer
	{
		height:1190px;
	}
}

@media only screen and (max-width: 575px) 
{
	#contactMeContainer
	{
		height:1290px;
	}
}
@media only screen and (max-width: 460px) 
{
	#contactMeContainer
	{
		height:1270px;
	}
	.contacts_B_Row
	{
		font-size:19px;
	}
	.contSocialCol
	{
		font-size:28px;
	}
}
@media only screen and (max-width: 414px) 
{
	#contactMeContainer h4
	{
		font-size:19px;
	}
	#contactMeContainer
	{
		height:1265px;
	}
	.contacts_B_Row
	{
		padding-top:14%;
        font-size:17px;
	}
	.sosial_B_Col
	{
		padding-top:12%;
	}
	.contSocialCol
	{
		font-size:26px;
	}
}
@media only screen and (max-width: 414px) and (max-height: 838px)/*-----A52--838+782 M52--837+781-Firefox!-----*/
{
    #contactMeContainer
	{
		height:1305px;
	}
    .contacts_B_Row
	{
		font-size:15px;
	}
}
@media only screen and (max-width: 414px) and (max-height: 836px)   /*----Ακυρωτικό---*/
{
	#contactMeContainer
	{
		height:1265px;
	}
   .contacts_B_Row
	{
		font-size:17px;
	}
    
}
@media only screen and (max-width: 414px) and (max-height: 782px)/*-----A52--838+782 M52--837+781-Firefox!-----*/
{
    #contactMeContainer
	{
		height:1305px;
	}
    .contacts_B_Row
	{
		font-size:15px;
	}
}
@media only screen and (max-width: 414px) and (max-height: 780px)   /*----Ακυρωτικό---*/
{
	#contactMeContainer
	{
		height:1265px;
	}
   .contacts_B_Row
	{
		font-size:17px;
	}
    
}
@media only screen and (max-width: 413px) /*----OnePlus 7T---*/
{
	#contactMeContainer
	{
		height:1265px;
	}
   .contacts_B_Row
	{
		font-size:17px;
	}
}
@media only screen and (max-width: 378px) and (max-height: 762px)/*-----A52s--762+707--*/
{
	#contactMeContainer
	{
		height:1295px;
	}
    .contacts_B_Row
	{
		font-size:15px;
	}

}
@media only screen and (max-width: 378px) and (max-height: 712px)   /*----Ακυρωτικό----*/
{
	#contactMeContainer
	{
		height:1265px;
	}
   .contacts_B_Row
	{
		font-size:17px;
	}
    
}
@media only screen and (max-width: 378px) and (max-height: 707px)/*-----A52s--762+707--*/
{
	#contactMeContainer
	{
		height:1295px;
	}
    .contacts_B_Row
	{
		font-size:15px;
	}

}
@media only screen and (max-width: 378px) and (max-height: 706px)/*----ακυρωτικό----*/
{
	#contactMeContainer
	{
		height:1265px;
	}
    .contacts_B_Row
	{
		font-size:17px;
	}
}
@media only screen and (max-width: 375px) 
{
	#contactMeContainer
	{
		height:1240px;
	}
	.contacts_B_Row i
	{
		font-size:35px;
	}
	.contacts_B_Row
	{
		font-size:15px;
	}
	.sosial_B_Col
	{
		padding-top:15%;
	}
	.contSocialCol
	{
		font-size:22px;
	}
}
@media only screen and (max-width: 360px) 
{
	.sosial_B_Col
	{
		margin-left:6%;
		width:95%;
	}
}
@media only screen and (max-width: 327px) 
{
	#contactMeContainer h4
	{
		font-size:17px;
	}
	#contactMeContainer
	{
		height:1200px;
	}
	#contForm label
	{
		font-size:14px;
	}
	.contacts_B_Row i
	{
		font-size:32px;
	}
	.contacts_B_Row
	{
		padding-top:15%;
		font-size:12px;
	}
	.sosial_B_Col
	{
		padding-top:20%;
	}
	.contSocialCol
	{
		font-size:20px;
	}

}
@media only screen and (max-width: 296px) 
{
	#contactMeContainer h4
	{
		font-size:14px;
	}
	#contactMeContainer
	{
		height:1170px;
	}
	#contForm label
	{
		font-size:12px;
	}
	.sosial_B_Col
	{
		width:100%;
	}
}