/*
Responsive Site: 
Description:Row
Author: Web Designer
Author URI: http://www.activamedia.com.sg
*/


body { overflow: hidden; color: #231f20; font-size:16px; }
.graybox{ background-color:#a1abb0; height:248px;}
.first-text{ font:Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; letter-spacing:3px; color:#c23652; text-align:center; padding:40px 50px 20px 50px;}
.second-text{font:Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:3px; font-weight:400; color:#ffffff; text-align:center;padding:0px 50px 0px 50px;}
/* Preloader */
#preloader { position: fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99; }

#status {
	width:200px; height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally on the screen */
	top:50%; /* centers the loading animation vertically on the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

p {
    font-size: 15px;
}

a .product-name { color:#231f20;}
.product-name { display:none !important; padding-bottom:20px;}
.product-image img { margin-bottom:25px;  }

.desktop-banner{ display:block;}
.mobile-banner{display:none;}

.space10 { clear:both; height:10px;  }
.space20 { clear:both; height:20px;  }
.space20-desktop { clear:both; height:20px;  }
.line { width:100%; height:2px; background:#231f20; margin:20px 0;}
.product-title { padding:5px 15px; background:#231f20; width:100%; color:#fff;}
.product-title h4 { color:#fff; font-size:18px;}

.SliderBg { width:100%; background:url(../images/sliderbg.png) center bottom no-repeat #FFF; background-size:100%;  }
.SubSliderBg { width:100%; background:#FFF;   }
.topHeader {     width: 100%; max-width: 1180px; display: block; position: relative; margin-top: 30px;  }

.logo { float:left; }

.contact-top { float:right; padding-left:43px; background:url(../images/phone-icon.png) left center no-repeat; text-transform:uppercase; text-align:left; line-height: 1.2; margin-right:30px;     margin-top: 13px;  margin-bottom: 40px;  }
.contact-top span.calltext-one {  color:#231f20; font-size:16px; font-weight:700;  }
.contact-top span.calltext-two a { color:#231f20; font-size:30px; display:block; font-weight:900;  }

.ContentBox { margin-top:62px; position:relative; float: left; width: 100%; height: auto; }
.ContentBox p { margin:0; color:#231f20; line-height:1.7; text-align:justify; margin-bottom: 30px;}
.ContentBox img { float:left; margin-right:20px; }
.panel img { float:right; margin-left:20px; margin-right:0; }
.ContentBox h1 { font-size:30px; color:#231f20; text-transform:uppercase; font-weight:700; margin-bottom:32px; line-height: 1; }
.ContentBox h1 span { font-size:18px; color:#231f20; display:inline-block; }

.panel { background:#f3f3f3; padding:25px; float:left; width:100%; border-style: solid; border-width: 0; border-color:none; margin-bottom:0; }
.panel2 { background:#f3f3f3; padding:10px; width:100%; text-align:center; border-style: solid; border-width: 0; border-color:none; margin-bottom:0; }
.note { width:80%; margin:0 auto; background:#231f20; padding:5px; text-align:center; text-transform:uppercase; color:#fff; font-weight:700; }

.readmore a { width:190px; height:45px; line-height:45px; color:#fff; font-size:16px; text-transform:uppercase; font-weight:700; background:#231f20; text-align:center; float: right; }

.readmore a:hover { background:#231f20;}

.services ul { list-style-image: url(../images/list-button.png); margin-bottom: 38px; }
.services ul li { color:#231f20; font-size:16px;  }

ul.services { list-style-image: url(../images/list-button.png); margin-bottom: 38px; }
ul.services li { color:#231f20; font-size:16px; margin-bottom:10px; }
ul.services li ul { margin-top:30px; list-style:circle; }


.EnquiryBox { background:#231f20; padding:62px 25px 25px;  }
.EnquiryHeader { color:#fff;text-align:left; line-height:1.2; font-size:13px; text-transform:uppercase; font-weight:300; margin-bottom:28px; }
.EnquiryHeader span { font-size:27px; display:block; color:#fff; font-weight:300; }

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 3.0375rem;
  padding: 0.5rem;
  border: none;
  border-bottom:3px solid #ddd;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #231f20;
  background-color: #F3F3F3;
  box-shadow: none;
  border-radius: 3px;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none; }
  
input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
    
    border: none;
	border-bottom:3px solid #ddd;
    background-color: none;
    outline: none;
    box-shadow: none;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%;
  color: #231f20;  }
textarea[rows] {
    height: 129px; 
	color: #231f20; }

::-webkit-input-placeholder {
  color: #231f20; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #231f20; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #231f20; }

:-ms-input-placeholder {
  color: #231f20; }
  
.input-placeholder {
  position: relative;
}
.input-placeholder input {
  padding: 10px;
  font-size: 16px;
}
.input-placeholder input:valid + .placeholder {
  display: none;
}

.placeholder {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  height: 25px;
  font-size: 16px;
  left: 10px;
  margin: auto;
  color: #231f20;
  padding-right:20px;

}

.placeholder span {
color:red;
font-size:35px;
position: absolute;
top: -10px;
right: 0;
}

#contactcaptcha{ margin-top:20px !important; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
	border:none;
    cursor: pointer; color:#fff; font-size:18px; font-weight: 400;
    text-transform: uppercase;
    background: #452a2a;
    width: 100%;
    padding: 19px;
    border-radius: 3px;
	margin-top: 20px;
}
.submitBtn {  }

/**.g-recaptcha { margin:30px 0 30px 10px;  width:231px; text-align:center; }**/
.g-recaptcha {
    margin: 0;
    width: 100%;
    text-align: center;
}

.breadcrumbs {
    border-style: solid;
    border-width: 0;
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: 0.5625rem 0 0.5625rem;
    background-color: #FFFFFF;
    border-color: #fff;
    border-radius: 0;
}

.breadcrumbs > * a {
    color: #231f20;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
    background: url(../images/minus.png) right center no-repeat #231f20;
    color: #FFFFFF;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: url(../images/minus.png) right center no-repeat #231f20;
    color: #FFFFFF;
}



.accordion .accordion-navigation > a, .accordion dd > a {
    
    color: #231f20;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
	font-weight:700; 
    padding: 10px 20px;
	
	background: url(../images/plus.png) right center no-repeat #F3F3F3;
	
}

.mover { margin-top:30px;}
.mover2 { margin-top:30px;}
.mover a { color:#231f20; }
.orange { color:#231f20;}
.mover p { margin-bottom:20px; }
.mover h5 { font-weight:700; color:#231f20; }

.mover .accordion .accordion-navigation > a, .mover .accordion dd > a {
    color: #fff;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px;
    background: url(../images/plus.png) right center no-repeat #231f20;
}


footer { float:left; width:100%; margin-top:20px; background:#231f20; text-align:center; padding:35px; color:#fff; font-size:14px; }
footer a { color:#fff; }

.content-box { float:left; }

@media only screen and (max-width: 1024px){
	.panel { margin-bottom:30px; }
	/**.g-recaptcha { margin:30px 0;  width:231px;  }**/
	 
}
@media only screen and (max-width: 768px){
	.logo{ width:50%;}
		.desktop-banner{ display:none;}
.mobile-banner{display:block;}
	.contact-top {padding: 20px 0px 20px 34px; margin-right: 0; margin-top: 10px; }
.ContentBox { margin-top: 40px; }
.ContentBox h1 {margin-bottom: 21px;}
	.contact-top span.calltext-two a {font-size:16px;}
	.contact-top span.calltext-one a{font-size:16px;}
	.space20-desktop { clear:both; height:0px;  }
}
@media only screen and (max-width: 680px){
	.topHeader { position:relative; margin-top: 30px; }
	a .product-name { margin-bottom:20px;}
	 	.desktop-banner{ display:none;}
.mobile-banner{display:block;}
}

/*.contact-top.show { display:none; }*/

@media only screen and (max-width: 580px){
	.ContentBox h1 { font-size:20px; color:#231f20; text-transform:uppercase; font-weight:700; margin-bottom:32px; line-height: 1; }
		.desktop-banner{ display:none;}
.mobile-banner{display:block;}
	.logo { text-align: center; float:left;width: 60%; }
	/*a .contact-top span.calltext-one,a .contact-top span.calltext-two { display:none; }*/
	/*a .contact-top { height: 50px;
    width: 50px;
    background: url(../images/phone-icon-2.png) center no-repeat #231f20;
    margin-right: 0;
    position: absolute;
    right: -3px; }*/
	/*.contact-top.hide { display:none; }
	.contact-top.show { display:block; width:100%; margin-top:20px; text-align:center; background:none; margin-right:0; padding:0; }*/
	
	/*.g-recaptcha {transform:scale(0.79);-webkit-transform:scale(0.79);transform-origin:0 0;-webkit-transform-origin:0 0; width:231px;}*/
	.SliderBg { background: url(../images/sliderbg.png) center bottom no-repeat #fff;   background-size: 150%;}
	
	.logo { text-align: left;}
	.logo img { width:70%; }
	.contact-top {padding-top: 10px; }
	.contact-top span.calltext-two a{font-size: 22px;}
	
	 
}

@media only screen and (max-width: 420px){
	.ContentBox h1 { font-size:20px; color:#231f20; text-transform:uppercase; font-weight:700; margin-bottom:32px; line-height: 1; }
		.desktop-banner{ display:none;}
.mobile-banner{display:block;}
	.contact-top {padding: 20px 0px 20px 34px; margin-right: 0; margin-top: 18px; }
.ContentBox { margin-top: 40px; }
.ContentBox h1 {margin-bottom: 21px;}
	.contact-top span.calltext-two a {font-size:16px;}
	.contact-top span.calltext-one a{font-size:16px;}
	.space20-desktop { clear:both; height:0px;  }
}
@media only screen and (max-width: 414px){
	.ContentBox h1 { font-size:20px; color:#231f20; text-transform:uppercase; font-weight:700; margin-bottom:32px; line-height: 1; }
		.desktop-banner{ display:none;}
.mobile-banner{display:block;}
	.logo{ width:65%;}
	.contact-top {padding: 15px 0px 20px 34px; margin-right: 0; margin-top: 0px; width:35%;}
.ContentBox { margin-top: 40px; }
.ContentBox h1 {margin-bottom: 21px;}
	.contact-top span.calltext-two a{font-size:16px;}
	.contact-top span.calltext-one {font-size:16px;}
	.first-text{ font:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; letter-spacing:3px; color:#c23652; text-align:center; padding:40px 50px 20px 50px;}
.second-text{font:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:3px; font-weight:400; color:#ffffff; text-align:center;padding:0px 50px 30px 50px;}
	.graybox{ background-color:#a1abb0; height:320px;}
	.space20-desktop { clear:both; height:0px;  }
}
@media only screen and (max-width: 375px){
	.ContentBox h1 { font-size:20px; color:#231f20; text-transform:uppercase; font-weight:700; margin-bottom:32px; line-height: 1; }
	.desktop-banner{ display:none;}
.mobile-banner{display:block;}
	.logo{ width:70%;}
	.contact-top {padding: 15px 0px 20px 34px; margin-right: 0; margin-top: 0px;width:30%; }
	.ContentBox { margin-top: 40px; }
	.ContentBox h1 {margin-bottom: 21px;}
	.contact-top span.calltext-two a{font-size:15px;}
	.contact-top span.calltext-one {font-size:13px;}
	.first-text{ font:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; letter-spacing:3px; color:#c23652; text-align:center; padding:40px 50px 20px 50px;}
.second-text{font:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:3px; font-weight:400; color:#ffffff; text-align:center;padding:0px 50px 30px 50px;}
	.graybox{ background-color:#a1abb0; height:350px;}
	.space20-desktop { clear:both; height:0px;  }
}
@media only screen and (max-width: 360px){
	.ContentBox h1 { font-size:20px; color:#231f20; text-transform:uppercase; font-weight:700; margin-bottom:32px; line-height: 1; }
	.desktop-banner{ display:none;}
.mobile-banner{display:block;}
	.logo{ width:65%;}
	.contact-top {padding: 15px 0px 20px 34px; margin-right: 0; margin-top: 0px;width:35%; }
	.ContentBox { margin-top: 40px; }
	.ContentBox h1 {margin-bottom: 21px;}
	.contact-top span.calltext-two a{font-size:15px;}
	.contact-top span.calltext-one {font-size:13px;}
	.first-text{ font:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; letter-spacing:3px; color:#c23652; text-align:center; padding:40px 50px 20px 50px;}
.second-text{font:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:3px; font-weight:400; color:#ffffff; text-align:center;padding:0px 50px 30px 50px;}
	.graybox{ background-color:#a1abb0; height:350px;}
	.space20-desktop { clear:both; height:0px;  }
}
@media only screen and (max-width: 320px){
	.ContentBox h1 { font-size:20px; color:#231f20; text-transform:uppercase; font-weight:700; margin-bottom:32px; line-height: 1; }

	.logo{ width:60%;}
	.contact-top {padding: 10px 0px 20px 34px; margin-right: 0; margin-top:0px;width:40%;}
	.contact-top span.calltext-two a{font-size: 14px;}
	.contact-top span.calltext-one a{font-size: 14px;}
	.first-text{ font:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; letter-spacing:3px; color:#c23652; text-align:center; padding:40px 50px 20px 50px;}
.second-text{font:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:3px; font-weight:400; color:#ffffff; text-align:center;padding:0px 50px 30px 50px;}
	.graybox{ background-color:#a1abb0; height:380px;}
	.space20-desktop { clear:both; height:0px;  }
	
	
	
	 
}


.error-box h1{font-size:66px;margin:0}.error-box h2{font-size:36px;margin:0;margin-bottom:20px}.error-box a{font-weight:700}

.map_canvas{float:left;width:100%;border:8px solid #e5e5e5;height:100%} #map{width:100%;height:100%}