/* ==============================
   ladeux 
   ============================== */


img.resp {
	width:100%;
}


.la-link{
	line-height: 1;
	position: relative;
	display: block;
	outline: none;
}


.la-link-name{
	position: relative;
	display: inline-block;
	font-size: 1.10em;
	line-height: 1.4;
	padding: 0 0.35em;
	transition: color 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	color: #777;
}

.la-link-name::before {
	background: #ece94f;
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 110%;
	height: 50%;
	opacity: 0.4;
	transform: scale3d(1,1,1);
	transform-origin: 100% 0%;
	transition: transform 1.0s ease;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.la-link:hover .la-link-name::before,
.la-link:focus .la-link-name::before,
.la-link.active .la-link-name::before{
	transform: scale3d(1,1,1);
}
.la-link .la-link-name:hover,
.la-link .la-link-name:focus{
	color: #111;
}


.la-main {
	margin-top:50px;
	margin-bootm:50px;
	cursor: default;
	
	color:#777;
}

.la-sub-title{
    margin-bottom: 5px;
    padding-bottom:5px;
    font-size: 16px;
    font-weight: 400;    
    line-height: 1.2;
    letter-spacing: 2px;
    border-bottom: 1px solid #bbb;    
    color: #777;
}

.la-ba-item{
    color: #777;
	padding-left:0;
	margin-left:0;
}

.la-contact-item{
    position: relative;
    padding-left: 44px;
    color: #777;
	margin-bottom:10px;    
}
.la-contact-item a{
    color: #777;
    text-decoration: none;    
}

.la-contact-item a:hover{
    color: #000;
    text-decoration: underline;
}

.la-ci-icon{
    width: 23px;
    height: 23px;
    position: absolute;
    left: 3px;
    font-size: 15px;
    text-align: center;
    line-height: 23px;
    color: #777;    
}

.la-ci-title{
	line-height:15px;
    color: #777;    
    font-size: 12px;
    padding-top:1px;
}



.la-pd-item{
	width:100%;
	border: 2px solid #bbb;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.la-pd-item:hover{
	opacity: 0.5;
	cursor: pointer;
}

.la-pd-item:hover{
	width:100%;
	border: 2px solid #bbb;
}

.la-pd-title{
	text-align: center;	
	margin-top:5px;
	display: block;
	font-size: 12px;
	color:#555; 
}


.la-pd-caption{
	font-size: 1.10em;
	margin-bottom:5px;
	padding:0;
	line-height: 0.8em;
}
.la-pd-caption small{
	margin:0;
	padding:0;
	font-size: 13px;
	margin-top:10px;
	display:block;
}
.pd-brand{
	display:block;
	margin-bottom:40px;
}
.la-inquiry{
	display:block;
	margin-top:50px;
}
.la-inquiry2{
	display: none;
}
@media (max-width: 767px) {
	.pd-brand{margin:0 auto; margin-bottom:40px; }
	.la-inquiry{display:none;}
	.la-inquiry2{display:block; margin:0 auto; margin-top:20px;}
}




.la-pd-mark{
	margin-top:40px;
	line-height: :0.8em;
	margin: 40px 0 5px 0;
	padding:0;
	font-size: 1.10em;
}
.la-pd-info{
	text-align: left;
}

.ld-pd-cont{
	font-size: 13px;
}

.la-pd-gp{
	text-align:right;
}
.la-pd-gp img{
	width:160px;
	border:2px solid #bbb;"
	float:right;
	display: inline-block;;
	margin:0 0 20px 10px;
	
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}


.la-pd-gp img:hover{
	opacity: 0.5;
	cursor: pointer;
}



/********************** Start Of Collection **********************/


.coll-item{
	line-height: 1;
	position: relative;
	display: block;
	outline: none;
	color:#777;
	border: 0px;
}


.coll-item-name{
	position: relative;
	display: inline-block;
	font-size: 1.40em;
	line-height: 1.6;
	padding: 0 0.35em;
	transition: color 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	/*text-transform: uppercase;*/
}


.coll-item-name::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	opacity: 0.3;
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
	transition: transform 1.0s ease;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}


.coll-item-label{
	position: relative;
    font-size: 1.1em;
    letter-spacing: 0.05em;
    transform: translate3d(-0.8em,0,0);
    transition: transform 0.5s, color 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    display: block;
    /*text-transform: uppercase;*/
    padding-left:1.4em;
    line-height: 1.6em;
    max-width: 550px;
}


.coll-item-label::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1.25em;
    left: 0.05em;
    width: 25%;
    height: 1px;
    opacity: 0.3;
    transform: scale3d(0,1,1);
    transform-origin: 100% 50%;
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    display: block;
}




.coll-item .coll-item-name::before {
	background: #ece94f;
}





