/*#rt-copyright .rt-grid-2 .rt-block {margin:10px 0;}*/
#rt-copyright .rt-grid-1 .rt-block { margin:10px 0; padding:5px 0;}
#rt-copyright .rt-grid-2 .rt-block { margin:-3px 0 0 0; padding:5px 0;}



/*OVERWRITE SYSTEM GENERATED CSS*/
#rt-copyright .rt-grid-1{ width:150px;}
#rt-copyright .rt-grid-5 { width:250px;}
#rt-copyright .rt-grid-4 { width:600px;}
#rt-copyright .module-content ul.menu li a {padding: 0 10px !important;}
#rt-copyright .rt-grid-2 .totop-block { margin:10px 0 0 0 !important;}
#rt-copyright .rt-grid-2 .rt-block .VombieLikeButton {float:left; display:inline;margin-top:-35px !important;}
#rt-copyright .rt-social-buttons {	margin-top: 12px;}


.menu-home #rt-prebottom h1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	color: #BBB;
	margin-top: 0;	
}

.menu-home #rt-prebottom h1 span {
	color: #D70080;
}

.menu-home #rt-postbottom  {
	line-height: 20px;
}

.menu-home #rt-postbottom  br {
	display: none;
}

.menu-home .rt-prebottom-inner {
	border-top: 1px solid #000;
	padding-top: 2px;
}

.menu-home .rt-prebottom-inner2 {
	border-top: 4px solid #000;
}

.menu-home #rt-bottom {
	background-color: #f5f5f5;
	padding: 20px 0;
}

.menu-home #rt-bottom .rt-grid-6  + .rt-grid-6 {
	padding:0;
}

.menu-home #rt-bottom .rt-grid-6  .rt-block {
	padding: 0 15px;
	margin-top: 0;
}

.menu-home #rt-bottom .rt-grid-6 .bottom-left h2:before {
	content: url('../images/icon-bottom-left.png');
    padding-right: 5px;
    position: relative;
    top: 4px;
}

.menu-home #rt-bottom .rt-grid-6 .bottom-right h2:before {
	content: url('../images/icon-bottom-right.png');
    padding-right: 5px;
    position: relative;
    top: 4px;
}

.menu-home #rt-bottom h2 {
	color:#D70080;
	font-size: 19px;
	margin-top: 0;	
}

.menu-identity-print-design .page-box {
	background-color: #f1f1f1;
	padding: 10px 20px;
	margin-top: 20px;	
}

.menu-identity-print-design h1 {
	color:#D70080;
	font-size: 25px;	
	font-family: arial !important;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

.menu-identity-print-design  .page-box  h2{
	color:#D70080;
	font-family: arial !important;	
	font-size: 18px !important;	
	font-weight: 700 !important;
	margin-top: 0;	
}

.menu-identity-print-design .page-box h2:before {
	content: url('../images/icon-pen.png');
    padding-right: 8px;
    position: relative;
    top: 2px;
}

.menutop li.root > .item > span.menu-text {
  padding: 15px 20px 20px !important;
}

.menutop .fusion-js-subs li > .item {
  padding: 3px 8px 0 8px !important;
}

.menu-history h1 {font-size: 20px; text-align: center; text-transform: uppercase; font-family: arial !important; letter-spacing: 1px; margin: 30px 0; color: #BBB; }
.menu-history h1 span { /* clear: both; display:block; text-decoration: underline; */ }

.menu-history h2 {font-size: 25px !important;}



h2.about-right-title, h2.about-left-title {	background-color: #D70080;	color: #FFF;  font-size: 19px !important;	font-weight: bold !important; padding: 6px 10px;}
h2.about-left-title { width:62%; }
h2.about-right-title { width:62%; position: absolute; right:12px; }
p.about-left-content { margin-bottom: 5px; }
p.about-right-content { margin-top: 60px; }

@media (min-width: 1200px) {
	.menu-home #rt-bottom .rt-grid-6  + .rt-grid-6 {
		border-left: 1px solid #DDD;
	}

	.menu-identity-print-design h1 {
		border-bottom: 4px solid #f1f1f1;
		margin-bottom: 30px;
	}	

	.menu-identity-print-design h1 span {
		background: #fff none repeat scroll 0 0;
		height: 28px;
		padding: 10px 20px;
		position: relative;
		top: 15px;
	}	
	
	.menu-identity-print-design  .two-column,
	.menu-home #rt-prebottom .two-column {
		   -moz-column-count: 2;
		   -moz-column-gap: 20px;
		   -webkit-column-count: 3;
		   -webkit-column-gap: 20px;
	}	
	.menu-home #rt-postbottom  br {
		display: block;
	}
	/*
	.menu-history h1 {
		background-image: url('../images/bg_about_title.jpg'); 
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 16px;
	}
	*/

	h2.about-left-title:after { 	
		border-bottom: 16px solid transparent;
		border-left: 12px solid #D70080;
		border-top: 16px solid transparent;
		color: transparent;
		content: "";
		height: 0;
		margin-left: 34px;
		margin-top: -5px;
		position: absolute;
		width: 0;	
	}
	h2.about-right-title:before { 	
		border-bottom: 16px solid transparent;
		border-right: 12px solid #D70080;
		border-top: 16px solid transparent;
		color: transparent;
		content: "";
		height: 0;
		margin-left: -22px;
		margin-top: -5px;
		position: absolute;
		width: 0;	
	}
}	

