@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
/*check box start....*/
.custom-checkbox {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  background: url(../images/check.png) no-repeat;
  cursor: pointer;
  font-size: 13px;
  padding-left: 25px;
  line-height: 21px;
}
.custom-checkbox.selected {
  background: url(../images/check_selected.png) no-repeat;
}
.custom-checkbox input[type="checkbox"] {
  margin: 1px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  _nofocusline: expression(this.hideFocus=true);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
.custom-radio {
  width: 21px;
  height: 21px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  background: url(../images/radio.png) no-repeat;
  cursor: pointer;
  font-size: 13px;
  padding-left: 25px;
  line-height: 21px;
}
.custom-radio.selected {
  background: url(../images/radio_selected.png) no-repeat;
}
.custom-radio input[type="radio"] {
  margin: 1px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  _nofocusline: expression(this.hideFocus=true);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
label.css-label {
  background-image: url(../images/radio1.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*radio button end....*/
input, textarea, select {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  outline: none;
}
input:focus, textarea:focus, select:focus {
  box-shadow: 0 0 4px #f98243;
  border: #f29f91 solid 1px;
}
body {
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  background-color: #f7f7f7;
  font-family: 'Roboto', sans-serif;
	background-image: none;
	font-size: 14px;
}
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #999999;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
::-webkit-scrollbar-thumb:active {
  background: #999999;
}
::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: transparent;
}
::-webkit-scrollbar-track:active {
  background: transparent;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.shadow-top {
  float: left;
  width: 100%;
  height: 84px;
  background-image: url(../images/top.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}
.footer {
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
}
.footer p {
  color: #666666;
}
a {
  text-decoration: none;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  color: inherit;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
  color: #ba47ba;
}
h1 {
  font-size: 50px;
  font-weight: 100;
}
h2 {
  font-size: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #f98243;
}
h3 {
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #3b3b3b;
}
h4 {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  padding-left: 20px;
  padding-right: 20px;
  color: #3b3b3b;
  text-align: center;
}
h5 {
  font-size: 16px;
 font-family: 'Roboto', sans-serif;
  padding-left: 20px;
  padding-right: 20px;
  color: #333;
  text-align: center;
  font-weight: 100;
}
h6 {
  font-size: 17px;
  font-weight: 100;
  padding: 0;
  margin: 0;
}
h7 {
  font-size: 16px;
  font-weight: 100;
  text-align: center;
  color: #5b5b5b;
  line-height: 1.6;
}
p {
  font-size: 13px;
  color: #333;
  line-height: 1.4;
}
img {
  border: 0;
}
.blue_color {
  color: #000;
}
.white_color {
  color: #FFF;
}
.float_right {
  float: right;
}
.orange_color {
  color: #f98243;
}
.gray_color {
  color: #b6b5b5;
}
.remember_box {
  font-size: 12px;
  color: #999;
  float: left;
  height: 30px;
  width: auto;
  padding-top: 5px;
  font-family: 'robotoregular';
  text-align: left;
  box-sizing: border-box;
}
.content_half {
  width: 50%;
  float: left;
  height: auto;
  padding: 20px 0;
}
.bottom_border {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  height: 30px;
  margin-bottom: 20px;
  /*border-bottom: solid 1px #666;*/
  float: left;
}
.border_box {
  float: left;
  width: 100%;
  /*margin-top: 20px;*/
  padding-bottom: 20px;
  height: auto;
  text-align: center;
  background-color: #FFF;
}
.coupen_txt {
  float: left;
  width: 90%;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  margin-left: 5%;
  margin-right: 5%;
  color: #3b3b3b;
  text-align: center;
}
.bill_box {
  width: 320px;
  height: auto;
  margin: auto;
}
.logo_box {
  width: 88px;
  float: left;
  height: 445px;
  background: url(../images/rateurvisit_logo.png) no-repeat bottom right;
  margin-top: 20px;
}
.logo_box_inner {
  width: 88px;
  float: right;
  height: 80px;
  background: url(../images/logo_new.png) no-repeat bottom right;
}
.community_box {
  width: 320px;
  height: auto;
  margin: auto;
}
.circle_box {
    float: left;
    background-color: #333;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #FFF;
    margin-top: 5px;
    padding-top: 0;
}

#amount {
	font-size: 20px;
}
#lnkCookies {
    border: solid 1px #ccc;
    height: 30px;
    float: right;
    line-height: 28px;
    padding: 0 20px;
    border-radius: 3px;
}

#lnkCookies:hover {
	border-color: #ba47ba;
}

.txt_box {
  width: 200px;
  margin-left: 10px;
  min-height: 30px;
  height: auto;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #3b3b3b;
  float: left;
  margin-top: 7px;
}
.progress_txt {
  font-size: 14px;
  color: #555;
  font-family: 'Roboto', sans-serif;
  width: auto;
  float: left;
  padding-bottom: 5px;
}
.txt_box_big {
  width: 280px;
  margin-left: 10px;
  min-height: 30px;
  height: auto;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #3b3b3b;
  float: left;
  margin-top: 7px;
}
.txt_form {
  border: 1px solid #999999;
  border-radius: 5px;
  box-sizing: border-box;
  float: left;
  font-size: 13px;
  height: 30px;
  padding: 5px;
  text-align: left;
  width: 82px;
  color: #333;
}
.mi_check_box {
  margin-top: 2px;
  margin-left: 0;
  float: left;
}
.back_button_main {
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 30px;
  margin-bottom: 20px;
}
.back_button {
  float: left;
}
.back_button a {
  width: 80px;
  height: 31px;
  float: left;
  background-image: url(../images/back_btn.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 20px;
  font-family: 'robotobold';
  font-size: 16px;
  color: #000;
  text-decoration: none;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}
.back_button a:hover {
  color: #f98243;
  text-decoration: none;
}
/* Login page Start*/
.header {
  width: 100%;
  height: auto;
  float: left;
  background-color: #fff;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  padding: 15px 0;
	background-image: none;
}
.logo {
  width: 160px;
  float: left;
	height: auto;
    background-image: none;
	margin-left: 0;
}
.logo-new {
  width: 164px;
  height: 40px;
  float: right;
  margin-top: 22px;
  background-repeat: no-repeat;
  background-image: url(../images/cx-logo.png);
}
.header_txt {
  color: #333333;
  float: right;
  font-size: 12px;
  height: auto;
  padding-top: 10px;
  width: auto;
}
.dark_box {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 20px;
  border-radius: 3px;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  background-color: #fff;
}
.register_txt_head {
  font-size: 40px;
  float: left;
  width: 100%;
  height: auto;
  color: #FFF;
  font-family: 'robotomedium';
  margin-bottom: 10px;
}
.button_login_box_main {
  display: block;
}
.welcome_txt {
  visibility: hidden;
  display: none;
}
.button_login_box {
  width: auto;
  float: left;
  height: auto;
  margin-top: 20px;
}
.button_login_box_right {
  width: auto;
  float: right;
  height: auto;
  margin-top: 20px;
}
.icon_box {
  float: left;
  width: 33px;
  height: 33px;
  margin-right: 15px;
}
.icon_box_txt {
  float: left;
  width: auto;
  height: auto;
  padding-top: 5px;
  margin-right: 15px;
  color: #FFF;
  font-family: 'robotobold';
  font-size: 14px;
  text-transform: uppercase;
}
.button_login {
  float: left;
  width: 120px;
  height: 33px;
  background-color: #f98243;
  border: solid 3px #6cbd44;
  text-align: center;
  font-family: 'robotobold';
  font-size: 12px;
  color: #FFF;
  cursor: pointer;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  padding-top: 5px;
  margin-left: 25px;
  box-shadow: #F90 0 0 5px;
  border-radius: 50px;
}
.button_login:hover {
  background-color: #6cbd44;
  box-shadow: #f98243 0 0 5px;
}
.banner {
  width: 100%;
  float: left;
  height: 500px;
}
.banner_txt {
  position: absolute;
  z-index: 200;
  width: 650px;
  margin-left: 1%;
  float: left;
  height: auto;
  font-family: 'robotomedium';
  font-size: 42px;
  color: #FFF;
  line-height: 1.2;
  margin-top: 70px;
  text-shadow: rgba(0, 0, 0, .5) 1px 1px 2px;
  -webkit-animation: fadeIn 1s ease-in-out both;
  -moz-animation: fadeIn 1s ease-in-out both;
  -o-animation: fadeIn 1s ease-in-out both;
  -ms-animation: fadeIn 1s ease-in-out both;
  animation: fadeIn 1s ease-in-out both;
}
.banner_txt_sub {
  width: 100%;
  margin-top: 20px;
  float: left;
  height: auto;
  font-family: 'robotoregular';
  font-size: 24px;
  color: #FFF;
  line-height: 1.2;
}
.sign_in_mobile {
  margin: auto;
  width: 280px;
  height: auto;
  display: none;
}
.iphone {
  float: right;
  position: relative;
  width: 280px;
  height: auto;
  margin-right: 1%;
}
.content_login_prize {
  width: 100%;
  float: left;
  height: auto;
  text-align: center;
  color: #5b5b5b;
}
.content {
  width: 100%;
  float: left;
  height: auto;
}
.content_txt {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
  height: auto;
}
.btn_box_new {
  height: auto;
  width: auto;
  float: left;
}
.profile_name {
  float: right;
  height: 25px;
  width: auto;
  padding-top: 6px;
  padding-right: 15px;
  color: #FFF;
  font-size: 13px;
  text-decoration: none;
  font-family: 'robotomedium';
}
.profile_picture {
  float: right;
  height: 28px;
  width: 28px;
  border-radius: 100px;
  background-color: #FFF;
  margin-left: 10px;
}
.container {
  width: 1200px;
  height: auto;
  margin: auto;
  float: none;
  max-width: 100%;
  padding: 0 20px;
}
.container-cnt {
  width: 1100px;
  height: auto;
  margin: auto;
  float: none;
}
.heading_text {
  width: 100%;
  float: left;
  height: auto;
  color: #5b5b5b;
  text-align: center;
  margin-bottom: 10px;
}
.latestnews_townsqure {
  width: 100%;
  float: left;
  height: auto;
  color: #666;
  text-align: center;
  font-size: 23px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: 'robotomedium';
}
.heading_townsqure {
  width: 100%;
  float: left;
  height: auto;
  color: #000;
  text-align: center;
  font-size: 27px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: 'robotobold';
}
.heading_text_btn {
  width: 100%;
  float: left;
  height: auto;
  margin-top: 10px;
  margin-bottom: 30px;
}
.box {
  float: left;
  width: 31.33%;
  height: 300px;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 20px;
  background-color: #FFF;
}
.box_landing {
  float: left;
  width: 33.33%;
  height: auto;
}
.box1_txt {
  font-family: 'robotobold';
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #f98243;
  text-align: center;
  float: left;
  width: 300px;
  height: auto;
}
.box2_txt {
  font-family: 'robotobold';
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #f98243;
  text-align: center;
  float: right;
  width: 100%;
  height: auto;
}
.box3_txt {
  font-family: 'robotobold';
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #f98243;
  text-align: center;
  float: right;
  width: 300px;
  height: auto;
}
.box1 {
  float: left;
  width: 300px;
  height: 300px;
  background-color: #FFF;
  text-align: center;
  margin-bottom: 33px;
  border: solid #7b797a 5px;
  border-radius: 200px;
  background-image: url(../images/img_1.jpg);
  background-size: 100% 100%;
  background-position: center;
  transition: all ease-out .3s;
  cursor: pointer;
}
.box1:hover {
  border: solid #6cbd44 5px;
  background-size: 350px 350px;
}
.box2 {
  width: 300px;
  height: 300px;
  background-color: #FFF;
  text-align: center;
  margin-bottom: 33px;
  border: solid #7b797a 5px;
  border-radius: 200px;
  background-image: url(../images/img_2.jpg);
  background-size: 100% 100%;
  background-position: center;
  margin: auto;
  transition: all ease-out .3s;
  cursor: pointer;
}
.box2:hover {
  border: solid #6cbd44 5px;
  background-size: 350px 350px;
}
.box3 {
  float: right;
  width: 300px;
  height: 300px;
  background-color: #FFF;
  text-align: center;
  margin-bottom: 33px;
  border: solid #7b797a 5px;
  border-radius: 200px;
  background-image: url(../images/img_3.jpg);
  background-size: 100% 100%;
  background-position: center;
  transition: all ease-out .3s;
  cursor: pointer;
}
.box3:hover {
  border: solid #6cbd44 5px;
  background-size: 350px 350px;
}
.start_btn {
  background: #ba47ba;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  text-decoration: none;
  width: auto;
  float: left;
  margin-top: 30px;
	margin-right: 10px;
  cursor: pointer;
  transition: all ease-in .3s;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.0);
}
.start_btn:hover {
  background: #fc8230;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.popup_main_box {
  position: absolute;
  z-index: 100;
  top: 50px;
  left: 50%;
  margin-left: -225px;
  width: 450px;
  background-color: #FFF;
  height: auto;
  padding-bottom: 30px;
}
.forgot_password {
  float: right;
  font-size: 12px;
  height: auto;
  color: #f98243;
  width: auto;
  text-decoration: none;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  cursor: pointer;
  text-align: center;
  padding-top: 6px;
}
.forgot_password:hover {
  color: #6cbd44;
}
.close_btn {
  background-color: #099402;
  text-align: center;
  color: #FFF;
  float: right;
  cursor: pointer;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  width: 50px;
  height: 50px;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-position: center
}
.close_btn:hover {
  background-color: #0ab102;
}
.register_form {
  width: 280px;
  height: 34px;
  text-align: left;
  padding-left: 10px;
  font-family: 'Roboto', sans-serif;
  float: left;
  font-size: 13px;
  border: solid 1px #CCC;
  margin-bottom: 5px;
  border-radius: 3px;
  color: #666;
  box-sizing: border-box;
}
.register_form_new {
  width: 140px;
  height: 28px;
  border-radius: 3px;
  font-family: 'Roboto', sans-serif;
  float: left;
  color: #000;
  font-size: 13px;
  color: #5b5b5b;
  margin-left: 5px;
  border: solid 1px #FFF;
  padding: 0 10px;
  box-sizing: border-box;
}
.form_btn {
  width: 280px;
  height: 34px;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 5px;
  float: left;
  background-color: #f98243;
  border-radius: 3px;
  color: #FFF;
  text-align: center;
  padding-top: 10px;
  cursor: pointer;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
}
.form_btn:hover {
  background-color: #666;
}
.form_suggestion {
  float: left;
  height: 100px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #FFF;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #666;
  padding: 10px;
  border: none;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.form_btn_new {
  width: 100%;
  height: 28px;
  font-size: 14px;
  margin-bottom: 5px;
  float: left;
  background-color: #f98243;
  border-radius: 2px;
  color: #FFF;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  font-family: 'robotomedium';
}
.form_btn_new:hover {
  background-color: #5b5b5b;
}
.fb_btn {
  width: 120px;
  height: 29px;
  font-size: 14px;
  margin-bottom: 5px;
  float: left;
  background-color: #3a5795;
  border-radius: 2px;
  color: #FFF;
  padding-left: 15px;
  padding-top: 8px;
  cursor: pointer;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  font-family: 'robotomedium';
  cursor: pointer;
}
.fb_btn:hover {
  background-color: #5b5b5b;
}
.twitter_btn {
  width: 120px;
  height: 29px;
  font-size: 14px;
  margin-bottom: 5px;
  float: left;
  background-color: #55acee;
  border-radius: 2px;
  color: #FFF;
  padding-left: 15px;
  padding-top: 8px;
  cursor: pointer;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  margin-left: 10px;
  font-family: 'robotomedium';
  cursor: pointer;
}
.twitter_btn:hover {
  background-color: #5b5b5b;
}
.form_box {
  width: 280px;
  height: auto;
  margin: auto;
}
.register_box_sub_full {
  width: 280px;
  height: auto;
  padding: 1%;
  float: left;
  color: #f98243;
  font-size: 13px;
}
.profilename {
  font-family: 'robotomedium';
  font-size: 28px;
  color: #FFF;
  font-weight: 100;
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  height: auto;
  text-align: center;
  margin-top: 10px;
}
.full_content_box {
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 20px;
}
.content_login {
  width: 100%;
  float: left;
  background-color: #FFF;
  height: auto;
}
.video_box {
  width: 465px;
  float: right;
  background-color: #000;
  height: 300px;
}
.bottom_box {
  width: 550px;
  float: left;
  height: 300px;
  background: url(../images/text.png) no-repeat top center;
  box-sizing: border-box;
}
.bottom_box_about {
  width: 550px;
  float: left;
  height: auto;
  color: #ec208f;
  font-size: 12px;
  font-family: 'robotoregular';
  text-align: center;
}
/* Login page End*/
/* townsqure page start*/
.profile_img {
  width: 114px;
  height: 114px;
  background-color: #CCC;
  border-radius: 100px;
  margin: auto;
}
.latest_news_box {
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  background-color: #FFF;
  margin-bottom: 20px;
}
.latest_news {
  float: left;
  width: 98%;
  padding-left: 1%;
  padding-right: 1%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.change_picture {
  position: absolute;
  margin-left: 85px;
  text-align: center;
  color: #FFF;
  font-weight: 100;
  padding-top: 4px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background-color: #f98243;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  text-decoration: none;
  box-sizing: border-box;
}
.change_picture:hover {
  background-color: #6cbd44;
  color: #FFF;
}
.right_top_box {
  float: right;
  width: auto;
  height: auto;
  margin-top: 20px;
}
.bell_box {
  margin-right: 15px;
  margin-left: 15px;
  float: left;
  width: 30px;
  height: 30px;
}
.bell {
  float: left;
  height: 30px;
  width: 30px;
  border: solid 2px #FFF;
  text-align: center;
  color: #FFF;
  border-radius: 100px;
  text-align: center;
  padding-top: 1px;
  box-sizing: border-box;
}
.bell_txt {
  position: absolute;
  margin-left: 20px;
  margin-top: -5px;
  height: 19px;
  width: auto;
  min-width: 11px;
  color: #b34837;
  font-size: 12px;
  text-align: center;
  padding-top: 1px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: 'robotomedium';
  background-color: #FFF;
  border-radius: 100px;
}
.logout_button {
  width: 80px;
  height: 31px;
  float: left;
  background-color: transparent;
  text-align: center;
  font-family: 'robotomedium';
  font-size: 13px;
  padding-top: 4px;
  color: #FFF;
  text-decoration: none;
  border: 2px solid transparent;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  cursor: pointer;
  border-radius: 100px;
}
.logout_button:hover {
  color: #f98243;
  text-decoration: none;
  border: 2px solid transparent;
  background-color: #FFF;
}
.banner_townsqure {
  width: 100%;
  float: left;
  height: auto;
  padding-bottom: 5px;
  background-color: #d7d1ca;
}
.poll_img {
  width: 100%;
  float: left;
  height: 156px;
  background-image: url(../images/poll_img.jpg);
  background-size: cover;
}
.box_heading {
  width: 90%;
  float: left;
  min-height: 70px;
  margin-top: 15px;
  height: auto;
  margin-left: 5%;
  margin-right: 5%;
  color: #666;
  font-size: 16px;
  font-family: 'robotomedium';
  text-align: left;
}
.content_txt_poll {
  width: 100%;
  float: left;
  height: auto;
}
.more_button_box {
  width: 190px;
  float: left;
  margin-left: 10%;
  height: auto;
}
.more_button {
  float: left;
  height: 35px;
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 5px;
  margin-bottom: 20px;
}
.more_button a {
  float: left;
  width: 100%;
  height: 35px;
  background-color: transparent;
  text-align: center;
  font-family: 'robotomedium';
  font-size: 17px;
  color: #f98243;
  padding-top: 3px;
  text-decoration: none;
  border: 1px solid #f98243;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 4px;
}
.more_button a:hover {
  color: #FFF;
  text-decoration: none;
  border: 1px solid #f98243;
  background-color: #f98243;
}
.thisislink {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  height: auto;
  font-family: 'robotomedium';
  font-size: 16px;
  color: #f98243;
  margin: auto;
  text-align: center;
}
.content_txt_town {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
  height: auto;
  text-align: left;
  font-family: 'robotomedium';
  font-size: 16px;
  color: #f98243;
}
.content_below {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  height: auto;
  text-align: left;
  float: left;
}
.button {
  color: none;
  cursor: pointer;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}
.button:hover {
  color: #a03a29;
}
.box_img {
  width: 100%;
  float: left;
  height: 310px;
  background-image: url(../images/box_img.jpg);
  background-size: cover;
}
.join_button {
  float: left;
  margin-left: 10%;
  margin-top: 10px;
  height: auto;
  background-color: transparent;
  text-align: center;
  font-family: 'robotomedium';
  font-size: 17px;
  color: #666;
  padding: 8px 20px 10px;
  text-decoration: none;
  border: 1px solid #666;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}
.join_button:hover {
  color: #FFF;
  text-decoration: none;
  border: 1px solid #f98243;
  background-color: #f98243;
}
.box_heading_town {
  width: 85%;
  float: left;
  min-height: 70px;
  margin-top: 15px;
  height: auto;
  margin-left: 10%;
  margin-right: 5%;
  color: #f98243;
  font-size: 23px;
  font-family: 'robotobold';
  text-align: left;
}
.camera_icon {
  float: left;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.profile_box {
  width: 312px;
  height: 216px;
  float: left;
  margin-top: 5px;
  margin-left: 1%;
  background-color: #000;
}
.point_main_box {
  width: 668px;
  height: 216px;
  float: left;
  margin-top: 5px;
  margin-right: 1%;
  background-color: #FFF;
}
.point_main_box_sign_out {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 20px;
  margin-bottom: 40px;
  color: #5b5b5b;
  background-color: #fbfbfb;
}
.point_box {
  width: 188px;
  height: 118px;
  float: left;
  margin-top: 33px;
  padding-top: 40px;
  border-right: solid 1px #CCC;
  background-color: #FFF;
  text-align: center;
  font-size: 16px;
  color: #5b5b5b;
}
.point_txt {
  font-size: 54px;
  color: #f98243;
  font-family: 'robotomedium';
  text-align: center;
  line-height: 1;
  float: left;
  width: 100%;
}
.poin_bar_box {
  float: left;
  width: 475px;
  min-height: 170px;
  height: auto;
  margin-top: 20px;
}
.poin_bar_box_sign_out {
  float: left;
  width: 415px;
  height: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}
.point_box_sign_out {
  border-right: 1px solid #ccc;
  color: #5b5b5b;
  float: left;
  font-size: 16px;
  height: 100px;
  padding-top: 25px;
  text-align: center;
  width: 188px;
}
.social_share_box {
  width: auto;
  height: auto;
  float: right;
  margin-right: 10px;
  margin-bottom: 20px;
}
.social_share_box_sign_out {
  width: auto;
  height: auto;
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
}
.social_share {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 100px;
  border: solid 1px #f98243;
  background-color: transparent;
  text-align: center;
  color: #f98243;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  cursor: pointer;
  padding-top: 3px;
  box-sizing: border-box;
}
.social_share:hover {
  background-color: #f98243;
  color: #FFF;
}
.poin_cnt {
  float: left;
  text-align: center;
  width: 90%;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 5%;
  padding-right: 5%;
  height: auto;
}
.poin_cnt_line {
  float: left;
  text-align: center;
  width: 86%;
  padding-bottom: 5px;
  padding-left: 7%;
  padding-right: 7%;
  height: auto;
}
.point_color {
  color: #f98243;
  font-family: 'robotomedium';
}
.progrees_point {
  width: 100%;
  height: 24px;
  background-color: #dfe0e3;
  border-radius: 50px;
  margin-top: 25px;
  margin: auto;
}
.first_box {
  height: auto;
  width: 20%;
  float: left;
}
.second_box {
  height: auto;
  width: 40%;
  float: left;
}
.third_box {
  height: auto;
  width: 20%;
  float: left;
}
.forth_box {
  height: auto;
  width: 20%;
  float: right;
}
.coin_names {
  height: auto;
  width: auto;
  float: left;
  color: #5b5b5b;
  font-size: 12px;
  text-align: left;
  margin-left: -5px;
}
.coin_names_right {
  height: auto;
  width: 100%;
  float: right;
  color: #5b5b5b;
  font-size: 12px;
  text-align: right;
  margin-right: -5px;
}
.coin_images {
  float: left;
  width: 100%;
  height: 10px;
  border-left: 1px solid #5b5b5b;
}
.coin_images_right {
  float: left;
  width: 100%;
  height: 10px;
  border-right: 1px solid #5b5b5b;
}
.progrees_point_inside {
  float: left;
  width: 30%;
  height: 24px;
  background-color: #f98243;
  border-radius: 50px;
}
.edit_btn {
  float: right;
  margin-right: 20px;
  width: auto;
  height: auto;
  color: #FFF;
  cursor: pointer;
  font-family: 'robotomedium';
  font-size: 13px;
  margin-top: 20px;
}
.edit_btn:hover {
  color: #f98243;
}
.container_townsqure {
  width: 1000px;
  height: auto;
  margin: auto;
  float: none;
}
/* townsqure page end*/
/* Discussion page start*/
.comments_main_box {
  width: 675px;
  float: left;
  height: auto;
  margin-left: 1%;
}
.right_comment_box {
  float: right;
  height: auto;
  width: 100%;
  border: solid 1px #cdcdcd;
  box-sizing: border-box;
  margin-top: 5px;
  background-color: #FFF;
  margin-bottom: 7px;
}
.avatar_box {
  float: left;
  height: 40px;
  width: 40px;
  background-color: #CCC;
  margin: 1%;
}
.comment_name_box {
  float: left;
  height: auto;
  width: 600px;
  background-color: #FFF;
}
.comment_name_box_newstyle {
  float: left;
  height: auto;
  min-height: 32px;
  width: 610px;
  margin-top: 10px;
  background-color: #FFF;
  border: solid 1px #e1e2e3;
}
.form_class {
  background-color: #FFF;
  color: #64656a;
  font-size: 13px;
  min-height: 30px;
  height: auto;
  padding-left: 1%;
  width: 93%;
  height: auto;
  border: none;
}
.form_attach_box {
  float: right;
  height: 22px;
  width: 367px;
  margin-right: 10px;
  margin-bottom: 15px;
}
.post_btn {
  float: right;
  height: 22px;
  width: 90px;
  margin-right: 5px;
}
.post_btn a {
  color: #415464;
  text-decoration: none;
  float: right;
  height: 22px;
  width: 90px;
  background-color: #FFF;
  font-size: 14px;
  text-align: center;
  padding-top: 3px;
  text-decoration: none;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}
.post_btn a:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #f98243;
}
.btn_new {
  width: 150px;
  height: 35px;
  padding-top: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #FFF;
  background-color: #c7161e;
  text-align: center;
  transition: all ease-in .3s;
  cursor: pointer;
  margin: auto;
  border-radius: 3px;
}
.btn_new:hover {
  background-color: #3b3b3b;
}
.btn_new_color {
  width: 150px;
  height: 35px;
  padding-top: 10px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #FFF;
  background-color: #3b3b3b;
  text-align: center;
  transition: all ease-in .3s;
  cursor: pointer;
  margin: auto;
  border-radius: 3px;
}
.btn_new_color:hover {
  background-color: #c7161e;
}
.attach_btn {
  float: right;
  height: 16px;
  width: 16px;
  margin-top: 10px;
  margin-right: 5px;
}
.attach_btn_new {
  float: right;
  height: 18px;
  width: 18px;
  margin-right: 5px;
  margin-top: 6px;
}
.reply_mainbox_small {
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  margin-top: 10px;
}
.reply_mainbox_small_new {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.reply_replybtns {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  height: 25px;
  font-size: 12px;
  color: #f98243;
  border-bottom: solid 1px #e1e2e3;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  cursor: pointer;
}
.reply_replybtns:hover {
  color: #999;
}
.comment_name {
  float: left;
  min-height: 20px;
  height: auto;
  width: 80%;
  color: #f98243;
  font-size: 14px;
  margin-top: 10px;
}
.comment_name_txt {
  float: left;
  width: auto;
  padding-right: 10px;
}
.comment_name_small {
  float: left;
  min-height: 20px;
  height: auto;
  width: 100%;
  color: #f98243;
  font-size: 13px;
}
.comment_name_moderator {
  float: left;
  height: 15px;
  width: 85%;
  margin-left: 10px;
  color: #f98243;
  font-size: 14px;
}
.datecolor {
  color: #bcbec9;
  font-size: 14px;
  float: left;
  width: 70%;
  height: auto;
}
.datecolor_small {
  color: #999;
  font-size: 13px;
}
.datecolor_chat {
  color: #f98243;
  font-size: 12px;
}
.comment {
  float: left;
  height: auto;
  width: 98%;
  margin-left: 1%;
  color: #64656a;
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.comment_img {
  float: left;
  height: auto;
  width: 98%;
  margin-left: 1%;
  margin-bottom: 10px;
}
.comment_moderator {
  float: left;
  height: auto;
  width: 85%;
  margin-left: 10px;
  color: #64656a;
  font-size: 13px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.reply {
  float: left;
  height: auto;
  width: 92%;
  margin-left: 2%;
  color: #f98243;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 2%;
  border-radius: 3px;
  color: #64656a;
  background-color: #415464;
}
.reply_other {
  float: left;
  height: auto;
  width: 98%;
  color: #f98243;
  font-size: 13px;
  background-color: #f6f7f8;
  padding: 1%;
}
.discussion_rightbox {
  float: right;
  width: 290px;
  height: auto;
  margin-top: 5px;
  margin-right: 1%;
}
.reply_avatar {
  float: left;
  height: 32px;
  width: 32px;
  background-color: #ccc;
}
.form_reply_main_box {
  float: right;
  height: 20px;
  width: 100%;
  margin-top: 10px;
}
.reply_reply_box {
  float: left;
  margin-top: 5px;
  width: 100%;
}
.post_btnreply {
  float: right;
}
.post_btnreply a {
  float: right;
  background-color: #FFF;
  color: #415464;
  width: 50px;
  font-size: 13px;
  text-align: center;
  padding-bottom: 1px;
  height: auto;
  text-decoration: none;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
  text-decoration: none;
}
.post_btnreply a:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #f98243;
}
.reply_form_class {
  color: #64656a;
  border: none;
  width: 90%;
  min-height: 20px;
  height: auto;
  padding: 1%;
}
.reply_form_box {
  float: left;
  height: auto;
  width: 615px;
  margin-left: 10px;
  height: auto;
  font-size: 13px;
  color: #64656a;
  padding-bottom: 5px;
}
.reply_form_box_new {
  float: left;
  height: auto;
  width: 613px;
  margin-left: 10px;
  border: solid 1px #cdcdcd;
  background-color: #FFF;
  height: auto;
  font-size: 13px;
  color: #64656a;
}
.reply_form_box_small {
  float: left;
  height: auto;
  width: 573px;
  margin-left: 10px;
  height: auto;
  font-size: 13px;
  color: #64656a;
}
.reply_form_box_small_new {
  float: left;
  height: auto;
  width: 570px;
  min-height: 29px;
  margin-left: 10px;
  height: auto;
  font-size: 13px;
  color: #64656a;
  background-color: #FFF;
  border: solid 1px #cdcdcd;
}
.reply_main_box {
  float: left;
  height: 24px;
  width: 98%;
  margin-bottom: 10px;
  margin-left: 1%;
}
.like_box {
  float: left;
  height: 23px;
  width: 23px;
  margin-right: 10px;
  color: #999;
  font-size: 12px;
}
/* Discussion page end*/
/*take a shorty..start*/
.container_survey {
  width: 1000px;
  height: auto;
  margin: auto;
  float: none;
}
.take_ashorty_main_box {
  float: left;
  width: 88%;
  height: auto;
  margin-left: 1%;
  margin-right: 1%;
  padding: 5%;
  background-color: #FFF;
  border-bottom: 1px solid #CCC;
}
.take_ashorty_main_box_new {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 20px;
  border-radius: 10px;
  padding: 5%;
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #f0f0f0;
}
.take_ashorty_question_box {
  float: left;
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #555;
  margin-bottom: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.seal {
  float: left;
  width: 100px;
  height: auto;
  margin-top: 30px;
}
.survey_heading_txt {
  float: left;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-family: 'robotobold';
  color: #00000;
  font-weight: 100;
}
.progress_box {
  float: left;
  width: 300px;
  height: auto;
}
.question_number {
  float: right;
  width: auto;
  height: auto;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #3b3b3b;
  padding-left: 10px;
}
.progrees_survey {
  float: left;
  width: 100%;
  height: 15px;
  background-color: #666;
  border-radius: 20px;
}
.progrees_survey_inside {
  float: left;
  width: 25%;
  height: 15px;
  background-color: #f98243;
  border-radius: 20px;
}
.example {
  width: 100%;
  height: auto;
  padding: 20px;
}
.radio_txt_new {
  margin-top: 10px;
  width: auto;
  padding-right: 20px;
  height: auto;
  float: left;
  color: #333;
  font-size: 13px;
}
.radio_txt {
  margin-top: 10px;
  width: 100%;
  height: auto;
  float: left;
  color: #333;
  font-size: 16px;
}
.examble {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px;
}
.examble-new {
  float: left;
  width: 100%;
  height: auto;
  padding: 20px;
}
.video_comment_box {
  float: left;
  height: 100px;
  width: 100%;
}
.next_btn {
  float: right;
  width: 209px;
  height: 35px;
  margin-top: 40px;
  background-color: #6cbd44;
  color: #FFF;
  font-family: robotomedium;
  font-size: 16px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  padding-top: 7px;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}
.next_btn:hover {
  background-color: #64656a;
  color: #FFF;
}
.video_comment {
  float: left;
  min-height: 100px;
  height: auto;
  width: 50%;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-top: 20px;
  background-color: #FFF;
  color: #333;
  padding: 10px;
  border: 0;
  border: 1px solid #d7d9da;
  box-sizing: border-box;
}
.space {
  float: left;
  width: 100%;
  height: 20px;
}
.headingsurveydiv {
  float: left;
  height: auto;
  width: 100%;
	margin-bottom: 20px;
}
.survey_heading_text {
  color: #ffffff;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    padding: 10px 20px;
    border-bottom: solid 1px #eee;
    font-weight: 700;
    width: 100%;
    height: auto;
    background: #ba47ba;
    margin-top: 0;
    margin-left: 0;
    background-image: none;
}
.survey_question_number_main {
  background-image: url(../images/questionimg.png);
  background-repeat: no-repeat;
  float: right;
  height: 97px;
  width: 97px;
}
.question_numbers {
  color: #f98243;
  float: left;
  font-family: robotobold;
  font-size: 14px;
  height: 34px;
  margin-top: 35px;
  padding-top: 8px;
  text-align: center;
  width: 45px;
}
/*take a shorty..End*/
/*edit_profile..Start*/
.edit_profile_heading {
  float: left;
  width: auto;
  height: 25px;
  margin-left: 20px;
  margin-top: 18px;
  font-family: 'robotobold';
  font-weight: 100;
  font-size: 20px;
  color: #f98243;
  margin-bottom: 20px;
}
.edit_profilename {
  font-family: 'robotomedium';
  font-size: 18px;
  color: #000;
  font-weight: 100;
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  height: auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.edit_box {
  background-color: #fafafb;
  width: 90%;
  height: auto;
  padding: 5%;
  float: left;
}
.edit_profile_div_box {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  margin-top: 10px;
}
.edit_profile_div {
  margin-left: 2%;
  margin-right: 2%;
  width: 29.33%;
  height: auto;
  float: left;
  color: #5e6893;
  text-align: center;
}
.edit_profile_form {
  width: 199px;
  height: 34px;
  text-align: center;
  font-family: 'robotoregular';
  float: left;
  color: #666;
  font-size: 15px;
  border: solid 1px #CCC;
  margin-bottom: 12px;
  border-radius: 2px;
  background-color: transparent;
  text-align: left;
  padding-left: 10px;
}
.edit_profile_txt {
  padding-bottom: 5px;
  float: left;
  width: 100%;
  height: auto;
}
.change_password_txt {
  padding-bottom: 20px;
  float: left;
  width: 100%;
  height: auto;
  font-size: 20px;
  font-family: 'robotomedium';
  color: #f98243;
}
.upload_btn_box {
  margin: auto;
  width: 166px;
  height: auto;
}
.avatar_box_single {
  height: 170px;
  width: 31.33%;
  margin: 1%;
  float: left;
  background-color: #FFF;
  cursor: pointer;
}
.avatar_box_single:hover {
  background-color: #f2f2f2;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}
.avatar_box_selected {
  height: 170px;
  width: 31.33%;
  margin: 1%;
  float: left;
  background-color: #FFF;
  border: 5px solid #eb6750;
  box-sizing: border-box;
}
.avatar_box_new {
  background-color: #f2f2f2;
  border-bottom: 10px solid #f2f2f2;
  border-top: 10px solid #f2f2f2;
  width: 98%;
  height: auto;
  padding-left: 1%;
  padding-right: 1%;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
}
.townsqure_blan /*edit_profile..Start*/
.edit_profile_heading {
  float: left;
  width: auto;
  height: 25px;
  margin-left: 20px;
  margin-top: 18px;
  font-family: 'robotobold';
  font-weight: 100;
  font-size: 20px;
  color: #000;
  margin-bottom: 20px;
}
.edit_profilename {
  font-family: 'robotomedium';
  font-size: 18px;
  color: #000;
  font-weight: 100;
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  height: auto;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.edit_box {
  background-color: #fafafb;
  width: 90%;
  height: auto;
  padding: 5%;
  float: left;
}
.edit_profile_div_box {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 40px;
  margin-top: 10px;
}
.edit_profile_div {
  margin-left: 2%;
  margin-right: 2%;
  width: 29.33%;
  height: auto;
  float: left;
  text-align: center;
}
.edit_profile_form {
  width: 199px;
  height: 34px;
  text-align: center;
  font-family: 'robotoregular';
  float: left;
  color: #666;
  font-size: 15px;
  border: solid 1px #CCC;
  margin-bottom: 12px;
  border-radius: 2px;
  background-color: transparent;
  text-align: left;
  padding-left: 10px;
}
.edit_profile_txt {
  padding-bottom: 5px;
  float: left;
  width: 100%;
  height: auto;
}
.change_password_txt {
  padding-bottom: 20px;
  float: left;
  width: 100%;
  height: auto;
  font-size: 20px;
  font-family: 'robotomedium';
  color: #f98243;
}
.avatar_box_single {
  height: 170px;
  width: 31.33%;
  margin: 1%;
  float: left;
  background-color: #FFF;
  background-image: url(../images/ic.svg);
  background-size: cover;
}
.avatar_box_new {
  background-color: #f2f2f2;
  border-bottom: 10px solid #f2f2f2;
  border-top: 10px solid #f2f2f2;
  width: 98%;
  height: auto;
  padding-left: 1%;
  padding-right: 1%;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
}
.townsqure_blank_box {
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  background-color: #FFF;
  text-align: center;
  color: #000;
  margin-top: 22px;
  margin-bottom: 400px;
}
.townsqure_blank_box_txt {
  float: left;
  width: 90%;
  text-align: center;
  color: #999;
  margin-bottom: 50px;
  font-size: 24px;
  padding-left: 5%;
}
k_box {
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
  background-color: #FFF;
  text-align: center;
  color: #000;
  margin-top: 22px;
}
/*edit_profile..End*/
/*notofication..start*/
.notificationpopup_box {
  height: auto;
  width: 400px;
  position: absolute;
  right: 50%;
  top: 41px;
  z-index: 200;
  margin-right: -382px;
}
.notification_content {
  float: left;
  height: auto;
  width: 100%;
  border-bottom: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
  background-color: #FFF;
}
.notification_content_txt {
  float: left;
  height: auto;
  width: 94%;
  padding: 3%;
}
.notification_content_txt a {
  float: left;
  height: auto;
  width: 100%;
  text-decoration: none;
  font-size: 13px;
  color: #5b5b5b;
  font-family: 'robotoregular';
}
.notification_content_txt a:hover {
  color: #f98243;
}
.notificationcheckbox {
  width: auto;
  height: auto;
  float: right;
}
.top_arrow {
  height: auto;
  width: auto;
  color: #FFF;
  float: right;
  margin-right: 5%;
  height: 25px;
}
.bottom_arrow_question {
  height: 17px;
  width: 20px;
  position: absolute;
  margin-left: 135px;
  margin-top: 10px;
}
.bottom_arrow {
  height: 17px;
  width: 20px;
  background-image: url(../images/bottom_arrow.png);
  position: relative;
  left: 40px;
  bottom: -13px;
}
.notification_heading {
  font-size: 14px;
  color: #f98243;
  font-family: 'robotoregular';
  width: 100%;
  height: auto;
}
.newall_btn {
  float: left;
  width: 100%;
  height: 30px;
  text-align: center;
  padding-top: 12px;
  background-color: #FFF;
  cursor: pointer;
  color: #f98243;
  font-family: 'robotomedium';
  font-size: 14px;
  border-bottom: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  border-left: solid 1px #e0e0e0;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
}
.newall_btn:hover {
  color: #5b5b5b;
}
/*notofication..End*/
/*signout box..Start*/
.signout_heading {
  width: 183px;
  margin: auto;
  border-bottom: solid 3px #f98243;
  text-align: center;
  padding-bottom: 8px;
  color: #000;
  font-family: 'robotobold';
  font-size: 36px;
  margin-top: 80px;
}
.signout_cnt {
  float: left;
  width: 80%;
  margin: 40px 10%;
  text-align: center;
}
.signout_cnt_sign_out {
  float: left;
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 20px;
  color: #5b5b5b;
  text-align: center;
}
.signout_btn_box {
  width: 370px;
  margin: auto;
  height: auto;
  margin-top: 20px;
}
.signout_btn_div {
  float: left;
  width: 166px;
  text-align: center;
  border-radius: 2px;
  background-color: #f98243;
  height: 28px;
  color: #FFF;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 20px;
  padding-top: 4px;
  border: solid 2px #f98243;
  cursor: pointer;
  text-decoration: none;
  transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -webkit-transition: all .5s;
}
.signout_btn_div:hover {
  background-color: transparent;
  color: #f98243;
}
.coupen_image_box {
  /*background: url(../images/coupen.jpg) top left no-repeat;*/
  width: 100%;
  float: left;
  height: auto;
  border: 2px dashed #f98243;
  box-sizing: border-box;
  margin-top: 10px;
}
.coupen_image {
  /*background: url(../images/coupen.jpg) top left no-repeat;*/
  height: auto;
  width: 100%;
  position: relative;
  margin-top: 10px;
}
.voucher_txt_main_box {
 float: left;
    /* width: 200px; */
    height: auto;
    /* margin-left: 2.8%; */
    /* top: 100%; */
    /* position: absolute; */
    background-color: #099402;
    /* margin-top: 160px; */
    box-sizing: border-box;
    /* border-radius: 5px; */
    padding-bottom: 15px;
    padding-top: 15px;
}
.voucher_heading_txt {
  float: left;
  width: 100%;
  height: auto;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
	margin-bottom: 10px;
}
.voucher_txt {
 float: left;
    width: 100%;
    height: auto;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    padding-top: 3px;
}
.voucher_txt_box {
 margin: auto;
    width: 200px;
    height: 42px;
    border-radius: 50px;
    border: solid #fff 2px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    text-align: center;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    /* padding-top: 2px; */
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    background-color: #FFF;
}
.email_box {
  float: left;
  width: 90%;
  height: 60px;
  text-align: left;
  margin-left: 4%;
}
.email_txt {
  font-size: 12px;
  float: left;
  width: 100%;
  height: auto;
  padding-bottom: 5px;
  color: #333;
}
.email_form {
  float: left;
  width: 50%;
  height: 25px;
  padding: 5px;
  border: solid #999 1px;
  background-color: #FFF;
  box-sizing: border-box;
  font-size: 12px;
  color: #333;
}
.send_btn {
  width: auto;
  height: 25px;
  float: left;
  background-color: #f98243;
  text-align: center;
  padding-top: 5px;
  color: #FFF;
  transition: all .5s;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  cursor: pointer;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  border-radius: 2px;
  box-sizing: border-box;
}
.send_btn:hover {
  background-color: #666;
}
/*signout box..End*/
.appstore_icn {
  float: right;
  width: auto;
  height: auto;
  margin-left: 40%;
  margin-top: 35px;
}
.appstore_btn {
  float: right;
  width: 92px;
  height: 30px;
  margin-left: 10px;
}