/*
Theme Name: Who is the Singer Theme
Theme URI: https://spidertechs.net
Author: Spider Techs Team
Author URI: https://spidertechs.net
Description: This is custom theme developed by Spider Techs team for Who Is The Singer? Website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: whoisthesinger
*/
  span.fimg a {
    /* float: right; */
    /* margin-right: 2px!important; */
    margin-left: 65%!important;
    margin-top: -53px!important;
}
.sideimg {
    margin-bottom: 234%;
}
p.wppb-error {
    color: #fff;
}
.byname input {
    width: 42%!important;
    margin-right: 26px!important;
}
.twothird.row.bluebg.pad20.boxsizing {
    height: 1431px;
}
.sideimg2 img {
    width: 100%!important;
    height: auto;
}
.alignleft{
	float: left;
}
.alignright{
	float: right;
}
button.clear.createprofilebtn {
    float: left!important;
    width: 219px;
    margin-left: 15px;
        margin-bottom: -43px;
}
button.clear.createprofilebtn a {
    color: #fff;
}
.aligncenter{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.content.top a {
    color: #fff;
}
div#wph-modal-popup--1 {
/*    width: 34%;*/
}
.register_popup input, select {
    background-color: #222222;
    color: #fff;
    /* width: 100%; */
}
section.last_video {
    margin-bottom: 0;
}
.register_popup select {
    
    color: #6e6e6e;
    
}
.register_popup input{width: 100%;}
select#um_field_14_register {
    width: 100%;
}
.register_popup strong {
    color: #fff!important;
    font-size: 18px;
}
.register_popup input, select {
    width: 100%;
    border: none;
    height: 31px;
    margin-bottom: -5px;
    padding-left: 8px;

}

.register_popup input :focus {

    border: none;
}

.register_popup input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6e6e6e;
}
.register_popup input::-moz-placeholder { /* Firefox 19+ */
  color: #6e6e6e;
}
.register_popup input:-ms-input-placeholder { /* IE 10+ */
  color: #6e6e6e;
}
.register_popup input:-moz-placeholder { /* Firefox 18- */
  color: #6e6e6e;
}

button.saveform {
    width: 117px;
    background-color: #06b0c7;
    height: 42px;
    padding: 0px;
    margin-top: 14px!important;
    border: none;
    /* float: right; */
    margin: auto;
    display: table;
    font-size: 16px;
    font-family: magneto;
}
input#insert_user {
    width: 120px;
    background-color: #06b0c7;
}
span.loginpop {
    float: right;
    margin-top: -34px;
    color: #fff;
    font-size: 17px;
}
/*span.fimg {
    float: left;
    margin-top: -44px;
    margin-left: 68%;
    /* text-align: right; */
}*/
div#popmake-300 {
    background-color: black !important;
    border: 4px solid #222222;
}
/* login */


div#popmake-300 {
    background-color: #010001;
    border: 5px solid #413f3f;
}

div#pum_popup_title_300 {
    color: #fff;
    margin-bottom: 15px;
}
.loginpopup input {
    width: 100%;
    border: none;
    height: 31px;
    margin-bottom: 5px;
    padding-left: 8px;
    background-color: #222222;
    color: #fff;
}
p.login-remember {
    display: none;
}
input#wppb-submit {
    width: 117px;
    background-color: #06b0c7;
    height: 42px;
    padding: 0px;
    margin-top: 5px;
}
span.registerpopp {
    float: right;
    color: #fff;
    margin-top: -22px;
        margin-right: 42px;
}
span.registerpopp a {
    text-decoration: none;
    color: #52b3cc;
}
.fbimgg {
    float: right;
    margin-right: 41px;
    margin-top: 4px;
}

span.forgotlink {
    color: #fd484a;
    font-weight: bold!important;
}
p.wppb-alert {
    color: #fff!important;
}
span.forgotlink a {
    text-decoration: none;
    color: #67c9fb;
    text-transform: uppercase;
    font-weight: bold;
}

