@import url('../font.css');

.bvResellerBodyWrapper {
	width:100%;
	height:auto;
}

.bvResellerAllOuter {
	width:100%;
	height:auto;
}

.bvResellerHeaderOuterbg{
	background: url(../../images/bvReseller/wi-specialist-bg.jpg) no-repeat scroll;
	display:inline-table;
}

.bvResellerHeaderInner {
	margin:0 auto;
	width:1000px;
	height:380px;
}

.bvResellerHeaderInnerRightBox {
	float:right;
	width:400px;
	height:350px;
}

.bvResellerIcondiv{
	background: url(../../images/bvReseller/bg_noise.png) repeat scroll 0 0%, none repeat scroll 0 0 #EEEEEE;
    position: relative;
    display:inline-table;
}

.bvResellerIcondivInner {
	margin:0 auto;
	width:1000px;
	height:310px;
}

.bvResellerIcondivBox {
	float: left;
    padding: 0;
    width: 320px;
	margin-right:13px;
}


h2 {
	color: #333;
	font-size: 45px;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 54px;
	font-family: FuturaLight;
}

p {
	color:#333;
	font-size:14px;
	font-family:ProximaNova;
}

.pFontMax {
	color: #666666;
    font-size: 18px;
    
    line-height: 24px;
	font-weight:600;
}

.h2FontMax {
	font-size: 28px;
    font-weight: 100;
    line-height: 24px;
	font-family:FuturaLight;
	color:#333;
	
}

.bvReseller3rdDivbg{
	background: url(../../images/bvReseller/coin-bg1.jpg) no-repeat scroll left top / cover  #000000;
	display:inline-table;
}

.bvReseller3rdDivInner {
	margin:0 auto;
	width:1000px;
	height:310px;
}

.bvReseller3rdDivInnerCnt {
    float: left;
    height: 300px;
    width: 500px;
}

.bvReseller4thDivbg{
	background: url(../../images/bvReseller/bv-performance-bg.jpg) no-repeat scroll left top / cover  #000000;
	display:inline-table;
}

.bvReseller4thDivInner {
	margin:0 auto;
	width:1000px;
	height:350px;
}

.bvReseller4thDivInnerCnt {
    float: left;
    height: 350px;
    width: 500px;
}

/******************************* Reverse Animation Start ********************************************/
h3 {
	color: #FFF;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 54px;
	font-family: FuturaLight;
}
.rw-wrapper{
	width: 80%;
	position: relative;
	/*margin: 10px 0 0 0;*/
	font-family: 'Bree Serif';
	/*padding:0 0 0 30px;*/
	height: 350px;
	overflow: hidden;
}
.rw-sentence{
	margin: 0;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	padding-left:70px;
}
.rw-sentence span{
	color: #FFF;
	white-space: nowrap;
	font-size: 200%;
	font-weight: normal;
}
.rw-words{
	
	text-indent: 10px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	color: #06C;
	-webkit-transform-origin: 10% 75%;
	-moz-transform-origin: 10% 75%;
	-ms-transform-origin: 10% 75%;
	-o-transform-origin: 10% 75%;
	transform-origin: 10% 75%;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-moz-animation: rotateWord 18s linear infinite 0s;
	-o-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
	
}
.rw-words span:nth-child(2) {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
	color: #99CC00;
}
.rw-words span:nth-child(3) {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
	color: #FF6600;
}
.rw-words span:nth-child(4) {
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	-o-animation-delay: 9s;
	-ms-animation-delay: 9s;
	animation-delay: 9s;
	color: #00CCFF;
}
.rw-words span:nth-child(5) {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
	color: #FF3300;
}
.rw-words span:nth-child(6) {
	-webkit-animation-delay: 15s;
	-moz-animation-delay: 15s;
	-o-animation-delay: 15s;
	-ms-animation-delay: 15s;
	animation-delay: 15s;
	color: #FF3399;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -webkit-transform: rotate(0deg); }
	19% { opacity: 1; -webkit-transform: rotate(98deg); }
	21% { opacity: 1; -webkit-transform: rotate(86deg); }
	23% { opacity: 1; -webkit-transform: translateY(85px) rotate(83deg); }
	25% { opacity: 0; -webkit-transform: translateY(170px) rotate(80deg); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -moz-transform: rotate(0deg); }
	19% { opacity: 1; -moz-transform: rotate(98deg); }
	21% { opacity: 1; -moz-transform: rotate(86deg); }
	23% { opacity: 1; -moz-transform: translateY(85px) rotate(83deg); }
	25% { opacity: 0; -moz-transform: translateY(170px) rotate(80deg); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -o-transform: rotate(0deg); }
	19% { opacity: 1; -o-transform: rotate(98deg); }
	21% { opacity: 1; -o-transform: rotate(86deg); }
	23% { opacity: 1; -o-transform: translateY(85px) rotate(83deg); }
	25% { opacity: 0; -o-transform: translateY(170px) rotate(80deg); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; -ms-transform: rotate(0deg); }
	19% { opacity: 1; -ms-transform: rotate(98deg); }
	21% { opacity: 1; -ms-transform: rotate(86deg); }
	23% { opacity: 1; -ms-transform: translateY(85px) rotate(83deg); }
	25% { opacity: 0; -ms-transform: translateY(170px) rotate(80deg); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    5% { opacity: 1; }
    17% { opacity: 1; transform: rotate(0deg); }
	19% { opacity: 1; transform: rotate(98deg); }
	21% { opacity: 1; transform: rotate(86deg); }
	23% { opacity: 1; transform: translateY(85px) rotate(83deg); }
	25% { opacity: 0; transform: translateY(170px) rotate(80deg); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px; }
}
@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}

/************************** Reverse Animation End ***************************************/