@charset "iso-8859-1";

html{
	overflow-x:hidden;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#cd0100;*/
}

body{
	background-color:#ffffff;
	font-family: 'Lora', serif;
	color:#000000; 
	font-size:16px;		
	margin-left:0;
	margin-right:0;
	margin-bottom: 5px;
	text-align:center;
	margin:0 auto;
}

h1 {
	font-family:"GF-sarabun-regular", sans-serif;
	font-size:22px;
	/*color:#0f5f19;*/
	color:#090;
	font-style:italic;
	/*font-weight:bold;*/
	text-align:left;
}

<!----------------------RESPONSIVE COLUMN STUFF---------------------------------->
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
  float: left;
}
<!-----------------------GOOGLE FONTS--------------------------------->

.GF-inter-tight{
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

/*.GF-antonio {
  font-family: "Antonio", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}*/


.GF-alumni-sans {
  font-family: "Alumni Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:100;
  font-style: normal;
}


.GF-baloo-bhaijaan 2 {
  font-family: "Baloo Bhaijaan 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.GF-belleza-regular {
  font-family: "Belleza", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.GF-sarabun-regular {
  font-family: "Sarabun", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*--------------------------------------------------------------*/



.footer{
	/*background-color:#000000;*/
	/*border-top:solid 1px #D3D3D3;*/
	text-align:center;
	/*margin-top:20px;*/
	margin-bottom:5px;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:5px;
	font-size:14px;
	/*color:#8a8d93;*/
	color:#4F4F4F;
	clear:both;
}

/*#footer {
	background-color:#81a781;
	border-top:solid 2px #cccccc;
	text-align:center;
	padding:10px 0px 5px 0px;
	/*margin-top:10px;
	font-size:14px;
	/*color:#606060;*/
	/*clear:both;
}*/



#header_container {
	background-color:#ffffff;
	text-align:center;
}

img {
  max-width: 100%;
  height: auto;
}

.main_content {
	font-family: 'Lora', serif;
	text-align:left;
	font-size:20px;
	line-height:1.5;
	padding:10px 10px 15px 20px;
}


.page_title{	
	width:400px;
	height:45px;
	margin:0 auto;
	text-align:center;
	background-image:url(images/pagetitle_bkgrd2.png);
	background-repeat:no-repeat;
	border-bottom:solid 1px #cd0100;
	font-family: 'Lora', serif;
	font-size:24px;
	font-weight:bold;
	color:#cd0100;
}


.responsive {
  width: 100%;
  height: auto;
}

.row: {
	display:grid;
}

.row::after {
  content: "";
  clear: both;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}


#top_nav {
	text-align:right;
	/*padding:20px 20px 0px 0px;*/
	/*background-color:#FFFFFF;*/
	font-size:16px;
	color:#ffffff;		
  /*font-family: "Belleza", sans-serif;*/
  font-family:"GF-sarabun-regular", sans-serif;
  font-weight: 400;
  font-style: normal;
}


/*.top_nav_button {
	width:100px;
	min-height:20px;
	max-height:30px;
	vertical-align:middle;
	background-color:#a4cae3;
	border-radius:5px;
	padding:2px 0px 4px 0px;
}*/

#wrapper{
	background-color:#ffffff;
	vertical-align:top;
}

/*************** CONTACT FORM STYLES*****************/
/*.contact_form{
	min-height:400px;
	border:solid 1px #cccccc;
	border-radius:10px;
	padding:20px;
	/*margin:10px 25px 20px 40px;
}*/

/*.contact_field {
	font-family: 'Lora', serif;
	font-size:16px;
	color:#000000;
	padding:5px;
	margin-bottom:10px;
	width:100%;
}*/

.contact_form_container {
	width:60%;
	/*margin:0 auto;*/
	/*border:solid 1px #5689dc;*/
	border:solid 5px #d6e1f2;
	border-radius:15px;
   /* background-color:#e0fde0; background-image:url(IMAGES/Bigstock_459905073.jpg);*/
    padding: 10px 15px 20px 15px;
	font-family:'Heebo', sans-serif;
	/*font-size:14px;*/
	margin-bottom:20px;
	margin: 0 auto;
}

/*.contact_lable {
	font-family: 'Lora', serif;
	font-size:16px;
	color:#003b79;
	font-weight:bold;
	font-style:italic;
}*/

.error {
	color: #FF0000;
}
	
