/*
Theme Name: Kids club
Theme URI: http://mercury-web.co.uk/
Description: Custom theme for Kids club based on Twenty Eleven
Author: Mercury Web
Author URI: http://mercury-web.co.uk/
Template: twentyeleven
Version: 1.0
*/

/* @import url("../twentyeleven/style.css"); 

font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-65Medi';
font-family:'HelveticaNeueW01-75Bold';

*/

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

body {margin: 0; font-size:18px; position:relative;}
body, input, textarea {color:#4f4c4d;}
td,th {color: inherit;}

input, textarea {font-size:24px; width:100%; border: solid 1px #fff; padding: 5px 10px; margin-bottom: 3px;}
input[type=button] {width: 80px;}
.noc input {width:23.7%; margin:0 0 0 0.5%;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
}
::-moz-placeholder { /* Firefox 19+ */
 font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
 font-size: 12px;
}


body,td,th, input, textarea {font-family: "HelveticaNeueW01-45Ligh",sans-serif; font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6, strong, .sq_but {font-family: "HelveticaNeueW01-75Bold",sans-serif; font-style: normal; font-weight: normal;}

img {border:0; max-width:100%; height:auto; display:block;}

a {text-decoration:none; background:transparent; color:inherit; overflow: hidden;}
a:hover, input[type=button]:hover {opacity:0.7; cursor:pointer;}
a:active { opacity: 1 !important; }

a, img, li, input, textarea {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}

.center_h {-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position:relative;}
.center_i {position: absolute; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform: translateY(-50%); margin:0;}

.left, .right, label, input {float:left; width: 48%;}
.right, input {float:right;}

.gdpr .form form {margin:30px 0;}
.gdpr input[type=checkbox] {
    visibility: hidden;
}
.gdpr label, .gdpr input {float:none; width: 100%;}
.gdpr label {font-weight:bold; font-size:22px; margin-bottom:10px; display:block;}
.gdpr em {font-size:16px;}
.gdpr select {width:200px; padding:10px;}
.gdpr .checkboxFive {
    width: 25px;
    margin: 0 10px 0 0;
    position: relative;
}
.gdpr .checkboxFive label {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    background: #fff;
    border:1px solid #ddd;
}
.gdpr .checkboxFive label:after {
    opacity: 0.1;
    content: '';
    position: absolute;
    width: 10px;
    height: 6px;
    background: transparent;
    top: 7px;
    left: 7px;
    border: 3px solid #4f4c4d;
    border-top: none;
    border-right: none;

    transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.gdpr .checkboxFive label:hover::after {
    opacity: 0.8;
}

/**
 * Create the checkbox state for the tick
 */
.gdpr .checkboxFive input[type=checkbox]:checked + label:after {
    opacity: 1;
}
section {display:inline-block;}
.chk {position:relative; padding-left:35px;}
.chk section {position:absolute; left:0; top:3px;}
.missgirl {padding-left:120px;}
.gdpr .js-cm-submit-button {border:solid 1px #ffffff; background-color:#ffffff; color:#11baeb; font-size:30px; padding:10px 20px; margin:30px 0 0;}

.pink {color: #11baeb;}
.pink_bg {background-color: #11baeb; color: #FFFFFF;}

.green {color: #9bc221;}
.green_bg {background-color: #9bc221; color: #FFFFFF;}

.wrap {max-width:1120px; width:100%; margin:auto; overflow:hidden; position: relative;}

.head {padding: 20px 0;}
.head .wrap {overflow:visible; text-align: center;}
.head .kids {padding:0 0 20px;}
.head .logo {float: right;}
.head .title {}
.head img, .subbut img, .foot img, .form .green_bg img, .form .logo img {display: inline-block;}

.form {padding: 120px 120px 150px;}
.form .logo {text-align: center; margin: -80px 0 30px;}
.form .box {padding: 40px 60px;}
.form form {margin: 60px 0 40px;}
.form form p {overflow: hidden;}
.form .subbut {border: solid 1px #feda3a; text-align: center; background-color: #feda3a; padding: 5px 0;}
.form .small {font-size: 16px; padding-left: 60px;}
.form .boy {position: absolute; top: 20px; right: 0;}
.form .girl {position: absolute; bottom: 20px; left: 0;}

.form .green_bg {text-align: center; padding: 100px 0;}
.form .green_bg img {margin: 40px 0;}
.form .green_bg p {padding: 0 22%;}

.foot {text-align: right; padding: 30px 0; font-size: 26px;}
.foot img {margin-right: 10px;}

@media (max-width: 1600px) {
	
}
@media (max-width: 1180px) {
	
}
@media (max-width: 1000px) {
	
}
@media (max-width: 900px) {
	
}
@media (max-width: 700px) {
	
	
}
@media (max-width: 500px) {
	
}