.updateprofile input, textarea{
    width: 50%;
    margin-bottom: 10px;
    margin-top: -10px;
}
.updateprofile input[type="submit"] {
    width: 120px;
    background-color: #06b0c7;
}
.updateprofile p {
    margin-bottom: 7px;
}
.updateprofile input[type="radio"],input[type="checkbox"] {
    height: 15px;
    width: 15px;
        position: relative;
    top: 3px;   
        margin-left: 36px;          
}
.updateprofile textarea{
        background-color: #222222;
    color: #fff;
        float: right;
    margin-right: 40%;
        border: none;
    height: 50px;
}
.updateprofile input[type="file"] {
    width: 20%;
    float: right;
    margin-right: 69%;
    margin-top: -8px;
        padding-top: 6px;
    padding-bottom: 0px;
}
.updateprofile input[type="radio"]{
    margin-left: 64px;
}
    .gender input {
    margin-left: 40px!important;
}
.updateprofile input[type="text"] {
    float: right;
    margin-right: 40%;
    /* margin-bottom: 10px!important; */
}
input.othertlnt {
    margin-top: 1px;
    float: right!important;
    margin-right: 0!important;
}
input.othertlnts {
    margin-top: 1px;
    float: right!important;
    margin-right: 0!important;
}
.genress {
    width: 89%;
    margin-top: -20px;
    margin-left: 9.5%;
    background-color: #222222;
    margin-bottom: 16px;
}
select.state {
    width: 50.5%;
   /* margin-left: 56px;*/
    color: #fff;
    margin-bottom: 10px;
    height: 31px;
}
select.country {
    width: 50.5%;
    margin-bottom: 10px;
   /* margin-left: 40px;*/
    color: #fff;
}
.galleryimgs img {
    height: 100px;
    width: 100px!important;
}
img.ppimg {
    height: 100px;
    width: 100px;
    float: right;
}
input.phone {
    width: 18%;
    float: none!important;
    margin-left: 2.5%;
    margin-right: -35px!important;
}
.giggs {
    width: 60%;
    margin-top: -20px;
    margin-left: 9.5%;
    margin-bottom: 10px;
    background-color: #222222;
}
.giggs input[type="radio"], input[type="checkbox"]{    margin-left: 4px!important;}
p.gender {
    margin-bottom: 24px;
}

/*profile pic*/

span.uploadimg {
    font-size: 12px;
    left: 34%;
    top: 50%;
    right: 0;
    position: absolute;
     color: #fff;
    display: none;
}
span.uploadbnr {
  font-size: 12px;
    left: 36%;
    top: 46%;
    right: 0;
    position: absolute;
    color: #fff;
    display: none;
}
img#loader {
    /* display: none; */
    height: 40px;
    width: 80px;
    position: absolute;
    top: 43%;
    left: 33%;
}
img#loaderbnr {
    /* display: none; */
    height: 40px;
    width: 80px;
    position: absolute;
    top: 43%;
    left: 33%;
}
span.uploadphotos {
    float: left;
    margin-top: -44px;
    font-size: 20px;
    margin-left: 8%;
}
img#loadergallery {
    height: 40px;
    width: 60px;
    position: absolute;
    top: 45%;
    left: 34%;
}
#videouploadmodal [type="text"] {
    border: none;
    height: 31px;
    margin-bottom: 5px;
    padding-left: 8px;
    background-color: #222222;
    color: #fff;
    width: 80%;
}

.words-left {
  display: inline-block;
  padding: 4px 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.words-left .fa {
  display: inline-block;
  margin-right: 6px;
}
.words-left {
    background-color: red;
    color: #fff;
    padding: 8px;
}
img#loaderbio {
    height: 20px;
    width: 30px;
    float: right;
}
span#mesagebio {
    float: right;
    color: #fff;
}
img#loadercareer {
    height: 20px;
    width: 30px;
    float: right;
}
span#mesagecareer {
    float: right;
    color: #fff;
}


.modellss [type="text"],textarea {
    border: none;
    height: 200px;
    margin-bottom: 5px;
    padding-left: 8px;
    background-color: #222222;
    color: #fff;
    width: 100%;
}

