.checkbox {

	display: inline-block;

	cursor: pointer;

	font-size: 13px; margin-right:10px; line-height:18px; width:425px;

}

input[type=checkbox] {

 display:none;	

}

.checkbox:before {

	content: "";

	display: inline-block;

	width: 18px;

	height: 18px;

	vertical-align:middle;

	background-color: #39b54a;

	color: #f3f3f3;

	text-align: center;

	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);	

	border-radius: 3px;margin: 7px 16px 2px 2px;

}

input[type=checkbox]:checked + .checkbox:before {

	content: "\2713";

	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);

	font-size: 15px;margin: 7px 16px 2px 2px;

}









#contact-form {

	text-shadow:0 1px 0 #FFF;

	border-radius:4px;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	background:#d5e9f0; margin:0 auto;

	padding: 25px 4px 2px 27px; width:80%;

}

#contact-form h3 {

	color:#000000;

	display:block;

	font-size:28px;

}

#contact-form h4 {

	margin:5px 0 15px;

	display:block;

	font-size:13px;

}

#contact-form label span {

	cursor:pointer;

	color:#333333;

	display:block;

	margin:5px 0; font-size:14px;

	

}

#contact-form input[type="text"],

#contact-form input[type="number"],

#contact-form input[type="email"],

#contact-form input[type="tel"],

#contact-form input[type="url"],

#contact-form textarea {

	

	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;

	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;

	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;

	border:1px solid #CCC;

	background:#FFF;

	margin: 0 2px 5px;

    padding: 4px;

    width: 70%;

}



#contact-form input[type="text"]:hover,

#contact-form input[type="email"]:hover,

#contact-form input[type="tel"]:hover,

#contact-form input[type="url"]:hover,

#contact-form textarea:hover {

	-webkit-transition:border-color 0.3s ease-in-out;

	-moz-transition:border-color 0.3s ease-in-out;

	transition:border-color 0.3s ease-in-out;

	border:1px solid #AAA;

}

#contact-form textarea {

	height:50px;

	max-width:100%;

}

#contact-form button[type="submit"] {

	cursor:pointer;

	border:none;

	background:#39b54a;

	color:#ffffff;

	margin: 19px 3px 20px 379px;

    padding: 5px;

    width: 15%;

	border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px;

}

#contact-form button[type="submit"]:hover { color:#FFF;background:#000;

	

}

#contact-form button[type="submit"]:active {

	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);

}

#contact-form input:focus,

#contact-form textarea:focus {

	outline:0;

	border:1px solid #999;

}

::-webkit-input-placeholder {

    color:#888;

}

:-moz-placeholder {

    color:#888;

}

::-moz-placeholder {

    color:#888;

}

:-ms-input-placeholder {

    color:#888;

}

.google_map{ float:left; width:87%;margin: 9px 0 9px 3px;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);

box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);}

.map{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-style:regular; width:20%;color:#F36E21}

.welcome_red1{float:left; margin: 7px 12px 5px -16px;

    padding: 16px 0 2px; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-style:regular; width:20%; color:#F36E21;}

.address_map{ float:left; width:100%; margin-top:5px; padding-bottom:10px}



/***** contact us page close *****/





/**** account page start ****/

.name_first{ float:left; width:50%}

.name_current{ float:left; width:30%}

.name2{ float:left; width:30%;font-family: 'ubunturegular'; font-size:16px; color:#000}

.name3{float:left; width:15%;font-family: 'ubunturegular'; font-size:16px; color:#000}

.name5{float:left; width:50%;font-family: 'ubunturegular'; font-size:16px; color:#000}

.name6{float:left; width:30%;font-family: 'ubunturegular'; font-size:16px; color:#000}

.name7{float:left; width:24%; text-align:center; font-family: 'ubunturegular'; font-size:16px; color:#000}

.name_mother{float:left; width:100%; margin-top:10px}

.surname{ float:left; width:20%; padding-right:23px}

.first1{ float:left;font-family: 'ubunturegular'; font-size:13px; color:#999; width:100%; text-align:center}

.basic1{ float:left; width:20%}

.bold{ float:left; width:100%;font-family: 'ubunturegular'; font-size:16px; color:#000; font-weight:bold; padding-bottom:10px}

.normal{ font-family: 'ubunturegular'; font-size:13px; color:#333; margin-left:12px; font-weight:normal}

.aboutmlzs{float:left; width:100%;font-family: 'ubunturegular'; font-size:17px; color:#000; font-weight:bold; margin-top:19px}

/**** account page close ****/



.check{ float:left; width:50%}

.line{ float:left; width:100%; border-bottom:1px dotted #000; margin-top:10px; margin-bottom:10px}

.office{ float:left; width:100%; font-size:16px; color:#000; background:#ccc;font-family: 'ubunturegular'; font-weight:bold}

.enquiry{float:left; width:100%; font-size:14px; color:#000; font-family: 'ubunturegular'; font-weight:bold}

.flyer{ float:left; width:100%;font-size:14px; color:#000; font-family: 'ubunturegular'}

.section1{ float:left; width:50%}

.section2{ float:left; width:50%}





div.table-title {

   display: block;

  margin: auto;

  max-width: 600px;

  padding:5px;

  width: 100%;

}



.table-title h3 {

   color: #fafafa;

   font-size: 30px;

   font-weight: 400;

   font-style:normal;

   font-family: "Roboto", helvetica, arial, sans-serif;

   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);

   text-transform:uppercase;

}





/*** Table Styles **/



.table-fill {

  background: white;

  border-radius:3px;

  border-collapse: collapse;



  

  max-width: 855px;

  padding:5px;

  width: 100%;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

  animation: float 5s infinite; 

}

 

.table-fill th {

  color:#D5DDE5;;

  background:#1b1e24;

  border-bottom:4px solid #9ea7af;

  border-right: 1px solid #343a45;

  font-size:16px;

  font-weight: 100;

  padding: 4px 3px 2px 18px;

  text-align:left;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

  vertical-align:middle;

}



.table-fill th:first-child {

  border-top-left-radius:3px;

}

 

th:last-child {

  border-top-right-radius:3px;

  border-right:none;

}

  

.table-fill tr {

  border-top: 1px solid #C1C3D1;

  border-bottom-: 1px solid #C1C3D1;

  color:#666B85;

  font-size:16px;

  font-weight:normal;

  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);

}

 



.table-fill tr:first-child {

  border-top:none;

}



.table-fill tr:last-child {

  border-bottom:none;

}

 

.table-fill tr:nth-child(odd) td {

  background:#EBEBEB;

}

 



.table-fill tr:last-child td:first-child {

  border-bottom-left-radius:3px;

}

 

.table-fill tr:last-child td:last-child {

  border-bottom-right-radius:3px;

}

 

.table-fill td {

  background:#FFFFFF;

  padding:3px;

  text-align:left;

  vertical-align:middle;

  font-weight:300;

  font-size:14px;

  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);

  border-right: 1px solid #C1C3D1; color:#000; padding-left:23px;

}



.table-fill td:last-child {

  border-right: 0px;

}



.table-fill th.text-left {

  text-align: left;

}



.table-fill th.text-center {

  text-align: center;

}



.table-fill th.text-right {

  text-align: right;

}



.table-fill td.text-left {

  text-align: left;

}



.table-fill td.text-center {

  text-align: center;

}



.table-fill td.text-right {

  text-align: right;

}