body {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333;
   background-color: #fafafa ;
}

@charset "utf-8";
/* CSS Document */
@font-face
{
    font-family:'Droid Sans Bold';
    src:url('../fonts/droid-sans/DroidSans-Bold.ttf');
}
@font-face
{
    font-family:'Droid Sans Regular';
    src:url('../fonts/droid-sans/DroidSans.ttf');
}
*
{ 
    position:relative;
        font-family: Droid Sans Regular;
}

ul,li
{ 
    margin:0; 
    padding:0; 
        list-style-type:none;
}

.grey {
   color: #696969 !important;
}

#w2 {
   margin-bottom: 2%;
   margin-top: -12%;
   margin-left: 56%;
   font-weight: bold;
   text-align: -webkit-left;
}


#w1 {
   text-align: -webkit-left;
   margin-left: 56%;
   margin-top: -3%;
}


.non {
   top: -15px !important;
}

.checkbox label, .radio label {
   min-height: 20px;
   padding-left: 20px;
   margin-bottom: 0px;
   font-weight: 400;
   cursor: pointer;
   top: -2px;
}

.right {
   float: right;
   margin-right: 4%;
}


#display_name{
   color: #fd4537 ;
   font-size: 16px;
   top: 2px;
}

#search_box{
  margin-top: 35%;
}

.sharing_textbox{
  width: 65%;
}

.navbar-left {
   margin-right: -8%;
   float: right !important;
}

.share-img ul {
   margin-top: 25px;
   list-style-type: none;
   padding-left: 0%;
}

.share-img ul li {
   margin-left: 25%;
   margin-bottom: 3%;
}

.modal-dialog {
    margin-top: 20%;
}




.splash {
    display: none;
}
    
.top80{
  top: 0;
  
}


#other {
   margin-top: 3%;
}



.check-pas {
   margin-top: -2%;
   margin-left: -2%;
}


.upvote_out {
   cursor: pointer;
   top: 0px;
   margin-left: 0;
   color: #808080 ;
   font-size: 17px;
   padding-right: 0%;
}

#button-popup-close {
   cursor: pointer;
}

#button_popup_close_answer {
   cursor: pointer;
}


#edit-button-popup-close {
   cursor: pointer;
}
.share_button {
   color: #808080 ;
   margin-left: 1%;
   font-size: 18px;
   top: 3px;
}

.share_button:hover {
   color: #808080 ;
 }
#pp2 span strong {
   color: #fd4537 ;
   margin-left: 1%;
   font-size: 22px;
}

.left {
   right: 3%;
   top: 1px;
}

#w {
   text-align: -webkit-left;
   margin-left: 53%;
   margin-top: -8%;
}

#follow {
  display: -webkit-inline-box;
  cursor: pointer;
  width: 20%;
  margin-top: 3%;
}

#bton1 a {
   cursor: default;
   padding: 1%;
   border-radius: 40px;
   color: #322e2f ;
   border: 2px solid #808080 ;
   text-decoration: none;
   font-size: 18px;
   margin-left: 1%;
}


#bton1 {
   margin-top: 4%;
   margin-bottom: 2%;
}

#pp2 span img {
   width: 100px;
   height: 100px;
}

.que1 img {
   margin-left: -55%;
   margin-top: 5%;
}

.navbar-nav>li>a {
   padding-top: 15px;
   color: white;
   font-size: 18px;
   padding-bottom: 15px;
}

/*#Navbar {
   background: #322e2f ;
}*/

.navbar-nav>li>a:hover { background: #322e2f   ;}

.navbar-nav>li>a:focus { background: #322e2f   ;}

.navbar-header button span {
   background-color: #fd4537 ;
}

.open>a, .nav .open>a:focus, .nav .open>a:hover {
   background-color: #322e2f ;
   border-color: #322e2f ;
}


/*------------------------------------------- SIGN IN PAGE ---------------------------------------------- */
#sign-in-logo {
   padding-left: 10%;
}

.selected_time {
   margin-left: -2%;
   color: #bbbbbb ;
}

.sign-in {
      margin-top: 3%;
   margin-bottom: 3%;
}

.signin {
    margin-top: 12%;
    margin-bottom: 3%;
}


input#usr {
    /*border-color: #757273;*/
    margin-top: 15%;
}
input#pwd {
   /* border-color: #757273;*/
}
.sign-in button {
    color: white;
    background: #322e2f;
    font-size: 18px;
    margin-top: 15%;
}
.sign-in button:hover {
    
    background: #322e2f;
    color:white;
}
.sign-in button:focus {
    
    background: #322e2f;
    color:white;
}

