/* ==========================================================================
   Jason Phoon custom styles
   ========================================================================== */

body , p, a, div, span, ul, li, h1, h2, h3, h4, h5 {font-family: 'Roboto', sans-serif;}
body, div, a, p, span {font-size:15px;color: #A19A8A;}

a {text-decoration: none;}
a:hover {text-decoration: none; cursor:pointer;}
ul, li, hr {margin: 0; padding: 0;}
hr {border-top: 1px solid #D7D7D7; float: left; width: 100%;}
ul li {list-style:none;}
button {border:0;}
label {cursor:default;}

h1 {font-size:48px; color: #887f6f;}
h2 {font-size:26px; color: #A19A8A;}

h1,h2,h3,h4,h5 {font-weight: 700;}

section {position:relative;}
   
 /* Master Class */
.container { max-width: 970px; padding: 0; }

.menu {padding-top: 50px;}
.menu li {display:inline;}
.menu a {color: #fff; padding: 0 25px; font-size: 18px; font-weight:700;}
.menu .divider {border-left: 2px solid #fff; padding: 0px;}

/* Home */
.home .video-section .pattern-overlay { min-height: 660px; }
.home .video-section h1, .video-section p{ text-align:center; color:#fff;}
.home .video-section .buttonBar{display:none;}
.home .player {font-size: 1px;}

.home .video-section h1 {padding-top:60px; color: #F8E526;}
.home .video-section p {font-size: 18px; font-weight: 700; margin-bottom:45px;}

.home .service-banner {margin:5px 0 0 0; width: 100%;}
.home .service-banner .fixedsize{width: 100%; height: 273px;}

.home .product-services {margin:50px 0 40px 0;}
.home .product-services h3 {margin-bottom:22px;}
.home .product-services .container{max-width:800px; text-align:center;}
.home .product-services .container .col-sm-1 {width: 14%;}

.home .product-services .read-more {margin:50px 0; text-align:center; max-width:800px;}
.home .product-services .read-more a{border: 1px solid #887F70; color: #887F70; padding:13px 28px 13px 28px;}
.home .product-services .read-more a:hover{background: #887F70; color: #fff;}

.home .product-range {background: #E7E0D8; padding:40px 0 70px 0;}
.home .product-range h3{margin-bottom:30px;}

.home .product-gallery {background: #fff; padding:10px; padding-top:16px; margin: 0 auto; float: left;}
.home .product-gallery  li{float:left; width: 23%; margin: 5px 9px;}

.who-we-work-with {background: #fff; margin:50px 0 50px 0;}
.who-we-work-with  .header p {text-align:center; margin: 30px 0;}

.unsure-where-to-start {background: #F8E526; padding: 70px 0;}
.unsure-where-to-start p{margin: 30px 0;}
.unsure-where-to-start a{color: #887F6E; border: 1px solid #887F6E; padding: 8px 27px;}

/* Wide Banner */
.wide { min-height: 660px; width:100%; height:100%; height:calc(100% - 1px); background-image:url('https://c.stocksy.com/a/RcN300/z0/805779.jpg'); background-size:cover;}
.wide h1 {text-align:center; padding-top:100px; color: #F8E526;}

.aboutus .wide {background-image:url('http://www.tfhomedesign.com/asset/img/about.jpg');}
.jobs .wide {background-image:url('http://www.tfhomedesign.com/asset/img/join-us.jpg');}
.dev .wide {background-image:url('http://www.tfhomedesign.com/asset/img/services.jpg');}


/* About Us */
.aboutus .furniture-design {background: #fff; padding:50px 0 150px 0;}
.aboutus .furniture-design  h1, .aboutus .furniture-design  p{text-align: center;}
.aboutus .furniture-design  p{margin-top: 45px;}

.aboutus .solution-provider {padding-bottom: 100px;}
.aboutus .solution-provider .title {text-align: center; position: relative; }
.aboutus .solution-provider .title span {display: inline-block;   font-size: 48px;font-weight: 700;margin-bottom: 30px;}
.aboutus .solution-provider .title span:before,
.aboutus .solution-provider .title span:after {border-top: 2px solid #E7E0D8;display: block;height: 1px;content: " ";width: 40%;position: absolute;left: 0;top: 1.2em;}
.aboutus .solution-provider .title span:after {right: 0; left: auto; }
.aboutus .solution-provider .content {padding-top: 20px;}
.aboutus .solution-provider .content .row {margin-top: 80px;}
.aboutus .deliver-globally {background:#68C8C6; padding: 50px 0;}
.aboutus .deliver-globally h1 {color:#fff; text-align:center;}
.aboutus .deliver-globally p {color:#fff; text-align:center; margin:50px 0;}

/* Jobs */
.jobs .jobslisting {padding: 50px 0 85px 0;}
.jobs .jobslisting h1 {text-align:center;}
.jobs .jobslisting hr {border-top: 3px solid #E7E0D8; margin-top:50px;}
.jobs .jobslisting .jobitem {padding:25px 0; float: left; clear: left; display:block; width: 100%; border-bottom:1px solid #E7E0D8;}
.jobs .jobslisting .jobitem .title {font-size:18px; font-weight:700;}
.jobs .jobslisting .jobitem .title:hover {color: #f8e526;}
.jobs .jobslisting .jobitem .collapseitem {margin-top:30px;}
.jobs .jobslisting .jobitem .iconup {padding:0; width:5%;}

/* Product Development */
.dev .productdevelopment {padding: 50px 0; background: #fff;}
.dev .productdevelopment h1 {text-align:center;}
.dev .productdevelopment span {font-size: 26px; text-align:center; margin-top:40px; display:block;}

.dev  .line {text-align: center; position: relative; }
.dev  .line .imagedev {display: inline-block; margin-bottom: 30px; width: 820px;}
.dev  .line .imagedev:before,
.dev  .line .imagedev:after {border-top: 2px solid #E7E0D8;display: block;height: 1px;content: " ";width: 19%;position: absolute;left: 0;top: 42%;}
.dev  .line .imagedev:after {right: 0; left: auto; }
.dev  .line .imagedev .col-md-3 {padding:0 7px;}
.dev  .line .imagedev .col-md-3 p {margin-top:15px;}
.dev  .line .imagedev .col-md-3 p b {font-size:20px;}

.dev .sketch {padding-bottom:30px;}

.dev .product-quality {background-color: #f5f7f6;}
.dev .product-quality .text {margin-top:70px;}
.dev .product-quality .image-map {padding-top:5px; text-align:center;}

.dev .product-perfection {padding-top: 70px; padding-bottom: 35px; border-top: 1px solid #DDDEE0;}
.dev .product-perfection article  h4 {margin-bottom: 20px;}
.dev .product-perfection article {padding-bottom: 45px;}

.dev .blueline {border-top: 5px solid #68c8c6; width: 40%; margin: 50px auto;}
.dev .product-showcase {padding-bottom:70px;}
.dev .product-showcase  h1{margin-bottom:50px;}
.dev .product-showcase .mainbanner {height: 601px; width:100%;}
.dev .product-showcase p {margin: 30px 0; text-align:center; font-size:16px;}

/* Contact Us */
.contactus header { min-height: 705px; width:100%; height:100%; height:calc(100% - 1px);}
.contactus .map { height: 100%; width: 100%; position:absolute; top: 0; left: 0; z-index: 0; }
.contactus .navbar {position: relative; z-index:1;}
.contactus .showroom {background: #6E6A5F;  float: right;padding: 0 10px;width: 227px;}
.contactus address {text-align:center; margin-top:30px; float:right; width:100%; color:#fff;}
.contactus address a {color: #F8E526;}
.contactus .menu a{padding:0!important;}
.contactus .menu {text-align: center;width: 100%;}

.contactus .operatinghour {margin:0;padding:30px 0; background:#E7E0D8;}
.contactus .operatinghour h4, .contactus .operatinghour p{color: #6F6B60;}

.contactus .contactform {padding:50px 0;}
.contactus .contactform h1{text-align:center;}
.contactus .contactform form{margin-top:50px;}
.contactus .contactform .btn{background: #F8E526; color: #6E6A5F; width: 150px; border:0;}

/* Products */
.product .menu a {color: #6D6A61;}

.product .menu .divider {border-left: 2px solid #6D6A61;}
.product .productlisting {background: #F5F4F0; padding: 40px 0 85px 0;}
.product .productlisting .productcategorymenu {text-align:center; font-size:24px;}
.product .productlisting .productcategorymenu a {font-size:18px;}
.product .productlisting .productcategorymenu a.active {font-weight:700;color: #6d6a61; text-decoration:underline;}
.product .productlisting .productcategorymenu a:hover {color: #6d6a61;}

.product .productcategory {background:#fff; margin-top:30px; padding:20px 15px;}
.product .productcategory .productitem{margin:7px; height: 250px;}
.product .productcategory .col-md-3 {padding:0;}


/* Footer */
footer {background: #6E6A5F; padding: 60px 0 45px 0; color: #fff;}
footer p , footer a, footer div {color: #fff;}

footer .left h2{font-size: 30px;}
footer .left p{color: #fff; margin: 30px 0 15px 0;}

footer .right {padding: 65px 0 0 0;}
footer .right .sitemap {color: #fff;}
footer .right .sitemap a {display:block; color: #fff;}

footer .right .showroom .copy{border-top: #fff solid 1px; margin-top: 30px; padding: 20px 0; font-size: 13px;}

footer .social-media { margin: 0 0 15px 0;}
footer .social-media a{display: inline-block; margin: 0 5px;}

footer .social-media .facebook{background: url(../img/social-fb.jpg) no-repeat 0 0; width: 79px; height: 78px;}
footer .social-media .facebook:hover {background-position:0 -78px;}

footer .social-media .vimeo{background: url(../img/social-vimeo.jpg) no-repeat 0 0; width: 79px; height: 78px;}
footer .social-media .vimeo:hover {background-position:0 -78px;}

footer .social-media .twitter{background: url(../img/social-tw.jpg) no-repeat 0 0; width: 79px; height: 78px;}
footer .social-media .twitter:hover {background-position:0 -78px;}

footer .social-media .linkedin{background: url(../img/social-linkedin.jpg) no-repeat 0 0; width: 79px; height: 78px;}
footer .social-media .linkedin:hover {background-position:0 -78px;}

.let-us-help:hover {background: #887f6e; color: #f8e526;}

/* Coming Soon */
.comingsoon {color: #fff; background: #6E6A5F; min-height:750px; height:100%; width: 100%;}
.comingsoon footer {width: 100%; text-align:center; padding:0;}
.comingsoon h1 {color: #F8E526;}


/* Others */
.white {color: #fff;}
.center {text-align:center;}
.inline-block {display:inline-block;}
.nopadding {padding:0;}
.fullwidth {width:100%;}
.right {text-align:right;}

.thumbnail {position:relative; overflow:hidden; border:none; padding:0;}
 
.caption {position:absolute;top:0;right:0;background:#E7E0D8;width:100%;height:100%;padding:2%;display: none;text-align:center;color:#867F6F!important;z-index:2;}
.caption h4{margin:100px 0;}


/* Responsive site */
@media only screen and (max-width: 767px) {
		
	.container {max-width:700px;}	
	
	.home .service-banner .fixedsize{height: auto; width:100%;}
	.home .service-banner .nopadding{width:50%; float: left;}
	.home .product-services .container .col-sm-1 {width: 33%;display: inline-block;}
	
	.home .product-gallery li { width: 145px; display:inline-block; margin:0 9px; float:none;}
	
	.home .product-gallery {
		padding: 16px 13px 10px;
		text-align:center;
	}
	
	.product .productlisting .productcategorymenu a {
		font-size: 14px;
	}
	.product .productlisting .productcategorymenu {
		padding: 0 13px;
	}
	
	/*Contact us*/
	.contactus .contactform {padding:50px 10px;}
	
	/*Product*/
	.product .productlisting .productcategory .productitem img {width:180px;}
	
	footer {width: 100%;}
	footer .left, footer .right{float: none;}
	footer .col-sm-12, footer .col-xs-12 {text-align:center;}
	footer .social-media a{margin: 0;}
	footer .right{padding:0;}
	
	.white_content {
		left:0 !important;
		padding: 10px !important;
		width: 100% !important;
	}
	.menucontent a {
		font-size: 22px!important;
	}
	.menucontent .productcategorymenu1 a {
		font-size: 14px!important;
	}
}