/* Hover */
.coll-item:hover,
.coll-item:focus {
	/* color: #ece94f; */
}

.coll-item:hover .coll-item-name::before,
.coll-item:focus .coll-item-name::before,
.coll-item.active .coll-item-name::before,
.coll-item .coll-item-name:hover,
.coll-item .coll-item-name:focus{
	transform: scale3d(1,1,1);
}

.coll-item:hover .coll-item-label,
.coll-item:focus .coll-item-label {
	transform: translate3d(0,0,0);
}
.coll-item:hover .coll-item-label::before,
.coll-item:focus .coll-item-label::before {
	transform: scale3d(1,1,1);
	transform-origin: 0% 50%;
	transition-timing-function: ease;
}

#la-coll-bg{
	opacity: 0.3;
}


.la-cover{
	letter-spacing: 3px;
	font-size: 20px;
}




.la-coll-vertical{    /* Vertical Alignment and Center  */
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 102vh;
    margin: 0 auto;
    padding: 0;
    background : #ddd; 
    width: 80%;
    float: right;
}


.la-coll-thumb{
	position: absolute;
	z-index:8;
	top:8%;
	right:0;
	padding:0;
	width:0;
	width:100%;
	background:#bbb;
}


.la-coll-thumb2{
	position: absolute;
	z-index:8;
	top:11%;
	right:0;
	padding:0;
	width:0;
	width:100%;
}


.la-btn-more{
	display:block;
	display: inline- block;
	position: absolute;
	right:20px;
	bottom:90px;
}

.la-coll-banner{
	position:relative;
	right:0;
    float: right;
    text-align: right;
    overflow: hidden;
}
.la-coll-banner-mask{
	top:0;
	left:0;
	display: block;	
    width:100%;
	overflow: hidden;
	max-height:700px;
}

.la-coll-banner-mask img{
	width: 1600px;
	max-width: 10000px;
	float: right;
}



.la-coll-title{
	display:inline-block;
	width:100%;
	position: absolute;
	top:0;
	right:0;
	text-align: right;
	cursor: default;
	color: #999;
	margin-right:0px;	
}

.la-coll-title h3 {
	margin:0;
}

.la-coll-img{
	position:absolute;
	right:0;
    float: right;
    max-width:800px;
    height:800px;
    text-align: right;
    overflow: hidden;
}

.la-coll-img-mask{
	display:block;
	position:fixed;
    top: 8%;
    right: 0;
    bottom: 0px;
    width: -webkit-calc(80% + 10px);
    width: calc(80% + 10px);
    overflow: hidden;
}

.la-coll-img img.actived {
    visibility: visible;
    opacity: 1;
}

.la-coll-img-mask img {
	/*padding-right:40px;*/
	position:absolute;
	max-width:800px;
	top:0;
	right:0;
	visibility: hidden;
}
@media (max-width: 1615px) {
	.la-coll-img-mask img{
    	max-width:700px;
    	padding-right:0px;
	}
}
@media (max-width: 1410px) {
	.la-coll-img-mask img{
    	max-width:600px;
    	padding-right:0px;
	}
}

@media (max-width: 1000px) {
	.la-coll-img-mask img{
    	max-width:400px;
    	padding-right:0px;
    	visibility: hidden;
	}
	.la-coll-thumb{
		visibility: hidden;
	}
}


/*
svg.la-svg {
  display: block;
  width: 200px;
  height: 200px;
  margin: 2em auto;
}
.c-cp-circle {
  transform-origin: 100px 100px;
  animation: scale 5s infinite;
}

@keyframes scale {
  50% {
    transform: scale(10);
  }
}

.c-mask-rect {
  fill: white;
  animation: stroke-width 5s infinite;

}

@keyframes stroke-width {
  50% {
    stroke-width: 1;
  }
}
*/




.la-collection{
    margin: 160px auto;
    padding: 0;
}
.la-collGallery{
    margin-top: 50px;
    height: 950px;
    display: inline-block;
}


/********************** End Of Collection **********************/

@media (max-width: 1024px) {
	.la-collection{
    	margin: 0px auto;
	}
}

.la-pd-main{
	width:100%;
	border: 2px solid #eaeaea;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


@media (max-width: 767px) {
    /* About us Upper Area */	
	.la-pd-thumb{ 
		width:140px;	 
	}
	.la-pd-info, 
	.la-pd-gp{
		text-align:center;
	}
	
}

   
@media (max-width: 767px) {
    /* About us Upper Area */	
	.col-upper { margin-top:20px; }
}

@media (min-width: 768px	)  {
    /* About us Upper Area */
    .col-upper { margin-top:10px; }
}
@media (min-width: 992px) {
    /* About us Upper Area */
    .col-upper { margin-top:10px; }
}
@media (min-width: 1200px) {
    /* About us Upper Area */
    .col-upper { margin-top:195px; }

}