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


html,body { 
	background-color: #465560;
	width: 100%;
 margin: 0px;
    padding: 0px;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	
   }




/*.container { width: 1440px;}*/
.container-fluid { margin: 0px 60px; }





/*.sidelogo { padding: 0px 0px 0px 0px;  opacity: 0.6; filter: alpha(opacity=60);}*/


.sidelogo { background-image: url(../../siteimages/logo_liew_sm.png); padding: 0px 0px 0px 0px;  width:100px; height:218px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat;  }
	
.sidelogo2 { background-image: url(../../siteimages/logo_liew2.png); padding:0px 0px 0px 0px;  width:100px; height:218px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat; margin-left: 47px; }

.quoterotate { padding-left: 60px;}
	
	
.quote {font-family: 'Titillium Web', sans-serif; font-size: 1.58em;  letter-spacing: 1.2px; color: #d0d4d6; font-weight: 300; padding: 0px 0px 10px 0px; margin: 89px 0px 0px 0px; height: 130px;}
	
	

.quote p.client { font-family: 'Titillium Web', sans-serif; font-size: 0.72em; letter-spacing: 1px; color: #d0d4d6; font-weight: 300; margin-top: 10px;}

.openquote_graphic {display: inline; padding: 0px 0px 0px 0px; margin: 0px 0px 0px -20px;}
img.quotepos {display: inline;  vertical-align: top;}




.carousel-fade .carousel-inner {margin-left: -20px; padding: 0px;}




.carousel-fade .carousel-inner .item {
 
		    -webkit-transition-property: opacity 5s ease-in-out;
  -moz-transition-property: opacity 5s ease-in-out;
  -o-transition-property:opacity 5s ease-in-out;
  transition-property: opacity 5s ease-in-out;
  -webkit-transform: translate3d(0,0,0); 
  
    -webkit-transition-duration: 5s;
    -moz-transition-duration: 5s;
    -o-transition-duration: 5s;
    transition-duration: 5s;
  	   
		  padding-left: 30px;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
   transition: opacity 3s ease-in-out;
  
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	-webkit-transition-property: opacity 5s ease-in-out;
  -moz-transition-property: opacity 5s ease-in-out;
  -o-transition-property:opacity 5s ease-in-out;
  transition-property: opacity 5s ease-in-out;
  -webkit-transform: translate3d(0,0,0); 
  
     -webkit-transition-duration: 5s;
    -moz-transition-duration: 5s;
    -o-transition-duration: 5s;
    transition-duration: 5s;
	
  opacity: 1;

  
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  
    
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
		  
		   transition: opacity 3s ease-in-out;
	
}
.carousel-fade .carousel-control {
  z-index: 2;
}
	
	@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}




.portgrid {
	margin: 50px 0px 80px 0px;
	padding: 0px;
	

	
	
}

.portgrid2 {
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
	
	
}


 
 
.portgraphic {
	
padding: 0px 30px 50px 30px;
margin: 0px;




	
}


.portgraphic img {
	
	  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out; 
	-webkit-backface-visibility: hidden;
margin-bottom: 8px;



	
}

.portgraphic img:hover { opacity:0.6; filter: alpha(opacity=60);}


h4{ font-family: 'Titillium Web', sans-serif; color: #acb6bb; font-weight: 200; font-size: 1em; margin: 0px; line-height: 1.4em;} 


		h4.transhead { 
margin-top: -13px;
	
	
}


.portnav {padding: 30px 30px 0px 0px;text-align: right;}

ul.portpagenav { list-style-type: none;} 

ul.portpagenav li {display: inline; border-right: 1px solid #cea03d;}

ul.portpagenav li a {display: inline; font-size:1.1em; font-family: 'Titillium Web', sans-serif; font-weight: 300; color: #acbdc5; padding: 0px 12px 0px 8px; }

ul.portpagenav li a:hover { color: #cea03d; text-decoration: none;}

ul.portpagenav li:last-child { border-right: none; }
	



@media only screen and (max-width: 639px) {
	

	
.portgraphic {
	
padding: 0px 0px 20px 0px;



	
}
	
	
	
	 }
	 

	 
	 
	 
 @media only screen and (min-width: 769px) and (max-width: 878px) {
	 
	h4.transhead { 
margin-top: -10px;
	
	
}
	 
	
	 
	 
	 }
	 
	 	 @media only screen and (min-width: 464px) and (max-width: 768px) {
	

	
	h4.transhead { 
margin-top: -19px;
	
	
}
	
	.portgrid2 {
	margin: 10px 0px 0px 90px;
	padding: 0px;

	
}

.quote { margin-top: 40px;}
	
	
	
	
	 }
	 
	  @media only screen and (max-width: 513px) {
	 
	 .portnav {padding-right: 0px; padding-left: 0px; border: 1px solid #FFF; text-align: right; margin: 0px;}
	 ul.portpagenav li a {display: inline; font-size:1.1em; font-family: 'Titillium Web', sans-serif; font-weight: 300; color: #acbdc5; padding: 0px 10px 0px 8px; }
	 
	  }
		 
		 
		  @media only screen and (min-width: 320px) and (max-width: 463px) {
	 
	h4.transhead { 
margin-top: -11px;
	
	
}

.portnav {padding-right: 0px;}
	 
	 
	 
	 }
	 
	 .portgrid2 {margin: 0px 0px; }
		 
		 
		 @media only screen and (max-width: 414px) {
		
		.logofront {
	
	padding:30px 15px 100px 15px;margin-bottom:30px;color:inherit;background-color:#455560; margin-bottom: 0px; }
	
	


 }
		 
		 
		 @media only screen and (min-width: 540px) and (max-width: 767px) {
	
	.sidelogo { background-image: none; padding: 0px 0px 0px 0px;  width:0px; height:0px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat;  }
	
	.sidelogo2 { background-image: none; padding:0px 0px 0px 0px;  width:0px; height:0px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat; }

	 .quote {border: 0px; border-right: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  height: 130px;font-size: 1.4em; line-height: 1.3em;}
	
	.quote p.client { font-family: 'Titillium Web', sans-serif; font-size: 0.68em; letter-spacing: 1px; color: #d0d4d6; font-weight: 200; margin: 15px 0px 0px 0px; padding:0px; line-height: 1.25em; }

.portgrid2 {margin: 0px 30px; padding-top: 0px;}

#myCarousel {margin: 0px; padding: 0px;}

.quoterotate {margin: 0px 0px 0px 50px; padding: 0px 70px 0px 0px;}



	
}



@media only screen and (min-width: 415px) and (max-width: 539px) {
	
	.sidelogo { background-image: none; padding: 0px 0px 0px 0px;  width:0px; height:0px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat;  }
	
	.sidelogo2 { background-image: none; padding:0px 0px 0px 0px;  width:0px; height:0px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat; }

	 .quote {border: 0px; border-right: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  height: 160px;font-size: 1.4em; line-height: 1.3em;  }

	 
	 
.quote p.client { font-family: 'Titillium Web', sans-serif; font-size: 0.68em; letter-spacing: 1px; color: #d0d4d6; font-weight: 200; margin: 15px 0px 0px 0px; padding:0px; line-height: 1.25em; }

.portgrid2 {margin: 0px 30px; padding-top: 0px;}

#myCarousel {margin: 0px; padding: 0px;}

.quoterotate {margin: 0px; padding: 0px;}

.quoterotate {margin: 0px 0px 0px 50px; padding: 0px 60px 0px 0px;}

}


@media only screen and (min-width: 360px) and (max-width: 414px) {
	
	.sidelogo { background-image: none; padding: 0px 0px 0px 0px;  width:0px; height:0px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat;  }
	
	.sidelogo2 { background-image: none; padding:0px 0px 0px 0px;  width:0px; height:0px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat; }

	 .quote {border: 0px; border-right: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px -5px;  height: 190px;font-size: 1.4em; line-height: 1.3em;   }

	 
	 
.quote p.client { font-family: 'Titillium Web', sans-serif; font-size: 0.68em; letter-spacing: 1px; color: #d0d4d6; font-weight: 200; margin: 15px 0px 0px 0px; padding:0px; line-height: 1.25em; }

.portgrid2 {margin: 0px 30px; padding-top: 0px;}

#myCarousel {margin: 0px; padding: 0px;}

.quoterotate {margin: 0px 0px 0px 50px; padding: 0px 60px 0px 0px;}



}




 @media only screen and (max-width: 359px) {
	
	.sidelogo { background-image: none; padding: 0px 0px 0px 0px;  width:0px; height:0px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat;  }
	
	.sidelogo2 { background-image: none; padding:0px 0px 0px 0px;  width:0px; height:0px; opacity: 0.6; filter: alpha(opacity=60); display: inline-block;background-repeat:no-repeat; }

	 .quote {border: 0px; border-right: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px -5px;  height: 220px;font-size: 1.4em; line-height: 1.3em; }

	
	 
.quote p.client { font-family: 'Titillium Web', sans-serif; font-size: 0.68em; letter-spacing: 1px; color: #d0d4d6; font-weight: 200; margin: 15px 0px 0px 0px; padding:0px; line-height: 1.25em; }

.portgrid2 {margin: 0px 30px; padding-top: 0px;}

#myCarousel {margin: 0px; padding: 0px;}

.quoterotate {margin: 0px 0px 0px 50px; padding: 0px 60px 0px 0px;}

}