body {
	font-family: Arial, Helvetica, sans-serif;
	background-color : #f3f3f3;
	color : #2a2f88;
}

.text-center {
	text-align : center;
}

.min-page-height {
	min-height : 500px;
}

.clear-style {
	margin : 0;
	padding : 0;
}

.navbar {
	background-color : #e4e4e4;
	border : 0px solid black;
	border-top : 5px solid #002259;
	border-bottom : 1px solid #f6f6f6;
	border-radius : 0px;
}

.logo-white-glow {
	background-image : url('../imgs/common/logo-white-glow.png');
	background-size : cover;
	background-repeat : no-repeat;
	width : 266px;
	height : 81px;
}

.logo {
	margin-left : 85px;
	margin-top : 7px;
}

.nav-custom-height {
	height : 81px;
	font-weight : bold;
}	

.navbar-collapse ul li a {
	padding-top : 25px;
	color : #2af88;
}

.dropdown-toggle {
	height : 81px;
}

.dropdown ul li {
	height : 40px;
}

.dropdown ul li a {
	padding-top : 10px;
}


.navbar-collapse ul li a:hover {
	color : white;
    background: #01235a; 
    background: -webkit-linear-gradient(#01235a, #218bc8); 
    background: -o-linear-gradient(#01235a, #218bc8); 
    background: -moz-linear-gradient(#01235a, #218bc8); 
    background: linear-gradient(#01235a, #218bc8); 
}

.navbar-default .navbar-nav > li > a {
    line-height: 25px;
    color : #2a2f88;
    height : 100%;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color : white;
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	color : white;
    background: #01235a; 
    background: -webkit-linear-gradient(#01235a, #218bc8); 
    background: -o-linear-gradient(#01235a, #218bc8); 
    background: -moz-linear-gradient(#01235a, #218bc8);
    background: linear-gradient(#01235a, #218bc8); 
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
 	color : white;
    background-color: transparent;
    text-decoration: none;
}

.dropdown-menu > li > a {
    font-weight : bold;
    color : #2a2f88;
 	height : 100%;    
}

.navbar {
    margin-bottom: 0px;
}

.ckm-banner {
	padding : 0px;
	background-image: url('../imgs/home/ckm-banner-bg.png');
	background-size : cover;
	background-position : center;
	background-repeat: no-repeat;
}

#slide-1 {
	width : 100%;

	background-image: url('../imgs/home/ckm-banner.png');
	background-size : contain;
	background-repeat: no-repeat;
	background-position : center;
	cursor : pointer;
}

#slide-2 {
	width : 100%;
	background-image: url('../imgs/home/bj-banner.png');
	background-size : contain;
	background-repeat: no-repeat;
	background-position : center;
	cursor : pointer;
}

#slide-3 {
	width : 100%;
	background-image: url('../imgs/home/jc-banner.png');
	background-size : contain;
	background-repeat: no-repeat;
	background-position : center;
	cursor : pointer;
}

#slide-4 {
	width : 100%;
	background-image: url('../imgs/home/mpb-banner.png');
	background-size : contain;
	background-repeat: no-repeat;
	background-position : center;
	cursor : pointer;
}


.welcome-title {
	color : #0764a5;
	font-weight : bold;
	font-size : 20px;
}

.welcome-desc {
	color : #0764a5;
	margin-top : 15px;
	text-align: justify;
}

.welcome-ckm {
	padding-top : 20px;	
	padding-bottom : 15px;
	background-color : #f3f3f3;
}

.products-ckm {
	position : relative;
	padding-left : 0px;
	padding-right : 0px;
	border : 0px solid black;
	background-image : url('../imgs/common/repeat-bg.jpg');
	background-size : 58px 37px;
	background-repeat : repeat;
	width : 100%;
	height : 100%;
	padding-bottom : 20px;
}

.products-ckm-shadow {
	position : absolute;
	top : 0px;
	background-image : url('../imgs/common/about-shadow.png');
	background-size : 100% 27px;
	background-repeat : no-repeat;
	width : 100%;
	height : 27px;
	z-index : 2;	
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */	
}

.products-title {
	color : #828282;
	font-size : 24px;
	font-weight  : bold;
	padding-top : 30px;
}

#scroller {
	margin-top : 15px;
}

.button-row {
	width : 100%;
	margin-top : 10px;
	height : 47px;
	position : relative;
}

.read-more-button {
	position : absolute;
	right : 0px;
	width : 151px;
	height : 100%;
	background-image : url('../imgs/home/read-more-button.png');
	background-size : contain;
	background-repeat : no-repeat;	
	background-position : center;
	cursor : pointer;
	border : 0px solid black;
}

.read-more-button:hover {
	background-image : url('../imgs/home/read-more-button-over.png');
}

.partners-row {
	padding : 15px 0px 25px 0px;
	background-image : url('../imgs/common/gray-bar-repeat.jpg');
	background-size : 1px 100%;
	background-repeat : repeat;	
	background-position : center;
}

.partners-title {
	color : white;
}

.partners-certificate {
	margin-top : 10px;
}

.partners {
	height : 51px;
	background-image : url('../imgs/common/partners.png');
	background-size : contain;
	background-position : left;
	background-repeat : no-repeat;	
}

.certificate {
	width : 125px;
	height : 38px;
	background-image : url('../imgs/common/certificate-button.jpg');
	background-size : contain;
	background-position : center;
	background-repeat : no-repeat;
	cursor : pointer;	
	position : absolute;
	right : 130px;

}

.certificate:hover {
	background-image : url('../imgs/common/certificate-button-over.jpg');
}

.fb {
	width : 125px;
	height : 38px;
	background-image : url('../imgs/common/fb-button.jpg');
	background-size : contain;
	background-position : center;
	background-repeat : no-repeat;
	cursor : pointer;	
	position : absolute;
	right : 0px;
}

.fb:hover {
	background-image : url('../imgs/common/fb-button-over.jpg');
}

.copy-right {
	padding : 15px 0px 15px 0px;
	background-color : #52555a;
	text-align: center;
	color : #d6d6d6;
	font-size : 10px;
}

.page-title-row {
	padding : 0px;
	background-color : #2177b1;
}

.page-title-row .container{
	background-image : url('../imgs/about/title-bg.jpg');
	background-size : 100% 90px;
	background-repeat : no-repeat;
	height : 90px;
	border : 0px solid black;
}

.page-title {
	font-weight  : bold;
	font-size : 24px;
	color : white;
	line-height : 90px;
	margin-left : 80px;
}

.page-title-with-desc {
	font-weight  : bold;
	font-size : 24px;
	color : white;
	margin-top : 15px;
	margin-left : 80px;	
}

.page-title-desc {
	color : white;
	margin-left : 80px;	
}

.page-small-logo{
	height : 71px;
	position : absolute;
	right : 25px;
	top : 10px;
	background-size : cover;
	background-repeat : no-repeat;	
}

#bj-small-logo {
	width : 119px;
	background-image : url('../imgs/small-logos/bj.png');
}

#jc-small-logo {
	width : 121px;
	background-image : url('../imgs/small-logos/jc.png');
}

#mpb-small-logo {
	width : 140px;
	background-image : url('../imgs/small-logos/mpb.png');
}



