/* Chan Customise */
.awards-gallery img.contain {
    object-fit: contain;
}
.awards-gallery img.bottom {
    object-position: bottom;
}
p a.home-video {
    color: #fff;
    line-height: 54px;
    display: inline-block;
    /* border: 1px solid #fff; */
    padding:10px 15px;
}
p a.home-video:hover {
    opacity: 0.7;
}
p a.home-video img {
    max-width: 54px;
    margin-right: 10px;
}
.navbar-default .navbar-nav li a {
    font-size: 14px;
    padding: 30px 12px;
}
.gallery-page .carousel-control {
    height: 71%;
}
.awards-gallery {
    height: 225px;
    overflow: hidden;
}
.awards-gallery img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.gallery .item .circle {
    line-height: 34px;
}
@media screen and (min-width: 768px) {
    .navbar-default .navbar-header {
        max-width: 300px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
    .navbar-default .navbar-header {
        max-width: 260px;
    }
    .navbar-default .navbar-nav li a {
        font-size: 12px;
        padding: 20px 10px;
    }
}
@media screen and (max-width: 480px) {
    .awards {
        padding: 0 15px;
    }
    .awards-gallery img.top {
        object-position: top;
    }
}

/* End of Chan Customise */


a {     transition: all 0.3s ease 0s;}
a:hover { text-decoration: none}


.col-md-12.media-img {
    z-index: 9999;
}

a img:hover {transition: all 0.3s ease 0s;
filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.navbar-brand {
  /* height: 229px;  */
  /* padding:0 */
  height: 100%;
}
.navbar-nav {
    float: left;
    /* margin: 47px 0px 0; */
}

.navbar-nav > li > a:hover {
  color: 	#bc8e4b !important;
}

.text-left h4 { text-align:left}

.behind {
	background: url('../img/art-of-tree-about-us-behind-art-of-treee.jpg') no-repeat ;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
color:#fff; margin-bottom:30px; height:350px;
}
.behind .section-headline { text-align:left}
.behind .section-headline h4 {color:#fff; margin-bottom:25px; text-align:left}
.behind-content { padding-right:90px ;     margin: 20px 0 0 0; }
.behind .section-headline p { text-align:justify}

.why-box-content { background: url('../img/wood-tick.png') no-repeat;     padding-left: 88px; min-height:120px; margin-bottom:30px }
.why-category { font-size:20px; color:#7a7a7b; margin-bottom:20px; text-transform:uppercase; font-weight:600; font-family: "Josefin Sans", Helvetica, Arial, sans-serif;}
.why-desc { font-size:16px; color:#adadad; font-family:Arial, Helvetica, sans-serif; text-align:justify}

.space-bottom {
  padding-bottom:100px;
  margin-bottom: 0px !important;
}

.form-content { margin:0 auto; float:none}

.map { margin:40px 0 60px;}
.map iframe { width:100%;}

.carousel {
    height: 945px;
}

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}
.carousel .fill {
    width: 100%;
    height: 100%;
    /* background-position: center; */
    /* background-size: cover; */
    background-size: cover;
    background-repeat: no-repeat;
}
.carousel-caption { top: 45%; bottom:auto;}

.carousel-caption h2, .carousel-caption p:nth-child(1){
  display: block;
}

.carousel-inner { font-family: "Josefin Sans", Helvetica, Arial, sans-serif; }
.carousel-inner h2 {   color: #FFFFFF;
	font-size: 40px; font-weight: 600; text-transform: uppercase; letter-spacing: 5px;}

.carousel-inner p {
    font-size: 30px;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 2px;
    font-weight: 300;
	text-align:center
}
.carousel-indicators li {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #6b6b6b;
  border: 0;
  border-radius: 10px;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.5)
}
.carousel-indicators .active {
  width: 16px;
  height: 16px;
    background-color: #929699;
	margin:1px 5px 1px 1px;
}
.carousel-indicators {
  position: absolute;
  bottom: 10%;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}


.icon-prev { text-indent:-9999px;
	background: url('../img/arrow-left.png') no-repeat; width:26px !important; height:26px !important;
}
.icon-next { text-indent:-9999px;
	background: url('../img/arrow-right.png') no-repeat; width:26px !important; height:26px !important;
}

.icon-prev:hover, .icon-next:hover {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}

.home-prod .col-md-4, .gallery .col-md-4, .media .col-md-4  { padding:0px 8px 8px 0  }
.home-prod .col-md-4 img, .gallery .col-md-4 img { width:100%; }
.home-prod .img {margin-bottom:0}

 .section-headline.text-left { text-align:left}

.about-home .section-headline{margin: 17px 0; text-align:left;}
.about-home .section-headline h4 { margin-bottom:20px}
.about-home .section-headline p { text-align:justify; font-size:16px;     margin: 0px 0 23px; }
.no-padding-left{ padding-left:0}

.product-category h3 { background:#000; color:#fff; font-size:22px; text-transform:uppercase; font-weight:700; padding:14px 30px}
.product-category ul { padding:0; list-style:none}
.product-category ul li{ padding:0px 30px}
.product-category ul li:hover{ background:#7b7b7b; margin-top: -1px  }
.product-category ul li:hover a {color: #ffffff}
.product-category ul li a { border-bottom:1px solid #7b7b7b; display:block; padding:17px 0; font-size:16px; text-transform:uppercase;
color:#7b7b7b}
.product-category ul li a:hover { text-decoration:none; }

.product-img h2{    display: inline-block;

    font-size: 30px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    color: #7b7b7b;
}
.product-img { padding-left:30px}
.product-img .carousel {     height: 730px;}
/* .product-img .carousel-inner { height: 94%; } */
.product-img .carousel-inner { height: 94%; }
.product-img .carousel-caption { top: auto;    bottom: -4%;  }
.product-img .carousel .item{padding-bottom: 15px; height: 97%;}/*97%*/
/* .product-img .carousel-inner .fill{border:28px solid #7b7b7b;} */
.product-img .carousel-caption { text-shadow:none; right: 0; padding:0 }
.product-img .carousel-control{    opacity: 1;}
.product-img .carousel-control.left , .product-img .carousel-control.right{ background:none}
.product-img .carousel-inner p { margin-bottom:0;    font-size: 16px;    max-width: 100%;
    text-align: right;	color:#adadad; font-family:Arial, Helvetica, sans-serif;
}
.product-img .carousel-control .icon-next, .product-img .carousel-control .icon-prev {    top: 44%;}

.project-content { background:#858585}
.project-img .carousel {     height: 860px;}
.project-img .carousel-inner { height: 94%; }
.project-img .carousel-caption { top: auto;    bottom: -7%;  }
.project-img .carousel .item{    padding-bottom: 5px;    height: 92%;}
.project-img .carousel-inner .fill{}
.project-img .carousel-caption { text-shadow:none; right: 0; padding:0; left: 0; }
.project-img .carousel-control{    opacity: 1;}
.project-img .carousel-control.left , .project-img .carousel-control.right{ background:none}
.project-img .carousel-inner p { margin-bottom:0;    font-size: 20px;    max-width: 100%;
   	color:#ffffff;
}
.project-img .back {background: url('../img/back.png') no-repeat; width:16px; height:16px; display:block; float:right;     position: relative;
    top: -30px;}
.project-img .carousel-control .icon-next {    right: -35%;}
.project-img .carousel-control .icon-prev {    left: -35%;}
.project-img .carousel-control .icon-next, .product-img .carousel-control .icon-prev {    top: 44%;}
.title-left { float:left}
.title-left strong {color:#ffffff; font-weight:700; margin-right:30px; text-transform: uppercase}
.title-no { float:right}

.media-content { background:#000000} /*#858585*/
.media-img .carousel {     }
.media-img .carousel-inner { height: 100%; }
.media-img .carousel-caption { top: auto;    bottom: -7%;  }
.media-img .carousel .item{    padding-bottom: 5px;    height: auto;}
.media-img .carousel .item img { margin:0 auto}
.media-img .carousel-inner .fill{}
.media-img .carousel-caption { text-shadow:none; right: 0; padding:0; left: 0; }
.media-img .carousel-control{    opacity: 1;}
.media-img .carousel-control.left , .media-img .carousel-control.right{ background:none}
.media-img .carousel-inner p { margin-bottom:0;    font-size: 20px;    max-width: 100%;
   	color:#ffffff;
}
.media-img .back {background: url('../img/back.png') no-repeat; width:16px; height:16px; display:block; float:right;     position: relative;
    top: -30px;}
.media-img .carousel-control .icon-next {    right: -35%;}
.media-img .carousel-control .icon-prev {    left: -35%;}
.media-img .carousel-control .icon-next, .media-img .carousel-control .icon-prev {    top: 44%;}

.gallery-page {}
.gallery-page .carousel { height: auto}
.gallery-page .carousel .item{    padding-bottom: 0px;    height: auto;}

#carousel{
  max-width: 1100px;
  margin: 15px auto;
}
#carousel-thumbs .item img {
  opacity: 0.5;

}
#carousel-thumbs .item div {	width: 18%; height: auto; float: left; margin-right: 5px}
#carousel-thumbs .item.active div.active img {
  opacity: 1;
  border: 2px solid #000;
}
#carousel-thumbs .item.active div:not(.active) img {
  cursor:pointer;
}
#carousel-thumbs .carousel-control {
  background-image: none;
}
#carousel-thumbs{ width: 50%; margin:0 auto}
#carousel-example-generic .carousel-inner { margin-bottom: 20px}

#carousel-example-generic .icon-prev {background: url('../img/gallery-prev.png') no-repeat; width:25px; height:27px; left: -31%;}
#carousel-example-generic .icon-next {background: url('../img/gallery-next.png') no-repeat; width:25px; height:27px; right: -31%;}
#carousel-example-generic .carousel-control{    opacity: 1;      }
#carousel-example-generic .icon-prev, #carousel-example-generic .icon-next{top: 45%;}
#carousel-thumbs .icon-prev, #carousel-thumbs .icon-next{ display: none}
@media(max-width:1260px) {
		#carousel-example-generic .icon-prev { left: 50%;}
#carousel-example-generic .icon-next {right: 50%;}

	.media-img .carousel-control .icon-next {    right: 50%;}
.media-img .carousel-control .icon-prev {    left: 50%;}
}
.product-img .carousel-inner .fill { background-size: contain; background-repeat: no-repeat;background-position: center;}/*background-color: #7b7b7b */
.product-img .carousel-inner .fill.potrait-img {    background-repeat: no-repeat;    background-size: contain; background-color: #7b7b7b}

@media(max-width:980px) {

	.carousel {	height: 515px !important;	}
	footer .footer-main .col-md-4 { width:100%}
	footer .footer-main .col-md-8 { width:100%; padding-right:0}
	.media img {
	max-width: 100%;
	width: 100%;
	height: auto;
	}
	iframe.media-video {
	    height: 400px;
	}

}
@media(max-width:767px) {
	.no-padding-left {
    padding-left: 15px;
}
	.space-bottom {
    margin-bottom: 0px;
}
	.carousel-caption {    top: 34%;    bottom: auto;}

.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;background-color: #000;/*#7b7b7b*/
}
	.product-img .carousel-inner .fill.potrait-img {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #7b7b7b;
}
	.carousel-inner h2 {    color: #FFFFFF;    font-size: 25px;}
	.carousel-inner p {    font-size: 23px;}
	ul.thumbnails-carousel {

    margin: 0 auto !important;

    width: 100%;
}
	ul.thumbnails-carousel li {width: 15%;}
	.hero-title {    min-height: 128px;		padding: 0;}
	.navbar-brand {    float: none;	}
	/* .navbar-brand > img {    display: block;     width: 35%;} */
	.navbar-brand > img {    display: block;     width: 200px; margin:25px 15px;}
	.navbar-brand {    height: 114px;    padding: 0;}
	.navbar-nav {      margin: 0px 0px 0;}

	.project-img .carousel-control .icon-prev, .media-img .carousel-control .icon-prev {
	left: 30%;
	}
	.project-img .carousel-control .icon-next , .media-img .carousel-control .icon-next{
	right: 22%;
	}
	.project-img .carousel-control .icon-next, .project-img .carousel-control .icon-prev, .product-img .carousel-control .icon-prev, .product-img .carousel-control .icon-next,
	.media-img .carousel-control .icon-next, .media-img .carousel-control .icon-prev {    top: 40%;}
	 .media-img .carousel {height: auto;}
	.project-img .caption-control, .media-img .carousel-caption {    top: auto;    bottom: -11px;}
	.media-img .carousel .item {    padding-bottom: 60px;    height: auto;	}
	.media-img .carousel-inner p {    margin-bottom: 0;    font-size: 14px;	}
	.media-img .title-left strong { text-align: left;     display: block;}

		footer .projects img {    width: 31%;    margin: 0 5px 10px 0;}
	#carousel-thumbs {
    width: 96%;
    margin: 0 auto;
		}
	#carousel-thumbs .item div {		width: 19%;}

	.behind { background-color: #7b7b7b;

    background-size: inherit ;
    color: #fff;
    margin-bottom: 0px;
    height: 680px;
}
	.behind .col-md-5 { height:330px}

}

@media only screen and (max-width: 480px) {
	.product-img {    padding-left: 15px;}
	.product-category ul li {    padding: 0px 0;}
	.product-category ul li a {        padding: 10px 15px;    font-size: 15px;	}
	.product-img .carousel-caption {    top: auto;    bottom: 0; right:0; transform: translateY(100%);}
	.product-img .carousel-inner p {    margin-bottom: 0;    font-size: 13px;}
	.product-img .carousel-inner .fill {    border: 13px solid #000; } /*#7b7b7b*/
	.product-img .carousel-inner .fill.potrait-img {    background-size: contain;    background-color: #7b7b7b;}
	/*.carousel {	height: 275px !important;	}*/

	.carousel {	height: 400px !important;	}
	/* .carousel {	height: 100vh !important;	} */
		.carousel-caption {    top: 17%;    bottom: auto;}
	ul.thumbnails-carousel {
    margin: 0 auto !important;
    width: 90%;
    }
	ul.thumbnails-carousel li {width: 15%;}
	footer .projects img {    width: 47%;    margin: 0 5px 10px 0;}
    .behind {
    margin-bottom: 0px;
    height: 790px;
    }
	.behind-content {
    padding-right: 20px;
    }
    /*iframe.media-video {
        height: 280px;
    }*/
    .carousel .fill {
       background-size: cover;
    }
    p a.home-video {
        line-height: 40px;
    }
    p a.home-video img {
        max-width: 40px;
    }
    .carousel-inner p {
        max-width: 100%;
        font-size: 21px;
        line-height: 24px;
    }
    .carousel-inner h2 {
        letter-spacing: 3px;
        font-size: 24px;
    }
    .media-img .carousel .item {
        /* height: 70vh; */
        height: 300px;
    }
    .media-img .carousel .item img {
        width: 100%;
        height: 100%;
        /* object-fit: contain; */
        object-fit: cover;
    }

    .media-img .carousel .art img {
      object-fit: contain;
    }

}

@media screen and (max-width: 480px) {
  .product-img .carousel .item{
    height: 350px;
    /* height: 400px; */
  }

  .product-img .carousel-inner {
    height: 400px;
  }

  .product-img .carousel-inner .fill {
    /* background-size: auto; */
  }

  /* .mypublic > .item {
    height: 350px !important;
  }

  .mypublic .item img {
    object-fit: contain !important;
  } */

  .soba-img {
    max-height: 300px;
    height: 300px;
  }

  .title-left {
    font-size: 14px;
    font-weight: bold;
  }

  /* .carousel-caption{
      top:325px;
  } */

  .my-left{
    float: left;
  }

  .my-right {
    text-align: left;
  }

  .haha {
    top:260px !important;
  }

  .banner {
    margin-top: 15px;
  }
}

@media screen and (max-width: 380px) {
    iframe.media-video {
       /* height: 220px; */
        margin-bottom: 15%;
    }
}