/***** BREADCRUMBS STYLING *****/


	span.brd-0 { /* our rectangle */
	  color: transparent;
	}  

	span.brd-0:before { /*  our pseudo-element */
	  font-family: fontawesome;
	  font-size: 16px;  
	  color: #D70080;
	  content:"\f015";/* required */
	  left: 8px;
	  position: relative;  
	}  

@media screen and (min-width: 768px) {

	* {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}

	.menu-home #rt-breadcrumbs,	
	.rt-breadcrumb-surround img {
		display: none;
	}


	/* First breadcrumb level */

	span.brd-0 { /* our rectangle */
	  color: transparent;
	  width:250px;
	  height:50px;
	  background-color: #d70080;
	  margin:25px auto;
	  position: relative;
	  padding: 5.5px 5px;
	  z-index: 5;	  
	}

	span.brd-0:before { /*  our pseudo-element */ 
	  color: #FFF;
	}  	
	
	span.brd-0:after { /*  our pseudo-element */
	  content:"";/* required */
	  position: absolute; /* takes the 'cap' out off flow */
	  top:0; /* stick it to top edge of the sign */
	  left:100%; /* push it way overto the right*/
	  height:0; /* we're doing this with borders remember */
	  width:0; 
	  border-width: 13px;
	  border-style:solid;
	  border-color:#d70080; /* same as bg of our rectangle */
	  /* now we make some of theborders disappear*/
	  border-top-color:transparent;
	  border-bottom-color:transparent;
	  border-right-color:transparent;
	  z-index: 5;
	}


	/* Second breadcrumb level */

	span.brd-1 { /* our rectangle */
	  color: #FFF;
	  width:250px;
	  height:50px;
	  background-color: #f8179d;
	  margin:25px auto;
	  position: relative;
	  padding: 5.5px 5px 5.5px 22px;
	  z-index: 4; 	  
	}

	span.brd-1:after { /*  our pseudo-element */
	  content:"";/* required */
	  position: absolute; /* takes the 'cap' out off flow */
	  top:0; /* stick it to top edge of the sign */
	  left:100%; /* push it way overto the right*/
	  height:0; /* we're doing this with borders remember */
	  width:0; 
	  border-width: 13px;
	  border-style:solid;
	  border-color:#f8179d; /* same as bg of our rectangle */
	  /* now we make some of theborders disappear*/
	  border-top-color:transparent;
	  border-bottom-color:transparent;
	  border-right-color:transparent;
	  z-index: 4;  
	}

	/* Third breadcrumb level */

	span.brd-2 { /* our rectangle */
	  color: #FFF;
	  width:250px;
	  height:50px;
	  background-color: #fc36ac;
	  margin:25px auto;
	  position: relative;
	  padding: 5.5px 5px 5.5px 22px;
	  z-index: 3;	  
	}

	span.brd-2:after { /*  our pseudo-element */
	  content:"";/* required */
	  position: absolute; /* takes the 'cap' out off flow */
	  top:0; /* stick it to top edge of the sign */
	  left:100%; /* push it way overto the right*/
	  height:0; /* we're doing this with borders remember */
	  width:0; 
	  border-width: 13px;
	  border-style:solid;
	  border-color:#fc36ac; /* same as bg of our rectangle */
	  /* now we make some of theborders disappear*/
	  border-top-color:transparent;
	  border-bottom-color:transparent;
	  border-right-color:transparent;
	  z-index: 3;  
	}


	/* Fourth breadcrumb level */

	span.brd-3 { /* our rectangle */
	  color: #FFF;
	  width:250px;
	  height:50px;
	  background-color: #FD7BC9;
	  margin:25px auto;
	  position: relative;
	  padding: 5.5px 5px 5.5px 22px;
	  z-index: 2;  	  
	}

	span.brd-3:after { /*  our pseudo-element */
	  content:"";/* required */
	  position: absolute; /* takes the 'cap' out off flow */
	  top:0; /* stick it to top edge of the sign */
	  left:100%; /* push it way overto the right*/
	  height:0; /* we're doing this with borders remember */
	  width:0; 
	  border-width: 13px;
	  border-style:solid;
	  border-color:#FD7BC9; /* same as bg of our rectangle */
	  /* now we make some of theborders disappear*/
	  border-top-color:transparent;
	  border-bottom-color:transparent;
	  border-right-color:transparent;
	  z-index: 2;  
	}

	/* Last breadcrumb level */

	span.brd-last { /* our rectangle */
	  color: #d70080;
	  left: -4px;
	  width:250px;
	  height:50px;
	  background-color: #e7e7e7;
	  margin:25px auto;
	  position: relative;
	  padding: 5.5px 5px 5.5px 22px;
	  z-index: 1;  	  
	}

	span.brd-last:after { /*  our pseudo-element */
	  content:"";/* required */
	  position: absolute; /* takes the 'cap' out off flow */
	  top:0; /* stick it to top edge of the sign */
	  left:100%; /* push it way overto the right*/
	  height:0; /* we're doing this with borders remember */
	  width:0; 
	  border-width: 13px;
	  border-style:solid;
	  border-color:#e7e7e7; /* same as bg of our rectangle */
	  /* now we make some of theborders disappear*/
	  border-top-color:transparent;
	  border-bottom-color:transparent;
	  border-right-color:transparent;
	  z-index: 1;  
	}

}

