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

body {
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	color: #fff;
}
.fruitleft {
	background: url(../images/fruits.png) repeat-y left;
	max-width: 100%;
}
.fruitright {
	background: url(../images/fruits.png) repeat-y right;
	max-width: 100%;
}
div.apple {
	width: 50px;
	height: 51px;
	background:url(../images/apple.png) no-repeat;
	position: fixed;
	right: 0;
}
th{background-color:rgba(245, 245, 245, 0.58) !Important;}
tr.success>td{    background-color: rgba(223, 240, 216, 0.46) !important; color:#FFFFFF;}
tr.danger>td{    background-color: rgba(242, 222, 222, 0.62) !important; color:#FFFFFF;}
tr.danger>td a,tr.success>td a{color:#000000;}

div.strawberry {
	width: 50px;
	height: 51px;
	background:url(../images/strawberry.png) no-repeat;
	position: fixed;
	right: 0;
}
div.blueberry {
	width: 50px;
	height: 60px;
	background:url(../images/blueberry.png) no-repeat;
	position: fixed;
	right: 0;
}
div.pear {
	width: 50px;
	height: 60px;
	background:url(../images/pear.png) no-repeat;
	position: fixed;
	right: 0;
}
div.blueberry2 {
	width: 50px;
	height: 51px;
	background:url(../images/blueberry2.png) no-repeat;
	position: fixed;
	right: 0;
}

.bgblack {
	background: #3b3b3b;
	border-bottom: 2px solid #FFF;
}
.customtoggle {
	background: #dd4242;
	margin-top: 60%;
}
.customtoggle .icon-bar {
	background: #FFF;
}
/*--.social-icons{
	visibility: hidden;
}--*/
.social-icons ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.social-icons ul li {
	list-style-type: none;
	padding: 5px;
	float: left;
}
.logopad {
	padding: 12%;
}
.dowloadicon {
	padding: 2% 2%;
}
.navigation {
	padding: 25px 0 0;
}
.navigation li {
	margin-bottom: 10px;
}
.navigation li a {
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.navigation li a:hover {
	color: #FFF;
	background: none;
}
.navigation li a:active {
	color: #FFF;
	background: none;
}
.navigation li a:focus {
	color: #FFF;
	background: none;
}
.blockpurp {
	background: #ED2BED;
	border-radius: 10px;
}
.blockgreen {
	background: #1AD71A;
	border-radius: 10px;
}
.blockyellow {
	background: #E7E420;
	border-radius: 10px;
}
.blockred {
	background: #F23535;
	border-radius: 10px;
}
.blockblue {
	background: #296FE7;
	border-radius: 10px;
}
.bgimg {
	background: url(../images/background.png) no-repeat;
	background-size: cover;
	width: 100%;
}
.padding2 {
	padding: 2%;
}
.download li {
	list-style-type: none;
	float: left;
}
.testimonialbox {
	background: rgba(255, 255, 255, 0.43);
	border: 5px solid #379837;
	border-radius: 10px;
	padding: 2%;
	margin-bottom: 5%;
}
.screenbox {
	background: rgba(255, 255, 255, 0.43);
	border: 5px solid #379837;
	border-radius: 10px;
	padding: 30px 95px;
	margin-bottom: 5%;
	display: inline-flex;
}
.recordbox {
	background: rgba(255, 255, 255, 0.43);
	border: 5px solid #379837;
	border-radius: 10px;
	padding-bottom: 5%;
	margin-bottom: 5%;
}
.nopaddingleft {
	padding-left: 0px;
}
.nopaddingright {
	padding-right: 0px;
}
.img {
	margin: auto;
}
.imgleft {
	float: left;
}
.marginleft5 {
	margin-left: 5%;
}
.footerbgblack {
	background: #3b3b3b;
	border-top: 2px solid #FFF;
	padding: 1%;
}
.video {
	height: 475px;
}
}
.play li {
	font-size: 24px;
	color: #FFF;
	list-style-type: decimal;
}
.minheight {
	min-height: 650px;
}
.txtyellow {
	padding: 30% 0px;
	color: #F4F159;
	font-weight: bold;
}
.yellowtxt h3 {
	color: #E7E420;
	font-weight: 700;
}
html, body {
	width: 100%;
	height: 100%;
	background-color: hsl(270, 10%, 10%);
	padding: 0;
	margin: 0;
}
.starlight {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.custom-table {
	height: 410px;
	overflow-y: auto;
}
.subtitle {
	color: hsla(0, 0%, 100%, 0.3);
	font-size: 2em;
	margin: 0;
	padding: 0;
}
.capson {
	height: 170px;
	min-height: 170px;
	color: #FFF !important;
}
.txtblack {
	color: #000;
}
.about {
	height: 1170px;
}
.txtgreen {
	color: #1AD71A;
}
th h3 {
	color: darkorchid;
}
.recordhead {
	color: darkturquoise;
}
.maginbot0 {
	margin-bottom: 0px !important;
}
.burst-green h2 {
	position: relative;
	color: #FFFB02;
	font-weight: bold;
}
.burst-yellow h2 {
	position: relative;
	color: #FFF;
	font-weight: bold;
}
.burst-red h2 {
	position: relative;
	color: #FFFB02;
	font-weight: bold;
}
.burst-pink h2 {
	position: relative;
	color: #FFFB02;
	font-weight: bold;
}
.burst-blue h2 {
	position: relative;
	color: #FFFB02;
	font-weight: bold;
}
.burst-grey h2 {
	position: relative;
	color: #FFFB02;
	font-weight: bold;
}
.burst-cyan h2 a {
	position: relative;
	color: #FFFB02;
	font-weight: bold;
}
.burst-green {
	background: rgba(55, 152, 55, 0.51);
	width: 250px;
	height: 250px;
	padding: 5% 0;
	transform: rotate(-10deg);
	position: relative;
	text-align: center;
}
.burst-green:before, .burst-green:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 250px;
	background: rgba(55, 152, 55, 0.51);
}
.burst-green:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}
.burst-green:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}
.burst-yellow {
	background: rgba(242, 239, 34, 0.32);
	width: 250px;
	padding: 5% 0;
	height: 250px;
	transform: rotate(10deg);
	left: 78%;
	top: -150px;
	position: relative;
	text-align: center;
}
.burst-yellow:before, .burst-yellow:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 250px;
	background: rgba(242, 239, 34, 0.32);
}
.burst-yellow:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}
.burst-yellow:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}
.burst-red {
	background: rgba(242, 53, 53, 0.52);
	width: 250px;
	height: 250px;
	padding: 4% 0;
	margin: auto;
	top: -220px;
	transform: rotate(5deg);
	position: relative;
	text-align: center;
}
.burst-red:before, .burst-red:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 250px;
	background: rgba(242, 53, 53, 0.52);
}
.burst-red:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}
.burst-red:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}
.burst-pink {
	background: rgba(255, 141, 255, 0.36);
	width: 250px;
	padding: 5% 0;
	height: 250px;
	left: 70%;
	top: -360px;
	transform: rotate(10deg);
	position: relative;
	text-align: center;
}
.burst-pink:before, .burst-pink:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 250px;
	background: rgba(255, 141, 255, 0.36);
}
.burst-pink:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}
.burst-pink:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}
.burst-blue {
	background: rgba(41, 111, 231, 0.33);
	width: 250px;
	padding: 5% 0;
	height: 250px;
	top: -235px;
	transform: rotate(-10deg);
	position: relative;
	text-align: center;
}
.burst-blue:before, .burst-blue:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 250px;
	background: rgba(41, 111, 231, 0.33);
}
.burst-blue:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}
.burst-blue:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}
.burst-grey {
	background: rgba(188, 188, 188, 0.51);
	width: 275px;
	padding: 5% 0;
	height: 275px;
	top: -425px;
	left: 30%;
	transform: rotate(-10deg);
	position: relative;
	text-align: center;
}
.burst-grey:before, .burst-grey:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 275px;
	width: 275px;
	background: rgba(188, 188, 188, 0.51);
}
.burst-grey:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}
.burst-grey:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}
.txtposition {
	position: relative;
}
.burst-cyan {
	background: rgba(35, 222, 238, 0.34);
	width: 250px;
	padding: 4% 0;
	height: 250px;
	left: 55%;
	top: -250px;
	transform: rotate(5deg);
	position: relative;
	text-align: center;
}
.burst-cyan:before, .burst-cyan:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 250px;
	background: rgba(35, 222, 238, 0.34);
}
.burst-cyan:before {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
}
.burst-cyan:after {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
}
/*--movingblock--*/

