@font-face {
	font-family: 'GothamRoundedLight_21020';
	src: url('fonts/GothamRoundedLight_21020.eot');
	src: url('fonts/GothamRoundedLight_21020.eot#iefix') format('embedded-opentype'),
		 url('fonts/GothamRoundedLight_21020.woff') format('woff'),
		 url('fonts/GothamRoundedLight_21020.ttf') format('truetype'),
		 url('fonts/GothamRoundedLight_21020.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamRoundedBook_21018';
	src: url('fonts/GothamRoundedBook_21018.eot');
	src: url('fonts/GothamRoundedBook_21018.eot#iefix') format('embedded-opentype'),
		 url('fonts/GothamRoundedBook_21018.woff') format('woff'),
		 url('fonts/GothamRoundedBook_21018.ttf') format('truetype'),
		 url('fonts/GothamRoundedBook_21018.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamRounded-Medium';
	src: url('fonts/GothamRounded-Medium.eot');
	src: url('fonts/GothamRounded-Medium.eot#iefix') format('embedded-opentype'),
		 url('fonts/GothamRounded-Medium.woff') format('woff'),
		 url('fonts/GothamRounded-Medium.ttf') format('truetype'),
		 url('fonts/GothamRounded-Medium.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamRoundedBold_21016';
	src: url('fonts/GothamRoundedBold_21016.eot');
	src: url('fonts/GothamRoundedBold_21016.eot#iefix') format('embedded-opentype'),
		 url('fonts/GothamRoundedBold_21016.woff') format('woff'),
		 url('fonts/GothamRoundedBold_21016.ttf') format('truetype'),
		 url('fonts/GothamRoundedBold_21016.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
.clr{clear: both;}
*,
*::before,
*::after {box-sizing: border-box;}
.clr{clear: both; }
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
html{margin: 0; padding:0; }
body{margin: 0; padding:0; }
h1 {font-family: 'Mont-Bold';font-size: 36px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h2 {font-family: 'Mont-Bold';font-size: 32px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h3 {font-family: 'Mont-Bold';font-size: 29px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h4 {font-family: 'Mont-Bold';font-size: 24px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h5 {font-family: 'Mont-Bold';font-size: 21px;margin: 0 0 20px 0;padding: 0 0 0 0;}
h6 {font-family: 'Mont-Bold';font-size: 19px;margin: 0 0 15px 0;padding: 0 0 0 0;}
p {font-family: 'Mont-SemiBold';color: #000;font-size: 15px;}
a, a:visited {text-decoration: none; outline: none;}
img {height: auto;max-width: 100%;}
.header{
	float: left; margin: 0; padding: 12px 0; width: 100%; background-color: #FFFFFF;
}
.logo{
	float: left; margin: 0; padding: 0; width: 120px;
}
.logo a{
	text-decoration: none; outline: none;
}
.free_trial{
	float: right;margin: 9px 0 0 15px;padding: 18px 40px;width: auto;background-color: #f82c79;border-radius: 100px;
}
.free_trial a{
	text-decoration: none; outline: none;font-family: 'GothamRoundedBold_21016'; font-size: 20px; color: #FFF;
}
.youtube{
	float: right;margin: 9px 0 0 0;padding: 6px 32px;width: 104px;background-color: #ebebeb;border-radius: 50px;
}
.youtube a{
	text-decoration: none; outline: none;
}
.app_store{
	float: right;margin: 9px 0 0 15px; padding: 0; width: 170px;
}
.app_store a{
	text-decoration: none; outline: none;
}
.google_play{
	float: right;margin: 9px 0 0 15px; padding: 0; width: 170px;
}
.google_play a{
	text-decoration: none; outline: none;
}
.banner{
	float: left;margin: 0;padding: 0px 0 0px 0;width: 100%;}
.banner img{
	border: none;max-width: 100%;float: left;
}
.brand_logo{
	float: left; margin: 0; padding: 30px 0; width: 100%; text-align: center;
}
.brand_logo a{
	text-decoration: none; outline: none;
}
.brand_logo a img{
	border: none;max-width: 100%;max-height: 70px;margin: 0 28px;vertical-align: middle;
}
.games_store_links{
	float: left;margin: 40px 0 40px 0;padding: 0 0 0 0;width: 100%;text-align: center;
}
.games_store_links a {
  text-decoration: none;outline: none;float: none;
}
.games_store_links a img {max-width: 190px;margin: 0 10px;}
.social_icons{
	float: left; margin: 40px 0 30px 0;padding: 0; width: 100%; text-align: center;
}
 .social_icons a {
  text-decoration: none;outline: none;margin: 0 10px;
}
 .social_icons a img{
	max-width: 100%;
}
.copyright{
	float: left;margin: 0;padding: 40px 0;width: 100%;background-color: #f82c79;
}
.copyright p{
	font-family: 'GothamRoundedBold_21016'; font-size: 15px; color: #fff; margin: 0; padding: 0; float: left; width: 100%;
}
.copyright ul{
	margin: 0; padding: 0; float: left; width: 100%;
}
.copyright ul li{
	margin: 0; padding: 0; float: left; width: auto; list-style: none;
}
.copyright ul li a{font-family: 'GothamRoundedBold_21016'; font-size: 15px; color: #fff;  text-decoration: none;outline: none;float: left;margin: 0 20px;padding: 0;}
.page_title{  width:100%; margin:0 0 0px 0;padding:50px 0 0 0;float: left;}
.page_title_inner{width:100%; margin:0 0 0px 0;padding:20px 0 20px 0;float: left;background-image: url("images/lock2.png");background-repeat: no-repeat;background-position: right center;}
.page_title_inner p b{font-size: 17px;}
.page_title  h1 {font-family: 'GothamRoundedBold_21016';font-size: 42px;margin: 0;padding: 40px 0 20px 0;text-transform: uppercase;float: left;width: 100%;}
.page_title  h2 {font-family: 'GothamRoundedBold_21016';font-size: 42px;margin: 0;padding: 40px 0 20px 0;float: left;width: 100%;}
.page_title p {font-family: 'GothamRounded-Medium';color: #000;font-size: 15px;float: left;margin: 0 0 10px 0;padding: 0 0 0 0;clear: both;width: 100%;line-height: 22px;font-weight: bold;}
.page_title p a{color: #ff2b8a;text-decoration: none;outline: none;}
.page_title_term{ width:100%; margin:0 0 0px 0;padding:50px 0 0 0;float: left;}
.page_title_term  h1 {font-family: 'GothamRoundedBold_21016';font-size: 42px;margin: 0;padding: 20px 0 60px 0;text-transform: uppercase;float: left;width: 100%;background-image: url("images/book.png");background-repeat: no-repeat;background-position: right bottom;}
.page_content p a{color: #ff2b8a;text-decoration: none;outline: none;}
.page_content{background-image: url("images/page_bg.jpg");background-repeat: repeat-x;float: left;margin: 25px 0px;padding: 0 0 0 0;width: 100%;}
.page_content p {font-family: 'GothamRounded-Medium';color: #000;font-size: 14px;float: left;margin: 0 0 10px 0;padding: 0 0 0 0;clear: bot;width: 100%;}
.page_content p strong{font-weight: bold;font-family: 'GothamRoundedBold_21016';}
.page_content h3 {font-family: 'GothamRounded-Medium';font-size: 21px;margin: 0 0 20px 0;padding: 0 0 0 0;clear: both;width: 100%;float: left;}
.page_content h5 {font-family: 'GothamRounded-Medium';font-size: 17px;margin: 0 0 10px 0;padding: 0 0 0 0;clear: both;width: 100%;float: left;}
.page_content ul{
   float: left;margin: 0 0 0px 0;padding: 0 0 0 0;clear: bot;width: 100%;
}
.page_content ul li{
    font-family: 'GothamRounded-Medium';color: #000;font-size: 14px;float: left;margin: 0 0 10px 0;padding: 0 0 0 0;clear: bot;width: 100%;
}
.page_content ul li a{
    font-family: 'GothamRounded-Medium';color: #ff2b8a;font-size: 14px;
}

@media (max-width: 1024px) {
    .copyright ul li a {margin: 0 15px;}
	
}
@media (max-width: 768px) {
    .free_trial {margin: 16px 0 0 10px;padding: 13px 26px;}
    .free_trial a {font-size: 16px;}    
    .google_play {margin: 16px 0 0 10px;width: 140px;}
    .app_store {margin: 16px 0 0 10px;width: 140px;}    
    .youtube {margin: 16px 0 0 0;padding: 6px 28px;width: 86px;}
    .brand_logo a img {margin: 0 15px;}
    .copyright ul li a {margin: 0 7px;font-size: 14px;}    
    .copyright p {font-size: 14px;}
}
@media (max-width: 767px) {
    .logo {width: 100%;text-align: center;}
    .logo a img{width: 120px;}
    .copyright p {font-size: 14px;margin: 0 0 10px 0;}
    .free_trial {margin: 16px 0 1px 10px;padding: 18px 40px;}
    .google_play {margin: 16px 0 0 10px;width: 170px;float: left;}
    .app_store {margin: 16px 0 0 10px;width: 170px;float: left;}
    .youtube {margin: 16px 0 0 28px;padding: 6px 32px;width: 104px;float: left;}

  
}
@media (max-width: 480px) {
    .logo {width: 100%;text-align: center;}
    .logo a img{width: 120px;}
    .copyright p {font-size: 14px;margin: 0 0 10px 0;}
    .free_trial {margin: 16px 0 1px 10px;padding: 18px 40px;}
    .google_play {margin: 16px 0 0 10px;width: 170px;float: left;}
    .app_store {margin: 16px 0 0 10px;width: 170px;float: left;}
    .youtube {margin: 16px 0 0 28px;padding: 6px 32px;width: 104px;float: left;}
         
}
@media (max-width: 412px) {
    .logo {width: 100%;text-align: center;}
    .logo a img{width: 120px;}
    .copyright p {font-size: 14px;margin: 0 0 10px 0;}
    .free_trial {margin: 16px 0 1px 0px;padding: 12px 20px;}
     .free_trial a {font-size: 14px;}
    .google_play {margin: 16px 0 0 0px;width: 126px;float: left;}
    .app_store {margin: 16px 0 0 0px;width: 126px;float: left;}
    .youtube {margin: 16px 0 0 28px;padding: 10px 30px 5px 30px;width: 82px;float: left;}
     .brand_logo a img {margin: 6px 10px;max-height: 90px;}
     .social_icons a {text-decoration: none;outline: none;margin: 0 5px;}
     .social_icons a img {max-width: 100%;width: 32px;}
         
}

@media (max-width: 360px) {
    .logo {width: 100%;text-align: center;}
    .logo a img{width: 120px;}
    .copyright p {font-size: 14px;margin: 0 0 10px 0;}
    .free_trial {margin: 16px 0 1px 0px;padding: 12px 20px;}
     .free_trial a {font-size: 14px;}
    .google_play {margin: 16px 0 0 0px;width: 126px;float: left;}
    .app_store {margin: 16px 0 0 0px;width: 126px;float: left;}
    .youtube {margin: 16px 0 0 28px;padding: 10px 30px 5px 30px;width: 82px;float: left;}
     .brand_logo a img {margin: 6px 10px;max-height: 90px;}
     .social_icons a {text-decoration: none;outline: none;margin: 0 5px;}
     .social_icons a img {max-width: 100%;width: 32px;}
         
}
@media (max-width: 320px) {
    .logo {width: 100%;text-align: center;}
    .logo a img{width: 120px;}
    .copyright p {font-size: 14px;margin: 0 0 10px 0;}
    .free_trial {margin: 16px 0 1px 0px;padding: 12px 20px;}
     .free_trial a {font-size: 14px;}
    .google_play {margin: 16px 0 0 0px;width: 126px;float: left;}
    .app_store {margin: 16px 0 0 0px;width: 126px;float: left;}
    .youtube {margin: 16px 0 0 28px;padding: 10px 30px 5px 30px;width: 82px;float: left;}
     .brand_logo a img {margin: 6px 10px;max-height: 90px;}
     .social_icons a {text-decoration: none;outline: none;margin: 0 5px;}
     .social_icons a img {max-width: 100%;width: 32px;}
         
}

