@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight:400;
	font: inherit;
}

@font-face {
    font-family: 'titilliumregular';
    src: url('fonts/titillium-regular-webfont.eot');
    src: url('fonts/titillium-regular-webfontd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-regular-webfont.html') format('woff'),
         url('fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('fonts/titillium-regular-webfont-2.html#titilliumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titilliumbold';
    src: url('fonts/titillium-semibold-webfont.eot');
    src: url('fonts/titillium-semibold-webfontd41dd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-semibold-webfont.html') format('woff'),
         url('fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('fonts/titillium-semibold-webfont-2.html#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {margin:0px; padding:0px; font-family: 'titilliumregular'; font-size:14px; font-weight:400; color:#000000; background:#9c00ff;}

#mid-band{width:50%; position:fixed; z-index:1; margin-top:0px; background:#000; height:100%}
div#image {overflow:hidden; margin:0 auto; position:absolute;}
div#image img {position:absolute; }

.mainContainer {margin-top:20px; position:fixed; right:0; width:50%; background:#FFF; z-index:-1}

.topsocial {display:none;}

.Formattingtext {padding:7%; margin-top:0}
.imgContainer {margin-top:20px; position:fixed; left:0; width:50%; z-index: -1; background:#FFF}

.text {width:100%;}

.text .scroll-pane {width:100%!important;}
.text .aaa {padding-right:20px}
.text .aaa .fpth {float:left; width:180px; margin:0 25px 30px 0; background:#E6E6E6; display:block; padding:5px; -moz-box-shadow: 6px 5px 10px -6px #000; -webkit-box-shadow: 6px 5px 10px -6px #000; box-shadow: 6px 5px 10px -6px #000; text-decoration:none; color:#000; -webkit-transition:all .3s ease-in; -moz-transition:all  .3s ease-in;  -o-transition:all .3s ease-in;  transition:all .3s ease-in;}
.text .aaa .fpth img {border:1px solid #FFF; -moz-box-shadow: 0px 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000; margin-bottom:1px; width:100%}
.text .aaa .fpth span {display:block; font-size:12px}
.text .aaa .fpth strong {display:block;  font-family: 'titilliumbold';}
.text .aaa .fpth:hover {background:#9c00ff; color:#FFF; -webkit-transition:all .3s ease-in; -moz-transition:all  .3s ease-in;  -o-transition:all .3s ease-in;  transition:all .3s ease-in;}


.text .aaa .pdf {float:left; width:180px; margin:0 15px 30px 0; background:#E6E6E6; display:block; padding:5px 7px 5px 5px; -moz-box-shadow: 6px 5px 10px -6px #000; -webkit-box-shadow: 6px 5px 10px -6px #000; box-shadow: 6px 5px 10px -6px #000; text-decoration:none; color:#000; -webkit-transition:all .3s ease-in; -moz-transition:all  .3s ease-in;  -o-transition:all .3s ease-in;  transition:all .3s ease-in;}
.text .aaa .pdf img {border:1px solid #FFF; -moz-box-shadow: 0px 0px 0px 0px #000; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000; margin-bottom:1px; width:100%}
.text .aaa .pdf span {display:block; font-size:12px}
.text .aaa .pdf strong {display:block;  font-family: 'titilliumbold';}
.text .aaa .pdf:hover {background:#9c00ff; color:#FFF; -webkit-transition:all .3s ease-in; -moz-transition:all  .3s ease-in;  -o-transition:all .3s ease-in;  transition:all .3s ease-in;}

.text .aaa .gallth {float:left; width:170px; height:154px; margin:0 25px 30px 0; display:block; padding:0px; -webkit-transition:all .3s ease-in; -moz-transition:all  .3s ease-in;  -o-transition:all .3s ease-in;  transition:all .3s ease-in;}
.text .aaa .gallth img {border:2px solid #ccc; width:100%; -moz-box-shadow: 6px 5px 10px -6px #000; -webkit-box-shadow: 6px 5px 10px -6px #000; box-shadow: 6px 5px 10px -6px #000;}
.text .aaa .gallth img:hover {-moz-box-shadow: 6px 10px 18px -6px #000; -webkit-box-shadow: 6px 10px 18px -6px #000; box-shadow: 6px 10px 18px -6px #000;}






.text .aaa .location {float:left; width:95%; margin:0 0px 30px 0; display:block; padding:0px; -moz-box-shadow: 6px 5px 10px -6px #000; -webkit-transition:all .3s ease-in; -moz-transition:all  .3s ease-in;  -o-transition:all .3s ease-in;  transition:all .3s ease-in;}
.text .aaa .location img {border:2px solid #ccc; width:100%; -webkit-box-shadow: 6px 5px 10px -6px #000; box-shadow: 6px 5px 10px -6px #000;}
.text .aaa .location img:hover {-moz-box-shadow: 6px 10px 18px -6px #000; -webkit-box-shadow: 6px 10px 18px -6px #000; box-shadow: 6px 10px 18px -6px #000;}

.text img {max-width:100%}
.text .home {
	color:#000;
	font-size:12px;
	text-decoration:none;
	font-family: 'titilliumbold';
	padding-right: 20px;
	padding-bottom: 20px;
}
.text h1 {color:#9c00ff; font-size:38px; margin:-5px 0 25px 0; padding:0 0 0px 0; border-bottom:#000000 1px solid; line-height:60px; text-transform:capitalize}
.text h2 {font-size:22px; margin:0 0 5px 0; padding:0; line-height:28px; text-transform:uppercase}

.text h3 {margin: 5px;padding: 0; font-size: 13px;color: #FFF;background: #444;padding: 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}

.text p {line-height:21px; margin-bottom:25px}

.text ul{margin:0px; padding:0px; list-style:none; margin-bottom:25px;}
.text ul li{ padding-bottom:15px; background:url(images/li-arrow.jpg) no-repeat left 5px; padding-left:13px;}

.text .contentfloatR img, .text .contentfloatL img {border:2px solid #FFF; -moz-box-shadow: 6px 5px 10px -6px #000; -webkit-box-shadow: 6px 5px 10px -6px #000; box-shadow: 6px 5px 10px -6px #000; margin-bottom:10px;}
.text .contentfloatR {float:right;}
.text .width270L {width:65%}
.text .width250R {width:65%}
.text .imgR {width:30%; text-align:right; margin-left:2%;}
.text .imgL {width:30%; text-align:left; margin-right:2%;}
.text .contentfloatL {float:left;}

.text .tableformat {text-align:left; padding:5px; margin:5px 0 20px 0;}
.text .tableformat td {vertical-align: top;	border-bottom: 1px dotted #6e6e6e;	padding: 5px;	line-height:16px;	text-align:left}
.text .tableformat td strong {font-weight:700;  font-family: 'titilliumbold';}

.text .issuuembed {width:100%; height:250px;}

.clear {margin:0; padding:0; clear:both}

.popup {width:320px; position:absolute; z-index:999999999999999999999999999999999999999; display:none;}
.popup .cut {background:url(images/ar-l.png) no-repeat 0 15px; width:13px; height:50px; display:block; float:left;}
.popup .cut1 {background:url(images/ar-l.png) no-repeat 0 230px; width:13px; height:300px; display:block; float:left;}
.popup .cut2 {background:url(images/ar-r.png) no-repeat 0 15px; width:13px; height:50px; display:block; float:left;}
.popup .cont {background:url(images/cutbg.png); padding:10px 15px; -moz-box-shadow: 0 23px 19px -18px #000; -webkit-box-shadow: 0 23px 19px -18px #000; box-shadow: 0 20px 19px -18px #444;}
.popup .cont h2 {font-family: 'Trebuchet Ms'; font-size:16px; font-weight:700; color:#005aa6; padding-bottom:5px;}
.popup .cont p {font-family: 'Trebuchet Ms'; font-size:13px; font-weight:400;}

#header {border-bottom:1px solid #f14a50; padding:10px 0 10px 0; float: left; width: 100%; z-index:999999999999999999;}
#header #topIcons {float:left; margin:5px 0 0 15px; width:110px; text-transform:uppercase; display:block}
#header #topIcons a {float:left; width:auto; color:#FFF; text-decoration:none; margin-right:15px; line-height:13px; font-size:12px;}
#header #topIcons .constructionIcon {background:url(images/headericons.png) no-repeat 0 2px; padding-left:37px}
#header #topIcons .downloadBrochureIcon {background:url(images/headericons.png) no-repeat 0 -35px; padding-left:25px}

#header .logo {width:67px; float:right; margin-right:15px; border-left:1px solid #f14a50; padding:10px 0 0 20px; margin-top:-10px;}
#header .toplinks { width:796px; float:right;}
#header .toplinks ul {margin:-10px 0 -10px 0; padding:0; list-style:none; float:right;}
#header .toplinks ul li {float:left; text-transform:uppercase; font-size:12px}
#header .toplinks ul li a {float:left; color:#FFF; text-decoration:none; display:block; padding:20px 7px; background:url(images/menu-bg.png) repeat left -135px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
#header .toplinks ul li a:hover {color:#fff; text-decoration:none; background-position:0px 0px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
#header .toplinks ul li.menutophm {display:none}

#headerin {border-bottom:0px solid #f14a50; padding:0; width: 100%; background:#000; height:20px; z-index:20; position:absolute; top:0; left:0}
#headerin #topLinksin { width:auto; float:left; margin-left:10px; font-size:13px;}
#headerin #topLinksin ul {margin:0px 0 0 0; padding:0; list-style:none;}
#headerin #topLinksin ul li {float:left; text-transform:uppercase; margin-left:3px}
#headerin #topLinksin ul li a {color:#FFF; background:#9c00ff; text-decoration:none; display:block; padding:12px 14px 10px 14px; -moz-box-shadow: 5px 4px 11px -5px #000; -webkit-box-shadow: 5px 4px 11px -5px #000; box-shadow: 5px 4px 11px -5px #000;}
#headerin #topLinksin ul li a:hover {background:#000;}
#headerin #topLinksin ul li span {color:#FFF; background:#000; text-decoration:none; display:block; padding:12px 14px 10px 14px; -moz-box-shadow: 5px 4px 11px -5px #000; -webkit-box-shadow: 5px 4px 11px -5px #000; box-shadow: 5px 4px 11px -5px #000;}

#headerin .logoin {width:142px; float:right; margin-right:15px; margin-top:0px;}

#headerin .moblieMenu {width:40px; height:40px; background: url(images/nav-icon.png) no-repeat center #9c00ff; display:none; float:left; cursor:pointer}

#header .toplinks .hmmoblieMenu {width:40px; height:25px; background: url(images/nav-icon.png) no-repeat 40px 0 #9c00ff; display:none; float:left; cursor:pointer; padding-right:30px; color:#FFF; margin-top:5px}

.mainlogo {position:absolute; bottom:31px; left:50%; z-index:-1;}
.mainlogo img {width:100%;}

#footerin .mainMenu {width:40px; height:25px; background: url(images/nav-icon.png) no-repeat 40px 0 #9c00ff; display:none; float:right; cursor:pointer; color:#FFF; padding-right:30px; margin-top:10px}

.picapattren {position:absolute; top:58px; left:0}
.picapattren img, .picbpattren img {width:100%;}
.picbpattren {position:absolute; bottom:30px; right:0}

.punchLins {position:absolute; bottom:60px; left:15px; text-transform:uppercase; color:#FFF; font-size:36px; line-height:37px;  text-shadow:2px 3px 5px #494949}

/*----------------home icn------------*/

.glowicon{display:block; background:url(images/homeicon-glow.png) no-repeat left top; width:140px; height:114px; position:absolute; z-index:-1 ; margin:-30px 0 0 -34px; display:none;}

.homeicn{ width:70px; margin:0px 0 0 25px; top:0%; position:absolute; z-index:9999999; }
.homeicn .popup{left:90px; right:0;}

.homeicn1{ width:70px; margin:0px 0 0 0px; top:0%; right:3.5%;  position:absolute; z-index:9999999; }
.homeicn1 .businessdiv{left:-330px; }

.homeicn2{ width:70px; margin:0 0 0 0px; top:28%; left:-2%; position:absolute; z-index:9999999; }
.homeicn2 .glowicon{margin:-18px 0 0 -34px;}
.homeicn2 .laundrydiv{left:90px; }

.homeicn3{ width:70px; margin:0px 0 0 0px; top:28%; right:-2%; position:absolute; z-index:9999999; }
.homeicn3 .glowicon{margin:-21px 0 0 -34px;}
.homeicn3 .retaildiv{left:-325px; }

.homeicn4{ width:70px; margin:0px 0 0 0px; top:63%; left:6%; position:absolute; z-index:9999999; }
.homeicn4 .glowicon{margin:-21px 0 0 -34px;}
.homeicn4 .conciergediv{left:80px; top:-190px;}

.homeicn5{ width:70px; margin:0px 0 0 0px; top:63%; right:6%; position:absolute; z-index:9999999; }
.homeicn5 .glowicon{margin:-21px 0 0 -34px;}
.homeicn5 .fitnessdiv{left:-330px; top:0px;} 

/*----------------home icn ene------------*/

#footer {border-top:1px solid #f14a50; padding:0px 0 0px 0; float: left; width: 100%; font-family:Arial, Helvetica, sans-serif; color:#FFF; position:absolute; bottom:0px; left:0; font-size:11px; height:
34px;}
#footer .linksfooetr {float:left; margin:8px 0 0 15px; width:250px; text-align:left}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#000; text-decoration:underline;}
#footer span {padding:0 7px}
#footer .copy {float:right; margin:0 15px 0 0; }

.logonin { width:212px; position:absolute; bottom:0; left:15px; z-index:10}
.logonin img { width:100%;}

#footerin { width:100%; background:#9c00ff; position:absolute; bottom:0; left:0; font-size:12px;}
#footerin ul {margin:0px 0 0 0; padding:0; list-style:none; float:right; border-left:dotted 1px #f14a50;}
#footerin ul li {float:left; text-transform:uppercase}
#footerin ul li a {float:left; color:#FFF; text-decoration:none; display:block; padding:26px 14px; background:url(images/menu-bg.png) repeat left -135px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
#footerin ul li a:hover {color:#fff; text-decoration:none; background-position:0px 0px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
#footerin ul li span {float:left; color:#fff; text-decoration:none; display:block; padding:26px 10px;  background:url(images/menu-bg.png) repeat left 0px; }

.logos {position:relative; margin:0 0 30px 0; border:1px solid #ccc; padding:10px 10px 10px 15px; width:90%;}
.logos img {float:right; margin:-25px 0px 0 20px; -moz-box-shadow: 0 0 5px 1px #ccc; -webkit-box-shadow: 0 0 5px 1px #ccc; box-shadow: 0 0 5px 1px #ccc;}
.logos p {margin-bottom:10px;}

.faqs{padding:10px; width:94%; background:#ededed; float:left; border:solid 1px #ccc; margin-bottom:20PX;}
.faqs h2{font-size:14px !important; line-height:20px; text-transform:none; color:#9c00ff; margin-bottom:15px;}
.faqs h3{background:none; color:#000; font-size:13px; font-weight:700;}

.sociallink{float:right; margin:6px 0 0 10px;}
.sociallink ul{margin:0px; padding:0px; list-style:none;}
.sociallink ul li{float:left;  margin-right:2px; padding:0 0px !important;}
#footerin .sociallink{}
#footerin .sociallink ul li a{padding:0 5px !important; margin-top:25px;}
#footerin .sociallink ul li a:hover {color:#fff; text-decoration:none; background-position:0px -135px !important; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}

.inp{width:200px; border:solid 1px #999; margin-bottom:5px;}
.enquiry-form{width:200px; height:229px; background:#9c00ff; position:fixed; top:50%; left:-200px; margin:-114px 0 0 0px; padding-top:12px;}
.enquiry-form-btn{
	position:fixed;
	top:50%;
	left:0;
	cursor:pointer;
	margin-top: -130px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

.enq{width:175px; height:20px; margin:0 0 7px 6px; background:none; border:solid 1px #fff; outline:none; font-size:12px; font-family: 'titilliumregular'; padding-left:5px; color:#fff;}
.btn{ background:transparent; color:#fff; border:solid 1px #fff; padding:5px 10px 7px 10px; font-size:12px; font-family: 'titilliumregular'; margin-left:5px;}
.btn1{ background:#9c00ff; color:#fff; border:solid 1px #fff; padding:5px 10px 7px 10px; font-size:14px; font-family: 'titilliumregular'; margin-left:0px;}

.contform{float:right; width:230px; margin-right:15px;}
.conttext{width:196px !important; margin-bottom:8px;}

.mainlogo .wrapper, .mainlogo .inner, .mainlogo #crc1 {
    position: absolute;
    width: 100%;
    height: 100%;
  -webkit-animation-name: rotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: rotate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.mainlogo .wrapper {
  -webkit-animation-duration: 10s;
    -webkit-animation-play-state: paused;
    -webkit-animation-direction: reverse;
  animation-duration: 10s;
    animation-play-state: paused;
    animation-direction: reverse;
}
.mainlogo:hover .wrapper {
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

.mainlogo .inner {
    display: block;
	-webkit-animation-direction: reverse;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  animation-direction: reverse;
}

.mainlogo #crc1 {
    display: block;
	-webkit-animation-direction: infinite;
  -webkit-animation-duration: 70s;
  animation-duration: 70s;
  animation-direction: infinite;

}
@keyframes rotate {
  from { transform: rotate(0deg);  }
  to {    transform: rotate(360deg);  }
}    
@-webkit-keyframes rotate {
  from { -webkit-transform: rotate(0deg);  }
  to {    -webkit-transform: rotate(360deg);  }
}   



.footermobile{width:100%; } 
.flinkhome{display:none;}

@media screen\0 {  
  .picapattren {position:absolute; top:65px; left:0; width:20% !important;}
.picapattren img, .picbpattren img {width:100%;}
.picbpattren {position:absolute; bottom:31px; right:0; width:20% !important;}

	.mainlogo {position:absolute; bottom:31px; left:50%; z-index:-1; width:600px !important; margin:0 0 0 -300px;}
	.mainlogo img {width:100% !important;}
	
	#homeicon{left:0 !important; z-index:-11 !important;}

}  




@media (max-width: 1366px) {
.text .aaa .fpth {float:left; width:157px; margin:0 25px 30px 0;}
	}
	
@media (max-width: 1200px) {
.contform {float:none;}
.topsocial {display:block; top:42px;}
.sociallink {display:none;}
	}

	
@media (max-width: 1024px) {
/*.mainlogo {width:700px; height:576px; overflow:hidden; margin-left:-350px; position:absolute; left:50%; bottom:35px; z-index:10}*/
#header .hmmoblieMenu {display:block}
.text .aaa .fpth {float:left; width:90%; margin:0 0px 30px 0;}
.picapattren {top:57px;}

	}
@media (max-width: 1023px) {
#header .toplinks .hmmoblieMenu {display:block}
#header .toplinks {width:auto}

#header .toplinks ul {display:none; position:absolute; top:45px; left:0; background:#000; float:none; z-index:20; width:100%}
#header .toplinks ul li {float:none;}
#header .toplinks ul li a {float:none; color:#FFF; text-decoration:none;  display:block; padding:5px 3px; text-align:center; border-bottom:1px solid #f14a50}
#header .toplinks ul li a:hover {color:#000; text-decoration:underline; background:#9c00ff;}
	}
	
@media (max-width: 900px) {
.Formattingtext {margin-top:-20px; padding:3%}
.mainContainer {margin-top:20px; position:relative; right:0; width:100%; background:#FFF; height:auto!important; z-index:2}
.imgContainer {margin-top:20px; position:relative; left:0; width:100%; height:400px !important}
.punchLins {position:absolute; font-size:50px; bottom:0px !important; line-height:50px; left:25% !important; text-align:center; width:400px; margin:auto; top:-450px !important; height:75px;}
.contform {float:right;}

#footerin { position:relative; height:40px; z-index:3;}
#footerin .mainMenu {display:block}
#footerin ul {display:none; position:absolute; right:0; top:30px}
#footerin ul li {float:none; text-transform:uppercase}
#footerin ul li a {float:none; color:#FFF; text-decoration:none; display:block; border-bottom:1px #ff767b solid; padding:10px 14px; background:#9c00ff;}
#footerin ul li a:hover {color:#000; text-decoration:underline;}
.logonin { width:132px;}
#footer {border-top:1px solid #f14a50; padding:0px 0 0px 0; float: left; width: 100%; font-family:Arial, Helvetica, sans-serif; color:#FFF; position:absolute; bottom:20px; left:0; font-size:11px; height:34px;}
#footer .linksfooetr {float: none; text-align:center; width:100%; margin:0 0 5px 0}

#footer .copy {float: none;margin: 0;width: 100%; text-align:center}
.picbpattren {bottom: 50px}
#footerin ul li span {float:none; color:#fff; text-decoration:none; display:block; padding:10px 14px;  background:url(images/menu-bg.png) repeat left 0px; }

.flinkhome{float:none; margin:0 0 0 5px; padding:3px 0px; display:block; text-align: center;}
.flinkhome span{font-size:11px; color:#fff; margin-right:5px;}
.flinkhome a{text-decoration:none; color:#fff; font-size:11px; padding-right:5px;}

.text .aaa .location {float:left; margin:0 0px 30px 0; width:98%; display:block; padding:0px; -webkit-transition:all .3s ease-in; -moz-transition:all  .3s ease-in;  -o-transition:all .3s ease-in;  transition:all .3s ease-in;}

.text .aaa .gallth {float:left; width:30%; height:auto; margin:0 20px 30px 0; display:block; padding:0px; -webkit-transition:all .3s ease-in; -moz-transition:all  .3s ease-in;  -o-transition:all .3s ease-in;  transition:all .3s ease-in;}
.mainlogo {bottom:50px; left:50%;}
.mainlogo img {width:100%;}



.homeicn{ width:45px; margin:0px 0 0 25px; top:-15%%; position:absolute; z-index:9999999; }
.homeicn a:hover{background:url(images/homeicon-glow.png) no-repeat; top:0%; }
.homeicn1{ width:45px; margin:0px 0 0 0px; top:-15%%; right:3.5%;  position:absolute; z-index:9999999; }
.homeicn2{ width:45px; margin:0 0 0 0px; top:16%; left:-2%; position:absolute; z-index:9999999; }
.homeicn3{ width:45px; margin:0px 0 0 0px; top:16%; right:-2%; position:absolute; z-index:9999999; }
.homeicn4{ width:45px; margin:0px 0 0 0px; top:50%; left:6%; position:absolute; z-index:9999999; }
.homeicn5{ width:45px; margin:0px 0 0 0px; top:50%; right:6%; position:absolute; z-index:9999999; }

.enquiry-form-btn{display:none;}

#footerin .sociallink{display:none;}

.copy{width:100% !important; height:auto !important;}
	.copy p{width:100% !important; margin-bottom:10px !important;}
	.sociallink{float:none !important; margin:0 auto !important; width:130px !important; padding-top:10px !important;}

}

@media (max-width: 700px) {
.Formattingtext {margin-top:-20px;}
#headerin .moblieMenu {display:block}
#headerin #topLinksin {margin-left:0px; position:absolute; top:0; left:40px;}
#headerin #topLinksin ul {display:none}
#headerin #topLinksin ul li {float:none; margin-left:0px; border-bottom:1px #ff767b solid}
#headerin #topLinksin ul li a {-moz-box-shadow: 0 0 0 0 #000; -webkit-box-shadow: 0 0 0 0 #000; box-shadow: 0 0 0 0 #000;}
.sociallink {display:block;}
.topsocial {display:none;}
}

@media (max-width: 600px) {
	.imgContainer {margin-top:20px; position:relative; left:0; width:100%; height:300px !important}
.text .contentfloatR {float:none;}
.text .width270L {width:100%}
.text .width250R {width:100%}
.text .imgR {width:100%; text-align:left; margin-left:0;}
.text .imgL {width:100%; text-align:left; margin-right:0;}
.text .contentfloatL {float:none;}
.picapattren {top:57px;}

.homeicn{ width:60px; margin:0px 0 0px 0px!important; position:relative; z-index:9999999; float:left; left:0;}
	.homeicn1{ width:60px; margin:0px 0 0 0px!important; position:relative; z-index:9999999; float:left;  left:0;}
	.homeicn2{ width:55px; margin:0 0 0 0px!important; position:relative; z-index:9999999;  float:left; left:0;}
	.homeicn3{ width:60px; margin:0px 0 0 0px!important; position:relative; z-index:9999999;  float:left; left:0;}
	.homeicn4{ width:60px; margin:0px 0 0 0px!important; position:relative; z-index:9999999;  float:left; left:0;}
	.homeicn5{ width:60px; margin:0px 0 0 0px!important; position:relative; z-index:9999999;  float:left; left:0;}
	
	.punchLins { position:relative !important; margin-left:-90px !important; top:-260px !important;}
	#homeicon{top:-100px !important; left:-7px; }
	.mainlogo{width:200px !important; height:auto !important; top:220px !important; left:50% !important; margin-left:-91px !important; position:relative !important;}
	#footer{position:relative !important; margin-top:60px !important; padding-top:20px;}

}
@media (max-width: 599px) {
.picbpattren1 {bottom: 153px}
}

@media (max-width: 655px) {
	#headerin .moblieMenu {display:block}
#headerin #topLinksin {margin-left:0px; position:absolute; top:0; left:40px;}
#headerin #topLinksin ul {display:none}
#headerin #topLinksin ul li {float:none; margin-left:0px; border-bottom:1px #ff767b solid}
#headerin #topLinksin ul li a {-moz-box-shadow: 0 0 0 0 #000; -webkit-box-shadow: 0 0 0 0 #000; box-shadow: 0 0 0 0 #000;}

.text .aaa .gallth {float:left; width:45%; height:auto;}

 

.wrapper{ display:none;}
#crc1{display:none !important;}
.mobhomeicn{position:absolute; width:140% !important; z-index:99999; margin:-20px 0 0 -30px !important; text-align:center;}
.homehandimg{ opacity:0;}

	.homeicn{ width:60px; margin:0px 0 0px 0px!important; position:relative; z-index:9999999; float:left; left:0;}
	.homeicn1{ width:60px; margin:0px 0 0 0px!important; position:relative; z-index:9999999; float:left;  left:0;}
	.homeicn2{ width:55px; margin:0 0 0 0px!important; position:relative; z-index:9999999;  float:left; left:0;}
	.homeicn3{ width:60px; margin:0px 0 0 0px!important; position:relative; z-index:9999999;  float:left; left:0;}
	.homeicn4{ width:60px; margin:0px 0 0 0px!important; position:relative; z-index:9999999;  float:left; left:0;}
	.homeicn5{ width:60px; margin:0px 0 0 0px!important; position:relative; z-index:9999999;  float:left; left:0;}
	
	.punchLins { position:relative !important; margin-left:0px !important; top:-260px !important; font-size:30px; left:0% !important; width:100% !important; text-align:center !important; line-height:35px !important;}
	#homeicon{top:-100px !important; left:-7px; }
	.mainlogo{width:200px !important; height:auto !important; top:220px !important; left:50% !important; margin-left:-91px !important; position:relative !important;}
	#footer{position:relative !important; margin-top:80px !important; padding-top:20px;}

.picbpattren {bottom: 0px;}
.picbpattren1 {top:59px !important;}

}

@media (max-width: 442px) {
.text .aaa .gallth {float:none; width:100%; height:auto; margin-right:0; margin-bottom:15px;}
}



@media (max-width: 480px) {
.picbpattren {bottom: 173px}
}


@media (max-width: 530px) {
.contform{width:100%;  margin-right:0px;}	
.contform .inp{width:98%; height:30px;}
.contform .conttext{width:96% !important; margin-bottom:8px;}

.wrapper{ display:none;}
#crc1{display:none;}
.homehandimg{ opacity:0;}




}

@media (max-width: 500px) {
	#header #topIcons { display:none}
	#header .toplinks ul li.menutophm {display:block}
	#header .toplinks {float: left; margin-left:13px}
}



@media (max-width: 421px) {
.mainlogo {bottom:64px}
.mainlogo img {width:100%;}
}


@media (max-width: 320px) {
	
	.punchLins { font-size:20px; line-height:20px !important;}
	
	
	
	
	
}






/* Pop */
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.pop {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pop:hover, .pop:focus, .pop:active {
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.wobble-horizontal {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Sink */
.sink {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.sink:hover, .sink:focus, .sink:active {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

/* Hover */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hover {
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover:hover, .hover:focus, .hover:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse */
@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.pulse {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pulse:hover, .pulse:focus, .pulse:active {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Push */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.push {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover, .push:focus, .push:active {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Float */
.float {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float:hover, .float:focus, .float:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* Grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* Buzz Out */
@-webkit-keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.buzz-out {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz-out:hover, .buzz-out:focus, .buzz-out:active {
  -webkit-animation-name: buzz-out;
  animation-name: buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Glow */
.glow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.glow:hover, .glow:focus, .glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}


/* Float Shadow */
.float-shadow {
  display: inline-block;
  position: fixed;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  z-index:10
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


#crc1 {
    -webkit-animation: rotation 70s infinite linear;	
}

#crc1:hover {
    -webkit-animation: rotation 90s infinite linear;	
}



#crc2 {
    -webkit-animation: rotationrev 30s infinite linear;	
}


@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg); }
    to   {-webkit-transform: rotate(359deg);}
}
@-webkit-keyframes rotationrev {
    from {-webkit-transform: rotate(359deg); }
    to   {-webkit-transform: rotate(0deg);}
}


.elem{
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 10s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 10s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
.elem:hover {
    -webkit-animation-name: rotate1; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate1; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate1 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate1 {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}



.linkhome1{width:150px; height:150px; background:#F60; position:absolute; top:0px; left:0px;}