#p1 {
   font-size: 18px;
   text-align: center;
   color: #322e2f ;
   font-family: Unna Regular;
   margin-left: -6.5%;
}

#p2 {
   font-size: 18px;
   text-align: center;
   color: #322e2f ;
   margin-left: -7%;
   margin-bottom: 7%;
}

#p2 span a {
    color: #fd4537;
    margin-left: 1%;
}

/*------------------------------------------- SIGN UP PAGE ---------------------------------------------- */

.sign img {
   padding-left: 14%;
}

input.ng-pristine.ng-valid.ng-empty.ng-touched {
   margin-left: -17%;
}

.julia1 h3 {
   font-size: 18px;
   color: #a1a1a1 ;
}
 

.julia1 h3 b {
   color: #322e2f ;
   font-size: 24px;
   margin-right: 0.5%;
}


.text-center a {
   font-size: 18px;
   cursor: pointer;
   text-decoration: underline;
}

 textarea{  
    display: block;
    box-sizing: padding-box;
    overflow: hidden;
    padding: 5px;
    width: 100%;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #556677;
} 

#p3 {
   font-size: 18px;
   text-align: center;
   padding-top: 0%;
   color: #322e2f ;
   margin-bottom: 15%;
   margin-left: -5%;
}
#sign-p {
   font-size: 30px;
   text-align: center;
   color: #fd4537 ;
   margin-bottom: -15%;
   padding-top: 12%;
   margin-left: -10%;
}

#p3 span a {
    color: #fd4537;
    margin-left: 1%;
}

#term {
   color: #322e2f ;
   font-size: 16px;
}

#submit1 {
   background-color: #322e2f ;
   margin-left: 40%;
   margin-bottom: 20%;
   color: white;
   border: 1px solid #bbbbbb ;
   text-decoration: none;

}


#popup-h {
   color: #fd4537 ;
   text-align: center;
   margin-bottom: 15%;
}


/*------------------------------------------- QUESTION PAGE ---------------------------------------------- */
 

.que-profile #que-p {
   float: right;
   margin-right: -6%;
   color: #fd4537 ;
   font-size: 18px;
   padding-top: 1%;
}

 


 .questionFlip {
   padding: 0px;
   padding-top: 1%;
   text-align: -webkit-left;
   margin-bottom: 7%;
   margin-top: 2%;
   background-color: white;
   border: solid 1px #c3c3c3 ;
   padding-bottom: 2%;
}


.panel {
   display: none;
   height: auto;
   padding-top: 0%;
   margin-top: -2%;
   padding-top: 2%;
}

#pp1 {
   margin-left: 4.5%;
   color: #a1a1a1 ;
   font-weight: bold;
   font-size: 18px;
}

#pp1 img {
    width: 35px;
    margin-right: 1%;
    height: 35px;
}




#bton a {
   padding: 7px;
   color: #322e2f ;
   border: 1px solid #bbbbbb ;
   border-radius: 15px;
   text-decoration: none;
   margin-left: 0.5%;
   font-size: 18px;
}



#bton {
   margin-left: 4%;
   margin-top: 3%;
   margin-bottom: 5%;
}


#ans {
    margin-left: -30%;
    color:#bbbbbb;
}
#ans a {
    color:#bbbbbb;
    left: 10%;
    text-align: -webkit-left;
}



.relative_time a {
    color:#bbbbbb;
    left: 1%;
}

 
.pull-right {
   float: right!important;
   font-size: 14px;
   margin-top: 1%;
   margin-right: 2%;
   cursor:pointer;
}


.share a {
   color: #808080 ;
   font-size: 18px;
   cursor: pointer;
   left: -4px;
}


.form button:focus {
   background: #322e2f ;
   color: white;
}

.que-btn button:focus{
   color: white;
   background-color: #322e2f ;
}



.edit {
   margin-left: 2%;
   top: 4px;
   color: #808080 ;
}


.edit a {
   color: #808080 ;
   left: -10%;
   font-size: 18px;
   cursor: pointer;
}

.ans_img
{
    padding-top: 2%;
}


.upvote {
   padding-right: 0.5%;
   color: #808080 ;
   font-size: 17px;
   top: 0px;
   margin-top: 0px;
}


.upvote a {
   color: #808080 ;
   left: 0%;
   cursor:pointer;
}

.upvote:hover {
   color: #fd4537 ;
}