.border-gray {
	border : 1px solid #c4c4c4;
}

.logo-row {
	width : 22.75%;
	display : inline-block;
	position  :relative;
	vertical-align : top;
}

.btm-logo-row {
	width : 31%;
	display : inline-block;
	position  :relative;
	vertical-align : top;
}

.logo-row-small {
	width : 19.75%;
	display : inline-block;
	position  :relative;
	vertical-align : top;
	border : 1px solid #c4c4c4;
}

.logo-row-wide {
	width : 37.75%;
	display : inline-block;
	position  :relative;
	vertical-align : top;
	border : 1px solid #c4c4c4;
}

.logo-row img {
	width : 100%;
	border : 1px solid #fff;
}

.architec-pic {
	width : 100%;
	height : 145px;
}

.drywall {
	background-image: url('../imgs/architectural/drywall.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.ceiling {
	background-image: url('../imgs/architectural/ceiling.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}

.wall-cladding {
	background-image: url('../imgs/architectural/wall-cladding.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}

.flooring {
	background-image: url('../imgs/architectural/flooring.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
}

.bottom-img {
	width : 100%;
	height : 196px;	
	cursor : pointer;
}

.our-team {
	background-image: url('../imgs/architectural/our-team-butt.jpg');
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;	
}

.our-team:hover {
	background-image: url('../imgs/architectural/our-team-butt-over.jpg');
}

.method-statement {
	background-image: url('../imgs/architectural/method-statement-butt.jpg');
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;	
}

.method-statement:hover {
	background-image: url('../imgs/architectural/method-statement-butt-over.jpg');
}

.our-project {
	background-image: url('../imgs/architectural/project-reference-butt.jpg');
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;	
}

.our-project:hover {
	background-image: url('../imgs/architectural/project-reference-butt-over.jpg');
}

.bottom-logo-row {
	margin-top : 20px;
	margin-bottom : 40px;
}

.architec-pic-title {
	font-size : 16px;
	padding-top : 10px;
	padding-left : 20px;
	font-weight: bold;
	background-color : #e6e6e6;
}

.logo-ul {
	background-color : #e6e6e6;
	font-size : 13px;
	font-weight: bold;
}

.logo-ul ul {
	margin : 0px;
	padding : 0px;
	margin-left : 20px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
	min-height: 205px;
}

.logo-ul ul li a {
	color : #2A2F88;
}

.half-ul-left {
	display : inline-block;
	position: relative;
	vertical-align: top;
	width : 40%;
}

.half-ul-right {
	display : inline-block;
	position: relative;
	vertical-align: top;
	width : 60%;
}

.margin-row {
	margin-right : 3%;
}

.margin-row-arc {
	margin-right : 1%;
}

.logo-container {
	margin-top : 20px;
}

.page-desc {
	margin-top : 25px;
}

.about-logo {
	width : 22.75%;
	margin-right : 3%;
	display : inline-block;
	position : relative;
	vertical-align : top;
}

.about-desc {
	width : 74.25%;
	display : inline-block;
	position : relative;
	vertical-align : top;	
}

.about-logo img {
	width : 100%;
}

.desc-p {
	margin-bottom : 15px;
	text-align: justify; 
	color : #0764a5;
}

.p-title {
	font-size : 20px;
	font-weight : bold;
	color : #0764a5;
	margin-bottom : 5px;
}

.investment {
	width : 22.75%;
	height : 143px;
	background-image : url('../imgs/about/invesment-butt.jpg');
	background-size : contain;
	background-position : left;
	background-repeat : no-repeat;
	cursor : pointer;	
	right : 0px;
	margin-top : -180px;
}

.investment:hover {
	background-image : url('../imgs/about/invesment-butt-over.jpg');
}

.position-relative {
	position : relative;
}

.investment-row {
	padding-bottom : 50px;
}

.display-relative {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right : 10px;
}

.img-row ul {
	list-style: none;
	margin : 0px;
	padding : 0px;	
}

.img-row ul li{
	margin : 0px;
	padding : 0px;
	margin-right : 1%;
	margin-bottom : 20px;
	width : 24%;
	display : inline-block;
	position : relative;
	vertical-align: top;
	border : 1px solid #c4c4c4;
}

.img-row ul li img{
	width : 100%;
	border : 1px solid #fff;
}

.our-team-photo-row {
	margin-top : 20px;
	margin-bottom : 20px;
}

.our-project-photo-row {
	margin-top : 20px;
	margin-bottom : 20px;
}

.our-project-photo-row .img-row ul li{
	margin-right : 1%;
	margin-bottom : 40px;
	width : auto;
	height : 250px;
}

.our-project-photo-row .img-row ul li img{
	width : auto;
	height : 100%;
}

.project-img-title {
	font-size : 12px;
}

.project-ref-title {
	font-size : 24px;
	font-weight : bold;
	margin-bottom : 5px;
	margin-top : 15px;
}

.project-ref-desc {
	margin-bottom : 10px;
}

.trading-desc {
	padding-bottom : 30px;
}

.trading-marketing-photo-row {
	margin-top : 20px;
	margin-bottom : 20px;
}

.trading-marketing-photo-row .img-row ul li{
	margin-right : 1%;
	margin-bottom : 20px;
	width : 18%;
	height : auto;
}

.trading-marketing-photo-row .img-row ul li img{
	width : 100%;
	height : auto;
	border : 1px solid #c4c4c4;
}

.trading-marketing-photo-row .img-row ul li{
	border : 0px solid #c4c4c4;
}

.manufacturing-photo-row .img-row ul li{
	margin-right : 1%;
	margin-bottom : 20px;
	width : 24%;
	height : auto;
}

.manufacturing-photo-row .img-row ul li img{
	width : 100%;
	height : auto;
	border : 1px solid #c4c4c4;
}

.manufacturing-photo-row .img-row ul li{
	border : 0px solid #c4c4c4;
}

.manufacturing-photo-row .project-img-title{
	text-align : center;
	font-size : 16px;
}

.method-desc {
	margin-bottom : 20px;
}

.manufacturing-desc {
	padding-bottom : 30px;
}

.manufacturing-desc .desc-p{
	width : 79%;
	margin-right : 1%;
	display : inline-block;
	position : relative;
	vertical-align : top;
}

.manufacturing-desc .desc-button{
	margin-top : 20px;
	width : 20%;
	height : 47px;
	border : 0px solid black;
	display : inline-block;
	position : relative;
	vertical-align : top;
	background-image : url('../imgs/manufacturing/view-photo-but-01.png');
	background-size : contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor : pointer;
}

.manufacturing-desc .desc-button:hover {
	background-image : url('../imgs/manufacturing/view-photo-but-02.png');
}

.investment-photo-row {
	margin-top : 20px;
}

.investment-photo-row .img-row ul li{
	margin-right : 1%;
	margin-bottom : 20px;
	width : 32%;
	height : auto;
}

.investment-photo-row .img-row ul li img{
	width : 100%;
	height : auto;
	border : 1px solid #c4c4c4;
}

.investment-photo-row .img-row ul li{
	border : 0px solid #c4c4c4;
}

.pdf-link {
	margin-bottom : 15px;
	font-size : 16px;
}

.pdf-link-trading-marketing {
	margin-bottom : 15px;
	font-size : 14px;
}

.pdf-link-trading-marketing a {
	text-decoration: underline;
}

.page-method {
	padding-bottom : 30px;
}

.future-img {
	width : 30%;
	height : 130px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	background-image : url('../imgs/future-plan/decorative-gypsum.jpg');
	background-size : cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-right : 1%;	
}

.future-img-desc {
	width : 69%;
	display: inline-block;
	position: relative;
	vertical-align: top;	
}

.desc-margin {
	margin-top : 20px;
}

.google-map {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width : 50%;
	height : 250px;
}

.google-map #map {
	width : 100%;
	height : 100%;
	border : 1px solid #c4c4c4;
}

.contact-right {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width : 48%;	
	margin-left : 2%;
}

.contact-left {
	display: inline-block;
	position: relative;
	vertical-align: top;
	border-right : 1px solid #c4c4c4;
	width : 50%;	
}

.address-title {
	font-size : 20px;
	font-weight : bold;
	color : #0764a5;
	margin-bottom : 5px;
}

.address-title-small {
	font-size : 18px;
	font-weight : bold;
	color : #0764a5;
}

.small-contact {
	font-size : 12px;
}

.contact-row {
	margin-top : 10px;
}

.address-contact {
	margin-bottom : 5px;
}

.contact-form-input {
	margin-bottom : 10px;
}

.contact-form-right {
	margin-top : -20px;
}

.contact-map-form {
	padding-bottom : 40px;
}

.contact-form-input input {
	border : 1px solid #c4c4c4;
	width : 100%;
	font-size : 16px;
	padding : 5px;
}

.contact-form-input textarea {
	border : 1px solid #c4c4c4;
	width : 100%;
	height : 150px;
	font-size : 16px;
	padding : 5px;
}

.contact-form {
	margin-top : 20px;
}

.submit-button {
	padding : 5px 10px;
	margin : auto;
	background-color : #01235a;
	color : white;
	font-weight : bold;
	text-align : center;
	width : 140px;
	cursor : pointer;
}

.submit-button:hover {
	background-color : #218bc8;
}

.error {
	font-size : 12px;
	height : 20px;
	border : 0px solid black;
	color : red;
}

ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.dash > li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

.ceiling-center {
	text-align : center;
}

.more-margin-bottom {
	margin-bottom : 100px;
}

.career-line-seperator {
	width : 100%;
	height : 1px;
	margin-top : 25px;
	margin-bottom : 25px;
	border-top : 1px solid #C4C4C4;
}

.m-1, .m-2 {
	display : inline-block;
	position : relative;
	width : 48%;
	margin-right : 2%;
}

.m-2 {
	margin-right : 0%;
}


@media (min-width: 979px) {
	.dropdown:hover .dropdown-menu {
	   display: block;
	}
}

@media (max-width: 1100px) { 
	.logo-ul {
		font-size : 12px;
	}

	.logo-ul ul {
		min-height: 250px;
	}	

	.architec-pic-title {
		font-size : 13px;
	}	
}

@media (max-width: 1000px) { 
	.certificate-footer {
		margin-top : 10px;
		padding-left : 0px;
		margin-left : 0px;	
		margin-bottom : 40px;	
	}

	.certificate  {
		left : 0px;
	}	

	.fb {
		left : 130px;
	}

}

@media (max-width: 900px) { 
	.logo {
		margin-left : 10px;
	}	


	.page-title {
		margin-left : 0px;
	}	

	.page-title-with-desc {
		margin-left : 0px;	
	}

	.page-title-desc {
		margin-left : 0px;	
	}	

	.logo-row-small {
		width : 49%;
	}

	.logo-row-wide {
		width : 49%;
	}

	.logo-ul {
		font-size : 10px;
	}	

	.logo-ul ul {
		min-height: 250px;
	}	

	.manufacturing-desc .desc-p{
		width : 100%;
	}

	.manufacturing-desc .desc-button{
		width : 50%;
		background-position : left;
	}		

}

@media (max-width: 770px) { 
	.nav-custom-height {
		height : auto;
	}	
}

@media (max-width: 500px) { 
	.ceiling-center {
		text-align : left;
	}

	.logo-ul ul {
		min-height: 150px;
	}	

	.about-logo {
		width : 50%;
		margin-left : 25%;
		margin-right : 0%;
	}	

	.about-desc {
		width : 100%;	
		margin-top : 10px;
	}	

	.investment {
		width : 100%;
		margin-top : 10px;
		background-position : center;
	}	

	.logo-row-small {
		margin-top : 10px;
		width : 100%;
	}

	.logo-row-wide {
		margin-top : 10px;
		width : 100%;
	}	

	.half-ul-left {
		width : 100%;
	}

	.half-ul-right {

		width : 100%;
	}	

	.half-ul-right ul {
		padding-top : 0px;
		margin-top : -20px;
	}

	.btm-logo-row {
		width : 100%;
		margin-top : 10px;
	}	

	.future-img {
		width : 100%;
		margin-right : 0%;	
	}

	.future-img-desc {
		width : 100%;
	}	

	.contact-left {
		width : 100%;	
		border-right : 0px;
	}	

	.contact-right {
		width : 100%;	
		margin-left : 0%;
	}	

	.google-map {
		width : 100%;
	}	

	.contact-form-right {
		margin-top : 10px;
	}	

	.trading-marketing-photo-row .img-row ul li{
		width : 48%;
	}	

	.investment-photo-row .img-row ul li{
		width : 48%;
	}	

	.our-team-photo-row .img-row ul li{
		width : 48%;
	}	

}

@media (max-width: 400px) { 
	.page-small-logo {
		display : none;
	}
}