@charset "utf-8";
/* CSS Document */


@font-face {
        font-family: "Myriad Pro Light SemiExt";
        src: url("../Myriad-Pro-Light-SemiExtended.ttf") ,
        url("../Myriad-Pro-Light-SemiExtended.ttf") ;
        }
@font-face {
        font-family: "Myriad Pro SemiExt";
        src: url("../Myriad-Pro-SemiExtended.ttf") ,
        url("../Myriad-Pro-SemiExtended.ttf") ;
        }
@font-face {
        font-family: "Myriad Pro Semibold";
        src: url("../MyriadPro-Semibold.otf") ,
        url("../MyriadPro-Semibold.otf") ;
        }
@font-face {
        font-family: "Myriad Pro Bold";
        src: url("../MyriadPro-Bold.otf") ,
        url("../MyriadPro-Bold.otf") ;
        }
@font-face {
        font-family: "Myriad Pro Light";
        src: url("../Myriad-Pro-Light.ttf") ,
        url("../Myriad-Pro-Light.ttf") ;
        }

a{
	color: #141414;
}
	a:link {
	text-decoration:none;
	color: #141414;
}
a:visited {
	text-decoration: none;
	
}
a:hover {
	text-decoration: none;
	color:#865b35;
}
a:active {
	text-decoration: none;
	color:#865b35;
}



body {
	font-family:'Myriad Pro Light SemiExt';
	margin: 0;
	
	color:#535661;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#pageup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    z-index: 999;
	color: aqua;
	width: 2%;
}


.headimg{
	 background:url(../img/stbg1.jpg);
	align-content: center;
	top:0px;
	background-size:contain;
	height:1480px;
	width: 100%;
    max-width: 2560px;
	
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position:relative;
    background-color: #fff;
    overflow: hidden;
  
    
    background-repeat: no-repeat;
 
}
.headimg1{
	margin: 0 auto;
	
}
.headimg1 img{
border-spacing:0px;
margin: 0px auto;
width: 100%;
position: absolute;
left: 0;
top: 0;
}

.menu {
	font-family:'Myriad Pro Semibold';
	font-size: 25.5pt;
	color: #000000;
	background:url(../img/menubg.png);
	background-repeat: repeat-x;
	position: fixed;
	width: 100%;
	height: 88px;
	top:0px;
	z-index: 990;
	
}
.menu_item {
	color:#282828;
	padding-left:1%;
	padding-right: 1%;
}


@-moz-document url-prefix() {
	.moz-menu {
		
		width: 35%;
	}
}
	
.menu_item a:hover{
	color:#865b35;
	transition:all 0.1s ease-in-out;
}
.menulanguage{
	font-family: 'Myriad Pro Light SemiExt';
	position: absolute;
	padding-top: 1%;
	padding-left: 22%;
	font-size: 90%;
}

.menu_trial {
	font-family: 'Myriad Pro Bold';
	color:#ffffff;
    width: 100%;
	background-color: #ff7738;	
	/* padding: 5.5%;
	padding-left: 10%;
	padding-right: 10%; */
	padding-top: 5.5%;
	padding-bottom: 4%;
	vertical-align: middle;
	border-radius: 2px;
	/* margin-left: 20%;  */
	margin-bottom: 3%;
}
.menu_trial a{
	color:#FFFFFF;

}
.menu_trial:hover{
	background-color: #f8a74b;
	transition:all 0.15s ease-in-out;
}