.drop
{
    margin-bottom:5%;
}


.copy {
   color: white;
   padding-top: 1%;
   font-size: 18px;
   padding-left: 4%;
}
/*------------------------------------------- popup PAGE ---------------------------------------------- */

.form {
   padding: 28px;
   border: 1px solid gray;
   background-color: white;
}

.form button {
   background: #322e2f ;
   color: white;
}

.anony {
   color: #696969 ;
}


#button-popup {
   margin-right: -5%;
   margin-top: 7px;
}

#msg {
    max-width: 100%;
    border-color: #bbbbbb;
    height: 85px;
    background-color: #fafafa;
}

#reporting_reason{
   max-width: 100%;
   border-color: #bbbbbb ;
   height: 85px;
   background-color: #fafafa ;
   margin-bottom: 5%;
}


#msg_answer{
   max-width: 100%;
   border-color: #bbbbbb ;
   height: 85px;
   background-color: #fafafa ;
   margin-bottom: 5%;
}


#msg_question{
   max-width: 100%;
   border-color: #bbbbbb ;
   height: 85px;
   background-color: #fafafa ;
   margin-bottom: 5%;
}



#cat {
    width: 100%;
    background-color: #fafafa;
    border: 1px solid #bbbbbb;
}
#submit
    {
    background-color: #322e2f;
    color:white;
    border: 1px solid #bbbbbb;
    text-decoration: none;
}
.window-popup p {
   background-color: #fd4638 ;
   margin-bottom: 0%;
   color: white;
   text-align: center;
   margin-left: 0.25%;
   padding-bottom: 2%;
   padding-top: 2%;
   font-size: 18px;
}

.answer-window-popup p {
   background-color: #fd4638 ;
   margin-bottom: 0%;
   color: white;
   text-align: center;
   margin-left: 0.25%;
   padding-bottom: 2%;
   padding-top: 2%;
   font-size: 18px;
}

.edit-window-popup p {
   background-color: #fd4638 ;
   margin-bottom: 0%;
   color: white;
   text-align: center;
   padding-top: 2%;
   padding-bottom: 2%;
   margin-left: 0.25%;
   font-size: 18px;
}

#abc {
    width: 100%;
    height: 100%;
    opacity: 0.98;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #313131;
    overflow: auto;
    display:none; 
}

#edit_answer_window{
    width: 100%;
    height: 100%;
    opacity: 0.98;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #313131;
    overflow: auto;
    display:none; 
}


#popupContact_answer_edit {
   margin-left: 35%;
   text-align: center;
   top: 30%;
}


#spam_question_popup{
    width: 100%;
    height: 100%;
    opacity: 0.98;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #313131;
    overflow: auto;
    display:none; 
}


.spam-question-popup p {
   background-color: #fd4638 ;
   margin-bottom: 0%;
   color: white;
   text-align: center;
   margin-left: 0.25%;
   padding-bottom: 2%;
   padding-top: 2%;
   font-size: 18px;
}


#popupContact_span_question {
   margin-left: 35%;
   text-align: center;
   top: 30%;
}


#spam_answer_popup{
    width: 100%;
    height: 100%;
    opacity: 0.98;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #313131;
    overflow: auto;
    display:none; 
}


.spam-answer-popup p {
   background-color: #fd4638 ;
   margin-bottom: 0%;
   color: white;
   text-align: center;
   margin-left: 0.25%;
   padding-bottom: 2%;
   padding-top: 2%;
   font-size: 18px;
}


#popupContact_span_answer {
   margin-left: 35%;
   text-align: center;
   top: 30%;
}

#popupContact {
   margin-left: 35%;
   text-align: center;
   top: 30%;
}

.icon-apple {
    margin-top: -57px;
    margin-left: 780px; 
  }

.icon-google {
    margin-top: -57px;
    margin-left: 644px;
  }


#edit_window {
    width: 100%;
    height: 100%;
    opacity: 0.95;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #313131;
    overflow: auto;
    display:none; 
}

#popupContact_edit {
   margin-left: 35%;
   text-align: center;
   top: 30%;
}

 
.navbar {
   background: #322e2f ;
}

.nav > li > a {
  display: block;
}
#navbar1 {
   margin-left: 5%;
}

.navbar-default .navbar-nav>li>a {
   color: white;
   font-size: 18px;
}

.navbar-default .navbar-nav>li>a:hover {
   color: white;
  
}

.navbar-default .navbar-nav>li>a:focus {
   color: white;
  
}

nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
   background-color: #322e2f ;
}

.sign-up img {
   margin-left: 35%;
   height: 100px;
   width: 100px;
   margin-top: 4%;
}

#h1 {
  margin-left: -15%;
}

.selectize-input {
   text-align: -webkit-left !important;

margin-top: 4% !important;
 }


.check {
   text-align: -webkit-left;
   margin-bottom: 3%;
   margin-top: 0%;
}

.relative_time {
   margin-left: 0%;
   color: #bbbbbb ;
}

.que-btn button {
   float: right;
   margin-top: 18%;
   color: white;
   font-size: 18px;
   background-color: #322e2f ;
}

 
.que-btn button:hover {
   color: white;
   background: #322e2f ;
}



.que {
   margin-left: -1.5%;
}

.icon-apple {
    margin-top: -57px;
    margin-left: 780px; 
  }

.icon-google {
    margin-top: -57px;
    margin-left: 624px;
  }



.share {
   margin-left: 1%;
   top: 4px;
   color: #808080 ;
}


.share img {
   margin-top: -0.5%;
   margin-right: 1%;
}


.share1 {
   margin-left: 2%;
   color: #808080 ;
}
.share1 a {
   color: #bbbbbb ;
   left: 1%;
}
.touch {
   margin-right: 3% !important;
}
.bton_group {
   float: right;
   width: 40%;
   margin-top: -39px;
}


@media only screen and (min-width:320px) and (max-width: 510px)
{

.icon-apple {
   margin-top: -25px;
    margin-left: 235px;
  }

.icon-google {
   margin-top: -25px;
   margin-left: 135px;
  }

.text-center a {
   font-size: 14px;
   cursor: pointer;
   text-decoration: underline;
}

.julia1 h3 {
   font-size: 14px;
   color: #a1a1a1 ;
}

.right {
   float: none;
   margin-right: 4%;
}


.anony {
   font-size: 14px;
   margin-left: -1%;
   color: #696969 ;
}

#bton1 a {
   cursor: default;
   padding: 2%;
   border-radius: 40px;
   color: #322e2f ;
   border: 2px solid #808080 ;
   text-decoration: none;
   font-size: 14px;
   margin-left: 1%;
}

#search_box {
   margin-top: -10%;
}

#submit1 {
   background-color: #322e2f ;
   margin-left: 20%;
   color: white;
   border: 1px solid #bbbbbb ;
   margin-top: 20%;
   text-decoration: none;
   margin-bottom: 70%;
}


#popup-h {
   font-size: 26px !important;
   color: #fd4537 ;
   text-align: center;
   margin-bottom: 15%;
}

#term {
   color: #322e2f ;
   margin-bottom: 25%;
   font-size: 16px;
} 
.share-img ul li {
   margin-left: 5%;
   margin-bottom: 2%;
   margin-right: 5%;
}


.share-img ul {
   margin-top: 25px;
   margin-bottom: 25px;
   list-style-type: none; 
   padding-left: 0%;
}
  

  #bton1 {
   margin-top: 10%;
   margin-bottom: 2%;
}

.edit {
   margin-left: 2%;
   top: 4px;
   color: #808080 ;
}

.bton_group {
   display: inline;
   float: none !important;
   /* margin-top: -4%; */
}


#follow {
   display: -webkit-inline-box;
   margin-bottom: 5%;
   width: 50%;
   margin-top: 10%;
}

#w {
   margin-left: 35%;
   margin-top: -16%;
}    

.pull {
   float: right;
   margin-bottom: 20% !important;
}

#popupContact_span_question {
   margin-left: 0%;
   text-align: center;
   top: 20%;
}
   
.form-group {
  margin-bottom: 18px !important;
}



.share {
   margin-left: 4%;
   color: #808080 ;
}

.edit a {
   color: #808080 ;
   left: 1%;
   font-size: 12px;
   cursor: pointer;
}

.share a {
   color: #808080 ;
   font-size: 12px;
   left: -4px;
   top: -1px;
   /* text-decoration: none; */
}

.share1 {
   margin-left: 3%;
   color: #bbbbbb ;
}

    #h1 {
   margin-left: -20%;
}
    /*------------------------------------------- SIGN IN PAGE ---------------------------------------------- */
#popupContact_edit {
   margin-left: 0%;
   text-align: center;
   top: 20%;
}


.dropdown-menu>li>a {
   color: white !important;  
}

.sign-up img {
   margin-left: 10% !important;
   height: 100px;
   width: 100px;
   margin-top: 2%;
}