.contact_section_title {
	font-family: 'Lora', serif;
	font-weight:bold;
	font-size:18px;
	color:#cd0100;
	font-stylle:italic;
	text-align:center;
	margin:0 auto;
}

/*.form_label {
	font-size:14px;
	color:#ffffff;
}*/


.format_phone {
	font-family:Verdana, Geneva, sans-serif;
	color:#cd0100;
	font-style:italic;
	font-size:14px;
	margin-left:25px;
}

.form_place_holder {
	font-size:14px;
	color:#ffffff;
}


.form-submit-button {
	width:75px;
	height:30px;
	background-color:#003b79;
	color:#ffffff;
	border:solid 3px #cd0100;
	border-radius:10px;
}

/*.input_field {
	background-color:#303;
	border-radius:45px;
}*/

label {
	/*width:25px;*/
}

.label_text{
	margin-left:5px;
	font-size:16px;
	font-style:italic;
}

.legend_text {
	margin-top:15px;
	margin-left:5px;
	font-size:16px;
	font-style:italic;
}




input[type="radio"] {
	width:30px;
	/*background-color:red;*/
	display: inline;
 	margin-right: 2px;
}

radio {
	background-color:#000000;
}


.radio_buttons {
	background-color:#000000;
	color:#ffffff;
}


.reset_button {
  width:80px;
  background-color:#5689dc;
  font-size:16px;
  color: white;
  padding: 5px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-left:20px;
  float: left;
}

.submit_button {
  width:80px;
  background-color:#5689dc;
  font-size:16px;
  color:#ffffff;
  padding: 5px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  float: left;
}



/***********END CONTACT FORM STYLES*****************/

/*-------------BEGIN W3 SCHOOLS FORM CSS-----------*/

.error {color: #FF0000;}

/* Style inputs, select elements and textareas */


/*input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
 background-color:#36F;
}*/


.fieldset_box{
  border: 1px solid #5689dc;
  border-radius:10px;
  /*box-sizing: border-box;*/
  resize: vertical;
  /*background-color:#36F;*/
  background-color:#d6e1f2;
  /* background-color:#5689dc;*/
  font-family:Verdana, Geneva, sans-serif;
  font-size:14px;
  color:#000000;
  margin-top:15px;
}




input, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #5689dc;
  border-radius:10px;
  box-sizing: border-box;
  resize: vertical;
  /*background-color:#36F;*/
  background-color:#d6e1f2;
  /* background-color:#5689dc;*/
  font-family:Verdana, Geneva, sans-serif;
  font-size:18px;
  color:#000000;
}



/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}





/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

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

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

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }

/*--------------END W3 SCHOOLS FORM CSS------------------*/


EVOLVE-third {
	float:left;
	width:100%;
}

.w3-third_center {
	text-align:center;
	}


@media only screen and (min-width:601px){
.Evolve-third{width:33.33333%}
}

@media screen and (min-width:993px){
	.Evolve-third
	{padding:0 8px;}
	}
@media only screen and (min-width:993px){
.EVOLVE-third{width:33.33333%}
}


/*-----------------------------LINK STYLES----------------*/

a.evolve_web_dev:link {
	color:#707070;
	text-decoration:none;
}

a.evolve_web_dev:visited {
	color:#707070;
	text-decoration:none;
}

a.evolve_web_dev:hover {
	color:#F30;
	text-decoration:underline;
}

a.evolve_web_dev:active {
	color:#707070;
	text-decoration:none;
}

a.home_page_links:link {
	font-family: 'Lora', serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

a.home_page_links:visited {
	font-family: 'Lora', serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

a.home_page_links:hover {
	font-family: 'Lora', serif;
	font-size:18px;
	font-weight:bold;
	color:#003b79;
	text-decoration:underline;
}

a.home_page_links:active {
	font-family: 'Lora', serif;
	font-size:20px;
	color:#000000;font-size:18px;
	font-weight:bold;
	text-decoration:none;
}


a.top_nav_item:link {
	color:#ffffff;
	text-decoration:none;
	font-style:normal;
}

a.top_nav_item:visited {
	color:#ffffff;
	text-decoration:none;
}

a.top_nav_item:hover {
	color:#ffffff;
	text-decoration:underline;
}

a.top_nav_item:active {
	color:#cccccc;
	text-decoration:none;
	/*font-style:italic;*/
	font-weight:bold;
}