/*****  END OF BREADCRUMBS STYLING  *****/


/***OVERWERITE**/

@media screen and (max-width: 859px) {
	.layout-slideshow .sprocket-features-content {
		background-color: transparent !important;
	}
	.layout-slideshow .sprocket-features-content .sprocket-features-desc,
	.layout-slideshow .sprocket-features-content .readon {
		display: none !important;
	}
	.layout-slideshow .sprocket-features-content h2 {
		float: left !important;
	}
	.layout-slideshow .sprocket-features-content h2 a {	
		color: #D6007F !important;
	}
}

.knowing-us .module-content {
	background-image: url('../images/bg-featured-border.png');
	background-repeat: no-repeat;
	background-position: center 48px;
}

.we-really-good h2 {
	padding:  0 20px 8px;
	border-color: #FFF !important;
}

#rt-copyright .rt-grid-4 .rt-block {
	margin-left: 0;
	padding-left: 0;
}

#rt-copyright .rt-grid-4 .rt-block  p {
	padding-left: 10px;
}

#xmap span {
  font-size:1.2em;
}
/* fake-button */
.sani-fake-button {
    font-family: 'EdmondSansMedium',Helvetica,Arial,sans-serif;
    background: none repeat scroll 0% 0% rgb(215, 0, 128);
    color: rgb(255, 255, 255);
    padding: 8px 20px 7px;
    
    border-radius: 0px 0px 0px 0px;
    box-shadow: none;
    border: medium none;
    text-shadow: none;
}
a.sani-fake-button:hover {
  color: rgb(255, 255, 255);
}
.fakhrin-fake-button {
    font-family: 'EdmondSansMedium',Helvetica,Arial,sans-serif;
    background: none repeat scroll 0% 0% #ffaa2c;
    color: rgb(255, 255, 255);
    padding: 8px 20px 7px;
    text-transform: uppercase;
    border-radius: 0px 0px 0px 0px;
    box-shadow: none;
    border: medium none;
    text-shadow: none;
}
a.fakhrin-fake-button:hover {
  color: rgb(255, 255, 255);
}
/*** GOOGLEMAP DIRECTIONS ***/
.adp-warnbox {
  margin: 5px 0 3px;
}
.warnbox-content {
  background: none repeat scroll 0 0 #FFF1A8;
  padding: 5px 6px;
}
.warnbox-c1, .warnbox-c2 {
  background: none repeat scroll 0 0 #FFF1A8;
  font-size: 1px;
  height: 1px;
  overflow: hidden;
}
.warnbox-c1 {
  margin: 0 2px;
}
.warnbox-c2 {
  margin: 0 1px;
}
.adp-list {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CDCDCD;
  cursor: pointer;
  padding: 4px;
}
.adp-fullwidth {
  width: 100%;
}
.adp-listsel {
  background: none repeat scroll 0 0 #EEEEEE;
  text-decoration: none;
}
.adp-listheader {
  padding: 4px;
}
.adp-placemark {
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px solid silver;
  color: #000000;
  cursor: pointer;
  margin: 10px 0;
  vertical-align: middle;
}
.adp-details, .adp-legal {
  color: #676767;
}
.adp-summary {
  padding: 0 3px 3px;
}
.adp-step, .adp-substep {
  border-top: 1px solid #CDCDCD;
  margin: 0;
  padding: 0.3em 3px;
  vertical-align: top;
}
.adp-list img, .adp-substep img {
  height: 15px;
  margin-right: 3px;
  position: relative;
  top: 2px;
  width: 15px;
}
.adp-distance {
  white-space: nowrap;
}
.adp-step, .adp-text {
  width: 100%;
}
.adp-directions {
  border-collapse: collapse;
  cursor: pointer;
}
.adp-list .gm-arrow {
  height: 9px;
  margin: 5px 0 3px;
  width: 8px;
}
.adp-agencies {
  font-size: 80%;
  margin: 5px 0;
}
.adp-summary-duration {
  float: right;
  margin-left: 7px;
  white-space: nowrap;
}
.adp-substep .gm-line {
  margin-right: 4px;
}
    
