@charset "utf-8";
/* Global Styles */

/* Main Content sections */

#SpanText {font-size: 14px; color: #46bed4;}
#detayLink {font-size: 14px;}
.error_write {color: #de0000; font-size: 14px;}
#mail-status {color: #de0000; font-size: 22px; text-align: center;}
#loader-icon {margin: 0 auto; text-align: center; padding-top: 8px; display: none;}
.smalltext {font-size: 12px; color: #6B6B6B;}
.attantion_write {color: #de0000; text-align: center !important;}
.justColor {color: #46bed4;}
.justColorRed {color: #DC0000;}
.servicesHeader {font-size: 24px; text-align: center;}
.servicestext1 {font-size: 16px; text-align: justify;}
.servicestext2 {font-size: 20px; text-align: justify;}
.servicestext3 {font-size: 14px; text-align: justify;}
.list-group-item {font-size: 16px;}
.private_ads p {font-size: 16px; text-align: center;}
.aligncenter {text-align: center;};
.p20px {font-size: 16px;}
.textleft {text-align: left;}
.width50 {width: 99%;}

.profileHeader {clear: both;}
.ShortServSec {margin: 0 auto; text-align: center; padding-top: 0;  clear: both; display: table;}
.ShortServTitle {
	float: left;
	padding: 5px 10px 5px 10px; 
	margin: 5px;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	display: table-cell;
}

/* Style inputs, select elements and textareas */
#mailForm input[type=text],[type=email], [type=tel], select, textarea{
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  border: 1px solid #ffb400;
  text-align: left;
  /* box-shadow: 0 3px 1px 0px #ffb400; */
}

input[type=file]{
  width: 50%;
  padding: 12px;
}
/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  text-align: left;
  font-size: 14px;
}
label p {
	margin-top: -1px;
	font-size: 16px;
}
.SmallFont{
	font-size: 16px;
	padding: 0 12px 12px 0;
}
/* Style the submit button */
#mailForm input[type=submit] {
  background-color: #ffa800;
  color: #1B1B1B;
  padding: 14px 14px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 15px !important;
  float: left;
  font-size: 14px;
}
#subject {height: 100px;}
#filename {padding-left: 0;}
/* Style the container */
#container {
  border-radius: 5px;
  padding: 0 10px 10px 10px;
  margin: 0 auto;
}
.file {margin: 0 auto; padding-left: 0px !important;}
/* Floating column for labels: 25% width */

.col-25 {
  float: left;
  width: 35%;
  margin-top: 6px;
  text-align: right;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 63%;
  margin-top: 6px;
  text-align: left;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}



/* Media query for Mobile devices*/
@media only screen and (min-width : 285px) and (max-width : 480px) {

	
/* Main content sections */
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
	text-align: left;
	margin: 0 auto;
  }
  .SmallFont {text-align: left;}
#mailForm {margin: 0 8px 0 8px;}

}

/* Media Query for Tablets */
@media only screen and (min-width : 481px) and (max-width : 1024px) {

/* content*/
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
	text-align: left;
	margin: 0 auto;
  }
  .SmallFont {text-align: left;}

/* Footer */

}

/* Desktops and laptops  */
@media only screen and (min-width:1025px) {

/* Main content sections */

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  text-align: right;
  font-size: 20px;
}
/* Style the submit button */
input[type=submit] {
  background-color: #ffa800;
  color: #1B1B1B;
  padding: 14px 14px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 0 !important;
  float: left;
  font-size: 14px;
}

/* Footer */

}