/* BASIC css start */
*{box-sizing:border-box;word-break:keep-all}
body{background-color:#fff;}
#overlay_layer{display:none;}
#header{background:#fff;}
#footer{background:#fff;padding-top:0 !important;}
#about{padding-bottom: 150px;}
/* #about .con-wrap{padding:140px 0;padding-left:162px;} */
#about .con-bx{position:relative;width:100%;}
/* #about .con-bx:nth-child(2)::after{content:url(img/brand/brand-bg3.png);position:absolute;z-index:-1;bottom:-200px;right:-150px;} */
#about .con-bx .img{position:relative;overflow:hidden;width:100%;height:700px;}
#about .con-bx .img:hover img{transform: scale(1.2);transition: .5s;}
#about .con-bx .img-wrap{width:100%;display:flex;}
#about .con-bx.con2 .img{width:33.33%;}
#about .con-bx.con3 .img{width:50%;}
#about .con-bx.con5 .img{width:50%;}
#about .con-bx .img img{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    border: none;
    box-shadow: none;transition:.3s;}

#about .txtbx{width:100%;padding:100px 0;text-align:center;}
#about .txtbx .txt-wrap{display:flex;justify-content:center;text-align:left;}
#about .txtbx .txt-wrap .txt:nth-child(1){margin-right:250px;}
#about .con-bx .txtbx .tit{margin-bottom:40px;}
#about .con-bx .txtbx .tit h2{font-size:32px;font-weight:600;}
#about .con-bx .txtbx .tit p{margin:10px 0 0 -3px;font-size:17px;font-weight:400;color:#555;}
#about .con-bx.con3 .txtbx .tit p{font-size:20px;}
#about .con-bx .txtbx .txt p{font-size:18px;font-weight:400;line-height:1.6;color:#333;}
#about .con-bx.con3 .txt h3{margin-bottom:10px;font-size:24px;}
#about .con-bx.con3 .txt p{padding-left:30px;}


/**/
#about .media-wrap{width:1200px;margin:0 auto;}
#about .result-lst{position:relative;}
#about .result-lst>div{display:none;}
#about .result-lst .result-bx a:first-child{display:block;position:absolute;top:50%;left:-100px;transform: translateY(-50%);}
#about .result-lst .result-bx a:last-child{display:block;position:absolute;top:50%;right:-100px;transform: translateY(-50%);}
#about .result-lst .result-bx.box-active{display:block;z-index:9;}
#about .result-lst .result-bx{background-size:cover;background-repeat:no-repeat;background-position:center;}
#about .result-lst .result-bx .img-wrap{position:relative;overflow:hidden;width:100%;height:675px;}

#about .result-lst .result-bx .img-wrap img{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    border: none;
    box-shadow: none;transition:.3s;}
#about .result-lst .result-bx .img-wrap:hover img{transform:scale(1.2);transition:.5s;}



/*#about .result-lst .tab1{background-image:url(/design/sillajewel/img/brand/brand-r1.jpg);}
#about .result-lst .tab2{background-image:url(/design/sillajewel/img/brand/brand-r2.jpg);}
#about .result-lst .tab3{background-image:url(/design/sillajewel/img/brand/brand-r3.jpg);}
#about .result-lst .tab4{background-image:url(/design/sillajewel/img/brand/brand-r5.jpg);}

#about .result-lst .tab5{background-image:url(/design/sillajewel/img/brand/brand-r6.jpg);}
#about .result-lst .tab6{background-image:url(/design/sillajewel/img/brand/brand-r7.jpg);}
#about .result-lst .tab7{background-image:url(/design/sillajewel/img/brand/brand-r8.jpg);}
#about .result-lst .tab8{background-image:url(/design/sillajewel/img/brand/brand-r9.jpg);}
#about .result-lst .tab9{background-image:url(/design/sillajewel/img/brand/brand-r10.jpg);}*/
#about .result-bx{position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;}

#about .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
#about .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#about .videoWrapper video{
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
 	background-position: center center;
 	background-size: contain;
    object-fit: cover; /*cover video background */
	z-index:-1;
}

#about .imgscroll{position:relative;width:100%;overflow-x:scroll;margin-top:50px;padding-bottom:50px;transform:rotateX(180deg);-ms-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);}
#about .imgscroll ul{display:flex;width:2500px;height:162px;overflow-x:scroll;transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-webkit-transform:rotateX(-180deg);}
#about .imgscroll ul li{overflow:hidden;width:243px !important;height:100%;margin:0 5px;}
#about .imgscroll ul li a{overflow:hidden;display:block;width:243px !important;height:100%;background-size:cover;}
#about .imgscroll ul li.s0 a{background-image:url(/design/sillajewel/img/brand/brand-s0.png);background-position:center;}
#about .imgscroll ul li.s1 a{background-image:url(/design/sillajewel/img/brand/brand-s1.png);}
#about .imgscroll ul li.s2 a{background-image:url(/design/sillajewel/img/brand/brand-s2.png);}
#about .imgscroll ul li.s3 a{background-image:url(/design/sillajewel/img/brand/brand-s3.png);}
#about .imgscroll ul li.s4 a{background-image:url(/design/sillajewel/img/brand/brand-s5.png);}
#about .imgscroll ul li.s5 a{background-image:url(/design/sillajewel/img/brand/brand-s6.png);}
#about .imgscroll ul li.s6 a{background-image:url(/design/sillajewel/img/brand/brand-s7.png);}
#about .imgscroll ul li.s7 a{background-image:url(/design/sillajewel/img/brand/brand-s8.png);}
#about .imgscroll ul li.s8 a{background-image:url(/design/sillajewel/img/brand/brand-s9.png);}
#about .imgscroll ul li.s9 a{background-image:url(/design/sillajewel/img/brand/brand-s10.png);}

#about .imgscroll::-webkit-scrollbar {
	 height:6px;
}

/* Track */
#about .imgscroll::-webkit-scrollbar-track {
  background: #cacaca;
}

/* Handle */
#about .imgscroll::-webkit-scrollbar-thumb {
  background: #000;
}


#about .imgscroll ul::-webkit-scrollbar {
	 height:0;
}

/* Track */
#about .imgscroll ul::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
#about .imgscroll ul::-webkit-scrollbar-thumb {
  background: transparent;
}



/* BASIC css end */