div.a {
	width: 50px;
	height: 50px;
	background-color:rgba(242, 53, 53, 1);
	position: fixed;
	right: 0;
	border-radius: 10px;
}
div.b {
	width: 50px;
	height: 50px;
	background-color:rgba(41, 111, 231, 1);
	position: fixed;
	border-radius: 10px;
}
div.c {
	width: 50px;
	height: 50px;
	background-color:rgba(242, 239, 32, 1);
	position: fixed;
	border-radius: 10px;
}
div.d {
	width: 50px;
	height: 50px;
	background-color:orchid;
	position: fixed;
	border-radius: 10px;
}
div.e {
	width: 50px;
	height: 50px;
	background-color:rgba(26, 215, 26, 1);
	position: fixed;
	border-radius: 10px;
}
div.f {
	width: 50px;
	height: 50px;
	background-color:rgba(227, 26, 227, 0.86);
	position: fixed;
	border-radius: 10px;
}
div.g {
	width: 50px;
	height: 50px;
	background-color:rgba(0, 172, 238, 1);
	position: fixed;
	border-radius: 10px;
}
div.h {
	width: 50px;
	height: 50px;
	background-color:rgba(231, 228, 32, 1);
	position: fixed;
	border-radius: 10px;
}
/*--movingblock--*/

