/*common*/
.rl-bonus .border-gray1{border-bottom: 1px solid #767676;}
.rl-bonus p, .rl-bonus li{color: #767676;line-height: 2;}
.bg-red{background-color: #FF3A3B}

/*style*/
	.rl-style1 .text-sm{margin-bottom: 0;}
	.rl-style1 .desc{padding-left: 25px;}
	.rl-style1 ul{margin-bottom: 0;}

/*banner*/
.rl-banner-text{padding-left: 0;padding-right: 0;}
.rl-banner-text .text-lg{font-size: 8.875rem;font-family: 'Oswald', sans-serif; font-size: 7.4vw;}
.rl-banner-text .text-lg>span{font-size: 11.875rem;font-size: 9.9vw;}
.rl-banner-text .text-md{font-size: 2.2rem;font-size: 1.8vw;font-weight: 300;}

.banner-border{border-bottom: 20px solid #FF3A3B;}

.rl-banner-wrapper{margin-top: 2.5rem;}
.rl-banner-left{position: relative;}
/* .rl-banner-left{position: relative;z-index: 100;} */
.rl-banner-right{position: relative;z-index: 10;}

.rl-banner-inner{margin-top: 35px;}
.img-banner{max-height: 700px;}

/*body*/
.rl-product-show .title-block{width: 9.29%; background-color: #a9a9a9; position: relative; margin-right: 4%;float: left; padding-bottom: 9.29%; }
.rl-product-show .title-block p{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;line-height: 1.2}
.rl-product-show .product-items{float: left;width: 85.5%;}
.product-items img{float: left;margin-right: 1.26%;width: 11.00%;margin-bottom:1.26%;}
.product-items img:last-of-type{margin-right: 0;}

/* carousel */
.owl-carousel .owl-item img {width:70%; border:1px solid gray;padding-bottom:5px;margin-bottom:5px;margin-left:0px;padding-left:0px;}

/*hair*/
.rl-product-show-3{width: 86%;}
.rl-product-show-3 .title-block{width: 22.32%; background-color: #a9a9a9; position: relative; margin-right: 6%;float: left; padding-bottom: 22.32%;}
.rl-product-show-3 .title-block p{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);text-align: center;line-height: 1.2}
.rl-product-show-3 .product-items{float: left;width: 82.5%;}
.product-items-3 img{float: left;margin-right: 2%;width: 22.32%;}
.product-items-3 img:last-of-type{margin-right: 0;}
/*.rl-product>div:last-of-type{padding-bottom: 0;}
*/
.rl-product .rl-product-show-3:last-child{padding-bottom: 0;}

/*how to sign up*/
.rl-style3 .text-sm{margin-bottom: 0;}
.rl-style3 .text-sm,.rl-style3 p, .rl-style3 a{color: #fff;}
.rl-style3 a:hover,.rl-style3 a:focus,.rl-style3 a:active,.rl-style3 a:active:focus{color: #999999;}
/*button*/
.rl-btn-bonus{
	background-color: #fff;
    border: 2px solid #fff;
    color: #FF3A3B;
    line-height: normal;
    font-size:1.5rem;
    border-radius: 0; 
    padding:15px; 
    margin-top:20px;
    font-weight: 300; 
}
.rl-btn-bonus:hover, .rl-btn-bonus:focus, .rl-btn-bonus:active, .rl-btn-bonus:active:focus{
    background-color: transparent;
    color: #fff !important;
    outline:none;
}


@media screen and (max-width: 1540px){
	/*banner*/
	/*.rl-banner-text h1{font-size: 8.2rem;}
	.rl-banner-text h1>span{font-size: 10.875rem;}
	.rl-banner-text h2{font-size: 2rem;}*/

	.rl-banner-wrapper {margin-top: 5rem;}
}

@media screen and (max-width: 1440px){
	/*banner*/
	/*.rl-banner-text h1{font-size: 7.8rem;}
	.rl-banner-text h1>span{font-size: 10.5rem;}*/

	.rl-banner-wrapper {margin-top: 4rem;}

	.title-block p{font-size: 1rem;}
}

@media screen and (max-width: 1340px){
	/*banner*/
	/*.rl-banner-text h1{font-size: 7.2rem;}
	.rl-banner-text h1>span{font-size: 9.875rem;}
	.rl-banner-text h2{font-size: 1.82rem;}*/

	.rl-banner-wrapper {margin-top: 3rem;}
}

@media screen and (max-width: 1240px){
	/*banner*/
	/*.rl-banner-text h1{font-size: 6.6rem;}
	.rl-banner-text h1>span{font-size: 8.9rem;}
	.rl-banner-text h2{font-size: 1.65rem;}*/
}

@media screen and (max-width: 1140px){
	/*banner*/
	/*.rl-banner-text h1{font-size: 5.6rem;}
	.rl-banner-text h1>span{font-size: 7.5rem;}
	.rl-banner-text h2{font-size: 1.4rem;}*/

	.rl-banner-wrapper {margin-top: 2rem;}

	.title-block p{font-size: 0.8rem;}
}

@media screen and (max-width: 991px){
	/*banner*/
	/*.rl-banner-text h1{font-size: 4.3rem;}
	.rl-banner-text h1>span{font-size: 5.8rem;}
	.rl-banner-text h2{font-size: 1.1rem;}*/

	.rl-banner-wrapper {margin-top: 1rem;}

	.rl-product-show-3{float: none;}
	
	/*body*/
	.rl-product-show{width: 86%;}
	.rl-product-show .title-block{width: 22.32%; margin-right: 6%; padding-bottom: 22.32%;}
	.rl-product-show .product-items{width: 71.68%;}
	.product-items img{ margin-right: 2%;width: 31%;margin-bottom: 2%;}

	/*hair*/
	.rl-product .rl-product-show-3:last-child{padding-bottom: 25px;}
	.rl-product .rl-product-show-3.onlyforlast{padding-bottom: 0;}
	
	/*common*/
	.title-block p {font-size: 1.2rem;}
	.border-gray1-mobile{border-bottom:1px solid #767676;}
}


@media screen and (max-width: 767px){
	/*banner*/
	.rl-banner-text .text-lg{font-size: 4.3rem; /*font-size: 7.5vw;*/}
	.rl-banner-text .text-lg>span{font-size: 5.8rem;/*font-size: 10vw;*/}
	.rl-banner-text .text-md{font-size: 1.05rem;}

	.rl-banner{position: relative;}
	/*.rl-banner-left{width: 100%;}*/
	.rl-banner-right{position: absolute;right: 3%;top: 13%;}
	/*.rl-bonus-logo{width: 55%;}*/

	.rl-banner-wrapper{margin-top: 1.7rem;margin-bottom: 2.3rem;}
	.rl-banner-inner{padding-left: 15px;margin-top: 0;}

	/*hair*/
	.rl-product .rl-product-show-3:last-child{padding-bottom: 20px;}
	.rl-product .rl-product-show-3.onlyforlast{padding-bottom: 0;}

	/*common*/
	.rl-product-show,.rl-product-show-3{width: 100%;}
	.rl-btn-bonus{float: none}
	.rl-img-signup{max-width: 200px;}

}

@media screen and (max-width: 670px){
	/*banner*/
	.rl-banner-text .text-lg{font-size: 3.8rem; /*font-size: 7.5vw;*/}
	.rl-banner-text .text-lg>span{font-size: 5.2rem;/*font-size: 10vw;*/}
	.rl-banner-text .text-md{font-size: 0.95rem;}
}

@media screen and (max-width: 580px){
	/*banner*/
	.rl-banner-text .text-lg{font-size: 3.3rem; /*font-size: 7.5vw;*/}
	.rl-banner-text .text-lg>span{font-size: 4.5rem;/*font-size: 10vw;*/}
	.rl-banner-text .text-md{font-size: 1.1rem;}

	/*common*/
	.title-block p {font-size: 1rem;}
}

@media screen and (max-width: 500px){
	/*banner*/
	/*.rl-banner-text h1{font-size: 2.5rem;}
	.rl-banner-text h1>span{font-size: 3.4rem;}
	.rl-banner-left{width: 100%;}
	.rl-banner-right{top:17%;width: 0;}*/
	.rl-banner-text .text-lg{font-size: 3.8rem;}
	.rl-banner-text .text-lg>span{font-size: 5.1rem;}
	.rl-banner-text .text-md{font-size: 0.9375rem;}
	
	.rl-banner-left{width: 100%;}
	.rl-banner-right{width: 0;}
	.rl-banner-inner{width: 330px; margin: 0 auto;padding-right: 15px;}

	.rl-btn-bonus{font-size: 1.5rem}
	/*common*/
	.title-block p {font-size: 0.8rem;}
}

@media screen and (max-width: 400px){
	.rl-banner-wrapper { margin-bottom: 1rem;}

	/*banner*/
	.rl-banner-text .text-lg{font-size: 3.4rem;}
	.rl-banner-text .text-lg>span{font-size: 4.6rem;}
	.rl-banner-text .text-md{font-size: 1rem;}
	
	.rl-banner-left{width: 100%;}
	.rl-banner-right{width: 0;}
	.rl-banner-inner{width: 300px; margin: 0 auto;padding-right: 15px;}
	
	/*common*/
	.title-block p {font-size: 0.75rem;}
	.title-block .onlyforphone{font-family: 'Roboto Condensed', sans-serif;}
	
}