body {
  font-family: 'Roboto', sans-serif;
}

.ttbackground {
  min-height: 100vh;
  background: linear-gradient(45deg, #ff2aff, #1e1c1c);
}

h1,h2,h3,h4,h5 {
   color:#cecece;
}

span {
  color:#cecece;
}

strong {
  color:#cecece;
}

p {
  color:#cecece;
  padding-right: 8px;
}

label {
  color:#cecece;
}

.button-yes {
    font-size          : 30px;
    color              : #fff;
    width              : 85%;
    min-width          : 200px;
    background-color   : #f529f5;
    border-radius      : 15px;
    display            : inline-block;
    font-weight        : bold;
    padding            : 10px 0px;
    text-decoration    : none;
    border             : 1px solid #fff;
    margin             : 10px 0 0 0;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    opacity            : 1;
}

.button-no {
    font-size          : 30px;
    color              : #fff;
    width              : 85%;
    min-width          : 200px;
    background-color   : #9e9e9e;
    border-radius      : 15px;
    display            : inline-block;
    font-weight        : bold;
    padding            : 10px 0px;
    text-decoration    : none;
    border             : 1px solid #fff;
    margin             : 10px 0 0 0;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    opacity            : 1;
}

/* .button-yes:hover {
    background : #fff;
} */

#boxCenter {
  text-align: center;
}

.fuckbook-app-user {
    display        : block;
    margin         : 0 auto;
    width          : 30%;
    padding-bottom : 5%;
}

@media (max-width : 479px) {
    .enterFooter p {
        font-size : 15px
    }

    .fuckbook-app-user {
        display        : block;
        margin         : 0 auto;
        width          : 40%;
        padding-bottom : 5%;
    }
}

#q1,
#q2,
#q3,
#q4,
#q5,
#privacy,
#register
 {
   overflow    : hidden;
   padding     : 0px;
   width       : 100%;
   min-width   : 300px;
   max-width   : 600px;
   display     : none;
   position    : absolute;
   /* line-height : 28px;
   font-size   : 22px; */
}

.sides {
  width:95%;
}

.slidecontainer {
  width: 85%;
  margin: 0 auto;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

/* questions click img selection */

.type-selector input:active +.check-img{opacity: .9;}
.type-selector input:checked +.check-img{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
            opacity: .9;
}
.type-selector input{
    margin-top:2em;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
}
/* .check-img-holder { width:auto;height:auto; display:inline; margin:1.2em !important; } */

.check-img{
    margin: .4em .7em .9em .3em;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:80px;
    height:80px;
    border-radius:60px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.6);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.6);
    filter: brightness(1.8) grayscale(1) opacity(.6);

    /*  styles for Android and older browsers  */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.check-img:hover, .check-img:checked{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);

            /*  styles for Android and older browsers   */

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9 !important;
}

.tits{background-image:url('../img/features/tits.png');}
.ass{background-image:url('../img/features/ass.png');}
.legs{background-image:url('../img/features/legs.png');}
.feet{background-image:url('../img/features/feet.png');}
.lips{background-image:url('../img/features/lips.png');}

.petite{background-image:url('../img/type/petite.png');}
.slender{background-image:url('../img/type/slender.png');}
.fit{background-image:url('../img/type/fit.png');}
.curvy{background-image:url('../img/type/curvy.png');}
.bbw{background-image:url('../img/type/bbw.png');}

.athletic-m{background-image:url('');}
.husky{background-image:url('');}
.slim-m{background-image:url('');}
.muscular{background-image:url('');}
.dadbod{background-image:url('');}
.heavy{background-image:url('');}

/* .type-label { margin-left:-70px; margin-top:80px; text-align:left; font-size:.7em; display:inline-block; line-height: 5em;}
.gender-label { margin-left:-55px; margin-top:75px; text-align:left; font-size:.75em; color:#777; padding-top:30px; margin-right:10px; postion:absolute; }
.willing-label { margin-left:-50px; margin-top:75px; text-align:left; font-size:1em; padding-top:30px; color:#777;  postion:absolute; } */

div.item {
vertical-align: top;
display: inline-block;
text-align: center;
width: 90px;
}
.picks img {
width: 75px;
height: 75px;
background-color: grey;
border-radius: 50px;
}
.caption {
display: block;
}
/* questions click img selection end */

/* for register */
.top {
    width          : 100%;
    font-size      : 20px;
    color          : #321e6b;
    font-weight    : 400;
    padding-top    : 5px;
    padding-bottom : 5px
}
.ta-center {
    text-align : center
}
.box {
    margin  : 0 auto;
    padding : 10px
}

.box u {
    color : #321e6b
}

.box2 {
    width     : 50%;
    min-width : 300px;
    margin    : 0 auto;
    padding   : 10px
}

#container {
border-radius : 0px;
padding       : 0px;
padding-top   : 0px;
width         : 95%;
min-width     : 300px;
max-width     : 600px;
position      : relative;
margin        : 10px auto
}