html , body {
    height: 100%;
    overflow-x: hidden;
}

#mainContainer {
    min-height: 100vh;
}

body{
    background-color: #191f2b;
    background-image: url(/images/lp/005/background.jpg);
    background-position-x: 50%;
    background-repeat: no-repeat;
    overflow-x: hidden;
}
div#mainContainer .row.main {
    min-height: 100vh;
}
#logo{
    padding: 1%;
}

.containerLogo{
    margin-top: 15px;
    margin-bottom: 36px;
}

#imgLogo{
    display: -webkit-box;
    margin: auto;
    width: 116px;
}

.textArea{
    height: 33vw;
}

h1{
    font-family: 'museo_sans900';
    font-weight: 500;
    font-size: 7em;
}
.header01{
    font-size: 7em;
    margin-top: 42px;
}
.header02{
    font-size: 4.7vh;
    margin: -20px 0 24px 0;
}

form#register_form {
    max-width: 355px;
    margin: auto;
}
input[type=email], select {
    width: 100%;
    padding: 12px 22px;
    margin-bottom: 5px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 33px;
    box-sizing: border-box;
    font-size: 1.4em;
}

::placeholder {
    color: #aaa;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
}

.button {
    text-transform: uppercase;
    -webkit-appearance: initial;
    width: 100%;
    padding: 14px 22px;
    margin-top: 3px;
    display: block;
    border: 1px solid #000;
    border-radius: 33px;
    box-sizing: border-box;
    font-size: 26px;
    font-weight: 400;
    background-color: #fff;
    color:#fff;
    text-align: center;

    background: rgb(37,117,252); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(37,117,252,1) 0%, rgba(110,134,215,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(37,117,252,1) 0%,rgba(110,134,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(37,117,252,1) 0%,rgba(110,134,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2575fc', endColorstr='#6e86d7',GradientType=1 ); /* IE6-9 */
}

.button:hover {
    background-color: #2575fc;

}


.footer-div {
    height: auto;
    clear: both;
    text-align: center;
    padding: 40px 0 40px;
    color: #fff;
    width: 100%;
    max-width: 100%;
    margin: auto;
    position: relative;
    margin-top: 30px;

}

.error{
    width: 100%;
    margin: auto;
    margin-top: 1px;
    color: #f00;
    font-size: 12px;
    font-weight: 500;
    padding: 1%;
    margin-bottom: 0px;
    text-align: left;
    display: none;
}

.error2{
    width: 100%;
    margin: auto;
    color: #f00;
    font-size: 12px;
    font-weight: 500;
    padding: 1%;
    margin-bottom: 0px;
    text-align:left;
    display: none;
}

/* checkbox css */


.checkbox-container {
    width: 98%;
    margin: auto;
    /* background: #00000078; */
    color: #fff;
    font-size: 12px;
    padding: 1%;
}

.checkBoxText{
    padding-left: 33px;
}



.containerCheckbox{
    position: relative;
    float: left;
}

input[type="checkbox"]{
    position: relative;
    top: 3px;
}

.mobileBackgroundAddon{
    display:none;
    background-position-x: center;
}

/* general */
.textCenter{
    text-align:center;
}

.white{
    color: #fff;
}

/* Medium devices (desktop tablets, height 840px and down)*/
@media only screen
and (min-device-width: 576px)
and (max-device-height: 840px) {
    .footer-div {
        bottom:initial;
        position: relative;
    }

}


/* bootstarp responsive */

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4) {
    body{
        background: #1e2430;
        background-image: url("/images/lp/005/background-mobile2.jpg");
        background-position-x: 50%;
        background-position-y: -40px;
        background-repeat-y: no-repeat;

    }
    .justify-content-center {
        min-height: 350px;
    }
    .footer-div {

        position: relative;
    }
    .checkbox-container{
        font-size: 11.4px;
    }
    .mobileBackgroundAddon{
        background-image: url('/images/lp/005/background-bottom.png');
        display: -webkit-box;
        width: 100%;
        height: 173px;
        z-index: 50;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;

    }
    form{
        top: 0px;
        position: relative;
    }
    .header01 {
        font-size: 4em;
        margin-top: 20px;
    }
}

/* ----------- Galaxy S7 ----------- */

@media only screen
and (max-width : 1440px)
and (max-height : 2560px) {
    body{
        background: #1e2430;
        background-image: url("/images/lp/005/background-mobile2.jpg");
        background-position-x: 50%;
        background-position-y: -40px;
        background-repeat-y: no-repeat;

    }
    .justify-content-center {
        min-height: 420px;
    }
    .checkbox-container{
        font-size: 11.4px;
    }
    .mobileBackgroundAddon{
        background-image: url('/images/lp/005/background-bottom.png');
        display: -webkit-box;
        width: 100%;
        height: 173px;
        z-index: 50;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }
    form{
        top: 30px;
        position: relative;
    }
}

/* iphone x */
@media only screen
and (min-device-width : 360px)
and (max-device-width : 740px)
and (-webkit-device-pixel-ratio : 4) {
    body{
        background: #1e2430;
        background-image: url("/images/lp/005/background-mobile2.jpg");
        background-position-x: 50%;
        background-position-y: -40px;
        background-repeat-y: no-repeat;

    }
    .justify-content-center {
        min-height: 420px;
    }
    .footer-div {

        position: relative;
    }
    .checkbox-container{
        font-size: 11.4px;
    }
    .mobileBackgroundAddon{
        background-image: url('/images/lp/005/background-bottom.png');
        display: -webkit-box;
        width: 100%;
        height: 173px;
        z-index: 50;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }
    form{
        top: 0px;
        position: relative;
    }
}


/* iphone 5 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait){
    body{
        background: #1e2430;
        background-image: url("/images/lp/005/background-mobile2.jpg");
        background-position-x: 50%;
        background-position-y: -40px;
        background-repeat-y: no-repeat;

    }
    .justify-content-center {
        min-height: 330px;
    }
    .footer-div {

        position: relative;
    }
    .checkbox-container{
        font-size: 11.4px;
    }
    .mobileBackgroundAddon{
        background-image: url('/images/lp/005/background-bottom.png');
        display: -webkit-box;
        width: 100%;
        height: 173px;
        z-index: 50;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }
    form{
        top: 0px;
        position: relative;
    }
    .header01 {
        font-size: 4em;
        margin-top: 20px;
    }
}


/* iphone 6,7,8 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    body{
        background: #1e2430;
        background-image: url("/images/lp/005/background-mobile2.jpg");
        background-position-x: 50%;
        background-position-y: -40px;
        background-repeat-y: no-repeat;

    }
    .justify-content-center {
        min-height: 340px;
    }
    .footer-div {

        position: relative;
    }
    .checkbox-container{
        font-size: 11.4px;
    }
    .mobileBackgroundAddon{
        background-image: url('/images/lp/005/background-bottom.png');
        display: -webkit-box;
        width: 100%;
        height: 173px;
        z-index: 50;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }
    form{
        top: 0px;
        position: relative;
    }
}

/* iphone 6,7,8 plus */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
    body{
        background: #1e2430;
        background-image: url("/images/lp/005/background-mobile2.jpg");
        background-position-x: 50%;
        background-position-y: -40px;
        background-repeat-y: no-repeat;

    }
    .justify-content-center {
        min-height: 420px;
    }
    .footer-div {

        position: relative;
    }
    .checkbox-container{
        font-size: 11.4px;
    }
    .mobileBackgroundAddon{
        background-image: url('/images/lp/005/background-bottom.png');
        display: -webkit-box;
        width: 100%;
        height: 173px;
        z-index: 50;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }
    form{
        top: 30px;
        position: relative;
    }

}


/* iphone x */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
    body{
        background: #1e2430;
        background-image: url("/images/lp/005/background-mobile2.jpg");
        background-position-x: 50%;
        background-position-y: -40px;
        background-repeat-y: no-repeat;

    }
    .justify-content-center {
        min-height: 420px;
    }
    .footer-div {

        position: relative;
    }
    .checkbox-container{
        font-size: 11.4px;
    }
    .mobileBackgroundAddon{
        background-image: url('/images/lp/005/background-bottom.png');
        display: -webkit-box;
        width: 100%;
        height: 173px;
        z-index: 50;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
    }
    form{
        top: 0px;
        position: relative;
    }
}
/*
@media only screen and (max-width: 420px) {


}
*/
/* fonts */
@font-face {
    font-family: 'droid_sansregular';
    src: url('/fonts/droidsans-webfont.eot');
    src: url('/fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/droidsans-webfont.woff') format('woff'),
    url('/fonts/droidsans-webfont.ttf') format('truetype'),
    url('/fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_sansbold';
    src: url('/fonts/droidsans-bold-webfont.eot');
    src: url('/fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/droidsans-bold-webfont.woff') format('woff'),
    url('/fonts/droidsans-bold-webfont.ttf') format('truetype'),
    url('/fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans100';
    src: url('/fonts/museosans-100-webfont.eot');
    src: url('/fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/museosans-100-webfont.woff2') format('woff2'),
    url('/fonts/museosans-100-webfont.woff') format('woff'),
    url('/fonts/museosans-100-webfont.ttf') format('truetype'),
    url('/fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo300';
    src: url('/fonts/museo300-regular-webfont.eot');
    src: url('/fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/museo300-regular-webfont.woff2') format('woff2'),
    url('/fonts/museo300-regular-webfont.woff') format('woff'),
    url('/fonts/museo300-regular-webfont.ttf') format('truetype'),
    url('/fonts/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans300';
    src: url('/fonts/museosans-300-webfont.eot');
    src: url('/fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/museosans-300-webfont.woff2') format('woff2'),
    url('/fonts/museosans-300-webfont.woff') format('woff'),
    url('/fonts/museosans-300-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('/fonts/museosans_500-webfont.eot');
    src: url('/fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/museosans_500-webfont.woff2') format('woff2'),
    url('/fonts/museosans_500-webfont.woff') format('woff'),
    url('/fonts/museosans_500-webfont.ttf') format('truetype'),
    url('/fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans700';
    src: url('/wp-content/themes/playmillion/landing-pages/fonts/museosans-700-webfont.eot');
    src: url('/wp-content/themes/playmillion/landing-pages/fonts/museosans-700-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/playmillion/landing-pages/fonts/museosans-700-webfont.woff2') format('woff2'),
    url('/wp-content/themes/playmillion/landing-pages/fonts/museosans-700-webfont.woff') format('woff'),
    url('/wp-content/themes/playmillion/landing-pages/fonts/museosans-700-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans900';
    src: url('/fonts/museo-sans-webfont.eot');
    src: url('/fonts/museo-sans-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/museo-sans-webfont.woff2') format('woff2'),
    url('/fonts/museo-sans-webfont.woff') format('woff'),
    url('/fonts/museo-sans-webfont.ttf') format('truetype'),
    url('/fonts/museo-sans-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;
}

.terms-link {
    color: #b8e3ff;
    text-decoration: underline;
}


.loading-layer {
  /*background: rgba(0,0,0,.5) url('/images/loading.gif') no-repeat;*/
  background: url('/images/loading.gif') 50% 50% no-repeat rgba(0,0,0,.4);
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:999;
}