@charset "utf-8";
/* CSS Document */
@import url("import_style.css");


/*-------------------------------------------------------
CSS information
file name:	index.css
style info:	only for link page
-------------------------------------------------------*/


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

  input[type=text]:hover, textarea:hover {
	border: 1px solid #ccf4da;
  }

  input[type=text]:focus, textarea:focus  {
	outline: 1px solid #9ef1bc !important;
  }
  
  label {
	padding: 12px 12px 12px 0;
	display: inline-block;
  }
  
  /* input[type=submit] {
	background-color: #04AA6D;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
  } */
  
  input[type=submit]:hover {
	background-color: #9ef1bc;
  }
  
  .col-25 {
	float: left;
	width: 25%;
	margin-top: 6px;
	text-align: left;
  }
  
  .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: 979px) {
	.col-25, .col-75 {
	  width: 100%;
	  margin-top: 0;
	}

	input[type=submit] {
		width: 93%;
		margin-top: 0;
	  }

	.from {
		width: 100%;
		float: none;
		display: block;
		margin-right: 0px;
	}
  }

  /* sdfg */

.icon
			{ 
			list-style-image:url(../images/icon.png);
			margin-left:25px;
			}	

.smalltext	
			{
			font-size: 0.8em;
			}
			
.h2_butt	{
			margin-top: 30px;
			margin-bottom: 0px;
			}

.leftfrom h1	
			{
			background-color: #15c5ff;
			margin: 10px 0px 15px 0;
			padding: 15px 10px 10px 10px;
			color: #FFF;
			}

.leftform h2	
			{
			background-color: #eeebde;
			margin: 20px 0px 15px 0;
			padding: 10px;
			color: #603813;
			}

.leftform h3	
			{
			width: 320px;
			margin: 20px 0px 15px 0;
			padding: 10px;
			color: #603813;
			border-left: 5px solid #f9d7fb;
			border-bottom: 2px solid #f9d7fb;
			}

.leftform h4	
			{
			background: url(../images/icon.jpg) no-repeat left;
			margin: 20px 0px 15px 0;
			padding: 10px 10px 10px 25px;
			}

.leftform ul	
			{
			margin: 20px 0 10px 30px;
			padding: 0;
			text-align: left;
			}

.leftform ul li	
			{
			background: url(../images/about/icon.jpg) no-repeat left 5px;
			padding-left: 15px;
			}

.border_box
			{
			border:10px solid #eeebde;
			padding: 5px 15px;
			width: 420px;
			}

.texst		
			{
			background: url(../images/icon.jpg) no-repeat left;
			padding-left: 25px;
			}

.images		
			{
			float:right;
			padding: 25px 0 25px 25px;
			}

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

Inquery

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

.subcon 
			{
			clear:both;
			}

.subcon p	
			{
			float:left;
			text-align:left;
			}

.from	 
			{
			width: 578px;
			margin: 0 30px auto auto;
			float:left;
			}

.form_img
			{
			float:left;
			display:block;
			text-align:left;
			margin: 20px 0 15px 0;
}

/* .from table	
			{
			margin: 0px 0 0px 0px;
			text-align:left;
			color: #635b50;
			font-size: 14px;
			clear:both;
			float:left;
			}

.from table th,td	
			{
			padding: 5px 30px;
			height: 75px;
			}
			
.from table .th	
			{
			width: 180px;
			background: #f2fdf5 url(../images/required.jpg) no-repeat 150px 50%;
			color: #333;
			}

.from table .th3	
			{
			width: 180px;
			background: #f2fdf5 url(../images/required.jpg) no-repeat 150px 84px;
			color: #333;
			}
			
@media screen and (-webkit-min-device-pixel-ratio:0) {
.from table .th3 { 
        background-position : 150px 50%;
    }
	
.from table td input	
			{
			width: 280px
			}
}

.from table td input	
			{
			margin-top: 10px;
			}

.from table td p	
			{
			font-size: 10px;
			color: #666;
			} */

.submitt 
			{
			cursor:pointer;
			margin: 10px 0 0 50px;
			display: block; /* Change anchor to block element */
			width: 433px; height: 174px; /* Specify width and height of the image. Height is value of each individual button graphic */
			background-image: url(../images/enquiry/button-sprite.png); /* Add the image as a background */
			background-position: top; /* Set the position to the top */
			text-indent: -9999px; 
			}

.orange 
			{
			color: #666;
			border: solid 1px #9ef1bc;
			background: #cff0db;
			background: -webkit-gradient(linear, left top, left bottom, from(#cff0db), to(#f2fdf5));
			background: -moz-linear-gradient(top,  #cff0db,  #f2fdf5);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cff0db', endColorstr='#f2fdf5');
			}

.orange:hover 
			{
			background: #f47c20;
			background: -webkit-gradient(linear, left top, left bottom, from(#f2fdf5), to(#cff0db));
			background: -moz-linear-gradient(top,  #f2fdf5,  #cff0db);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2fdf5', endColorstr='#cff0db');
			}

.orange:active 
			{
			color: #fcd3a5;
			background: -webkit-gradient(linear, left top, left bottom, from(#f2fdf5), to(#f2fdf5));
			background: -moz-linear-gradient(top,  #f2fdf5,  #f2fdf5);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2fdf5', endColorstr='#f2fdf5');
			}

.button 
			{
			display: inline-block;
			zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
			*display: inline;
			vertical-align: baseline;
			margin: 25px;
			outline: none;
			cursor: pointer;
			text-align: center;
			text-decoration: none;
			font: 14px/100% Arial, Helvetica, sans-serif;
			padding: .5em 2em .55em;
			-webkit-border-radius: .5em; 
			-moz-border-radius: .5em;
			border-radius: .5em;
			-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
			box-shadow: 0 1px 2px rgba(0,0,0,.2);
			}

.button:hover 
			{
			text-decoration: none;
			}

.button:active 
			{
			position: relative;
			top: 1px;
			}

			/* dsfgds */