
@import url(https://fonts.googleapis.com/css?family=Open+Sans); 
@import url(https://fonts.googleapis.com/css?family=Roboto); 
@import url(https://fonts.googleapis.com/css?family=Montserrat); 

/* background gradient */
body{
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(221,241,249,0.85) 35%, rgba(192,224,237,0.56) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(35%,rgba(221,241,249,0.85)), color-stop(100%,rgba(192,224,237,0.56))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,0.85) 35%,rgba(192,224,237,0.56) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,0.85) 35%,rgba(192,224,237,0.56) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(221,241,249,0.85) 35%,rgba(192,224,237,0.56) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(221,241,249,0.85) 35%,rgba(192,224,237,0.56) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#8fc0e0ed',GradientType=0 ); /* IE6-9 */

}
/* background gradient end*/

/*navbar start*/
#navbar ul {
 	font-family: Montserrat;
 	font-size: 24px;
 	color: #333;
	list-style-type:none;
	padding-right: 45px;
	margin-top: 20px;
}

#navbar li {
	display: inline-block;
	margin: 0 10px 0 0;
}

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

ul.navbar img   {
  text-decoration: none;
  color: gray;
  vertical-align: text-bottom;
 } 
  
a.navbar    {
  text-decoration: none;
  color: gray;
 } 
  
a.navbar:hover   {
  /* Applies to links under the pointer */
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-timing-function: linear;
  color: #000000;
  } 
  
a.navbar:active	  {
  /* Applies to activated links */
  animation
  font-style: italic;
  color: aqua;
  } 
  
/*navbar end*/

/* first div */
.top_div{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.free{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: Montserrat;
    font-size: 10px;
    margin-top: -18px;
    color: white;
    text-shadow: 0 1px 1px hsla(0,0%,0%,.4);
}

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


p.titletext{
	font-size: 70px;
	font-family: Montserrat;
	text-align: center;
	margin-top:-30px;
	margin-right: -10px;

}

p.subtext{
	font-size: 14px;
	font-family: Roboto;
	text-align: center;
	margin-top:-100px;
}

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

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

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

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


a.download {
	font-size: 22px;
	padding: .8em 2em;
	margin:  1px;
	font-family: Montserrat;
	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);
	-webkit-transition: background 0.3s;
	text-decoration: none;
}

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

/* first div end */

/* second div */

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

td.items {
	font-size: 13px;
	font-family: Open Sans;
}
td.items small{
	font-size: 10px;
	font-family: Open Sans;
}

td.items new {
	font-size: 10px;
	color: red;
}

td.bold {
	font-size: 14px;
	font-family: Montserrat;
	text-align: center;  
}
  
td.bold1 {
	font-size: 15px;
	font-family: Montserrat;
	text-align: left;  
}

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

/* second div end */


/* third div */

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

div.wrapper {
    margin-bottom: 1em;
	text-align: center;
}
img.featured {
	display: inline-block;
}

/* third div end*/

/* fourth div*/

.video {
	margin: auto ;
	font-family: Montserrat;
	font-size: 17px;
	text-align: center;
}

/* fourth div end*/

/* fifth div*/

.bottom {
	margin: auto ;
	font-family: Montserrat;
	font-size: 17px;
	text-align: center;
	width: 40%;

}


/* fifth div ends*/

/* sixth div*/

.why {
	margin: auto ;
	font-family: Montserrat;
	font-size: 17px;
	text-align: center;
	width: 55%;
	margin-bottom:20px;
	margin-top: 20px;
}

.why content{

	font-size: 12px;
}

/* sixth div ends*/

/* seventh div*/

.contact {
	margin: auto ;
	font-family: Montserrat;
	font-size: 17px;
	text-align: center;
	margin-bottom:20px;
	margin-top: 20px;

}

.contact a {
	font-size: 14px;
}

/* seventh div ends*/

/* line style */
hr.style {
    border: 0;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(225, 225, 225, 0.35), rgba(225, 225, 225, 0.35), rgba(225, 225, 225, 0.35), rgba(0, 0, 0, 0));
}
/* line style end*/


/* fadein animation */
  
@-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;
}
/* fadein animation end */