#directionsPanel {
  font-size:12px;
}
.adp-directions {
  width:100%;
}
/*** GOOGLEMAP DIRECTIONS ***/
/*.component-content table.tbl { border-collapse:inherit; }
.tbl { background:#CCC; }*/
.tblheader td { padding:10px 30px 10px 0; border-bottom:2px #999 solid; font-weight:bold; }
.tblrow td { padding:10px 30px 10px 0; border-bottom:1px #ccc solid; }
.green { color:#3C6; }
.red { color:#FF3366; }
em.highlight.yellow { background: none repeat scroll 0 0 #FC0; color: #FFFFFF; }
.circle.blue li:after, .checkmark.blue li:after { border-color: #1ABAFF; }
.triangle.blue li:after { border-color: transparent transparent transparent #1ABAFF; }

.services-banner { position:relative; width:750px; height:199px; }
.services-introshadow { position:absolute; margin-left:3px; width:240px; height:199px; background:rgba(240,60,180,0.3); transform:rotate(6deg); }
.services-intro { position:absolute; padding:15px; width:210px; height:169px; background:rgba(0,0,0,0.6); color:#fff;  }

.sprocket-lists-container .sprocket-lists-title { display:none; }
.sprocket-lists-container .readon { display:none; }

/*** HOMEPAGE main content padding ***/
.-sep12-home #rt-main .component-block { display:none; }

/*** facebook ***/
/*.fb_edge_comment_widget { top:-220px !important; left:-210px !important; height:191px; background:url(../images/facebook-downarrow.gif) 0 100% no-repeat; }
.fb_edge_comment_widget > span { height:184px !important; overflow:hidden; border-top:1px solid #000; }
.fb_edge_comment_widget > span > iframe { margin-top:-8px; }*/
.VombieLikeButton { overflow:hidden; line-height:1; }

/***CUSTOM ADD-ONS***/

#rt-sidebar-a .box4.rt-block{margin-bottom:25px !important;}

.banner1{
  padding:0 !important;
  background:no-repeat;
}

div.rt-block.banner11{
  /*padding:5px !important;*/
  padding:12px !important;
  background:#e2e2e2 url(../../../images/banners/dottedbg.png) !important;
  background-repeat:repeat-y !important;
  margin-bottom:20px !important;
}

.banner11 div.module-content{
  background:url(../../../images/banners/transbg.png) !important;
  background-repeat:repeat !important;
}

.banner1 p, .banner11 p{
  margin-bottom: 20px !important;
  padding:0 !important;
}

.banner11 .formField{
  font-family: 'EdmondSansRegular', Helvetica, Arial, sans-serif;
  font-size:1em;
  margin-left:34px;
}

.rsform-block-captcha1{
  font-family: 'EdmondSansRegular', Helvetica, Arial, sans-serif;
  font-size:1em;
  margin-left:34px;
}

.banner11 #userForm #Send{
  font-family: 'EdmondSansMedium', Helvetica, Arial, sans-serif;
  background:#d70080;
  color:#fff;
  padding: 8px 20px 7px 20px;
  text-transform: uppercase;
  border-radius:0;
  box-shadow:none;
  border:none;
  text-shadow:none;
}

.banner11 .formRed,.banner11 .myform1 p{
  margin-left:34px;  
}

.myform1 .formResponsive{
  max-width:100% !important;
}


.myform1 .formResponsive input, .myform1 .formResponsive select{
  width:80% !important;
}

.myform1 input#captchaTxt43{
  width:75px !important;
}

.banner11 .myform1{
  width:100%;
  height:100%;
  margin:0;
  margin-top:-4px;
}

.banner11 div p{margin:0; min-height:41px;}

.banner11 .myform1 p{
  width:80%;
  font-family: 'EdmondSansRegular', Helvetica, Arial, sans-serif;
  font-size:1em;
  line-height:normal;
  margin-bottom:0 !important;
}

.banner11 .formResponsive{
  margin:0;
  line-height:normal;
}

.banner11 .formError{
  height:17px !important;
}

.highlighted, span.highlighted,
.highlighted1, span.highlighted1{
  font-family: 'EdmondSansMedium', Helvetica, Arial, sans-serif;
  font-size:2.1em;
  line-height:1.4;
}

.formResponsive .formHorizontal .formControlLabel {
  text-align:left !important;
}

.testi{
  margin:30px 0;
}

div.rt-block.latestproj{
  margin:0 !important;
  padding:0 !important;
}

/*.sprocket-mosaic-loadmore .loadmore-text {
  font-weight:normal !important;
  font-size:1em !important;
}*/

.formResponsive .formHorizontal .rsform-block {
  margin-bottom:0;
}

ul.latestnews.title2.icon-star::before{
  /*content:none !important;*/
  content:"" !important;
  
  /*display:none !important;*/
}

ul.latestnews.title2.icon-star li{
  margin-left:38px !important;
  padding-bottom:12px;
  list-style-image:url(../images/blogitem.png);
}
ul.latestnews.title2.icon-star li a{
  line-height:normal !important;
  font-size:1.1em !important;
}

.blogmod .module-content{
  margin-top:-15px !important;
}

.module-content ul.menu li a {
  padding: 5px 20px;
  display: block;
  border: 1px solid transparent;
}

.typography-style-light blockquote.quote{
	background: none;
	padding-left: 0px;
	margin-top: 30px;
	margin-bottom: 30px;

}

.histroyContent p{
	/* text-align: justify; */
}

.histroyContent blockquote.alignright{
	padding-left: 0px;
	background: none;
	margin-top: 0px;
}

.histroyContent blockquote.alignleft{
	background: none;
	padding-left: 0px;
	margin-top: 0px;
}

div.rt-block.banner11{
	padding: 0px !important;
	background: none;
}

div.rt-block.banner11 .module-surround{
	border: 10px solid #ccc; 
}

.banner11 div.module-content{
	background-image: url("../images/formBg.jpg") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"]{
	height: 30px;
	margin-bottom: 5px;
}

ul.Aname{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 30px;
	margin-top: 30px;
}

ul.Aname .nameTitle{
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 24px;
	margin-bottom: 15px;
}

.nameCol{
	float: left;
	width: 50%;
}
.nameCol:nth-of-type(1){
	float: left;
	margin-right: 30px;
	width: 44%;
}

@media screen and (max-width: 959px) {
	.nameCol{
		float: none;
		width: 100%;
	}
	.nameCol:nth-of-type(1){
		float: none;
		margin-right: 0px;
		width: 100%;
	}
}

@media screen and (min-width: 480px) {
	.histroyContent blockquote.alignright	{
		margin-top: -50px !important;
	}	
	
}

@media screen and (max-width: 480px) {
	.histroyContent blockquote.alignright, .histroyContent blockquote.alignleft{
		float: none;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	h2.about-right-title, h2.about-left-title { 
		width: 100%;
	}
	
	h2.about-right-title {
		position: relative;
		right: auto;
	}
	
	p.about-right-content {
		margin-top: 0;
	}
	
}
/*.typography-style-light blockquote p.quoteTitle{
	background: none;
	padding-right: 0px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 50px;
	font-style: normal;
	position: relative;
	top: -20px;
	background-color: #fff;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
}*/

/*Jason edit
	TODO: refactor
*/
.portfolio-module .project-item-meta p,
.portfolio-module .project-img-extra {
  display: none !important;
}

.portfolio-module a {
	display: block;
}

i {
	background: none;
	width: auto;
	height: auto;
}



/*Jianhao edit*/
#portfolio-module-243 ul li a {
		line-height:1.4em;
	}

@media (max-width:767px) {
	#portfolio-module-243 ul li a {
		font-size:1em;
		line-height:1.4em;
	}
}
@media (max-width:480px) {
	#portfolio-module-243 ul li a {
		font-size:0.8em;
		line-height:1.4em;
	}
}
@media (max-width:375px) {
	#portfolio-module-243 ul li a {
		font-size:0.7em;
		line-height:1.4em;
	}
}


/*Victor edit*/
#rt-postbottom .module-content #editMe {visibility: hidden;}