button.uploadvideoo {
    width: 117px;
    background-color: #06b0c7;
    height: 42px;
    padding: 0px;
    margin-top: 5px;
    border: none;
}
.wph-modal--message {
    max-height: 600px!important;
}
span.upldvidd {
    float: left;
    margin-top: -41px;
        margin-left: 10px;

    font-size: 20px;
}
span.upldvidd a {
    color: #fff;
    text-decoration: none;
}
span.clicktouploadbaner.glyphicon.glyphicon-upload {
    position: absolute;
    top: 40%;
    left: 44%;
    right: 50%;
    color: #fff;
    font-size: 24px;
    display: none;
}
span.glyphicon.glyphicon-upload{
    position: absolute;
    top: 40%;
    left: 46%;
    right: 50%;
    color: #fff;
    font-size: 24px;
    display: none;
}
.col-md-4.profilepic:hover img#profile_pic{
    opacity: 0.5;
}
.col-md-4.profilepic:hover span.glyphicon.glyphicon-upload {
display: block;
}
.col-md-4.profilepic:hover span.uploadimg
{
    display: block;
}

.col-md-8.profilebanner:hover img#bannerimg{
    opacity: 0.5;
}
.col-md-8.profilebanner:hover span.clicktouploadbaner.glyphicon.glyphicon-upload {
display: block;
}
.col-md-8.profilebanner:hover span.uploadbnr
{
    display: block;
}

span.glyphicon.glyphicon-facetime-video {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 31%;
    font-size: 78px;
}
.featuredvideo{
    text-align: center;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    /* margin-top: -55px; */
    /* margin-right: 20px; */
    position: absolute;
    top: 70%;
    left: 54%;
}
    img#gpicloader {
    height: 50px;
    width: 70px!important;
    position: absolute;
    left: 38%;
    top: 41%;
}
.img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}
.img-wrap .closegp {
    position: absolute;
    top: 2px;
    right: 2px;
   /* z-index: 100;*/
    background-color: #FFF;
    padding: 5px 2px 2px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}
.img-wrap:hover .closegp {
    opacity: 1;
}

@media all and (max-width: 375px) { 
    button.clear.createprofilebtn {
    float: left!important;
    width: 219px;
    /* margin-left: 15px; */
     margin-bottom: 5px; 
    margin-left: 20%;
    display: block;
    margin-right: auto;
}
    button.saveform {
    width: 117px;
    background-color: #06b0c7;
    height: 42px;
    padding: 0px;
    /* margin-top: 5px; */
    border: none;
    margin: auto!important;
    margin: 10px;
    margin-right: 2%;
    display: table;
    margin-bottom: 11px!important;
}
    span.glyphicon.glyphicon-envelope {
    font-size: 19vw!important;
}
.profilebanner img {
    height: 220px!important;
    width: 100%!important;
}
span#videoupload {
     float: none; 
     margin-top: 0; 
     margin-left: 0px; 
    display: table;
    margin: auto;
    margin-bottom: 10px;
}
span.uploadphotos {
     float: none; 
     margin-top: 0; 
    font-size: 20px;
     margin-left: 0; 
    display: table;
    margin: auto;
}
    .updateprofile input[type="file"] {
    width: 100%;
    float: none;
}
.updateprofile textarea{
        float: none;
    margin-right: 0;
    margin-top:0;
    width: 100%;
}
    .updateprofile input[type="text"] {
    float: none;
    margin-right: 0;
    /* margin-bottom: 10px!important; */
}
    .updateprofile input[type="radio"],input[type="checkbox"] {
        margin-left: 0;
    }
	
.updateprofile input {
    width: 100%;
}
span.fimg {
    float: none;
    /*margin-top: -11px;*/}

    span.loginpop {
    	float: none;
    }
    input#insert_user{
    	margin-bottom: 20px;
    }
    span.fimg {
    float: left;
    margin-top: -11px;
       margin-left: 45px;
   text-align: none; 
}
input#insert_user{
	
    width: 100%;
}
.register_popup strong{
	font-size: 15px;
}
span.registerpopp {float: none;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    /* margin-top: -55px; */
    /* margin-right: 20px; */
    position: absolute;
    top: 89%;
    left: 4%;
}
}