.sign img {
   padding-left: 0%;
}

    .sign-in button 
    {
    color: white;
    background-color: #322e2f;
    font-size: 18px;
    font-family: Unna Regular;
    margin-top: 15%;
    margin-left: -90%;
    }
 
.answer_box {
   margin-left: 5% !important;
}

/*#image-user {
   margin-top: 10%;
}*/



#user-edit-form {
   margin-bottom: 100% !important;
}

.questionFlip {
   padding-top: 1.5px;
   margin-bottom: 20%;
}


    #sign-in-logo {
       padding-left: 0%;
    }



.copy {
   color: white;
   padding-bottom: 50%;
    padding-top: 0%; 
   font-size: 18px;
   padding-right: 10%;
}

    .google {
        margin-left: 0 !important;
    }


#p1 {
   font-size: 18px;
   text-align: center;
   color: #322e2f ;
   font-family: Unna Regular;
   padding-top: 0%;
   margin-left: 0%;
}

#p2 {
   font-size: 18px;
   text-align: center;
   color: #322e2f ;
   margin-left: 0;
   margin-bottom: 20%;
}


#pp1 {
   margin-left: 5%;
   color: #bbbbbb ;
}
    
    /*------------------------------------------- SIGN UP PAGE ---------------------------------------------- */

#p3 {
   font-size: 18px;
   text-align: center;
   padding-top: 0;
   color: #322e2f ;
   font-family: Unna Regular;
   margin-bottom: 25%;
   margin-left: 0%;
}
    /*------------------------------------------- QUESTION PAGE ---------------------------------------------- */
.que-btn button {
   float: right;
   padding: 3%;
   font-size: 12px;
   margin-top: 0%;
   color: white;
   background-color: #322e2f ;
}
    
#popupContact {
   margin-left: 0%;
   text-align: center;
   top: 20%;
}

    .width 
    {
    width: 100%;
    }

#bton {
   margin-left: 5%;
   margin-top: 6%;
   margin-bottom: 6%;
}


.checkbox {
   text-align: -webkit-left;
   padding-left: 12% !important;
}
.navbar-nav {
   margin: 0 !important;
}
    

#popupContact_answer_edit {
   margin-left: 0;
   text-align: center;
   top: 20%;
}
 
.flag {
   margin-top: -0.75%;
}

.share_button {
   color: #808080 ;
   margin-left: 1%;
   font-size: 12px;
   top: 3px;
}


.s1 {
   margin-left: 2%;
   color: #808080 ;
   width: 60%;
   top: 5px;
}


.s1 a {
   color: #808080 ;
   top: -3px;
   font-size: 12px !important;
   margin-right: 40%;
   padding-left: 1%;
   text-decoration: none;
}

.vote {
   color: #808080 ;
   top: 3px !important;
   font-size: 12px !important;
   text-decoration: none;
}

.send {
   
   margin-right: 22%;

}

}

@media only screen and (min-width:400px) and (max-width: 510px)
{

.icon-apple {
   margin-top: -30px;
    margin-left: 250px;
  }

.icon-google {
   margin-top: -25px;
   margin-left: 135px;
  }

.text-center a {
   font-size: 14px;
   cursor: pointer;
   text-decoration: underline;
}

.julia1 h3 {
   font-size: 14px;
   color: #a1a1a1 ;
}

.right {
   float: none;
   margin-right: 4%;
}


.anony {
   font-size: 14px;
   margin-left: -1%;
   color: #696969 ;
}

#bton1 a {
   cursor: default;
   padding: 2%;
   border-radius: 40px;
   color: #322e2f ;
   border: 2px solid #808080 ;
   text-decoration: none;
   font-size: 14px;
   margin-left: 1%;
}

#search_box {
   margin-top: -10%;
}

#submit1 {
   background-color: #322e2f ;
   margin-left: 20%;
   color: white;
   border: 1px solid #bbbbbb ;
   margin-top: 20%;
   text-decoration: none;
   margin-bottom: 70%;
}


#popup-h {
   font-size: 26px !important;
   color: #fd4537 ;
   text-align: center;
   margin-bottom: 15%;
}

#term {
   color: #322e2f ;
   margin-bottom: 25%;
   font-size: 16px;
} 
.share-img ul li {
   margin-left: 5%;
   margin-bottom: 2%;
   margin-right: 5%;
}


