@font-face { font-family: AvenirLTStd-Heavy; src: url('AvenirLTStd-Heavy.otf'); } 

@font-face { font-family: AvenirLTStd-Light; src: url('AvenirLTStd-Light.otf'); } 

@font-face { font-family: AvenirNextLTPro-BoldCn; src: url('AvenirNextLTPro-BoldCn.otf'); } 

@font-face { font-family: Nexa-Light; src: url('Nexa-Light.otf'); } 

@font-face { font-family: NexaRegular; src: url('NexaRegular.otf'); } 

@font-face { font-family: NexaHeavy; src: url('NexaHeavy.otf'); } 

@font-face { font-family: NexaThin; src: url('NexaThin.otf'); } 


body{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5deea+0,8abbd7+31,066dab+100;Web+2.0+Blue+3D+/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5deea+0,8abbd7+5,089cc9+37 */
background: #c5deea; /* Old browsers */
background: -moz-linear-gradient(top, #c5deea 0%, #8abbd7 5%, #089cc9 37%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c5deea 0%,#8abbd7 5%,#089cc9 37%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c5deea 0%,#8abbd7 5%,#089cc9 37%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#089cc9',GradientType=0 ); /* IE6-9 */
}

.video-mask{
width: 25%;
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); 
-webkit-transform: rotate(0.000001deg); 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px;
border-radius: 10px; 
overflow: hidden; 
}

a.subtext{
	font-size: 12px;
	font-family: AvenirLTStd-Light;
	text-align: center;
}

a.download {
	font-size: 22px;
	padding: .8em 1.9em;
	margin:  1px;
	font-family: Nexa-Light;
	line-height: 1;
	letter-spacing: 1px;
	color: white;
	text-indent: 0;
	white-space: nowrap;
	text-shadow: 0 1px 1px hsla(0,0%,0%,.4);
	display: inline-block;
	border-radius: 4px;
	border: none !important;
	background: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.05));
	background:         linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.05));
	background-color: hsl(196,70%,60%);
	box-shadow: 0 0   0 1px hsla(0,0%,  0%,.2) inset,
	            0 1px 0 1px hsla(0,0%,100%,.1) inset,
	            0 1px 2px   hsla(0,0%,  0%,.2);
	text-decoration: none;
	-webkit-transition: background 0.3s;
}

a.download:hover {
	background-color: hsl(196,75%,50%);
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.featured2 {
	display: inline-block;
}
img.featured1 {
	display: inline-block;

}
p.titletext{
	font-size: 70px;
	font-family: NexaThin;
	text-align: center;
	margin-top:-10px;

}

p.titletext beta{
color: red;
	font-size: 18px;
	font-family: AvenirLTStd-Heavy;
	text-align: right;
	margin-top:-0px;

}
p.subtext2 {
	font-size: 10px;
	font-family: NexaThin;
	text-align: center;
}
p.subtext{
	font-size: 14px;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:-110px;
}

p.afterline{
	font-size: 20px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
	margin-top:0 px;
}

p.afterline crossed{
	text-decoration: line-through;
}

p.afterline less{
	font-size: 14px;
	font-family: AvenirLTStd-Light;

}


p.afterline date{
	font-size: 18px;
	color: gray;
	font-family: Nexa-Light;
	text-align: center;
	margin-top:0 px;
}

p.afterline required{
	font-size: 12px;
	color: black;
	font-family: Nexa-Light;
	text-align: center;
	margin-top:0 px;
}

p.afterline sale{
	font-size: 14;
	color: red;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:0 px;
}

p.download{
	font-size: 10px;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:-10px;

}

p.description{
	font-size: 16px;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:0 px;
}

p.description bold{
	font-size: 19px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
	margin-top:0 px;
}

p.featured{
	font-size: 18px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
	margin-top:0 px;
}

p.featured bold{
	font-size: 10px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
	margin-top:0 px;
}

p.usagainst{
	font-size: 19px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
	margin-bottom: 15px;
}

p.contact{
	font-size: 20px;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:0 px;
}

p.contact bold{
	font-size: 20px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
	margin-top:0 px;
}

p.why{
	font-size: 15px;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:0 px;
	width: 50%;
	margin-left:auto;
    margin-right:auto;

}

p.why bold{
	font-size: 18px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
	margin-top:0 px;
}

p.video1 {
	font-size: 20px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
	margin-top:0 px;
}

p.video1 bold{
	font-size: 19px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;
}

p.video1 help{
	font-size: 16px;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:0 px;
}

ol
  {
  	font-size: 16px;
	font-family: AvenirLTStd-Light;
	text-align: center;
    width: 20em;
    padding-right: 32px;
    margin-left: auto;
    margin-right: auto
}  

ol li
  {
    float: left;
    width: 10em;
} 
 
br
  {
    clear: left;
}  

div.wrapper
  {
    margin-bottom: 1em;
	text-align: center;

}

div.grid
  {
    font-size: 18px;
	font-family: AvenirLTStd-Light;
	text-align: center;
}

div.contact
  {
    margin-bottom: 1em;
	font-size: 15px;
	font-family: AvenirLTStd-Light;
}

td.bold{
	font-size: 15px;
	font-family: AvenirLTStd-Heavy;
	text-align: center;  
}
  
td.bold1{
	font-size: 15px;
	font-family: AvenirLTStd-Heavy;
	text-align: left;  
}
  
sale{
	font-size: 14;
	color: red;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:0 px;
}

table.center{
	margin-left:auto; 
    margin-right:auto;
    margin-bottom: 10px;
    text-align: center;
}

ul.a {
	font-size: 18px;
	font-family: AvenirLTStd-Light;
	text-align: center;
	margin-top:0 px;
	list-style: none;
    padding-right: 36px;

}

hr.style {
    border: 0;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));

}
 

 

.flipInX {
	animation-delay:10s;
}

ul.navbar
{
 	font-family: AvenirLTStd-Heavy;
 	font-size: 24px;
 	color: #333;
	list-style-type:none;
	padding-right: 45px;
	margin-top: 20px;

}
li.navbar
{
margin-left: 12px;
display:inline;

}

ul.navbar img   {

  text-decoration: none;
  color:            gray;
    font-size: 24px;
vertical-align: text-bottom;
  } 
  
a.navbar    {

  text-decoration: none;
  color:            gray;
    font-size: 24px;

  } 
a.navbar:hover   {
  /* Applies to links under the pointer */
    -webkit-transition-property: color;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: linear;
  font-size: 24px;  color:            #000000;
  } 
  
a.navbar:active  {
  /* Applies to activated links */
  animation
  font-style: italic;
   font-size: 24px;
  color:            aqua;
  } 
  
  
  
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  animation-duration: 1s;
}


@-webkit-keyframes fadeInDown2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown2 {
  -webkit-animation-name: fadeInDown2;
  animation-name: fadeInDown2;
  animation-duration: 5s;
}