
/* Style for textbox header */
#slider-index img{max-width: 100%;}
#slider-index .item{position: relative}
.flex-index{padding:0;margin:0;position: relative;}
.flex-index h3{font-size: 1.6em}
.flex-direction-nav {list-style: none;
    padding: 0;}
.flex-index .slides .bx-caption{display:none}
.flex-index .slides .bx-caption.start,.flex-index .slides .bx-caption.play{display: block;
    z-index: 8;
	position:absolute;
	top:0;
   height: 100%;
    width: 100%; margin-top:3%;}
.flex-index .flex-direction-nav a{width: 2.6em;height: 5em;line-height: 5em;text-align: center;position: absolute;font-size: 1em;top: 50%;margin-top: -2.5em;background: url(../image/button-previous.png) no-repeat center center;background-size: 100% 100%;transition: all .3s linear;      -moz-transition: all .3s linear;      -o-transition: all .3s linear;      -ms-transition: all .3s linear;      -webkit-transition: all .3s linear;}
.flex-index .flex-direction-nav .flex-prev{left: 3em;background-image: url(../image/prev.png);}
.flex-index .flex-direction-nav .flex-prev:hover{background-image: url(../image/prev-hover.png);}
.flex-index .flex-direction-nav .flex-next{right: 3em;background-image: url(../image/next.png);}
.flex-index .flex-direction-nav .flex-next:hover{background-image: url(../image/next-hover.png);}