.share-img ul {
   margin-top: 25px;
   margin-bottom: 25px;
   list-style-type: none; 
   padding-left: 0%;
}
  

  #bton1 {
   margin-top: 10%;
   margin-bottom: 2%;
}

.edit {
   margin-left: 2%;
   top: 4px;
   color: #808080 ;
}

.bton_group {
   display: inline;
   float: none !important;
   /* margin-top: -4%; */
}


#follow {
   display: -webkit-inline-box;
   margin-bottom: 5%;
   width: 50%;
   margin-top: 10%;
}

#w {
   margin-left: 35%;
   margin-top: -16%;
}    

.pull {
   float: right;
   margin-bottom: 20% !important;
}

#popupContact_span_question {
   margin-left: 0%;
   text-align: center;
   top: 20%;
}
   
.form-group {
  margin-bottom: 18px !important;
}



.share {
   margin-left: 4%;
   color: #808080 ;
}

.edit a {
   color: #808080 ;
   left: 1%;
   font-size: 12px;
   cursor: pointer;
}

.share a {
   color: #808080 ;
   font-size: 12px;
   left: -4px;
   top: -1px;
   /* text-decoration: none; */
}

.share1 {
   margin-left: 3%;
   color: #bbbbbb ;
}

    #h1 {
   margin-left: -20%;
}
    /*------------------------------------------- SIGN IN PAGE ---------------------------------------------- */
#popupContact_edit {
   margin-left: 0%;
   text-align: center;
   top: 20%;
}


.dropdown-menu>li>a {
   color: white !important;  
}

.sign-up img {
   margin-left: 10% !important;
   height: 100px;
   width: 100px;
   margin-top: 2%;
}

.sign img {
   padding-left: 0%;
}

    .sign-in button 
    {
    color: white;
    background-color: #322e2f;
    font-size: 18px;
    font-family: Unna Regular;
    margin-top: 15%;
    margin-left: -90%;
    }
 
.answer_box {
   margin-left: 5% !important;
}

/*#image-user {
   margin-top: 10%;
}*/



#user-edit-form {
   margin-bottom: 100% !important;
}

.questionFlip {
   padding-top: 1.5px;
   margin-bottom: 20%;
}


    #sign-in-logo {
       padding-left: 0%;
    }



.copy {
   color: white;
   padding-bottom: 50%;
    padding-top: 0%; 
   font-size: 18px;
   padding-right: 10%;
}

    .google {
        margin-left: 0 !important;
    }


#p1 {
   font-size: 18px;
   text-align: center;
   color: #322e2f ;
   font-family: Unna Regular;
   padding-top: 0%;
   margin-left: 0%;
}

#p2 {
   font-size: 18px;
   text-align: center;
   color: #322e2f ;
   margin-left: 0;
   margin-bottom: 20%;
}


#pp1 {
   margin-left: 5%;
   color: #bbbbbb ;
}
    
    /*------------------------------------------- SIGN UP PAGE ---------------------------------------------- */

#p3 {
   font-size: 18px;
   text-align: center;
   padding-top: 0;
   color: #322e2f ;
   font-family: Unna Regular;
   margin-bottom: 25%;
   margin-left: 0%;
}
    /*------------------------------------------- QUESTION PAGE ---------------------------------------------- */
.que-btn button {
   float: right;
   padding: 3%;
   font-size: 12px;
   margin-top: 0%;
   color: white;
   background-color: #322e2f ;
}
    
#popupContact {
   margin-left: 0%;
   text-align: center;
   top: 20%;
}

    .width 
    {
    width: 100%;
    }

#bton {
   margin-left: 5%;
   margin-top: 6%;
   margin-bottom: 6%;
}


.checkbox {
   text-align: -webkit-left;
   padding-left: 12% !important;
}
.navbar-nav {
   margin: 0 !important;
}
    

#popupContact_answer_edit {
   margin-left: 0;
   text-align: center;
   top: 20%;
}
 
.flag {
   margin-top: -0.75%;
}

.share_button {
   color: #808080 ;
   margin-left: 1%;
   font-size: 12px;
   top: 3px;
}


.s1 {
   margin-left: 2%;
   color: #808080 ;
   width: 60%;
   top: 5px;
}


.s1 a {
   color: #808080 ;
   top: -3px;
   font-size: 12px !important;
   margin-right: 40%;
   padding-left: 1%;
   text-decoration: none;
}

.vote {
   color: #808080 ;
   top: 3px !important;
   font-size: 12px !important;
   text-decoration: none;
}

.send {
   
   margin-right: 22%;

}

}