@font-face {
	font-family: 'COCOGOOSE';
	src: url('../fonts/COCOGOOSE.eot');
	src: url('../fonts/COCOGOOSE.eot#iefix') format('embedded-opentype'),
		 url('../fonts/COCOGOOSE.woff') format('woff'),
		 url('../fonts/COCOGOOSE.ttf') format('truetype'),
		 url('../fonts/COCOGOOSE.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Mont-Regular';
	src: url('../fonts/Mont-Regular.eot');
	src: url('../fonts/Mont-Regular.eot#iefix') format('embedded-opentype'),
		 url('../fonts/Mont-Regular.woff') format('woff'),
		 url('../fonts/Mont-Regular.ttf') format('truetype'),
		 url('../fonts/Mont-Regular.svg#Name') format('svg');
	font-weight: normal;
	font-style: normal;
}
*,
*::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{ width:100%; margin:0 0; background:#ffffff; padding:10px 0;float: left; }
.logo{float: left;margin: 0 0 0 0;padding: 0 0 0 0; width: auto;}
.logo a{text-decoration: none;outline: none;}
.logo a img{max-width:80px; border: none; float: left; width: 100%;}
.contact{background-color: #f72c2c;float: right;margin: 20px 0 0 0;padding: 10px 50px; width: auto;border-radius: 2px;}
.contact a{text-decoration: none;outline: none; font-family: 'COCOGOOSE'; font-size: 14px; color: #FFF; text-transform:uppercase;}


.banner{ width:100%; margin:0 0; padding:0px 0;float: left; background-image: url("../images/banner-bg.jpg"); background-repeat: no-repeat; background-position: center top; }
.banner h1{ float: left;margin: 125px 0 15px 0;padding: 0;width: 85%;font-family: 'COCOGOOSE';font-size: 44px;color: #FFF;line-height: 50px;}
.banner h1 span{color: #ffca05;}
.banner p{float: left; margin: 0; padding: 0; width: 100%;font-family: 'COCOGOOSE'; font-size: 12px; color: #FFF;}
.bannerlink{background-color: #86bb12;float: left;margin: 20px 0 0 0;padding: 10px 50px; width: auto;border-radius: 2px;}
.bannerlink a{text-decoration: none;outline: none; font-family: 'COCOGOOSE'; font-size: 14px; color: #FFF; text-transform:uppercase;}

.banner_info{float: left; margin: 0; padding: 0; width: 100%; position: relative;}
.banner_info img{position: relative;max-width: 99%;}
.games_store_links {float: left;margin: 20px 0 0 0;padding: 0 0 0 0;width: 100%;text-align: center;position: absolute;bottom: 13%;}
.games_store_links a {text-decoration: none;outline: none;float: none;margin: 0 10px 0 10px;}
.games_store_links a img {max-width: 105px;}

.mystifying_experience{ width:100%; margin:0 0; padding:120px 0 60px 0;float: left; background-image: url("../images/mystifying_experience_bg.jpg"); background-repeat: repeat-y; background-position: center top;}
.mystifying_experience h2{ float: right;margin: 90px 0 15px 0;padding: 0;width: 85%;font-family: 'COCOGOOSE';font-size: 31px;color: #FFF;line-height: 44px;text-align: right;}
.mystifying_experience p{float: right; margin: 0; padding: 0; width: 85%;font-family: 'COCOGOOSE'; font-size: 12px; color: #FFF;text-align: right;}
.mystifyinglink{background-color: #86bb12;float: right;margin: 20px 0 0 0;padding: 10px 50px; width: auto;border-radius: 2px;}
.mystifyinglink a{text-decoration: none;outline: none; font-family: 'COCOGOOSE'; font-size: 14px; color: #FFF; text-transform:uppercase;}


.games_area{ width:100%; margin:0 0; padding:90px 0 90px 0;float: left; background-color: #fff; text-align: center;}
.games_area h2{ float: left;margin: 0px 0 15px 0;padding: 0;width: 100%;font-family: 'COCOGOOSE';font-size: 31px;color: #101010;line-height: 44px;text-align: center;}
.games_area p{float: left; margin: 0 0 40px 0; padding: 0; width: 100%;font-family: 'COCOGOOSE'; font-size: 12px; color: #101010;text-align: center;}
.store_links {float: left;margin: 30px 0 0 0;padding: 0 0 0 0;width: 100%;text-align: center;}
.store_links a {text-decoration: none;outline: none;float: none;margin: 0 10px 0 10px;}
.store_links a img {max-width: 105px;}


.contentus{ width:100%; margin:0 0; padding:30px 0 25px 0;float: left; background-color: #fff; background-image: url("../images/contact_bg.jpg"); background-repeat: no-repeat;background-size: 100%;}

.contentus_title{ width:100%; margin:0 0 0px 0; padding:0px 0 0px 0;float: left; text-align: center;}
.contentusform{width: 38%;margin: 0 auto;padding: 0px 0 0px 0;display: block;clear: both;}
.contentusform input{
	background-color: #fff; float: left; width: 100%; margin: 0 0 15px 0; padding: 10px 10px; border-radius: 10px;font-family: 'Mont-Regular'; font-size: 14px; color: #3c3c3c;border: none; outline: none;
}
.contentusform textarea{
	background-color: #fff; float: left; width: 100%; margin: 0 0 15px 0; padding: 10px 10px; border-radius: 10px;font-family: 'Mont-Regular'; font-size: 14px; color: #3c3c3c;border: none; outline: none; resize: none; min-height: 90px;
}
.contentusform input.submit{ background: url("../images/submit.png"); background-repeat: no-repeat; width: 175px; height: 69px;
	 float: none; margin:0 auto; padding: 0; border-radius: 0px;font-family: 'Mont-Regular'; font-size: 0px; color: #3c3c3c;border: none; outline: none;display: block;
}

.socials_icons {
  float: left;clear: both;
  margin:  20px 0 0px 0;
  padding: 0;
  width: 100%; text-align: center;
}
.socials_icons a {
  text-decoration: none;
  outline: none;
  margin: 0 20px 0 0;
  padding: 0;
  color: #fff;
  text-align: center;
  width: auto;
  float: none;
}
.socials_icons a img{ max-width: 100%;}

.footer{ background-image: url("../images/footer_bg.jpg"); background-repeat: no-repeat; background-position: center top;
	 float: left;clear: both;
  margin:  0px 0 0px 0;
  padding: 0;
  width: 100%;
}

.footer .footerlogo{margin: 150px 0; padding: 0; float: left; text-align: center;background-size: 100%;
  width: 100%;}
.footer p{float: left; margin: 0 0 30px 0; padding: 0; width: 100%;font-family: 'Mont-Regular'; font-size: 14px; color: #000000;text-align: center;font-weight: bold;}
.footer p a{text-decoration: none; outline: none; color: #000000; margin: 0 20px;}

.page_content{
     float: left;clear: both;
  margin:  20px 0 20px 0;
  padding: 0;
  width: 100%;
}
.page_content h1 {
  float: left;
  margin: 0px 0 15px 0;
  padding: 0;
  width: 100%;
  font-family: 'COCOGOOSE';
  font-size: 24px;
  color: #101010;
  line-height: 44px;
  text-align: left;
}
.page_content h3 {
  float: left;
  margin: 0px 0 15px 0;
  padding: 0;
  width: 100%;
  font-family: 'COCOGOOSE';
  font-size: 17px;
  color: #101010;
  line-height: 44px;
  text-align: left;
}
.page_content  p {
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  font-family: 'COCOGOOSE';
  font-size: 12px;
  color: #101010;
  text-align: left;
}
.page_content ul{
     float: left;clear: both;
  margin:  0px 0 20px 0;
  padding: 0;
  width: 100%;
}
.page_content ul li{
     float: left;clear: both;
  margin:  0px 0 0px 30px;
  padding: 0;
  width: 100%;
    font-family: 'COCOGOOSE';
  font-size: 12px;
  color: #101010;
}
.page_content ul li a{
       font-family: 'COCOGOOSE';
  font-size: 12px;
  color: #101010;text-decoration: none; outline: none;
}
.icons_bg{

    float: left;
margin: 0;
padding: 0;position: relative;
width: 100%;
}
.games_icons_1{ float: left;
margin: 129px 0 0 19px;
padding: 0;position: relative;
width: auto; }
.games_icons_2{ float: left;
margin: 72px 0 0 38px;
padding: 0;
width: auto;
position: relative;}
.games_icons_3{ float: right;
margin: 21px 3px 0 0;
padding: 0;position: relative;
width: auto; }
.games_icons_4{ float: left;
margin: -98px 0 0 168px;
padding: 0;position: relative;
width: auto; }
.games_icons_5{float: left;
margin: 41px 0 0 0;
padding: 0;
width: auto;
position: relative;
}
