.btn-view_project {
	background:url(../img/about/yellow_bg-btn.png) no-repeat left center;
	width: 340px;
    height: 65px;
	color: #FFFFFF;
	font-size: 59px;
	font-weight: 500;
	padding: 0px 0px 0px 20px;
    line-height: 65px;
    text-align: left;
	font-family: 'Jenna Sue';
	transition: all 300ms ease-in-out; 
}

.btn-view_project:hover {
	color: #FFFFFF;
	background:url(../img/about/blue_bg-btn.png) no-repeat left center;
	transition: all 300ms ease-in-out; 
}


.btn-skip {
	background-image:url(../img/product/yellow_bg-btn.png);
	background-repeat:no-repeat;
	background-position:left center;
	width: 340px;
    height: 65px;
	color: #FFFFFF;
	font-size: 59px;
	font-weight: 500;
	padding: 0px 0px 0px 20px;
    line-height: 65px;
    text-align: left;
	border-radius: 0;
	position: relative;
	overflow: hidden;
	font-family: 'Jenna Sue';
}

.btn-skip .hover-text {
	color: #fff;
	opacity: 1;
	position: absolute;
	right: 55%;
	opacity: 0;
	/*-webkit-transform: skew(42deg) translateX(-39px);
	-moz-transform: skew(42deg) translateX(-39px);
	-ms-transform: skew(42deg) translateX(-39px);
	-o-transform: skew(42deg) translateX(-39px);
	transform: skew(42deg) translateX(-39px);*/
}
.hover-text.enter {
	right: 57%;
	opacity: 1;
	-webkit-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
	-moz-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
	-ms-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
	-o-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
	transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s;
}
.hover-text.leave {
	right: 100%;
	opacity: 0;
	-webkit-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
	-moz-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
	-ms-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
	-o-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
	transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s, opacity 0.5s;
}
.hover-text.reset {
	right: 55%;
	opacity: 1;
}

.btn-skip .hover-bg {
	display: block;
	background-image:url(../img/product/white-cover-btn.png);
	background-repeat:no-repeat;
	background-position:left center;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform: skew(0deg);
	-moz-transform: skew(0deg);
	-ms-transform: skew(0deg);
	-o-transform: skew(0deg);
	transform: skew(0deg);
	right: -133%;
	top: 0;
	z-index: 4;
	overflow: hidden;
}
.hover-bg.enter {
	right: 100%;
	-webkit-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.hover-bg.leave {
	right: 100%;
	-webkit-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: right 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.hover-bg.reset {
	right: -100%;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

/*--rw-wrapper--*/


.rw-wrapper{
    width: auto;
    min-width: 74%;
    display: table;
    margin: 0px auto;
    padding: 10px;
    position: relative;
    text-align: center;
	
	/*width: 80%;*/ 
	/*margin: 110px auto 0 auto;
	font-family: 'Bree Serif';
	padding: 10px;*/
}
.rw-sentence{
	margin: 0;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.rw-sentence span{
	color: #444;
	font-size: 100%;
	font-weight: normal;
}
.rw-words{
	display: inline;
	text-indent: 10px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #6b969d;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: #6b889d;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #6b739d;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color: #7a6b9d;
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	color: #8d6b9d;
}
.rw-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: #9b6b9d;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 768px){
	.rw-wrapper {
		width: 100%;
    	padding: 0px 0px;
	}
	.rw-sentence { font-size: 21px; }
}
@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}