.menu_buy {
	font-family: 'Myriad Pro Bold';
	color:#ffffff;
	background-color: #19d8a5;	
	padding-top: 5%;
	padding-bottom: 4%;
	/* padding: 15%; */
	/* padding-left: 55%;
	padding-right: 55%; */
	/* width: 170%; */
	vertical-align: middle;
	border-radius: 2px;
	margin-bottom: 3%;
	/* margin-left: 100%; */
	
	
}
.menu_buy a{
	color:#FFFFFF;

}
.menu_buy:hover{
	background-color: #2fcfc7;
	transition:all 0.15s ease-in-out;
}
.menu_login {
	padding-left:1.8%;
	font-family: "Myriad Pro Semibold";
	
	
}
.menu_login a{
	color:#050505 ;
	font-style: italic;
	
}
.rpssmall{
	background: url(../img/rpssmall.png);
	align-content: center;
	background-size:contain;
	background-repeat: no-repeat;
	height: 100%;
		
}
.blackgr {
	background-repeat: repeat-x;
	background:url(../img/blackgr.png);
	background-size:contain;
	overflow: hidden;
	height: 750px;
	width: 100%;	
	position: absolute;
	top: 850px;	
	vertical-align: middle;
	padding-top: 5%;	
	text-align: center;
	display: flex;  
}
.youtvid{ 
	
	width:30%;
	height: 75%;
	/* vertical-align: middle; */
	display: block;
	float: left;
	text-align: left;
	box-shadow: 0px 0px 10px   rgba(0,0,0,0.8);
}
.blackgr_text{
	font-family:'Myriad Pro Light SemiExt';
	font-size: 100%;
	width: 25%;
	color: #fdfeff;
	display: block;
	padding-top: 4%;
	padding-left: 10%;
	
}
.blackgr_text2{
	
	font-weight: 100;
	font-size: 70%;
	width: 100%;
	color: #fdfeff;
	padding-top: 5%;
	
}
.pls1{
	width: 100%;
	height: 850px;
	background-color:#efecee;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}

.pls1text{
	padding-top: 5%;
	display: block;
	width: 34%;
	text-align: left;
}
.pls1text2{
	padding-top: 5%;
	font-size: 60%;
	display: block;
	text-align: left;
}
.pls1text2 td{
	padding-left: 2%;
	
}
.pls1text2 a{
	padding-top: 2%;
	font-family:'Myriad Pro SemiExt';
	font-size: 80%;
	color: #865b35;
	text-decoration: underline;
	display: block;
	text-align: left;
}
.pls1img{
	padding-top: 1%;
	width: 45%;
	margin: 5px;
	position: relative;
}
.pls1img img{
	border-spacing:0px;
	margin: 0px auto;
	width: 90%;
	position: absolute;
	left: 5%;
	top: 5.5%;
	
	}

.pls1 table{
	/* border-style: double; */
	text-align: center;
	text-align: left;
	width: 100%;
	height: 10px;
	
	font-size: 100%;
	
}
.pls1 table td{
	/* border-style: double; */
	padding: 1%;
}
.buynow{
	border: none;
	background-color: #11d885; /* Green */
	color: white;
	padding: 3% 5%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-left: 18%;
	font-size: 70%;
	border-radius: 2px;
	
}
.buynow2{
	border: none;
	background-color: #28bb93; /* Green */
	color: white;
	padding: 3% 5%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-left: 18%;;
	font-size: 70%;
	border-radius: 2px;
	
}

.download{
	border: none;
	background-color: #3cc465; /* Green */
	color: white;
	padding: 0.2% 2%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 70%;
	border-radius: 2px;
	
}
.download img{
	padding-right: 20%;
}
/* .download li img
{
	width: 50%;
} */



.pls2{
	width: 100%;
	height: 850px;
	background-color:#e4e1e4;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.pls2img{	
	width: 45%;
	margin: 5px;
	position: relative;
	
}
.pls2img img{
border-spacing:0px;
margin: 0px auto;
width: 90%;
position: absolute;
left: 0;
top: 5.5%;
box-shadow: 0px 0px 7px   rgba(0,0,0,0.4);
}

.pls3{
	width: 100%;
	height: 850px;
	background-color:#efecee;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
	align-content: center;
	text-align: center;
}
.pls3text{
	width: 50%;
	padding-left: 15%;
	padding-top: 4%;
	text-align: left;
}
.pls3 video{
	width: 40%;
	top: 8.6%;
	right: 3.8%;
	display: block;
	position: absolute;
	z-index: 99;
}
.pls4 video{
	width: 100%;
	display: block;
	position: absolute; 
}
.pls5text{
	width: 50%;
	padding-left: 15%;
	padding-top: 1%;
	text-align: left;
}
.pls5 video{
	width: 40%;
	top: 8.6%;
	right: 3.8%;
	display: block;
	position: absolute;
	z-index: 99;
}

.canv-tumb1{
	width: 100%;
	height: 10%;
	position: relative;
}
.canv-tumb1 img{
border-spacing:0px;
margin: 0px auto;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.canv-tumb2{
	width: 100%;
	height: 10%;
	position: relative;
}
.canv-tumb2 img{
border-spacing:0px;
margin: 0px auto;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.canv-tumb3{
	width: 100%;
	height: 10%;
	position: relative;
}
.canv-tumb3 img{
border-spacing:0px;
margin: 0px auto;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.canv-tumb4{
	width: 100%;
	height: 10%;
	position: relative;
}
.canv-tumb4 img{
border-spacing:0px;
margin: 0px auto;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.pls5{
	width: 100%;
	height: 850px;
	background-color:#efecee;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.pls5img{
	padding-top: 5%;
	width: 30%;
	display: block;
	position: absolute;
	left: 8.5%;
	top:0%;
	
}
.pls5 table{
	vertical-align: top;
	width: 50%;
	max-width: 50%;
	height: 10%;
	padding-top: 2.5%;
	position: absolute;
	left: 39.5%;
	top: 0%;
	
}
.pls5 table td{
min-width: 50%;
max-width: 50%;
	vertical-align: top;

	padding: 1%;
	padding-right: 2.5%
}
.pls5 table td img{
	width: 100%;
}
.pls5f{
	width: 100%;
	height: 850px;
	background-color:#efecee;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.pls5f img{
box-shadow: 0px 0px 7px   rgba(0,0,0,0.4);
}
.pls6{
		width: 100%;
	height: 850px;
	background-color:#e4e1e4;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}


.pls6text{
	width: 50%;
	left: 60%;
	top: 7%;
	text-align: left;
	position: absolute;
}
.pls6 video{
	width: 40%;
position: absolute;
	left: 10%;
	top: 6%;
	display: block;
	
	z-index: 99;
}

.plsbuy{
	width: 100%;
	height: 850px;
	background-color: #4d505e;
	color: white;
	position: relative;
	margin: 0 auto;
	display:table;
	font-size: 450%;

}
.plsbuy td {
	vertical-align: top;
}

.pls7{
	width: 100%;
	height: 850px;
	background-color:#efecee;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.pls7 img{
	width: 45%;
	display: block;
	position: absolute;
	top:3%;
	right:5%;
}
.pls7text1{
	display: block;
	position: absolute;
	width: 30%;
	text-align: left;
	left: 14%;
	top: 15%;
}
.pls7 video{
	width: 40%;
position: absolute;
	right: 4%;
	top: 9%;
	display: block;
	
	z-index: 99;
}
.pls8{
		width: 100%;
	height: 850px;
	background-color:#e4e1e4;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.pls8text{
	width: 50%;
	padding-left: 18%;
	padding-top: 5%;
	text-align: left;
}
.pls8 img{
	position: absolute;
	right: 0%;
	top:0%;
height: 100%;
	display: block;
}
.pls8 video{
	width: 12%;
	top: 28.6%;
	right: 33.8%;
	display: block;
	position: absolute;
	z-index: 99;
}

.pls9{
	width: 100%;
	height: 850px;
	background-color:#efecee;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.pls9 video{
	width: 40%;
	top: 6%;
	left: 13%;
	display: block;
	position: absolute;
	z-index: 99;
	box-shadow: 0px 0px 7px   rgba(0,0,0,0.4);
}
.pls9text{
	position: absolute;
	left: 58%;
	top: 8%;
	width: 35%;
	text-align: left;
}

.pls10{
	width: 100%;
	height: 850px;
	background-color:#e4e1e4;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.pls10text{
	position: absolute;
	text-align: left;
	width: 25%;
	left: 13%;
	top: 16%;
}
.pls10 img{
	position: absolute;
	display: block;
	top: 4%;
	left: 45%;
	width: 43%;
	box-shadow: 0px 0px 7px   rgba(0,0,0,0.4);
}
.pls11{
	background-color:#efecee;
	width: 100%;
	height: 850px;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.pls11text{
	position: absolute;
	text-align: left;
	width: 25%;
	left: 58%;
	bottom: 57%;
}
.pls11 img{
	position: absolute;
	display: block;
	bottom: 0%;
	left: 12.8%;
	width: 48%;
}
.pls11f{
	background-color:#efecee;
	width: 100%;
	height: 850px;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
}
.footer{
	background-color: #4d505e;
	width: 100%;
	height: 850px;
	position: relative;
	margin: 0 auto;
	display: flex;
	font-size: 450%;
	color: white;
	
}
.footer table{
	font-size: 50%;
	padding-top: 3%;
	text-align: left;
	width: 70%;
	height: 100%;
	
}
.footer td{
	/* border-style: dotted; */
	padding: 2%;
	border-color: white;
	vertical-align: top;
}

.footer li{
	font-size: 80%;
	list-style: none;
	padding: 2% 0% 0% 0%;
	color: rgb(194, 194, 194);
}
.footer li a img{
	width: 15%;
}
.footer a{
	color: rgb(194, 194, 194);
}
.footer li :hover{
	color: rgb(133, 133, 133);
}

.buytable{
	background-color: #fdfeff;

}
.sysreq a{
	color: darkslateblue;
}
.sysreq:hover{
	color: #865b35;
}
.sysreq a:hover{
	color:#865b35;
}
input {
	color: inherit; 
  font: inherit; 
  margin: 0; 
  -webkit-appearance: button; 
  cursor: pointer; 
  line-height: normal;
}
.miniheader{ 
	font-weight: bold;
	padding-bottom: 2%;
}
.fvideo{
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	padding-left: 1.5%;
}