.box {
	height: 225px;
	background: rgba(255, 255, 255, 0.43);
	border: 5px solid #379837;
	border-radius: 10px;
	padding: 2%;
	margin-bottom: 5%;
}
.text {
	font-size: 19px;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	width: 100%;
	color: white;
	text-align: center;
	font-family: 'Lato', sans-serif;
	background: black;
	background: -moz-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	background: -webkit-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 47%, #ededed 100%);
	background: -o-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 47%, #ededed 100%);
	background: -ms-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 47%, #ededed 100%);
	background: radial-gradient(ellipse at center, white 0%, #f6f6f6 47%, #ededed 100%);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=90, style=2);
}
div {
	vertical-align: middle;
	text-align: center;
}
span {
	color: #FFFFFF;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




@media screen and (max-width:1200px) {
.box {
	height: 270px;
}
.text {
	font-size: 17px;
}
}

@media screen and (max-width:992px) {
.box {
	height: 290px;
}
.txtmb{
	font-size:28px !important;
}
.txtyellow {
	padding: 14% 0px;
	color: #F4F159;
	font-weight: bold;
}
}

@media screen and (min-width:768px) {
.buynow{
    padding-right:0;
    padding-left:0;
}
.buynow h4{text-align:left;}
}

@media screen and (max-width:768px) {
.h1, h1 {
	font-size: 24px !important;
}
.nomarginmb {
	margin: 0px !important;
}
.txtmb{
	font-size:22px !important;
}
.box {
    height: auto !important; 
   }
}
@media screen and (max-width:640px) {
.h1, h1 {
	font-size: 22px !important;
}
.h2, h2 {
	font-size: 24px;
}
.about h2 {
	font-size: 20px;
}
.burst-green {
	background: rgba(55, 152, 55, 0.51);
	width: 150px;
	height: 150px;
	padding: 5% 0;
	top: 2%;
	transform: rotate(-10deg);
	position: relative;
	text-align: center;
}
.burst-green:before, .burst-green:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 150px;
	background: rgba(55, 152, 55, 0.51);
}
.burst-yellow {
	background: rgba(242, 239, 34, 0.32);
	width: 150px;
	padding: 5% 0;
	height: 150px;
	transform: rotate(10deg);
	left: 35%;
	top: 4%;
	position: relative;
	text-align: center;
}
.burst-yellow:before, .burst-yellow:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 150px;
	background: rgba(242, 239, 34, 0.32);
}
.burst-red {
	background: rgba(242, 53, 53, 0.52);
	width: 150px;
	height: 150px;
	padding: 4% 0;
	margin: auto;
	top: 98px;
	transform: rotate(5deg);
	position: relative;
	text-align: center;
}
.burst-red:before, .burst-red:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 150px;
	background: rgba(242, 53, 53, 0.52);
}
.burst-pink {
	background: rgba(255, 141, 255, 0.36);
	width: 150px;
	padding: 5% 0;
	height: 150px;
	left: 34%;
	top: 193px;
	transform: rotate(10deg);
	position: relative;
	text-align: center;
}
.burst-pink:before, .burst-pink:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 150px;
	background: rgba(255, 141, 255, 0.36);
}
.burst-blue {
	background: rgba(41, 111, 231, 0.33);
	width: 150px;
	padding: 5% 0;
	height: 150px;
	top: 155px;
	transform: rotate(-10deg);
	position: relative;
	text-align: center;
}
.burst-blue:before, .burst-blue:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 150px;
	background: rgba(41, 111, 231, 0.33);
}
.burst-grey {
	background: rgba(188, 188, 188, 0.51);
	width: 175px;
	padding: 5% 0;
	height: 175px;
	top: 252px;
	left: 1%;
	transform: rotate(-10deg);
	position: relative;
	text-align: center;
}
.burst-grey:before, .burst-grey:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 175px;
	width: 175px;
	background: rgba(188, 188, 188, 0.51);
}
.burst-cyan {
	background: rgba(35, 222, 238, 0.34);
	width: 150px;
	padding: 4% 0;
	height: 150px;
	left: 55%;
	top: -250px;
	transform: rotate(5deg);
	position: relative;
	text-align: center;
}
.burst-cyan:before, .burst-cyan:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 150px;
	background: rgba(35, 222, 238, 0.34);
}
.txt18 {
	font-size: 18px;
	bottom: -38px;
}
.text {
	font-size: 14px;
}
.txtmb{
	font-size:18px !important;
}
.txtyellow {
	padding: 10% 0px;
	color: #F4F159;
	font-weight: bold;
}
.fruitleft {
	background: none;
	max-width: 100%;
}
.fruitright {
	background: none;
	max-width: 100%;
}
.screenbox {
	padding: 30px 20px;
}

}

@media screen and (max-width:480px) {
.h1, h1 {
	font-size: 20px !important;
}
.videotuts iframe{height:331px !important;}
.video {
	height: 375px;
	width: 220px;
}
.txtmb{
	font-size:13px !important;
}
}
@media screen and (max-width:400px) {

.txtmb{
	font-size:11px !important;
}
}
@media screen and (max-width:360px) {
 .h1, h1 {
 font-size:18px !important;
}
.videotuts iframe{height:333px !important;}
.txtmb{
	font-size:9px !important;
}
}
@media screen and (max-width:320px) {
 .videotuts iframe{height:280px !important;}
}
.visitor_div a{
    color:white !important;
    font-size:17px;
    
}