/*
Theme Name: Tik Tok Games
Theme URI: 
Description: A Responsive theme
Author: Tik Tok Games
Author URI: 
Version: 1.0
Tags: responsive, white, bootstrap
*/

*,
*::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;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html{margin: 0; padding:0; }
body{margin: 0; padding:0; }
a, a:visited {text-decoration: none; outline: none;}
img {height: auto;max-width: 100%;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header{ display: block;position: relative;width: 100%;margin: 0 0 0 0;padding: 50px 0 0 0;z-index: 9999; }
.logo{margin: 0 0 0 0;padding: 0;width: 100%;max-width: 260px;float: left;}
.logo a{text-decoration: none;outline: none;}
.logo a img{width: 100%;}
.banner{float: left; margin: 130px 0 90px 0; padding: 0; width: 100%;}
.banner .little_princess{position: absolute;z-index: 999;right: 0;top: 0;background-image: url("../images/tik-tok-games-little-princess.png");background-repeat: no-repeat;height: 100%;background-size: contain;max-width: 100%;width: 48%;background-position: top right;}
.banner h1{font-family: 'Montserrat', sans-serif;color: #000000;font-weight: 700;margin: 0 0 10px 0;padding: 0;font-size: 42px;line-height: 44px;width: 50%;}
.banner p{font-family: 'Montserrat', sans-serif;color: #585757;font-weight: 500;margin: 0;padding: 0;font-size: 17px;line-height: 24px;width: 50%;}

.title_area{float: left; margin: 40px 0; padding: 0; width: 100%; clear: both;}
.title_area p{font-family: 'Montserrat', sans-serif;line-height: 12px;font-size: 17px;font-weight: 500;color: #fe688b;text-align: center;float: left;width: 100%;margin: 0 0 15px 0;padding: 0;}
.title_area h1{font-family: 'Montserrat', sans-serif;color: #000000;margin: 0 0 0px 0;padding: 0;font-size: 42px;font-weight: 800;line-height: 44px;float: left;width: 100%;text-align: center;}

.games_areas {margin: 0 0 40px 0;padding: 0px 0px;float: left;width: 100%;position: relative;}
 .games_areas h2 {font-family: 'Montserrat', sans-serif;color: #fe688b;margin: 0 0 20px 0;padding: 0;font-size: 24px;float: left;width: 100%;font-weight: 700;}
.games_box {
  margin: 0 0 0px 0;
  padding: 0px 0px;
  float: left;
  width: 100%;
  position: relative;
  box-shadow: 0 0 3px 0 #000;
  border-radius: 10px;
}
.games_box img{
    border-radius: 10px 10px 0px 0px;
}
.games_box .store_link{
margin: -40px 0 0px 0;
padding: 0px 0px;
float: left;
width: 100%;
position: absolute;
text-align: center;
}
.games_box .store_link img{
width: 35%;  
border-radius: 0px 0px 0px 0px;
}
.games_box h3{
	font-family: 'Montserrat', sans-serif;
	color: #000000;
	margin: 10px 0 10px 0;
	padding: 0 10px;
	font-size: 16px;
	text-align: center;
	font-weight:700;
	min-height: 52px;
	float: left;
	width: 100%;
}

.footer_area {
  background: #f4f5f9 url("../images/form_bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
float: left;
width: 100%;
margin: 0 0 0 0;
padding: 40px 0;
}
.footer_area h1{
	font-family: 'Montserrat', sans-serif;
	color: #fe688b;
margin: 0 0 10px 0;
padding: 0;
font-size: 42px;
line-height: 44px;
float: left;
	width: 100%;	
}
.footer_area p {
 font-family: 'Montserrat', sans-serif;
  color: #585757;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 17px;
  font-weight: normal;
  line-height: 24px;
}
.footer_area p a{padding-bottom: 4px; text-decoration: none; outline: none; color: #fe688b;}
.address{
	font-family: 'Montserrat', sans-serif;
  color: #585757;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 24px;
}

.footer_form{
	float: left; margin: 0; padding: 0; width: 100%;
}

.footer_form input{
font-family: 'Montserrat', sans-serif;
font-size: 17px;
color: #9a9db0;
margin: 0 0 10px 0;
padding: 8px 20px;
float: left;
width: 100%;
border-radius: 6px;
	border: none;
}
.footer_form input:focus{
	outline: none;
}
.footer_form .quiz{
     float: left;
    margin: 0 0 10px 0;
padding: 0px 0px;
width: 100%; 
}
.footer_form .quiz span.wpcf7-quiz-label{
    float: left;
    margin: 0 0 10px 0;
padding: 8px 20px;
width: 40%;
}
.footer_form .quiz input{
font-family: 'Montserrat', sans-serif;
font-size: 17px;
color: #9a9db0;
margin: 0 0 10px 0;
padding: 8px 20px;
float: left;
width: 60%;
border-radius: 6px;
	border: none;
}


.footer_form textarea{
font-family: 'Montserrat', sans-serif;
font-size: 17px;
color: #9a9db0;
margin: 0 0 10px 0;
padding: 8px 20px;
float: left;
width: 100%;
	border: none;
border-radius: 6px;
resize: none;
height: 120px;
}
.footer_form textarea:focus{
	outline: none;
}
.footer_form input.wpcf7-submit {
    padding: 15px 50px;
    border: none;
    background: #fd567d;
    color: #FFF;
    border-radius: 25px;
    float: right;
    width: auto;
}
.copy_right {
  background: #ff5361;
  padding: 1% 2%;
  text-align: center;
  margin: 0;
  float: left;
  width: 100%;
font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 15px;
}

@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (max-width: 760px) {

}