.flex-index .flex-direction-nav .flex-next{right: 0.2em}
.flex-index .flex-direction-nav .flex-prev{left: 0.2em}
.flex-index .flex-control-paging{font-size: 1em;padding-top: 2em;bottom: 2em;position: absolute;left: 0;width: 100%;text-align: center;}
.flex-index .flex-control-paging li{display: inline-block;margin: 0 3px;}
.flex-index .flex-control-paging li a{background: #d4d5d8;text-indent: -9999px;display: inline-block;width: 3.3em;height: 0.6em;line-height: 0.6em;margin: 0px;outline: 0;cursor: pointer;transition: all .3s linear;      -moz-transition: all .3s linear;      -o-transition: all .3s linear;      -ms-transition: all .3s linear;      -webkit-transition: all .3s linear;}
.flex-index .flex-control-paging li .flex-active,.flex-index .flex-control-paging li a:hover{background-color: #242628;}
@media(max-width: 480px){.flex-index .btn-shop{border-width: 1px!important}}
/* Template Default */
.template-default .play .caption1{padding-top: 9%;z-index:30;color: inherit;font-size: 16.2em;font-weight:700;line-height: 1em;margin:0;text-transform:uppercase;-moz-animation:fadeInRight .8s ease-in 1.3s backwards;-webkit-animation:fadeInRight .8s ease-in 1s backwards;animation:fadeInRight .8s ease-in 1s backwards;opacity:1}
.template-default .play .text-slide3 .caption1{font-size: 8.8em;
    line-height: 1em;
    font-family: "montserrat";
    font-weight: 500;
    top: 2em;
    width: 13.3em;
    text-align: center;}
.template-default .play .caption2{padding:1em 0;z-index:40;color:inherit;font-size: 5em;font-weight:300;margin:0;line-height: 1em;-moz-animation:fadeInLeft .8s ease-in 1.5s backwards;-webkit-animation:fadeInLeft .8s ease-in 1.5s backwards;animation:fadeInLeft .8s ease-in 1.5s backwards;opacity:1}
.template-default .play .text-slide3 .caption2{font-size: 4.5em;
    line-height: 1em;
    font-weight: 400;
    top: 6.5em;
    width: 26.3em;
    text-align: center;}
.template-default .play .text-slide3 .caption3	{
		width: 40.3em;
    text-align: center;
	top:12em;
	}
.template-default .play .caption2 strong{color:#955251;font-size: 1em;padding: 0 0.3em;}
.template-default .play .caption3{top: 14em;z-index:50;font-size:2.9em;color:inherit;font-weight:300;text-transform:uppercase;-moz-animation:fadeInUp .8s ease-in 1.7s backwards;-webkit-animation:fadeInUp .8s ease-in 1.7s backwards;animation:fadeInUp .8s ease-in 1.7s backwards;opacity:1}
.template-default .play .caption4{-moz-animation:fadeInLeft 1s ease-in 2s backwards;-webkit-animation:fadeInLeft 1s ease-in 2s backwards;animation:fadeInLeft 1s ease-in 2s backwards;padding-top: 5px;bottom: 16.7em;z-index:60;opacity:1}
.template-default .play .text-slide3 .caption4{bottom: 20em;width: 73.3em;
    text-align: center;}
.template-default .btn-shop{border:2px solid #955251;color:#955251;display:inline-block;font-size:1em;font-weight:400;line-height: 2.6em;margin-top: 2em;padding: 0 2em;text-transform:uppercase;transition: all .3s linear;      -moz-transition: all .3s linear;      -o-transition: all .3s linear;      -ms-transition: all .3s linear;      -webkit-transition: all .3s linear;}
.template-default .btn-shop:hover{color:#fff !Important;background-color:#955251}
.template-default .play .text-slide3 .caption4 .btn-shop,.template-default .play .text-slide2 .caption4 .btn-shop{border:2px solid #242628;color:inherit;font-size: 1em;}
.template-default .play .text-slide3 .caption4 .btn-shop:hover,.template-default .play .text-slide2 .caption4 .btn-shop:hover{color:#fff;background-color:#242628}
.template-default .play .text-slide2 .caption1,.template-default .play .text-slide2 .caption5{font-size:10em;line-height: 1em;font-weight:700;text-transform:uppercase;width: 5.8em;right:0;left:0;margin:0 auto;padding-left: 4em;}
.template-default .play .text-slide2 .caption2 {
	    color: inherit;
    font-size: 6em;
    font-weight: 300;
    margin: 0;
    line-height: 1em;
    width: 19.8em;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding-left: 11.4em;
    -moz-animation: fadeInLeft .8s ease-in 1.5s backwards;
    -webkit-animation: fadeInLeft .8s ease-in 1.5s backwards;
    animation: fadeInLeft .8s ease-in 1.5s backwards;
    opacity: 1;
}
.template-default .play .text-slide2 .caption3 {
	z-index: 50;
    font-size: 2.9em;
    color: inherit;
    font-weight: 300;
    text-transform: uppercase;
    -moz-animation: fadeInUp .8s ease-in 1.7s backwards;
    -webkit-animation: fadeInUp .8s ease-in 1.7s backwards;
    animation: fadeInUp .8s ease-in 1.7s backwards;
    opacity: 1;
	    margin: 0 auto;
    padding-left: 23.4em;
}
.template-default .play .text-slide2 .caption4{width: 58em;right:0;left:0;margin:0 auto;padding-left: 36em;bottom: 22em;}
.template-default .play .text-slide2 .caption2{top: 3.6em;}
.template-default .play .text-slide2 .caption3{top: 10.8em;}
.template-default .play .text-slide2 .caption5{position:absolute;z-index:55;color:inherit;-moz-animation:fadeInUp .8s ease-in 1.9s backwards;-webkit-animation:fadeInUp .8s ease-in 1.9s backwards;animation:fadeInUp .8s ease-in 1.9s backwards;opacity:1;top: 3.3em;}
.template-default .play .caption6{position:absolute;top:72%;z-index:55;color:inherit;-moz-animation:fadeInUp .8s ease-in 1.9s backwards;-webkit-animation:fadeInUp .8s ease-in 1.9s backwards;animation:fadeInUp .8s ease-in 1.9s backwards;opacity:1;font-size: 1.6em;}

.btn-shop {
	border:2px solid #955251;color:#955251;display:inline-block;font-size:1.7em;font-weight:400;line-height: 2.6em;margin-top: 2em;padding: 0 2em;text-transform:uppercase;transition: all .3s linear;      -moz-transition: all .3s linear;      -o-transition: all .3s linear;      -ms-transition: all .3s linear;      -webkit-transition: all .3s linear;
}
.text-slide.righte-top{
	width: 50%;
	float:right;
}

.text-slide.left-top{
	width: 50%;
}

.text-slide.center-top{
	width: 50%;
    margin: auto;
    text-align: center;
}
@media(max-width: 380px){
	.template-default .play .caption2 {
    padding: 2px 0;
	}
	.template-default .play .caption3 {
    margin: 8px 0;
	}
	.template-default .play .caption4 {
    margin: 6px 0;
}
}
@media(min-width: 769px){
	.template-2 .flex-index .flex-direction-nav .flex-next{right: 9em;}
}
@media(max-width: 1440px){
	.template-default .play .text-slide2 .caption4{bottom: 12em;}
	.template-default .play .text-slide3 .caption4{bottom: 11em;}
	.template-default .play .caption4 {
    bottom: 7.7em;
}
@media(max-width: 1200px){
	.template-default .play .text-slide3 .caption4{bottom: 7em;}
	.template-default .play .caption4 {
    bottom: 4.7em;
}
body.template-default .play .caption1 {
	padding-top:3%;
}
.template-default .play .text-slide2 .caption1 {padding-left: 3em;}
.template-default .play .text-slide2 .caption2 { padding-left: 10.1em;}
.template-default .play .text-slide2 .caption3 { padding-left: 20em;}
}
@media(max-width: 480px){
.template-default .play .caption1 {top: 0.1em;}
.template-default .play .caption2 {top: 3.6em;}
.template-default .play .caption3 {top: 9em;}
.template-default .play .caption4 { bottom: 3.7em;font-size: 3em;}
.template-default .play .text-slide3 .caption1 {top: 1em;}
.template-default .play .text-slide3 .caption2 {top: 4.5em;}
.template-default .play .text-slide3 .caption3 {top: 8em;}
.template-default .play .text-slide3 .caption4 { bottom: 4em;width: 39.3em;}
.template-default .play .text-slide2 .caption2 {top: 2.4em;}
.template-default .play .text-slide2 .caption3 {top: 8.8em;}
.template-default .play .text-slide2 .caption4 {bottom: 6em;padding-left: 25em;}
}


