@font-face {
    font-family: "sans";
    src: url(../fonts/IRANSansWeb.eot);
    src: url(../fonts/IRANSansWeb.eot) format("embedded-opentype"), url(../fonts/IRANSansWeb.ttf) format("truetype"),
      url(../fonts/IRANSansWeb.woff) format("woff"), url(../fonts/IRANSansWeb.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
  }
  body {
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    font-size: 12px;
    font-family: sans;
    padding-top: 100px;
  }
  body.no_scroll {
    overflow: hidden;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
  }
  ul,
  ol {
    margin: 0;
    padding: 0;
  }
  ul li,
  ol li {
    list-style-type: none;
  }
  a {
    text-decoration: none;
    outline: none;
    color: #232323;
  }
  a:hover,
  a:focus,
  a:active {
    text-decoration: none;
    outline: none;
    color: #333;
  }
  *:focus {
    outline: unset;
  }
  img {
    max-width: 100%;
  }
  .form-control {
    height: 35px;
    padding: 0 10px;
    line-height: 33px;
    border-color: #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s;
  }
  .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #666;
  }
  textarea.form-control {
    max-width: 100%;
    min-width: 100%;
  }
  .form-group {
    position: relative;
  }
  .form-group-last
  {
    margin-bottom: 0;
  }
  .form-group .help-block.with-errors {
    position: absolute;
    left: 15px;
    top: 100%;
    margin: 5px 0 0;
    padding: 0 10px;
    background: #fff;
    font-size: 11px;
    color: #a94442;
    z-index: 9999;
    line-height: 30px;
    border: 1px solid #ddd;
    display: none;
  }
  .form-group.has-error .help-block.with-errors,
  .form-group.has-danger .help-block.with-errors {
    display: block;
    z-index: 55;
  }
  .form-group .help-block.with-errors ul li {
    margin: 0;
  }
  .form-group.has-error .help-block.with-errors::before,
  .form-group.has-danger .help-block.with-errors::before {
    content: "";
    position: absolute;
    right: 8px;
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ddd;
    z-index: 1;
  }
  .form-group.has-error .help-block.with-errors::after,
  .form-group.has-danger .help-block.with-errors::after {
    content: "";
    position: absolute;
    right: 10px;
    top: -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #fff;
    z-index: 2;
  }
  .bootstrap-select .dropdown-toggle:focus {
    outline: unset !important;
    outline-offset: unset !important;
  }
  .dropdown-menu {
    border-radius: 0;
    padding: 0;
    margin: 0;
  }
  .btn {
    padding: 0 10px;
    line-height: 33px;
    border-radius: 0;
  }
  .btn-full {
    width: 100%;
  }
  .tooltip,
  .popover {
    font-family: sans;
  }
  .popover {
    box-shadow: none;
    border-radius: 0;
    text-align: center;
  }
  .popover-title {
    font-size: 12px;
    border-radius: 0;
  }
  .popover-content {
    font-size: 12px;
  }
  
  .modal-content {
    border-radius: 0;
  }
  header {
    border-bottom: 2px solid #8dc63f;
    background: #fff;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 999;
  }
  header .logo {
    width: 180px;
    float: right;
  }
  header .logo a {
    display: block;
    line-height: 88px;
  }
  
  header .header_selectbox {
    float: right;
    width: calc(100% - 195px);
    padding: 24px 0;
    margin-right: 15px;
    font-family: sans;
  }
  header .header_selectbox > .btn-group {
    display: block;
  }
  header .header_selectbox > .btn-group > button.btn {
    display: block;
    width: 100%;
    float: none;
    text-align: right;
    border-color: #8dc63f;
  }
  header .header_selectbox > .btn-group > button.btn:before {
    content: attr(data-value);
  }
  header .header_selectbox > .btn-group > button.btn:after {
    position: absolute;
    content: "\f107";
    left: 12px;
    top: 0;
    line-height: 33px;
    font-family: fontawesome;
  }
  header .header_selectbox .dropdown-menu {
    top: 100%;
    left: 0;
    right: 0;
    max-height: 250px;
    overflow-y: auto;
  }
  header .header_selectbox .dropdown-menu ul > li {
    line-height: 35px;
    cursor: pointer;
    padding: 0 15px;
  }
  header .header_selectbox .dropdown-menu-search {
    padding: 5px;
  }
  header .header_selectbox .dropdown-menu-search-result {
    display: none;
  }
  header .header_selectbox .dropdown-menu-header:after {
    content: "";
    display: table;
    clear: both;
  }
  header .header_selectbox .dropdown-menu-header {
    border-bottom: 1px solid #ddd;
    display: none;
  }
  header .header_selectbox .dropdown-menu-header li {
    line-height: 35px;
    padding: 0 10px;
  }
  header .header_selectbox .dropdown-menu-header li i {
    float: right;
    line-height: 35px;
    margin-left: 5px;
  }
  header .header_selectbox .dropdown-menu-header li:hover {
    background: #eee;
    cursor: pointer;
  }
  header .header_selectbox .dropdown-menu ul > li:hover {
    background: #eee;
  }
  header .header_selectbox .dropdown-menu ul > li[data-state] {
    position: relative;
  }
  header .header_selectbox .dropdown-menu ul > li[data-state]:after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    left: 12px;
    top: 0;
    line-height: 35px;
    font-size: 15px;
  }
  header .header_selectbox .dropdown-menu ul > li[data-city] {
    position: relative;
  }
  header nav#main_menu {
    float: left;
    padding: 24px 0;
  }
  header nav#main_menu ul:after {
    content: "";
    display: table;
    clear: both;
  }
  header nav#main_menu ul li {
    float: right;
  }
  header nav#main_menu ul li a {
    font-size: 14px;
    padding: 0 10px;
    line-height: 40px;
    display: block;
  }
  header nav#main_menu ul li:hover a {
    color: #f40070;
  }
  header nav#main_menu ul li a i {
    float: right;
    line-height: 40px;
    margin-left: 10px;
  }
  header .btn_style {
    float: left;
    padding: 24px 0;
  }
  header .btn_style a {
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    background: #f40070;
    border-radius: 5px 0 5px 5px;
    padding: 0 35px;
    display: block;
    text-align: center;
  }
  header .btn_style a i {
    float: right;
    line-height: 40px;
    margin-left: 10px;
  }
  header .btn_style:hover a {
    background: #cb005d;
  }
  #close_filter,
  #close_search {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    display: none;
  }
  #close_filter i,
  #close_search i {
    font-size: 20px;
    display: block;
    line-height: inherit;
  }
  #search_map_toggle {
    line-height: 35px;
    display: none;
    background-color: #8dc63f;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
    margin-bottom: 2px;
  }
  #search_map {
    background-color: #f4f4f4;
  }
  #search_map .search_form {
    padding: 20px 0 9px;
    margin: 0 -6px;
    float: right;
    width: calc(100% - 370px);
  }
  #search_map .search_form:after {
    content: "";
    display: table;
    clear: both;
  }
  #search_map .search_form .form_field {
    float: right;
    width: 33.333333%;
    padding: 0 6px;
    margin-bottom: 12px;
  }
  #search_map .search_form .form_field .form-control {
    height: 45px;
    line-height: 43px;
  }
  #search_map .search_form .form_field .btn {
    line-height: 43px;
  }
  #search_map .search_form .form_field_half {
    width: 16.666666%;
  }
  #search_map .search_form .form_field_duble {
    width: 50%;
  }
  #search_map .search_form .form_field_radio {
    position: relative;
  }
  #search_map .search_form .form_field_radio:after {
    display: table;
    content: "";
    clear: both;
  }
  #search_map .search_form .form_field_radio .btn-default {
    border-left: none;
  }
  #search_map .search_form .form_field_radio .bootstrap-select {
    float: right;
    width: calc(100% - 30px);
  }
  #search_map .search_form .form_field_radio .form_radio {
    float: right;
    width: 30px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
  }
  #search_map .search_form .form_field_radio .form_radio label {
    line-height: 21px;
    margin: 0;
    font-family: sans;
    display: block;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    background-color: #d2d2d2;
    color: #fff;
    cursor: pointer;
  }
  #search_map .search_form .form_field_radio .form_radio input[type="radio"] {
    display: none;
  }
  #search_map .search_form .form_field_radio .form_radio input[type="radio"]:checked + label {
    background-color: #f40070;
    line-height: 22px;
  }
  #search_map .search_form button.btn.search_btn {
    width: 100%;
    background-color: #f40070;
    color: #fff;
    font-size: 16px;
  }
  #search_map .search_form button.btn.search_btn:hover {
    background-color: #cb005d;
  }
  #search_map .search_form .btn-default {
    border-color: #ccc;
  }
  #search_map .search_form .btn-default:hover {
    background-color: #eee;
  }
  #search_map .search_form .bootstrap-select {
    font-family: sans;
  }
  #search_map #search_gmap {
    height: 200px;
    width: 370px;
    margin-right: 12px;
    float: right;
  }
  
  #search_select_multiple.btn-group {
    display: block;
  }
  #search_select_multiple.btn-group > button.btn {
    display: block;
    width: 100%;
    float: none;
    text-align: right;
  }
  #search_select_multiple.btn-group > button.btn:before {
    content: attr(data-value);
  }
  #search_select_multiple.btn-group > button.btn:after {
    position: absolute;
    content: "\f107";
    left: 12px;
    top: 0;
    line-height: inherit;
    color: #999;
    font-family: fontawesome;
  }
  #search_select_multiple .dropdown-menu {
    top: 100%;
    left: 0;
    right: 0;
  }
  #search_select_multiple .dropdown-menu ul > li {
    line-height: 35px;
    cursor: pointer;
    padding: 0 15px;
  }
  #search_select_multiple .dropdown-menu-header:after {
    content: "";
    display: table;
    clear: both;
  }
  #search_select_multiple .dropdown-menu-header {
    border-bottom: 1px solid #ddd;
    display: none;
  }
  #search_select_multiple .dropdown-menu-header li {
    line-height: 35px;
    padding: 0 10px;
  }
  #search_select_multiple .dropdown-menu-header li i {
    float: right;
    line-height: 35px;
    margin-left: 5px;
  }
  #search_select_multiple .dropdown-menu-header li:hover {
    background: #eee;
    cursor: pointer;
  }
  #search_select_multiple .dropdown-menu ul > li:hover {
    background: #eee;
  }
  #search_select_multiple .dropdown-menu ul > li[data-state] {
    position: relative;
  }
  #search_select_multiple .dropdown-menu ul > li[data-state]:after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    left: 12px;
    top: 0;
    line-height: 35px;
    font-size: 15px;
  }
  #search_select_multiple .dropdown-menu ul > li[data-city] {
    position: relative;
  }
  #multi-cities {
    max-height: 185px;
    overflow-y: scroll;
  }
  
  #content {
    padding-bottom: 40px;
    margin-bottom: 40px;
    /*border-bottom: 2px solid #8dc63f;*/
  }
  #content .right_sidebar {
    float: right;
    width: 145px;
    margin-left: 10px;
    padding-top: 15px;
  }
  #content .right_sidebar:after {
    content: "";
    display: table;
    clear: both;
  }
  #content .main_content {
    float: right;
    width: calc(100% - 155px);
    padding-top: 15px;
  }
  #content .main_content .main_tab_content {
    display: none;
  }
  #content .main_content .main_tab_content.current {
    display: block;
  }
  #content .main_content:after {
    content: "";
    display: table;
    clear: both;
  }
  #content .ads_header {
    padding-bottom: 15px;
  }
  #content .ads_header:after {
    content: "";
    display: table;
    clear: both;
  }
  #content .ads_header h1 {
    float: right;
    font-weight: normal;
    font-size: 17px;
    line-height: 30px;
  }
  #content .ads_header .title {
    background: #b7b7b7;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
  }
  #content .ads_header:after,
  #content .ads_list_row:after {
    content: "";
    display: table;
    clear: both;
  }
  #content .ads_count {
    background-color: #8dc63f;
  }
  #content .ads_count:after {
    content: "";
    display: table;
    clear: both;
  }
  
  #content .ads_count > span {
    float: left;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    padding: 0 0 0 4px;
  }
  #adscounter {
    width: 102px;
    height: 30px;
    float: right;
  }
  
  #adscounter div {
    float: left;
    overflow: hidden;
    width: 17px;
    height: 100%;
    border-left: solid 2px white;
    position: relative;
    background-image: url(../images/digit_amlak.png);
    background-position: 0 0;
    background-size: cover;
    transition: 1.5s ease-in-out;
  }
  #adscounter div:last-child {
    background-image: url(../images/digit_amlak_shadow.png);
  }
  #adscounter div img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 17px;
    height: auto;
    transition: 0.5s;
  }
  .view_change {
    float: left;
  }
  .view_change ul:after,
  #view_tab ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .view_change ul li {
    float: right;
    margin-left: 15px;
  }
  .view_change ul li:last-child {
    margin-left: 0;
  }
  .view_change ul li a {
    display: block;
    line-height: 30px;
    font-size: 18px;
    color: #c9c9c9;
  }
  .view_change ul li a i {
    line-height: 30px;
    display: block;
  }
  .view_change ul li.active a {
    color: #f40070;
  }
  .view_ads {
    float: left;
    width: calc(100% - 105px);
  }
  .view_ads ul li {
    float: left;
    margin-right: 5px;
  }
  .view_ads ul li:last-child {
    margin-right: 0;
  }
  .view_ads ul li a {
    line-height: 30px;
    padding: 0 5px;
  }
  .view_ads ul li a:after {
    content: "\f279";
    font-family: material-design;
    line-height: 30px;
    float: left;
    font-size: 20px;
    color: #f40070;
  }
  .view_ads ul li.current a:after,
  .view_ads ul li.active a:after {
    content: "\f26a";
  }
  .pagination_wrapper {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .pagination_wrapper ul {
    display: inline-block;
  }
  .pagination_wrapper ul li {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .pagination_wrapper ul li:last-child {
    margin-left: 0;
  }
  .pagination_wrapper ul li a,
  .pagination_wrapper ul li span {
    display: block;
    /* line-height: 36px; */
    min-width: 36px;
    text-align: center;
    color: #232323;
    font-size: 15px;
    font-weight: normal;
    background-color: #f4f4f4;
    padding: 6px 0;
    border: solid 1px #e2e2e2;
  }
  .pagination_wrapper ul li.active a,
  .pagination_wrapper ul li.active span {
    color: #fff;
    background-color: #f40070;
    border: solid 1px #f40070;
  }
  #profile_tab:after {
    content: "";
    display: table;
    clear: both;
  }
  #profile_tab {
    margin: 0 -3px;
  }
  #profile_tab ul {
    display: flex;
  }
  #profile_tab ul li {
    flex: 0 1 calc(100% - 6px);
    line-height: 30px;
    padding: 0 3px;
    background: #b7b7b7;
    color: #fff;
    margin: 0 3px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
  }
  #profile_tab ul li.current {
    background: #8dc63f;
  }
  
  #profile_tab ul li .trans_badge {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 2px;
  }
  #profile_tab ul li .trans_badge i {
    line-height: 15px;
    display: block;
  }
  
  .sidebar_row {
    margin-bottom: 25px;
  }
  .sidebar_row ul {
    display: none;
  }
  .sidebar_row ul.opened {
    display: block;
  }
  .sidebar_row ul li a {
    line-height: 28px;
    color: #222;
  }
  .sidebar_row a:hover {
    color: #8dc63f;
  }
  .sidebar_row .sidebar_row_title {
    border-bottom: 1px solid #8dc63f;
  }
  .sidebar_row .sidebar_row_title h3 {
    line-height: 25px;
    font-size: 16px;
    position: relative;
    cursor: pointer;
  }
  .sidebar_row .sidebar_row_title h3:after {
    position: absolute;
    left: 10px;
    top: 0;
    line-height: 25px;
    color: #444;
    content: "\f107";
    font-family: fontawesome;
  }
  .filter_toggle > h3 {
    display: block;
    line-height: 17px;
    background-color: #8dc63f;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
    margin-bottom: 2px;
  }
  #filtered_item ul {
    display: block;
  }
  #filtered_item ul li {
    margin-bottom: 2px;
  }
  #filtered_item ul li a {
    display: block;
    line-height: 17px;
    background-color: #8dc63f;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
  }
  
  .read_bg {
    background-color: #f40070 !important;
  }
  
  #filtered_item ul li a i {
    float: left;
    line-height: 17px;
    font-size: 13px;
    margin-right: 10px;
  }
  #filtered_item ul li:hover a i {
    transition: 0.3s;
    transform: rotate(90deg);
  }
  .sidebar_row ul li a {
    color: #454545;
    display: inline-block;
    line-height: 24px;
    font-size: 13px;
  }
  .sidebar_row ul li a[data-count]:after {
    content: "(" attr(data-count) ")";
    margin-right: 3px;
  }
  .sidebar_row ul li ul {
    padding-right: 20px;
    cursor: pointer;
    display: none;
  }
  .sidebar_row ul li ul a {
    color: #999;
  }
  .sidebar_row ul li {
    line-height: 24px;
    position: relative;
  }
  .sidebar_row ul li.has_sub:after {
    content: "\f107";
    font-family: fontawesome;
    float: left;
    line-height: inherit;
    position: absolute;
    left: 5px;
    top: 0;
  }
  .ads_box {
    margin-bottom: 10px;
  }
  .ads_box img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .ads_list_grid {
    margin: 0 -5px;
  }
  .ads_list_grid:after {
    content: "";
    display: table;
    clear: both;
  }
  .main_content .loader {
    border: 6px solid #eee;
    border-radius: 50%;
    border-top: 6px solid #f40070;
    width: 80px;
    height: 80px;
    margin: 5px auto;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .ads_col {
    float: right;
    width: 25%;
    padding: 0 5px;
  }
  .ads_list_grid.grid_col_2 {
    margin: 0;
  }
  .grid_col_2 .ads_col {
    float: none;
    width: auto;
    padding: 0;
  }
  .ads_item {
    border: 1px solid #c3c3c3;
    position: relative;
    color: #000;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  .grid_col_2 .ads_item {
    padding-bottom: 0;
  }
  .ads_item:after {
    content: "";
    display: table;
    clear: both;
  }
  .ads_item .ads_image {
    margin: -1px -1px 0;
    height: 155px;
    position: relative;
    z-index: 4;
  }
  .ads_image_info {
    position: absolute;
    right: 0;
    left: 0;
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
    bottom: 0;
    z-index: 2;
    color: #fff;
    padding: 5px;
  }
  .ads_image_info ul:after {
    clear: both;
    content: "";
    display: table;
  }
  .ads_image_info ul li {
    float: right;
    margin-left: 10px;
    line-height: 15px;
  }
  .ads_image_info ul li:last-child {
    margin-left: 0;
  }
  .ads_image_info ul li i {
    float: right;
    line-height: inherit;
    margin-left: 3px;
  }
  .grid_col_2 .ads_item .ads_image {
    float: right;
    width: 200px;
  }
  .ads_item .ads_image .swiper-container {
    width: 100%;
    height: 100%;
  }
  .ads_item .ads_image .swiper-slide {
    background-position: center;
    background-size: cover;
  }
  .ads_item .ads_image .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  #detail_ad_slider.expire {
    position: relative;
  }
  #detail_ad_slider.expire:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-image: url("../images/ExpiredStamp.png");
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  #detail_ad_slider .swiper-slide a {
    display: block;
    height: 100%;
  }
  #detail_ad_slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ads_item .ads_image .swiper-container > a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
  }
  .ads_item .ads_image .swiper-container > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #c3c3c3;
  }
  .ads_item:hover .ads_image .swiper-container > a:after {
    background-color: #f40070;
  }
  .grid_col_2 .ads_item .ads_image .swiper-container > a:after {
    bottom: 0;
    top: 0;
    height: auto;
    width: 2px;
    right: auto;
  }
  .ads_item .ads_image .ads_image_next,
  .ads_item .ads_image .ads_image_prev {
    position: absolute;
    right: 0;
    top: calc(50% - 12.5px);
    line-height: 25px;
    font-size: 25px;
    z-index: 5;
    color: #fff;
    width: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    cursor: pointer;
  }
  .ads_item .ads_image .ads_image_next:hover,
  .ads_item .ads_image .ads_image_prev:hover {
    background-color: rgba(255, 0, 112, 0.5);
  }
  .ads_item .ads_image .ads_image_prev {
    right: auto;
    left: 0;
  }
  .ads_item .ads_image .ads_image_prev.swiper-button-disabled,
  .ads_item .ads_image .ads_image_next.swiper-button-disabled {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ccc;
    cursor: default;
  }
  .ads_item .ads_remove {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9;
    width: 20px;
    height: 20px;
    background: #f40070;
    text-align: center;
    transition: 0.2s;
    visibility: hidden;
    opacity: 0;
  }
  .ads_item:hover .ads_remove {
    visibility: visible;
    opacity: 1;
  }
  .ads_item .ads_remove a {
    display: block;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
  }
  .ads_item .ads_remove a i {
    display: block;
    line-height: 20px;
  }
  .ads_content {
    padding-top: 1px;
    margin-top: -1px;
    padding-bottom: 10px;
  }
  .grid_col_2 .ads_content {
    padding: 0 25px 0 135px;
    margin: 0;
    width: calc(100% - 200px);
    float: left;
    position: relative;
  }
  .ads_item .ads_date {
    width: calc(100% - 90px);
    float: right;
    padding-right: 5px;
  }
  .grid_col_2 .ads_item .ads_date {
    width: 65px;
    position: absolute;
    right: -20px;
    transform: rotate(90deg);
    top: 110px;
  }
  .ads_item .ads_date time {
    float: right;
    line-height: 23px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .grid_col_2 .ads_item .ads_date time {
    line-height: 25px;
  }
  .ads_item .ads_btn {
    float: left;
    width: 90px;
    padding-left: 5px;
    position: relative;
    z-index: 4;
  }
  .grid_col_2 .ads_item .ads_btn {
    width: 25px;
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0;
  }
  .ads_item .ads_btn > ul > li {
    float: left;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    position: relative;
  }
  .ads_item .ads_btn > ul > li:last-child {
    margin: 0;
  }
  .ads_item .ads_btn > ul > li label,
  .ads_item .ads_btn > ul > li a {
    width: 100%;
    display: block;
    line-height: 25px;
    background-color: #454545;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
  }
  .ads_item .ads_btn > ul > li label i,
  .ads_item .ads_btn > ul > li a i {
    display: block;
    line-height: inherit;
  }
  .ads_item .ads_btn > ul > li input[type="checkbox"] {
    display: none;
  }
  .ads_item .ads_btn > ul > li input[type="checkbox"]:checked + label {
    color: #8dc63f;
  }
  .ads_item .ads_desc {
    display: none;
    padding-right: 15px;
    line-height: 22px;
    height: 44px;
    position: relative;
    overflow: hidden;
  }
  .ads_item .ads_desc p {
    margin-bottom: 0;
  }
  .grid_col_2 .ads_item .ads_desc {
    display: block;
  }
  .ads_item .content_hover {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    right: 0;
    background: #fff;
    height: 238px;
    z-index: 5;
    transition: 0.3s;
    padding: 15px 5px 5px;
    text-align: center;
  }
  .ads_item .content_hover .ads_avatar {
    margin-bottom: 5px;
  }
  .ads_item .content_hover .ads_avatar img {
    border-radius: 50%;
    border: 2px solid #ddd;
    width: 100px;
    height: 100px;
  }
  .grid_col_2 .ads_item .content_hover .ads_avatar img {
    width: 60px;
    height: 60px;
  }
  .ads_item .content_hover .ads_name {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .grid_col_2 .ads_item .content_hover .ads_name {
    font-size: 12px;
  }
  .ads_item .content_hover .ads_name > span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: inherit;
  }
  .ads_item .content_hover .ads_name > span i {
    font-size: 18px;
    margin-left: 4px;
    color: #b4b4b4;
  }
  .ads_item .content_hover .ads_name > span span {
    margin-right: 3px;
    line-height: 15px;
    font-size: 12px;
    padding: 0 5px;
    background-color: #f40070;
    color: #fff;
    display: inline-block;
    position: relative;
    top: -3px;
  }
  .ads_item .content_hover .ads_contact {
    line-height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .ads_item .content_hover .ads_contact i {
    font-size: 18px;
    margin-left: 4px;
    color: #b4b4b4;
    transform: rotateY(180deg);
  }
  .ads_item .content_hover .ads_contact > span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ads_item .content_hover .ads_contact > span span {
    direction: ltr;
    font-size: 14px;
  }
  .ads_item .content_hover .ads_contact a {
    direction: ltr;
    padding: 0 8px;
    line-height: 22px;
    background-color: #e2e2e2;
    display: inline-block;
    margin-top: 4px;
  }
  .ads_item .content_hover.open {
    opacity: 1;
    visibility: visible;
  }
  .ads_item .content_hover .close_hover {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #ffcdd2;
    color: #d32f2f;
    font-size: 15px;
    text-align: center;
  }
  .ads_item .content_hover .close_hover i {
    display: block;
    line-height: inherit;
  }
  .grid_col_2 .ads_item .content_hover {
    height: 154px;
    width: 135px;
    left: 0;
    top: 0;
    right: unset;
    visibility: visible;
    opacity: 1;
    padding: 5px;
  }
  
  .grid_col_2 .ads_item .content_hover .close_hover {
    display: none;
  }
  .view_ads ul li .checkbox {
    margin: 5px 0;
  }
  #search_map .search_form .form_field_radio > input {
    float: right;
    width: calc(100% - 30px);
  }
  
  .ads_item .content_hover .show_number {
    cursor: pointer;
    direction: ltr;
  }
  .ads_item .content_hover .show_number a {
    margin-left: 3px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 10px;
    background-color: #f40070;
    color: #fff;
    display: inline-block;
    position: relative;
    top: -3px;
  }
  
  .grid_col_2 .ads_item .ads_btn > ul > li {
    float: none;
    display: block;
    margin: 0 0 5px;
  }
  .grid_col_2 .ads_item .ads_btn > ul > li:last-child {
    display: none;
  }
  .ads_item .ads_btn a:last-child {
    margin: 0;
  }
  .ads_item .ads_btn a:hover,
  .ads_item .ads_btn a.active {
    color: #8dc63f;
  }
  .ads_item .ads_btn a i {
    display: block;
    line-height: 23px;
  }
  .ads_item .ads_title {
    padding: 12px 15px;
    margin-top: 23px;
  }
  .grid_col_2 .ads_item .ads_title {
    padding: 5px 15px 5px 180px;
    margin-top: 0;
  }
  .ads_item .ads_title h2 {
    font-size: 17px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ads_item .ads_title h2 i,
  .ads_item .ads_title p i {
    float: right;
    color: #b4b4b4;
    line-height: inherit;
    margin-left: 4px;
    font-size: 25px;
  }
  .ads_item .ads_title p {
    line-height: 30px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ads_item > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
  }
  .ads_item .ads_property {
    position: relative;
    z-index: 4;
    min-height: 30px;
  }
  .grid_col_2 .ads_item .ads_property {
    margin-bottom: 5px;
  }
  .ads_prices {
    min-height: 56px;
  }
  .ads_item .ads_property .swiper-container > a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
  }
  .ads_item .ads_property .ads_property_next,
  .ads_item .ads_property .ads_property_prev {
    position: absolute;
    right: 0;
    top: calc(50% - 12.5px);
    line-height: 25px;
    font-size: 25px;
    z-index: 5;
    color: #888;
    width: 15px;
    text-align: center;
    cursor: pointer;
  }
  .ads_item .ads_property .ads_property_next:hover,
  .ads_item .ads_property .ads_property_prev:hover {
    color: #333;
  }
  .ads_item .ads_property .ads_property_prev {
    right: auto;
    left: 0;
  }
  .ads_item .ads_property .ads_property_prev.swiper-button-disabled,
  .ads_item .ads_property .ads_property_next.swiper-button-disabled {
    color: #eee;
    cursor: default;
  }
  .ads_item .ads_property ul:before,
  .ads_item .ads_property ul:after {
    content: "";
    display: table;
  }
  .ads_item .ads_property ul:after {
    clear: both;
  }
  .ads_item .ads_property ul {
    padding: 0 15px;
  }
  .ads_item .ads_property ul li {
    float: right;
    width: 50%;
    line-height: 30px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .grid_col_2 .ads_item .ads_property ul li {
    width: 25%;
  }
  .ads_item .ads_property ul li i {
    float: right;
    line-height: inherit;
    color: #b4b4b4;
    margin-left: 5px;
    font-size: 18px;
  }
  .ads_item .ads_price:after {
    content: "";
    display: table;
    clear: both;
  }
  .ads_item .ads_price {
    margin: 0 8px;
    border-top: 2px solid #f0f0f0;
  }
  .grid_col_2 .ads_item .ads_prices {
    min-height: 0;
    float: none;
    position: absolute;
    left: 135px;
    top: 12px;
    width: 175px;
  }
  .grid_col_2 .ads_item .ads_price {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border-left: none;
  }
  .grid_col_2 .ads_item .ads_price:first-child {
    border-top: none;
  }
  .grid_col_2 .ads_item .ads_price ~ .ads_price {
    border-left: none;
  }
  .ads_item .ads_price span {
    font-size: 13px;
    line-height: 26px;
    font-family: sans;
  }
  .ads_item .ads_price span:first-child {
    float: right;
    font-size: 12px;
  }
  .ads_item .ads_price span:first-child:after {
    content: ":";
  }
  .ads_item .ads_price span:last-child {
    float: left;
    text-align: left;
  }
  .ads_item .ads_badge {
    position: absolute;
    left: -3px;
    top: 8px;
  
    z-index: 4;
  }
  .ads_item .ads_badge ul li {
    margin-bottom: 3px;
    text-align: left;
  }
  .ads_item .ads_badge ul li:last-child {
    margin-bottom: 0;
  }
  .ads_item .ads_badge ul li span {
    padding: 0 15px;
    background: #f40070;
    color: #fff;
    font-family: sans;
    display: inline-block;
  }
  .grid_col_2 .ads_item .ads_badge {
    left: auto;
    right: -3px;
  }
  .grid_col_2 .ads_item .ads_badge ul li {
    text-align: right;
  }
  #mobile_menu {
    position: fixed;
    right: -250px;
    top: 0;
    bottom: 0;
    width: 180px /*250px*/;
    background: #ff4081;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
    padding: 30px 10px 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }
  #mobile_menu.open {
    right: 0;
    visibility: visible;
    opacity: 1;
  }
  #mobile_menu ul li a {
    display: block;
    color: #000;
    font-size: 16px;
    padding: 0 10px;
    line-height: 40px;
    border-bottom: 1px solid rgba(197, 17, 98, 0.2);
  }
  #mobile_menu ul li:first-child a {
    border: none;
    margin: 20px 0;
  }
  #mobile_menu ul li:last-child a {
    border: none;
  }
  #mobile_menu ul li a i {
    float: right;
    line-height: 45px;
    width: 25px;
    margin-right: 5px;
    font-size: 20px;
  }
  #close_menu {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 20px;
    color: #333;
    cursor: pointer;
  }
  #close_menu i {
    display: block;
    line-height: 30px;
    width: 30px;
    text-align: center;
  }
  
  .mobile_nav {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    border-top: 1px solid #8dc63f;
    display: none;
  }
  .mobile_nav ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mobile_nav ul li {
    max-width: 20%;
    flex: 0 0 20%;
    text-align: center;
  }
  .mobile_nav ul li a {
    display: block;
    line-height: 20px;
    font-size: 10px;
    padding: 5px 0;
  }
  .mobile_nav ul li a i {
    line-height: 25px;
    font-size: 21px;
    display: block;
  }
  .mobile_nav ul li a.opened,
  .mobile_nav ul li a.opened i {
    color: #ed2410;
  }
  #add_new_ads i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin: -25px auto 10px;
    background-color: #f40070;
    color: #fff;
  }
  .title_page {
    margin-bottom: 25px;
    position: relative;
  }
  .title_page:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 1px);
    height: 2px;
    background: #8dc63f;
    width: 100%;
    z-index: 1;
  }
  .title_page h2 {
    font-size: 24px;
    line-height: 30px;
    display: inline-block;
    color: #000;
    padding-left: 10px;
    background: #fff;
    z-index: 2;
    position: relative;
  }
  #submit_ad {
    padding: 25px 0;
  }
  .container_inner {
    padding: 0 70px;
  }
  .submit_ad_fields:after {
    content: "";
    display: table;
    clear: both;
  }
  .area_fields_box {
    padding: 14px 0 10px;
  }
  .submit_ad_fields {
    margin: 0 -6px 20px;
    padding-bottom: 10px;
    position: relative;
  }
  .submit_ad_fields_full {
    margin: 0;
    padding: 20px 0 0;
    position: relative;
  }
  .submit_ad_fields_full .submit_ad_desc {
    margin-bottom: 20px;
  }
  .submit_ad_fields:before {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 0;
    background: #8dc63f;
    height: 1px;
    width: calc(100% - 12px);
  }
  .submit_ad_fields_full:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #8dc63f;
    height: 1px;
    width: 100%;
  }
  
  .submit_ad_fields:last-child:before {
    display: none;
  }
  .submit_ad_fields:last-child {
    margin-bottom: 0;
  }


  .upload_tabs > ul
  {
    display: flex;
    align-items: center;
    margin: 0 6px;
    border-bottom: 4px solid #f40070;
  }
  .upload_tabs > ul li
  {
    flex: 0 1 100%;
    line-height: 35px;
    text-align: center;
    background-color: #d2d2d2;
    color: #fff;
    cursor: pointer;
  }
  .upload_tabs > ul li.active
  {
    background: #f40070;
  }
  .upload_tabs [data-tab-content]
  {
    display: none;
  }
  .upload_tabs [data-tab-content].active    
  {
    display: block;
  }
  .form_field {
    float: right;
    width: 50%;
    padding: 0 6px;
    margin-bottom: 12px;
  }
  
  .form_field_full {
    padding: 0 6px;
    margin-bottom: 12px;
  }
  .form_field_full:after {
    content: "";
    display: table;
    clear: both;
  }
  .form_field_full.no-space {
    margin-bottom: 3px;
  }
  .form_field_full.has-error.has-danger .multi_select > button {
    border-color: #a94442;
  }
  .form_field_radio_input {
    float: right;
    width: calc(50% - 55px);
    border-left: none;
    padding: 0 5px 0 0;
  }
  .form_field_radio_box {
    float: right;
    width: 55px;
    padding: 0 0 0 5px;
  }
  .form_field_radio_box .form_radio {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
  }
  .form_field_radio_box .form_radio label {
    line-height: 16px;
    margin: 0;
    font-family: sans;
    display: block;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    background-color: #d2d2d2;
    color: #fff;
    cursor: pointer;
  }
  .form_field_radio_box .form_radio input[type="radio"] {
    display: none;
  }
  .form_field_radio_box .form_radio input[type="radio"]:checked + label {
    background-color: #f40070;
    line-height: 17px;
  }
  .submit_ad_fields .col_25 {
    float: right;
    width: 25%;
    padding: 0 6px;
  }
  .submit_ad_fields .col_50 {
    float: right;
    width: 50%;
    padding: 0 6px;
  }
  .area_box .form-control {
    line-height: 22px;
    height: 24px;
    float: right;
    width: calc(100% - 50px);
    border-right: none;
    padding: 0 3px;
    text-align: center;
    font-size: 12px;
  }
  .area_field:after {
    content: "";
    display: table;
    clear: both;
  }
  .area_fields_box:after {
    content: "";
    display: table;
    clear: both;
  }
  .area_field {
    margin-bottom: 4px;
  }
  
  .area_box label {
    float: right;
    width: 50px;
    text-align: center;
    line-height: 24px;
    background: #d2d2d2;
    color: #fff;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
  }
  .area_box input[type="checkbox"]:checked + label {
    background: #f40070;
  }
  .area_box input[type="checkbox"] {
    display: none;
  }
  .area_box .area_title {
    line-height: 32px;
    border: 1px solid #d7d7d7;
    text-align: center;
    margin-bottom: 12px;
    position: relative;
    font-size: 14px;
    color: #676767;
  }
  .area_box .area_title.area_title_min {
    margin-top: 7px;
    line-height: 25px;
  }
  .area_box .area_title:before {
    position: absolute;
    content: "";
    right: calc(50% - 9px);
    top: 100%;
    border-right: 9px solid transparent;
    border-top: 7px solid #fff;
    border-left: 9px solid transparent;
    z-index: 2;
  }
  .area_box .area_title:after {
    position: absolute;
    content: "";
    right: calc(50% - 11px);
    top: 100%;
    border-right: 11px solid transparent;
    border-top: 8px solid #d7d7d7;
    border-left: 11px solid transparent;
    z-index: 1;
  }
  .area_box .area_title span {
    display: block;
  }
  #area_shape,
  .area_shape {
    background: #e9e9e9;
    height: 154px;
    position: relative;
    margin-bottom: 12px;
    border-radius: 3px;
    position: relative;
  }
  #area_shape:before,
  .area_shape:before {
    content: "\f1a1";
    font-family: material-design;
    position: absolute;
    left: 5px;
    top: 5px;
    line-height: 15px;
    font-size: 18px;
    color: #666;
    width: 12px;
    text-align: center;
  }
  #area_shape:after,
  .area_shape:after {
    content: "N";
    position: absolute;
    left: 5px;
    top: 25px;
    line-height: 15px;
    font-size: 15px;
    color: #666;
    width: 12px;
    text-align: center;
  }
  #area_shape .area_center,
  .area_shape .area_center {
    background: repeating-linear-gradient(-45deg, transparent, transparent 7px, #666 5px, #666 10px);
    width: 80px;
    height: 80px;
    position: absolute;
    right: calc(50% - 40px);
    border: 1px solid #666;
    top: calc(50% - 40px);
  }
  #area_shape div:before,
  #area_shape div:after,
  .area_shape div:before,
  .area_shape div:after {
    position: absolute;
    width: 20px;
    text-align: center;
    color: #f40070;
    line-height: 20px;
  }
  #area_shape .area_center:before,
  .area_shape .area_center:before {
    display: none;
  }
  #area_shape .area_small_x,
  .area_shape .area_small_x {
    width: 120px;
    height: 80px;
    position: absolute;
    right: calc(50% - 60px);
    top: calc(50% - 40px);
    border-width: 0 2px;
    border-style: solid;
    border-color: transparent;
    display: none;
  }
  #area_shape .area_small_y,
  .area_shape .area_small_y {
    width: 80px;
    height: 120px;
    position: absolute;
    right: calc(50% - 40px);
    top: calc(50% - 60px);
    border-width: 2px 0;
    border-style: solid;
    border-color: transparent;
    display: none;
  }
  #area_shape .area_large_x,
  .area_shape .area_large_x {
    width: 140px;
    height: 80px;
    position: absolute;
    right: calc(50% - 70px);
    top: calc(50% - 40px);
    border-width: 0 2px;
    border-style: solid;
    border-color: transparent;
    display: none;
  }
  #area_shape .area_large_y,
  .area_shape .area_large_y {
    width: 80px;
    height: 140px;
    position: absolute;
    right: calc(50% - 40px);
    top: calc(50% - 70px);
    border-width: 2px 0;
    border-style: solid;
    border-color: transparent;
    display: none;
  }
  #area_shape.main_n .area_large_y:before,
  .area_shape.main_n .area_large_y:before {
    content: attr(data-n);
    top: 3px;
    right: calc(50% - 10px);
  }
  #area_shape.main_s .area_large_y:after,
  .area_shape.main_s .area_large_y:after {
    content: attr(data-s);
    bottom: 3px;
    right: calc(50% - 10px);
  }
  #area_shape.sub_n .area_small_y:before,
  .area_shape.sub_n .area_small_y:before {
    content: attr(data-n);
    top: 0;
    right: calc(50% - 10px);
  }
  #area_shape.sub_s .area_small_y:after,
  .area_shape.sub_s .area_small_y:after {
    content: attr(data-s);
    bottom: 0;
    right: calc(50% - 10px);
  }
  #area_shape.main_e .area_large_x:before,
  .area_shape.main_e .area_large_x:before {
    content: attr(data-e);
    top: calc(50% - 10px);
    right: 3px;
  }
  #area_shape.main_w .area_large_x:after,
  .area_shape.main_w .area_large_x:after {
    content: attr(data-w);
    top: calc(50% - 10px);
    left: 3px;
  }
  #area_shape.sub_e .area_small_x:before,
  .area_shape.sub_e .area_small_x:before {
    content: attr(data-e);
    top: calc(50% - 10px);
    right: 0;
  }
  #area_shape.sub_w .area_small_x:after,
  .area_shape.sub_w .area_small_x:after {
    content: attr(data-w);
    top: calc(50% - 10px);
    left: 0;
  }
  
  #area_shape.main_w .area_large_x,
  .area_shape.main_w .area_large_x {
    display: block;
    border-left: 2px solid #f40070;
  }
  #area_shape.main_e .area_large_x,
  .area_shape.main_e .area_large_x {
    display: block;
    border-right: 2px solid #f40070;
  }
  #area_shape.main_n .area_large_y,
  .area_shape.main_n .area_large_y {
    display: block;
    border-top: 2px solid #f40070;
  }
  #area_shape.main_s .area_large_y,
  .area_shape.main_s .area_large_y {
    display: block;
    border-bottom: 2px solid #f40070;
  }
  #area_shape.sub_n .area_small_y,
  .area_shape.sub_n .area_small_y {
    display: block;
    border-top: 2px solid #f40070;
  }
  #area_shape.sub_s .area_small_y,
  .area_shape.sub_s .area_small_y {
    display: block;
    border-bottom: 2px solid #f40070;
  }
  #area_shape.sub_e .area_small_x,
  .area_shape.sub_e .area_small_x {
    display: block;
    border-right: 2px solid #f40070;
  }
  #area_shape.sub_w .area_small_x,
  .area_shape.sub_w .area_small_x {
    display: block;
    border-left: 2px solid #f40070;
  }
  
  .area_price {
    display: none;
    padding: 10px 0;
  }
  .area_price.current {
    display: block;
  }
  .area_price .bootstrap-select.form-control {
    float: right;
    width: calc(50% + 6px);
  }
  .area_price .bootstrap-select.form-control.selpicker-color {
    float: right;
    width: calc(50% - 6px);
  }
  .area_price .form_field_full label {
    float: right;
    width: calc(50% - 6px);
    line-height: 35px;
    margin: 0;
    font-weight: 400;
    background: #f40070;
    color: #fff;
    font-size: 14px;
    padding: 0 12px;
  }
  .area_price .form_field_full.click_enable_input label {
    background-color: #d2d2d2;
  }
  .area_price .bootstrap-select.form-control.selpicker-color .btn {
    background: #f40070;
    color: #fff;
    border-color: #f40070;
  }
  .area_price input.form-control,
  .custom_select_style {
    float: right;
    width: calc(50% + 6px);
    border-right: none;
    text-align: center;
  }
  #go_profile {
    margin-top: 5px;
    width: 100%;
  }
  
  .images_uploader {
    min-height: 310px;
    background: #f4f4f4;
    padding: 20px 5px 5px;
    text-align: center;
    margin: 0 6px 10px;
  }
  .uploader {
    min-height: 310px;
    background: #f4f4f4;
    padding: 20px 5px 5px;
    text-align: center;
    margin: 0 6px 10px;
  }
  .list-view-fineuploader {
    position: relative;
  }
  .images_uploader .top-icon i {
    font-size: 58px;
    color: #f40070;
    margin-bottom: 8px;
    display: block;
  }
  .uploader .top-icon i {
    font-size: 58px;
    color: #f40070;
    margin-bottom: 8px;
    display: block;
  }
  .images_uploader .qq-upload-button-selector {
    padding: 0 45px 0 65px;
    background: #f40070;
    border: none;
    margin-bottom: 20px;
    line-height: 34px;
  }
  .uploader .qq-upload-button-selector {
    padding: 0 5px;
    background: #f40070;
    border: none;
    margin-bottom: 20px;
    line-height: 34px;
    direction: rtl !important;
    min-width: 190px;
    max-width: 100%;
    text-align: center;
    cursor: pointer;
  }
  .images_uploader .qq-upload-button-selector:hover {
    background: #cb005d;
  }
  .uploader .qq-upload-button-selector:hover {
    background: #cb005d;
  }
  .images_uploader .qq-upload-button-selector i {
    line-height: 34px;
    margin-right: 10px;
    font-size: 24px;
    position: absolute;
    left: 45px;
  }
  .uploader .qq-upload-button-selector i {
    line-height: 20px;
    margin-right: 10px;
    font-size: 24px;
    position: relative;
    top: 5px;
  }
  .images_uploader .qq-upload-list-selector:after {
    display: table;
    content: "";
    clear: both;
  }
  .uploader .qq-upload-list-selector:after {
    display: table;
    content: "";
    clear: both;
  }
  .images_uploader .qq-upload-list-selector {
    padding: 0 20px;
    position: absolute;
    top: 0;
  }
  .uploader .qq-upload-list-selector {
    padding: 0 20px;
    position: absolute;
    top: 0;
  }
  .images_uploader .qq-upload-list-selector li {
    float: right;
    width: 66px;
    margin: 0 8px 10px;
    height: 69px;
    position: relative;
    overflow: hidden;
  }
  .uploader .qq-upload-list-selector li {
    float: right;
    width: 66px;
    margin: 0 8px 10px;
    height: 69px;
    position: relative;
    overflow: hidden;
  }
  .images_uploader .qq-upload-list li .qq-thumbnail-selector {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    margin: 0;
    z-index: 1;
  }
  .uploader .qq-upload-list li .qq-thumbnail-selector {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    margin: 0;
    z-index: 1;
  }
  .images_uploader .qq-upload-list-selector li:last-child {
    margin-left: 0;
  }
  .uploader .qq-upload-list-selector li:last-child {
    margin-left: 0;
  }
  .images_uploader .qq-upload-list-selector li .qq-upload-spinner-selector {
    position: absolute;
    right: calc(50% - 15px);
    top: calc(50% - 15px);
    z-index: 4;
  }
  .uploader .qq-upload-list-selector li .qq-upload-spinner-selector {
    position: absolute;
    right: calc(50% - 15px);
    top: calc(50% - 15px);
    z-index: 4;
  }
  .images_uploader .qq-upload-list-selector li .qq-upload-spinner-selector i {
    animation: spin 1.5s infinite linear;
    font-size: 25px;
    display: block;
    line-height: 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    text-shadow: 0 0 2px #000;
  }
  .uploader .qq-upload-list-selector li .qq-upload-spinner-selector i {
    animation: spin 1.5s infinite linear;
    font-size: 25px;
    display: block;
    line-height: 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    text-shadow: 0 0 2px #000;
  }
  .images_uploader .qq-upload-list-selector li .controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    z-index: 2;
  }
  .uploader .qq-upload-list-selector li .controls {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    z-index: 2;
  }
  .images_uploader .qq-upload-list li .controls:after {
    content: "";
    display: table;
    clear: both;
  }
  .uploader .qq-upload-list li .controls:after {
    content: "";
    display: table;
    clear: both;
  }
  .images_uploader .qq-upload-list li .controls .link {
    cursor: pointer;
    float: right;
    width: 33.3333%;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
  }
  .uploader .qq-upload-list li .controls .link {
    cursor: pointer;
    float: right;
    width: 33.3333%;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
  }
  .images_uploader .qq-upload-list li .controls .link i {
    display: block;
    line-height: 25px;
  }
  .uploader .qq-upload-list li .controls .link i {
    display: block;
    line-height: 25px;
  }
  .images_uploader .qq-upload-list li .qq-progress-bar-container-selector {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
  }
  .uploader .qq-upload-list li .qq-progress-bar-container-selector {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
  }
  .images_uploader .qq-progress-bar-container-selector .qq-progress-bar {
    background: #8dc641;
    height: 5px;
    margin: 0;
    border-radius: 0;
  }
  .uploader .qq-progress-bar-container-selector .qq-progress-bar {
    background: #8dc641;
    height: 5px;
    margin: 0;
    border-radius: 0;
  }
  ul.list-placeholder:after {
    display: table;
    content: "";
    clear: both;
  }
  ul.list-placeholder {
    padding: 0 20px;
  }
  .edit_form ul.list-placeholder {
    padding: 0 20px;
  }
  ul.list-placeholder li {
    float: right;
    width: 66px;
    margin: 0 8px 10px;
    height: 69px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background: url("../images/image-placeholder.png") no-repeat;
  }
  ul.list-placeholder li:last-child {
    margin-left: 0;
    background: url("../images/image-placeholder-last.png") no-repeat;
  }
  .images_uploader .qq-hide {
    display: none;
  }
  .uploader .qq-hide {
    display: none;
  }
  .map_select {
    margin-bottom: 15px;
  }
  .map_select:after {
    display: table;
    content: "";
    clear: both;
  }
  #submit_ad_gmap {
    height: 215px;
    margin: 0 6px 10px;
    z-index: 30;
  }
  .map {
    height: 215px;
    margin: 0 6px 10px;
  }
  .form_chekboxes:after {
    display: table;
    content: "";
    clear: both;
  }
  .form_chekboxes label i {
    color: #ccc;
    float: left;
    line-height: 20px;
    font-size: 20px;
    margin-right: 5px;
  }
  
  .margin_l_15 {
    margin-left: 15px;
  }
  
  .form_chekboxes .checkbox {
    float: right;
    width: 33.333333%;
    margin: 0 0 20px;
    padding: 0 6px;
  }
  .form_chekboxes .checkbox label {
    color: #999;
  }
  .form_chekboxes .checkbox input[type="checkbox"]:checked + label {
    color: #333;
  }
  .form_chekboxes input[type="checkbox"]:checked + label i {
    color: #999;
  }
  .submit_ad_desc {
    min-height: 130px;
    max-width: 100%;
    min-width: 100%;
  }
  
  .submit_ad_options_list_title {
    margin-bottom: 10px;
  }
  .submit_ad_options_list {
    margin: 0 -6px;
  }
  .submit_ad_options_list > ul:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .submit_ad_options_list > ul > li {
    float: right;
    width: 25%;
    padding: 0 6px;
    margin-bottom: 12px;
  }
  .submit_ad_options_list > ul > li:after {
    content: "";
    display: table;
    clear: both;
  }
  .submit_ad_options_list > ul > li > span {
    display: block;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    background: #aeaeae;
    color: #fff;
    cursor: pointer;
    position: relative;
  }
  .submit_ad_options_list > ul > li.active > span {
    background: #f40070;
  }
  .submit_ad_options_list > ul > li.active > span:after {
    content: "";
    border-top: 5px solid #f40070;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    top: 100%;
    position: absolute;
    right: calc(50% - 6px);
  }
  .submit_ad_options_list > ul > li > ul {
    display: none;
    background: #f6f6f6;
    padding: 20px 40px;
  }
  .submit_ad_options_list label i {
    float: left;
    line-height: 20px;
    margin-right: 4px;
    font-size: 20px;
    color: #999;
  }
  .submit_ad_fields_full_row:after {
    content: "";
    display: table;
    clear: both;
  }
  .submit_ad_fields_full_row {
    margin: 0 -6px 25px;
  }
  .submit_ad_fields_full .user_types label {
    float: right;
    width: 40%;
    text-align: center;
    font-weight: 400;
    margin: 0;
    line-height: 35px;
    background: #e9e9e9;
    border-left: 1px solid #fff;
    cursor: pointer;
  }
  .submit_ad_fields_full .user_types label:last-child {
    border: none;
  }
  .submit_ad_fields_full .user_types label:last-of-type,
  .submit_ad_fields_full .user_types label:first-of-type {
    width: 30%;
  }
  .submit_ad_fields_full .user_types input[type="radio"]:checked + label {
    background-color: #f40070;
    color: #fff;
  }
  .submit_ad_fields_full .user_types input[type="radio"] {
    display: none;
  }
  .submit_ad_fields_full .rules_box {
    display: inline-block;
  }
  .submit_ad_fields_full .rules_box.checkbox label {
    padding: 0 20px 0 0;
    display: inline-block;
  }
  .submit_ad_fields_full .rules_box.checkbox label::before {
    left: auto;
    right: 0;
  }
  .submit_ad_fields_full .rules_box.checkbox input[type="checkbox"]:checked + label::after {
    left: auto;
    right: 0;
  }
  .submit_ad_fields_full .col_25 {
    padding: 0 6px;
    float: right;
    min-height: 1px;
    width: 25%;
    margin-bottom: 12px;
  }
  .submit_ad_fields_full .col_btn {
    float: left;
    width: 25%;
    padding: 0 6px;
  }
  .submit_ad_fields_full .col_os_25 {
    margin-right: 25%;
  }
  .submit_ad_fields_full .col_75 {
    padding: 0 6px;
    float: right;
    min-height: 1px;
    width: 75%;
    margin-bottom: 12px;
  }
  .submit_ad_fields_full .col_100 {
    padding: 0 6px;
    float: right;
    min-height: 1px;
    width: 100%;
    margin-bottom: 12px;
  }
  [data-usertype="type2"] {
    display: none;
  }
  .btn.btn_submit_ad {
    display: block;
    width: 100%;
    line-height: 40px;
    color: #fff;
    background-color: #f40070;
    font-size: 20px;
  }
  .btn.btn_submit_ad:hover {
    background: #cb005d;
  }
  
  .custom_selectbox .btn-group {
    display: block;
  }
  .custom_selectbox .btn-group button.btn {
    display: block;
    float: none;
    width: 100%;
    text-align: right;
    position: relative;
  }
  
  .custom_selectbox.custom_select_style .btn-group button.btn {
    text-align: center;
  }
  
  .custom_selectbox .btn-group button.btn:before {
    content: attr(data-value);
  }
  .custom_selectbox .btn-group button.btn:after {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    left: 12px;
    top: 0;
    line-height: 33px;
    color: #999;
  }
  .custom_selectbox .dropdown-menu {
    width: 100%;
  }
  .custom_selectbox .dropdown-menu ul > li {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px;
  }
  .custom_selectbox .dropdown-menu ul > li:hover {
    color: #262626;
    background-color: #f5f5f5;
  }
  .custom_selectbox .dropdown-menu-footer {
    margin: 5px;
    border: 1px solid #e9e9e9;
  }
  .custom_selectbox .dropdown-menu-footer:after {
    content: "";
    display: table;
    clear: both;
  }
  .custom_selectbox .dropdown-menu-footer input {
    float: right;
    width: calc(100% - 25px);
    border: none;
    margin: 0;
    line-height: 25px;
    height: auto;
    font-size: 12px;
    padding: 0 12px 0 0;
  }
  .custom_selectbox .dropdown-menu-footer button {
    float: left;
    width: 25px;
    border: none;
    background: #e9e9e9;
    line-height: 25px;
    padding: 0;
  }
  .custom_selectbox .dropdown-menu-footer button:hover {
    background: #f40070;
    color: #fff;
  }
  .custom_selectbox .dropdown-menu-footer button i {
    display: block;
    line-height: 25px;
    font-size: 22px;
  }
  
  #profile_header {
    background: #f9f9f9;
    padding: 20px 15px;
    margin-bottom: 12px;
  }
  #profile_header:after {
    clear: both;
    content: "";
    display: table;
  }
  #profile_header .profile_detail {
    float: right;
    width: calc(100% - 150px);
    color: #202020;
  }
  #profile_header .profile_detail .profile_header_title {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  #profile_header .profile_detail .profile_header_title h1 {
    line-height: 30px;
    font-size: 20px;
    font-weight: 600;
  }
  #profile_header .profile_detail .profile_header_title span {
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 10px;
  }
  #profile_header .profile_detail .profile_header_title span.success {
    color: #fff;
    background: #8dc63f;
  }
  #profile_header .profile_detail .profile_header_title span.danger {
    color: #fff;
    background: #f40070;
  }
  
  #profile_header .profile_detail .profile_header_title i {
    float: right;
    line-height: inherit;
    margin-left: 10px;
    color: #aaa;
  }
  #profile_header .profile_detail .profile_header_address {
    margin-bottom: 10px;
  }
  #profile_header .profile_detail .profile_header_address:after {
    clear: both;
    content: "";
    display: table;
  }
  #profile_header .profile_detail .profile_header_address h2 {
    font-size: 14px;
    line-height: 30px;
  }
  #profile_header .profile_detail .profile_header_address a {
    margin-right: 10px;
    font-size: 20px;
    line-height: 30px;
    color: rgb(78, 168, 241);
  }
  #profile_header .profile_detail .profile_header_address a i {
    line-height: inherit;
  }
  #profile_header .profile_detail .profile_header_phone {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
  }
  #profile_header .profile_detail .profile_header_phone a {
    margin: 0;
    display: inline-block;
    padding: 0 5px;
    direction: ltr;
  }
  #profile_header .profile_detail .profile_header_phone a:hover {
    background: #e0e0e0;
  }
  #profile_header .profile_detail .profile_header_phone a:before {
    content: "\f2be";
    font-family: "Material-Design";
    float: right;
    line-height: 25px;
    margin-left: 10px;
    color: #8dc63f;
    font-size: 22px;
  }
  #profile_header .profile_detail .profile_header_phone a.show_all {
    font-size: 12px;
    line-height: 20px;
    background: #e0e0e0;
  }
  #profile_header .profile_detail .profile_header_phone a.show_all:hover {
    background: #ccc;
  }
  #profile_header .profile_detail .profile_header_phone a.show_all:before {
    display: none;
  }
  #profile_header .profile_detail .profile_header_btn {
    margin-bottom: -5px;
  }
  #profile_header .profile_detail .profile_header_btn span {
    display: inline-block;
    margin-left: 15px;
  }
  #profile_header .profile_detail .profile_header_btn span:last-child {
    margin-left: 0;
  }
  #profile_header .profile_detail .profile_header_btn a {
    font-size: 12px;
    line-height: 20px;
    background: #ddd;
    display: inline-block;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  #profile_header .profile_detail .profile_header_btn a:hover {
    background: #ccc;
  }
  #profile_header .profile_image {
    float: left;
    width: 150px;
    text-align: center;
  }
  #profile_header .profile_image img {
    display: block;
    margin: 0 auto;
    height: 140px;
    width: 140px;
    object-fit: cover;
    border-radius: 50%;
  }
  #profile_header .profile_image span {
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
  }
  #profile_header .profile_image span.success {
    color: #fff;
    background: #8dc63f;
  }
  #profile_header .profile_image span.danger {
    color: #fff;
    background: #f40070;
  }
  .profile_form_fields:after {
    content: "";
    display: table;
    clear: both;
  }
  
  #user_page_header {
    margin-bottom: 12px;
  }
  #user_page_header .user_page_wrapper {
    display: flex;
    background: #f9f9f9;
    padding: 15px;
  }
  #user_page_header .user_page_right {
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
    padding-left: 15px;
  }
  #user_page_header .user_page_left {
    flex: 0 0 250px;
    max-width: 250px;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  
  #user_page_header .user_page_cover {
    height: 250px;
    background-color: #e5e5e5;
  }
  #user_page_header .user_page_cover img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #user_page_header .user_page_map {
    height: 250px;
    background-color: #e5e5e5;
    margin-bottom: 10px;
    position: relative;
  }
  #user_page_header .user_page_address {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 80;
    padding: 5px 10px;
    text-align: center;
    background-color: #fff;
  }
  #user_page_header .user_page_address h2 {
    font-size: 13px;
    line-height: 25px;
  }
  #user_page_header .user_page_address a {
    margin-right: 10px;
    font-size: 20px;
    line-height: 30px;
    color: rgb(78, 168, 241);
    position: relative;
    top: 2px;
    display: none;
  }
  #user_page_header .user_page_address a i {
    line-height: inherit;
  }
  
  #user_page_header .user_page_row {
    display: flex;
    align-items: flex-end;
    padding-right: 15px;
  }
  #user_page_header .user_page_col {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
  }
  #user_page_header .user_page_title {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
  }
  #user_page_header .user_page_title h1 {
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
  }
  #user_page_header .user_page_title i {
    float: right;
    line-height: inherit;
    margin-left: 10px;
    color: #aaa;
  }
  #user_page_header .user_page_title span {
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 10px;
  }
  #user_page_header .user_page_title span.success {
    color: #fff;
    background: #8dc63f;
  }
  #user_page_header .user_page_title span.danger {
    color: #fff;
    background: #f40070;
  }
  #user_page_header .user_page_title span.left {
    margin-right: auto;
  }
  #user_page_header .user_page_info {
    display: flex;
  }
  #user_page_header .user_page_info {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eee;
  }
  #user_page_header .user_page_info label {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
    line-height: 20px;
  }
  #user_page_header .user_page_field_activity {
    flex: 0 0 50%;
    max-width: 50%;
    border-left: 1px solid #eee;
    padding-left: 10px;
    padding-top: 5px;
  }
  #user_page_header .user_page_field_activity span {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  #user_page_header .user_page_field_activity span:last-child {
    margin-bottom: 0;
  }
  #user_page_header .user_page_field_activity span i {
    margin-left: 5px;
    float: right;
    line-height: inherit;
    font-size: 16px;
    color: #aaa;
  }
  #user_page_header .user_page_range_activity {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-top: 5px;
  }
  #user_page_header .user_page_range_activity span,
  #user_page_header .user_page_range_activity a {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  #user_page_header .user_page_range_activity span:last-child,
  #user_page_header .user_page_range_activity a:last-child {
    margin-bottom: 0;
  }
  #user_page_header .user_page_desc {
    line-height: 25px;
    text-align: justify;
    border-top: 1px solid #eee;
    padding-top: 5px;
  }
  #user_page_header .user_page_desc p {
    height: 50px;
    overflow: hidden;
    margin-bottom: 0;
  }
  #user_page_header .user_page_address:after {
    clear: both;
    content: "";
    display: table;
  }
  #user_page_header .user_page_image {
    flex: 0 0 140px;
    max-width: 140px;
    margin-left: 10px;
    transform: translateY(-70px);
    position: relative;
  }
  #user_page_header .user_page_image img {
    display: block;
    margin: 0 auto;
    height: 140px;
    width: 140px;
    object-fit: cover;
    border-radius: 50%;
  }
  #user_page_header .user_page_image a {
    position: absolute;
    right: 10px;
    bottom: -15px;
    color: #8dc63f;
  }
  #user_page_header .user_page_image a i {
    display: block;
    line-height: 45px;
    font-size: 45px;
    position: relative;
  }
  #user_page_header .user_page_image a i:before {
    position: relative;
    z-index: 2;
  }
  #user_page_header .user_page_image a i:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #f9f9f9;
    z-index: 1;
  }
  #user_page_header .user_page_image a span {
    position: absolute;
    right: -10px;
    top: -10px;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #f40070;
    color: #fff;
    line-height: 20px;
    text-align: center;
    z-index: 5;
  }
  #user_page_header .user_page_phone {
    text-align: center;
    margin-bottom: -5px;
  }
  #user_page_header .user_page_phone a {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    display: inline-block;
    padding: 0 5px;
    direction: ltr;
  }
  #user_page_header .user_page_phone a:hover {
    background: #e0e0e0;
  }
  #user_page_header .user_page_phone a:before {
    content: "\f2be";
    font-family: "Material-Design";
    float: right;
    line-height: inherit;
    margin-left: 10px;
    color: #8dc63f;
    font-size: 18px;
  }
  #user_page_header .user_page_phone a.show_all {
    font-size: 12px;
    line-height: 20px;
    background: #e0e0e0;
  }
  #user_page_header .user_page_phone a.show_all:hover {
    background: #ccc;
  }
  #user_page_header .user_page_phone a.show_all:before {
    display: none;
  }
  #user_page_header .user_page_btn {
    margin-top: auto;
  }
  #user_page_header .user_page_btn a {
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
    display: block;
    text-align: center;
    padding: 0 5px;
    background: #b7b7b7;
    color: #fff;
  }
  
  #profile_header_panel {
    margin-bottom: 12px;
  }
  #profile_header_panel .profile_wrapper {
    display: flex;
    background: #f9f9f9;
    padding: 20px 15px;
  }
  #profile_header_panel .profile_detail {
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
    color: #202020;
    padding-left: 10px;
  }
  
  #profile_header_panel .profile_header_title {
    margin-bottom: 10px;
  }
  #profile_header_panel .profile_header_title h1 {
    line-height: 30px;
    font-size: 20px;
    font-weight: 600;
  }
  #profile_header_panel .profile_header_title i {
    float: right;
    line-height: inherit;
    margin-left: 10px;
    color: #aaa;
  }
  #profile_header_panel .profile_header_address {
    margin-bottom: 10px;
  }
  #profile_header_panel .profile_header_address:after {
    clear: both;
    content: "";
    display: table;
  }
  #profile_header_panel .profile_header_address h2 {
    font-size: 14px;
    line-height: 30px;
  }
  #profile_header_panel .profile_header_address a {
    margin-right: 10px;
    font-size: 20px;
    line-height: 30px;
    color: rgb(78, 168, 241);
    position: relative;
    top: 3px;
  }
  #profile_header_panel .profile_header_address a i {
    line-height: inherit;
  }
  #profile_header_panel .profile_header_phone {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
  }
  #profile_header_panel .profile_header_phone a {
    margin: 0;
    display: inline-block;
    padding: 0 5px;
    direction: ltr;
  }
  #profile_header_panel .profile_header_phone a:hover {
    background: #e0e0e0;
  }
  #profile_header_panel .profile_header_phone a:before {
    content: "\f2be";
    font-family: "Material-Design";
    float: right;
    line-height: 25px;
    margin-left: 10px;
    color: #8dc63f;
    font-size: 22px;
  }
  #profile_header_panel .profile_header_phone a.show_all {
    font-size: 12px;
    line-height: 20px;
    background: #e0e0e0;
  }
  #profile_header_panel .profile_header_phone a.show_all:before {
    display: none;
  }
  #profile_header_panel .profile_row {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eee;
  }
  #profile_header_panel .profile_row label {
    display: inline-block;
    margin-left: 10px;
    line-height: 20px;
  }
  #profile_header_panel .profile_header_field_activity {
    flex: 0 0 50%;
    max-width: 50%;
    border-left: 1px solid #eee;
    padding-left: 10px;
    padding-top: 5px;
  }
  #profile_header_panel .profile_header_field_activity span {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  #profile_header_panel .profile_header_field_activity span:last-child {
    margin-bottom: 0;
  }
  #profile_header_panel .profile_header_field_activity span i {
    margin-left: 5px;
    float: right;
    line-height: inherit;
    font-size: 16px;
    color: #aaa;
  }
  #profile_header_panel .profile_header_range_activity {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 10px;
    padding-top: 5px;
  }
  #profile_header_panel .profile_header_range_activity span,
  #profile_header_panel .profile_header_range_activity a {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  #profile_header_panel .profile_header_range_activity span:last-child,
  #profile_header_panel .profile_header_range_activity a:last-child {
    margin-bottom: 0;
  }
  #profile_header_panel .profile_header_bio {
    line-height: 25px;
    text-align: justify;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    margin-bottom: 10px;
  }
  #profile_header_panel .profile_header_bio p {
    margin-bottom: 0;
  }
  #profile_header_panel .profile_image {
    flex: 0 0 150px;
    max-width: 150px;
    text-align: center;
  }
  #profile_header_panel .profile_image img {
    display: block;
    margin: 0 auto 10px;
    height: 140px;
    width: 140px;
    object-fit: cover;
    border-radius: 50%;
  }
  #profile_header_panel .profile_image span {
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    min-width: 150px;
    margin-bottom: 6px;
  }
  #profile_header_panel .profile_image span.success {
    color: #fff;
    background: #8dc63f;
  }
  #profile_header_panel .profile_image span.danger {
    color: #fff;
    background: #f40070;
  }
  #profile_header_panel .profile_image a {
    display: inline-block;
    line-height: 20px;
    padding: 0 5px;
    min-width: 150px;
    background-color: #b7b7b7;
    color: #fff;
  }
  #profile_header_panel .profile_header_info {
    margin-bottom: -5px;
  }
  #profile_header_panel .profile_header_info span {
    display: inline-block;
    line-height: 20px;
    padding: 0 10px;
    margin-bottom: 5px;
    margin-left: 10px;
  }
  #profile_header_panel .profile_header_info span:last-child {
    margin-left: 0;
  }
  #profile_header_panel .profile_header_info span.success {
    color: #fff;
    background: #8dc63f;
  }
  #profile_header_panel .profile_header_info span.danger {
    color: #fff;
    background: #f40070;
  }
  
  #profile_form {
    background: #f4f4f4;
    padding: 20px 0;
    margin-bottom: 12px;
  }
  #profile_form textarea {
    min-height: 86px;
  }
  #profile_form .profile_form_fields {
    margin: 0 -3px;
    float: right;
    width: calc(100% - 239px);
  }
  #profile_form .profile_form_image {
    float: left;
    width: 220px;
    margin-right: 25px;
  }
  .profile_form_image_box {
    position: relative;
    height: 117px;
    margin-bottom: 15px;
  }
  .profile_form_image .btn-file {
    position: absolute;
    overflow: hidden;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding-top: 15px;
    height: 100%;
  }
  .profile_form_image .btn-file i {
    line-height: 64px;
    font-size: 64px;
    display: block;
    margin-bottom: 5px;
  }
  .profile_form_image .btn-file span {
    display: block;
    line-height: 20px;
    font-size: 13px;
  }
  .profile_form_image .btn-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    cursor: pointer;
    z-index: 5;
  }
  .profile_form_image #form_image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
  }
  .profile_form_image button {
    display: block;
    border: none;
    width: 100%;
    background: #f40070;
    line-height: 35px;
    font-size: 15px;
    color: #fff;
    border-radius: 5px 0 5px 5px;
  }
  .profile_form_fields .form_field {
    float: right;
    width: 25%;
    padding: 0 3px;
    margin-bottom: 6px;
  }
  .profile_form_fields .form_field_half {
    width: 16.666666%;
  }
  .profile_form_fields .form_field_full {
    width: 100%;
  }
  .profile_form_fields .form_field_duble {
    width: 50%;
  }
  .profile_form_fields .user_types:after {
    content: "";
    display: table;
    clear: both;
  }
  .profile_form_fields .user_types {
    border: 1px solid #ababab;
  }
  .profile_form_fields .user_types label {
    float: right;
    width: 40%;
    text-align: center;
    font-weight: 400;
    margin: 0;
    line-height: 33px;
    background: #c5c5c5;
    color: #fff;
    border-left: 1px solid #fff;
    cursor: pointer;
  }
  .profile_form_fields .user_types label:last-child {
    border: none;
  }
  .profile_form_fields .user_types label:last-of-type,
  .profile_form_fields .user_types label:first-of-type {
    width: 30%;
  }
  .profile_form_fields .user_types input[type="radio"]:checked + label {
    background-color: #f40070;
    color: #fff;
  }
  .profile_form_fields .user_types input[type="radio"] {
    display: none;
  }
  .profile_form_fields .bootstrap-select.btn-group .dropdown-toggle .bs-caret {
    line-height: 33px;
  }
  .status_wrapper {
    float: right;
    margin-left: 10px;
  }
  .status_wrapper_btn {
    float: left;
    margin-left: 0;
  }
  .status_wrapper span a {
    padding: 0 10px;
    display: inline-block;
    line-height: 20px;
  }
  .profile_ads_tab > ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .profile_ads_tab > ul {
    margin: 0 -2px;
  }
  .profile_ads_tab > ul > li {
    float: right;
    width: calc(20% - 4px);
    text-align: center;
    background: #b7b7b7;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    font-size: 14px;
    margin: 0 2px;
  }
  .profile_ads_tab > ul > li.current {
    background: #f40070;
  }
  .profile_tab_content {
    display: none;
    position: relative;
    padding: 1px;
    border: 1px solid #c3c3c3;
    border-top: 4px solid #f40070;
    margin-bottom: 17px;
    min-height: 138px;
    color: #000;
  }
  
  .profile_tab_content .inner_wrapper:after {
    display: table;
    content: "";
    clear: both;
  }
  .profile_tab_content:after {
    display: table;
    content: "";
    clear: both;
  }
  .profile_tab_content.current {
    display: block;
  }
  .profile_ads_image {
    height: 130px;
    width: calc(20% - 5px);
    float: right;
    position: relative;
  }
  .profile_ads_status {
    position: absolute;
    right: 3px;
    top: 3px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    background: #f40070;
    line-height: 20px;
    z-index: 10;
  }
  .profile_ads_image .swiper-container {
    height: 100%;
    width: 100%;
  }
  .profile_ads_image .swiper-slide {
    background-size: cover;
  }
  .profile_ads_image .ads_image_next,
  .profile_ads_image .ads_image_prev {
    position: absolute;
    right: 0;
    top: calc(50% - 12.5px);
    line-height: 25px;
    font-size: 25px;
    z-index: 5;
    color: #fff;
    width: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    cursor: pointer;
  }
  .profile_ads_image .ads_image_next:hover,
  .profile_ads_image .ads_image_prev:hover {
    background-color: rgba(255, 0, 112, 0.5);
  }
  .profile_ads_image .ads_image_prev {
    right: auto;
    left: 0;
  }
  .profile_ads_image .ads_image_prev.swiper-button-disabled,
  .profile_ads_image .ads_image_next.swiper-button-disabled {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ccc;
    cursor: default;
  }
  .profile_ads_status_success {
    position: absolute;
    left: -3px;
    top: 8px;
    z-index: 4;
    padding: 0 15px;
    background: #f40070;
    color: #fff;
    font-family: sans;
    display: inline-block;
  }
  .profile_tab_content .profile_ads_title {
    float: right;
    width: 285px;
    padding: 15px 5px;
  }
  .profile_tab_content .profile_ads_title h2 {
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .profile_tab_content .profile_ads_title i {
    float: right;
    margin-left: 5px;
    line-height: 30px;
    text-align: center;
    color: #b4b4b4;
    font-size: 25px;
  }
  .profile_tab_content .profile_ads_title time {
    padding-right: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .profile_tab_content .profile_ads_title p {
    font-size: 13px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .profile_tab_content .profile_ads_options {
    float: right;
    width: 145px;
    padding: 5px 3px;
  }
  .profile_tab_content .profile_ads_options ul {
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    height: 100px;
  }
  .profile_tab_content .profile_ads_options ul::-webkit-scrollbar {
    display: none;
  }
  .profile_tab_content .profile_ads_options ul li {
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
  }
  .profile_tab_content .profile_ads_options ul li:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    height: 1px;
    background-color: #eee;
    z-index: 1;
  }
  .profile_tab_content .profile_ads_options ul li span {
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  .profile_tab_content .profile_ads_options ul li span:first-child {
    display: flex;
    align-items: center;
    padding-left: 5px;
  }
  .profile_tab_content .profile_ads_options ul li span:last-child {
    padding-right: 5px;
  }
  .profile_tab_content .profile_ads_options ul li i {
    margin-left: 5px;
    line-height: 25px;
    text-align: center;
    color: #b4b4b4;
    font-size: 15px;
  }
  .profile_tab_content .profile_ads_price {
    float: right;
    width: 160px;
    text-align: center;
    padding: 5px 5px;
    font-size: 14px;
  }
  .profile_tab_content .profile_ads_price .ads_price_box {
    padding: 5px 0;
  }
  .profile_tab_content .profile_ads_price span {
    display: block;
    line-height: 25px;
  }
  .profile_tab_content .profile_ads_action {
    float: left;
    width: 199px;
    padding: 2px 0;
    position: relative;
    left: -4px;
  }
  
  .profile_tab_content .profile_ads_action label,
  .profile_tab_content .profile_ads_action > span {
    display: block;
    line-height: 24px;
    margin-bottom: 10px;
    background: #454545;
    color: #fff;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    float: right;
    width: calc(50% - 2px);
    margin-left: 2px;
  }
  .profile_tab_content .profile_ads_action label a {
    color: #fff;
  }
  .profile_tab_content .profile_ads_action > span.success {
    background: #43a047;
  }
  .profile_tab_content .profile_ads_action > span.warning {
    background: #fb8c00;
  }
  .profile_tab_content .profile_ads_action > span.danger {
    background: #e53935;
  }
  .profile_tab_content .profile_ads_action label:last-child {
    margin-bottom: 0;
  }
  .profile_tab_content .profile_ads_action input[type="checkbox"] {
    display: none;
  }
  .profile_tab_content .profile_ads_action input[type="checkbox"]:checked + label {
    background: #f40070;
  }
  
  .profile_tab_content
    .profile_ads_action
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: calc(50% - 2px);
    margin-left: 2px;
    margin-bottom: 10px;
  }
  .profile_tab_content .profile_ads_action .bootstrap-select > .dropdown-toggle {
    line-height: 22px;
    background: #454545;
    color: #fff;
    border-color: #454545;
    font-size: 12px;
  }
  .profile_tab_content .profile_ads_action .bootstrap-select.tags_changed > .dropdown-toggle {
    background: #f40070;
    border-color: #f40070;
  }
  .profile_tab_content .profile_ads_action .bootstrap-select.tags_loaded > .dropdown-toggle {
    background: #8dc63f;
    border-color: #8dc63f;
  }
  .profile_tab_content .profile_ads_action .bootstrap-select.tags_selected > .dropdown-toggle {
    background: #f40070;
    border-color: #f40070;
  }
  .profile_tab_content .profile_ads_action .bootstrap-select.tags_def_color > .dropdown-toggle {
    background: #454545;
    border-color: #454545;
  }
  .profile_tab_content .profile_ads_action .switch {
    position: relative;
    height: 24px;
    padding: 2px;
  }
  
  .profile_tab_content .profile_ads_action .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background-color: #454545;
    transition: 0.4s;
    color: #666;
    width: 100%;
    float: none;
  }
  
  .profile_tab_content .profile_ads_action .slider:before {
    position: absolute;
    content: " عدم نمایش";
    height: 20px;
    width: 60px;
    left: 2px;
    bottom: 2px;
    background-color: #e53935;
    transition: 0.4s;
    line-height: 20px;
    color: #fff;
  }
  
  .profile_tab_content .profile_ads_action .switch input:checked + .slider:before {
    content: " نمایش";
    left: calc(100% - 62px);
    background-color: #8dc63f;
  }
  
  .profile_tab_content .edit_form {
    padding: 12px;
  }
  ul.profile_ads_progress:after {
    content: "";
    display: table;
    clear: both;
  }
  ul.profile_ads_progress {
    width: 870px;
    max-width: calc(100% - 40px);
    padding: 80px 0 40px;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }
  ul.profile_ads_progress li {
    width: 0;
    text-align: center;
    position: relative;
  }
  ul.profile_ads_progress li:nth-child(1) {
    width: 20%;
  }
  ul.profile_ads_progress li:nth-child(2) {
    width: 40%;
  }
  ul.profile_ads_progress li:nth-child(3) {
    width: 30%;
  }
  ul.profile_ads_progress li:nth-child(4) {
    width: 10%;
  }
  ul.profile_ads_progress li span {
    position: absolute;
    top: 5px;
    right: 0;
    transform: translateX(50%);
    line-height: 30px;
  }
  ul.profile_ads_progress li.prog > div {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: #b7b7b7;
  }
  ul.profile_ads_progress li.prog > div:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 3px solid #b7b7b7;
    background: #fff;
    position: absolute;
    right: -8px;
    top: -7px;
    border-radius: 100%;
    z-index: 5;
  }
  ul.profile_ads_progress li.prog_end > div:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 3px solid #b7b7b7;
    background: #fff;
    position: absolute;
    right: calc(50% - 8px);
    top: -7px;
    border-radius: 100%;
    z-index: 5;
  }
  ul.profile_ads_progress li.prog.prog_full > div:before,
  ul.profile_ads_progress li.prog.progressing > div:before,
  ul.profile_ads_progress li.prog_end.prog_end_full > div:before {
    background: #8dc63f;
    border-color: #555;
  }
  ul.profile_ads_progress li.prog > div div {
    float: right;
    height: 2px;
    background: #555;
    position: relative;
  }
  ul.profile_ads_progress li.prog.prog_full > div {
    background: #555;
  }
  
  ul.profile_ads_progress li.prog.progressing > div div:before {
    content: attr(data-title);
    position: absolute;
    left: -57.5px;
    top: -40px;
    background: #f40070;
    height: 27px;
    width: 115px;
    line-height: 27px;
    color: #fff;
    text-align: center;
  }
  ul.profile_ads_progress li.prog.progressing > div div:after {
    content: "";
    position: absolute;
    left: -10px;
    top: -13px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 7px solid #f40070;
  }
  .chart_view {
    padding: 40px 0 10px;
  }
  .chart_view canvas {
    height: 200px;
  }
  .remove_ads {
    padding: 40px 0;
  }
  .remove_ads:after {
    content: "";
    display: table;
    clear: both;
  }
  .remove_ads .remove_ads_desc {
    float: right;
    width: calc(100% - 280px);
    text-align: justify;
    line-height: 25px;
    margin-top: 1%;
    padding-right: 3%;
  }
  .remove_ads .remove_ads_action {
    float: left;
    width: 200px;
    margin-right: 80px;
  }
  .remove_ads .remove_ads_action .bootstrap-select.btn-group {
    margin-bottom: 10px;
  }
  .remove_ads .remove_ads_action button.remove_ads_btn {
    display: block;
    width: 100%;
    background: #f40070;
    border: none;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
  }
  .tab_view_inner > ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .tab_view_inner > ul > li {
    float: right;
    width: 50%;
    line-height: 40px;
    background: #b7b7b7;
    color: #fff;
    text-align: center;
    cursor: pointer;
  }
  .tab_view_inner > ul > li.current {
    background: #f40070;
    position: relative;
  }
  .tab_view_inner > ul > li.current:after {
    content: "";
    border-top: 10px solid #f40070;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: 100%;
    position: absolute;
    right: calc(50% - 10px);
  }
  .tab_view_inner .tab_inner_content {
    display: none;
    padding: 20px 10px 10px;
    border: 1px solid #b7b7b7;
    border-top: none;
  }
  .tab_view_inner .tab_inner_content.current {
    display: block;
  }
  
  table#transaction_table {
    text-align: center;
    font-size: 12px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
  }
  table#transaction_table thead tr th {
    text-align: center;
  }
  table#transaction_table tbody tr td {
    line-height: 40px;
    padding: 0 5px;
  }
  table#transaction_table tbody tr td i {
    font-size: 18px;
    line-height: 40px;
  }
  table#transaction_table tbody tr td i.md.md-check-circle {
    color: #43a047;
  }
  table#transaction_table tbody tr td i.md.md-close-circle {
    color: #e53935;
  }
  .transaction_detail {
    font-size: 14px;
    margin-top: 15px;
    line-height: 30px;
  }
  .transaction_detail p {
    margin: 0;
  }
  .transaction_detail .btn.btn_pay {
    line-height: 30px;
    padding: 0 25px;
    background: #f40070;
    color: #fff;
    display: block;
    border: none;
  }
  .transaction_detail .btn.btn_pay:hover {
    background: #cb005d;
  }
  .detail_ad_row:after {
    content: "";
    display: table;
    clear: both;
  }
  .detail_ad_row {
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #8dc63f;
  }
  .detail_ad_row .col_25 {
    float: right;
    width: 25%;
  }
  .detail_ad_row .col_75 {
    float: right;
    width: 75%;
  }
  .detail_ad_row .col_50 {
    float: right;
    width: 50%;
  }
  .detail_ad_row_first {
    margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #8dc63f;
    border-top: 1px solid #8dc63f;
  }
  .detail_ad_row_last {
    padding-bottom: 10px;
    position: relative;
  }
  #detail_ad .profile_ads_title h2 {
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #detail_ad .profile_ads_title i {
    min-width: 25px;
    margin-left: 5px;
    text-align: center;
    color: #b4b4b4;
    font-size: 25px;
  }
  #detail_ad .profile_ads_title time {
    padding-right: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  #detail_ad .profile_ads_title p {
    font-size: 14px;
    line-height: 30px;
    margin: 0;
  }
  #detail_ad .profile_ads_title h1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    display: flex;
    align-items: center;
  }
  #detail_ad .profile_ads_title .ads_code {
    margin-right: auto;
    line-height: 20px;
    color: #fff;
    background: #f40070;
    padding: 0 15px;
  }
  #detail_ad .profile_ads_title_cols {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 30px;
  }
  
  #detail_ad .profile_ads_title_cols p {
    display: flex;
    align-items: center;
  }
  #detail_ad .profile_ads_title_cols .ads_tag {
    margin-right: auto;
    line-height: 20px;
    color: #fff;
    background: #8dc63f;
    padding: 0 15px;
  }
  #detail_ad .profile_ads_title_cols .ads_contact_num span {
    direction: ltr;
  }
  #detail_ad .profile_ads_title_cols .get_num {
    padding: 0 8px;
    line-height: 22px;
    background-color: #e2e2e2;
    display: inline-block;
    margin-right: 10px;
  }
  #detail_ad .detail_ad_btn {
    position: absolute;
    left: 0;
    top: 100%;
  }
  #detail_ad .detail_ad_btn > ul > li {
    float: left;
    margin-right: 5px;
    width: 25px;
    height: 25px;
    position: relative;
  }
  #detail_ad .detail_ad_btn > ul > li label,
  #detail_ad .detail_ad_btn > ul > li a {
    width: 100%;
    display: block;
    line-height: 25px;
    background-color: #454545;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    cursor: pointer;
  }
  #detail_ad .detail_ad_btn > ul > li label i,
  #detail_ad .detail_ad_btn > ul > li a i {
    display: block;
    line-height: inherit;
  }
  #detail_ad .detail_ad_btn > ul > li input[type="checkbox"] {
    display: none;
  }
  #detail_ad .detail_ad_btn > ul > li input[type="checkbox"]:checked + label {
    color: #8dc63f;
  }
  #detail_ad .detail_ad_btn > ul > li > ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 100%;
  }
  #detail_ad .detail_ad_btn > ul > li:hover > ul {
    display: block;
  }
  #detail_ad .detail_ad_btn > ul > li > ul > li {
    margin-bottom: 5px;
  }
  #detail_ad .profile_ads_options ul li {
    line-height: 26px;
    font-size: 13px;
  }
  #detail_ad .profile_ads_options ul li i {
    float: right;
    margin-left: 5px;
    line-height: 26px;
    text-align: center;
    color: #b4b4b4;
    font-size: 20px;
  }
  #detail_ad .detail_ad_btn > ul > li > ul > li .tooltip {
    min-width: 130px;
    font-size: 11px;
  }
  #detail_ad .detail_ad_btn > ul > li > ul > li a.icon-facebook {
    background: #3b5998;
  }
  #detail_ad .detail_ad_btn > ul > li > ul > li a.icon-google-plus {
    background: #dd4b39;
  }
  #detail_ad .detail_ad_btn > ul > li > ul > li a.icon-telegram {
    background: #0088cc;
  }
  #detail_ad .detail_ad_btn > ul > li > ul > li a.icon-linkedin {
    background: #0077b5;
  }
  .detail_ad_inner:after {
    content: "";
    display: table;
    clear: both;
  }
  .detail_ad_inner {
    margin-bottom: 14px;
  }
  .detail_ad_inner:first-child {
    padding-top: 10px;
  }
  .detail_ad_inner label {
    float: right;
    width: 180px;
    line-height: 35px;
    padding: 0 10px;
    margin: 0;
    background: #f40070;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
  }
  .detail_ad_inner label:after {
    float: left;
    line-height: 35px;
    content: "\f104";
    font-family: fontawesome;
    font-size: 14px;
  }
  .detail_ad_inner span {
    float: right;
    width: calc(100% - 180px);
    line-height: 33px;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-right: none;
    color: #000;
    font-size: 14px;
  }
  
  #detail_ad_slider {
    height: 242px;
  }
  #detail_ad_slider .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  #detail_ad_slider .swiper-slide {
    background-size: cover;
    background-position: center;
  }
  #detail_ad_slider .gallery-top {
    height: calc(100% - 60px);
    width: 100%;
  }
  #detail_ad_slider .gallery-thumbs {
    height: 60px;
    box-sizing: border-box;
    padding: 5px 0 0;
  }
  #detail_ad_slider .gallery-thumbs .swiper-slide {
    width: 60px;
    height: 100%;
    opacity: 0.4;
  }
  #detail_ad_slider .gallery-thumbs .swiper-slide-active {
    opacity: 1;
  }
  #detail_ad_slider .ads_image_next,
  #detail_ad_slider .ads_image_prev {
    position: absolute;
    right: 0;
    top: calc(50% - 17px);
    line-height: 34px;
    font-size: 28px;
    z-index: 5;
    color: #fff;
    width: 34px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    cursor: pointer;
  }
  #detail_ad_slider .ads_image_next i,
  #detail_ad_slider .ads_image_prev i {
    line-height: inherit;
    display: block;
  }
  #detail_ad_slider .ads_image_next:hover,
  #detail_ad_slider .ads_image_prev:hover {
    background-color: rgba(255, 0, 112, 0.5);
  }
  #detail_ad_slider .ads_image_prev {
    right: auto;
    left: 0;
  }
  #detail_ad_slider .ads_image_prev.swiper-button-disabled,
  #detail_ad_slider .ads_image_next.swiper-button-disabled {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ccc;
    cursor: default;
  }
  
  #detail_ad_map {
    height: 235px;
    margin-bottom: 10px;
  }
  .detail_ad_options:after {
    content: "";
    display: table;
    clear: both;
  }
  .detail_ad_options .detail_ad_option {
    float: right;
    width: 25%;
    margin: 0 0 30px;
    padding: 0 6px;
  }
  .detail_ad_options .detail_ad_option span {
    display: block;
    line-height: 20px;
    position: relative;
  }
  .detail_ad_options .detail_ad_option span i {
    color: #999;
    float: right;
    line-height: 20px;
    font-size: 20px;
    margin-left: 5px;
  }
  .detail_ad_options .detail_ad_option span:before {
    content: "\f279";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 2px;
    left: 0;
    font-family: material-design;
    margin-right: 10px;
    line-height: 15px;
    font-size: 20px;
    color: #f40070;
  }
  .detail_ad_options .detail_ad_option.checked span:before {
    content: "\f26a";
  }
  .detail_ad_desc {
    font-size: 14px;
    line-height: 30px;
    text-align: justify;
  }
  .option_lists:after {
    content: "";
    clear: both;
    display: table;
  }
  .option_lists {
    margin: 0 -6px;
  }
  .option_lists .col_25 {
    padding: 0 6px;
  }
  .option_lists .options_list_title {
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    background: #aeaeae;
    color: #fff;
    position: relative;
  }
  .option_lists .options_list_title:after {
    content: "";
    border-top: 5px solid #aeaeae;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    top: 100%;
    position: absolute;
    right: calc(50% - 6px);
  }
  .option_lists .option_list {
    background: #f6f6f6;
    padding: 20px 40px;
    margin-bottom: 20px;
  }
  .option_lists .option_list ul li {
    position: relative;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
  }
  .option_lists .option_list ul li:before {
    content: "\f279";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 2px;
    left: 0;
    font-family: material-design;
    margin-right: 10px;
    line-height: 15px;
    font-size: 20px;
    color: #f40070;
  }
  .option_lists .option_list ul li.checked:before {
    content: "\f26a";
  }
  .option_lists .option_list ul li i {
    float: right;
    line-height: 20px;
    margin-left: 4px;
    font-size: 15px;
    color: #999;
  }
  .detail_ad_bottom {
    margin: 0 -6px;
  }
  .detail_ad_bottom:after {
    display: table;
    clear: both;
    content: "";
  }
  .detail_ad_bottom .col_50 {
    padding: 0 6px;
  }
  .detail_ad_bottom_box {
    min-height: 140px;
    background: #f4f4f4;
    padding: 5px;
    margin-bottom: 10px;
    position: relative;
  }
  #detail_ad .logos {
    text-align: center;
  }
  #detail_ad .logos a {
    line-height: 130px;
    display: inline-block;
    padding: 0 5px;
  }
  .notif_box .notif_title {
    margin-bottom: 15px;
  }
  .notif_box .notif_title h4 {
    font-size: 18px;
  }
  .notif_box .notif_content {
    text-align: justify;
    font-size: 13px;
    line-height: 25px;
  }
  a.report_ad {
    display: inline-block;
    line-height: 20px;
    font-size: 13px;
    background: #ff0000;
    position: absolute;
    left: 5px;
    padding: 0 10px;
    top: 5px;
    color: #fff;
  }
  .report_ads:after {
    display: table;
    clear: both;
    content: "";
  }
  #report_ad .report_ads_desc {
    float: right;
    width: calc(100% - 220px);
    text-align: justify;
    line-height: 25px;
  }
  #report_ad .report_ads_action {
    float: left;
    width: 200px;
    margin-right: 20px;
  }
  #report_ad .report_ads_action .bootstrap-select.btn-group {
    margin-bottom: 10px;
  }
  #report_ad .report_ads_action button.report_ads_btn {
    display: block;
    width: 100%;
    background: #f40070;
    border: none;
    line-height: 35px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
  }
  #detail_chart .form_field {
    float: right;
    width: 50%;
  }
  #detail_chart .form_field_half {
    float: right;
    width: 25%;
  }
  #detail_chart .btn_area_search {
    width: 100%;
    background: #f40070;
    border: none;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px 0 5px 5px;
  }
  .detail_chart_view {
    height: 220px;
  }
  .detail_chart_view canvas {
    height: 100%;
    width: 100%;
  }
  #detail_chart_map {
    height: 235px;
  }
  #detail_chart .detail_chart_text {
    text-align: justify;
    line-height: 25px;
  }
  
  #mytools_tab:after {
    content: "";
    display: table;
    clear: both;
  }
  #mytools_tab {
    margin: 0 -3px;
  }
  #mytools_tab ul li {
    float: right;
    width: calc(33.33333% - 6px);
    line-height: 30px;
    padding: 0 3px;
    background: #b7b7b7;
    color: #fff;
    margin: 0 3px;
    text-align: center;
    cursor: pointer;
  }
  #mytools_tab ul li.current {
    background: #f40070;
  }
  
  .compare_list:after {
    clear: both;
    content: "";
    display: table;
  }
  .compare_list {
    margin: 0 -6px;
  }
  .compare_col {
    float: right;
    width: 25%;
    padding: 0 6px;
    margin-bottom: 15px;
  }
  .compare_item {
    border: 1px solid #c3c3c3;
    position: relative;
  }
  .compare_item .compare_item_slider {
    height: 150px;
  }
  .compare_item .swiper-container {
    width: 100%;
    height: 100%;
  }
  .compare_item .swiper-slide {
    background-position: center;
    background-size: cover;
  }
  .compare_item .ads_image_next,
  .compare_item .ads_image_prev {
    position: absolute;
    right: 0;
    top: calc(50% - 12.5px);
    line-height: 25px;
    font-size: 25px;
    z-index: 5;
    color: #fff;
    width: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    cursor: pointer;
  }
  .compare_item .ads_image_next:hover,
  .compare_item .ads_image_prev:hover {
    background-color: rgba(255, 0, 112, 0.5);
  }
  .compare_item .ads_image_prev {
    right: auto;
    left: 0;
  }
  .compare_item .ads_image_prev.swiper-button-disabled,
  .compare_item .ads_image_next.swiper-button-disabled {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ccc;
    cursor: default;
  }
  .compare_item img {
    width: 100%;
  }
  .compare_item_row {
    padding: 0 10px;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
  }
  .compare_item_row.center {
    text-align: center;
    border: none;
  }
  .compare_item_options {
    padding: 10px;
  }
  .compare_item_options ul:after {
    clear: both;
    content: "";
    display: table;
  }
  .compare_item_options ul li {
    position: relative;
    line-height: 35px;
    float: right;
    width: 50%;
  }
  .compare_item_options ul li:before {
    content: "\f26a";
    font-family: material-design;
    float: right;
    margin-left: 5px;
    line-height: 35px;
    font-size: 20px;
    color: #f40070;
  }
  .compare_item_title {
    line-height: 25px;
    background: #c3c3c3;
    color: #fff;
    text-align: center;
    font-size: 14px;
    position: relative;
  }
  .compare_item_title:before {
    content: "";
    border-top: 6px solid #c3c3c3;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    top: 100%;
    position: absolute;
    right: calc(50% - 6px);
  }
  .compare_item_title_colored {
    line-height: 25px;
    background: #f40070;
    color: #fff;
    text-align: center;
    font-size: 14px;
    position: relative;
  }
  .compare_item .compare_title h2 {
    font-size: 18px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .compare_item .compare_item_row i {
    float: right;
    margin-left: 5px;
    line-height: 30px;
    text-align: center;
    color: #b4b4b4;
    font-size: 18px;
  }
  .compare_item .compare_title time {
    line-height: 30px;
    margin-bottom: 10px;
  }
  .compare_item p {
    font-size: 13px;
    line-height: 30px;
    margin: 0;
  }
  .compare_item #area_shape .area_shape {
    border-radius: 0;
    margin: 0;
  }
  .compare_item .compare_remove {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9;
    width: 20px;
    height: 20px;
    background: #f40070;
    text-align: center;
    transition: 0.2s;
    visibility: hidden;
    opacity: 0;
  }
  .compare_item:hover .compare_remove {
    visibility: visible;
    opacity: 1;
  }
  .compare_item .compare_remove a {
    display: block;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
  }
  .compare_item .compare_remove a i {
    display: block;
    line-height: 20px;
  }
  
  .login_btn {
    width: calc(100% - 140px);
    float: right;
    line-height: 35px;
    border: none;
    color: #fff;
    background: #43a047;
    font-size: 15px;
  }
  a.timer_btn {
    width: 130px;
    float: left;
    line-height: 37px;
    margin-right: 10px;
    border: none;
    color: #666;
    background: #c9c9c9;
    font-size: 15px;
    text-align: center;
  }
  a#send_text {
    background: #f40070;
    color: #fff;
  }
  a.timer_btn span {
    border-right: 1px solid #999;
    background: #e0e0e0;
    color: #666;
    float: left;
    line-height: 35px;
    width: 35px;
    text-align: center;
    font-size: 13px;
    border-radius: 4px 0 0 4px;
  }
  #welcome_page {
    padding: 65px 0;
  }
  .welcome_box {
    width: 790px;
    margin: 0 auto;
    border: 1px solid #a3a3a3;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 0 0;
    background: #efefef url(../images/login_bg.png) no-repeat;
    background-position: center -25px;
    padding-top: 110px;
  }
  .welcome_box .logo {
    width: 148px;
    height: 178px;
    background: url("../images/Profile-Login-Logo.png") no-repeat;
    margin: 0 auto 20px;
  }
  .welcome_content {
    /*background: #f4f4f4;*/
    background: #e5e3e3;
    border-top: 8px solid #8dc63f;
    padding: 15px;
    text-align: center;
    color: #666;
    line-height: 25px;
  }
  .welcome_content h3 {
    line-height: 35px;
    margin-bottom: 15px;
  }
  .welcome_verify {
    background: #f40070;
    line-height: 40px;
    color: #fff;
    font-size: 15px;
    text-align: center;
  }
  .welcome_verify p {
    margin: 0;
  }
  .article_item {
    line-height: 32px;
    font-size: 14px;
    text-align: justify;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    padding: 15px;
  }
  .article_title {
    border-bottom: 2px solid #e9e9e9;
    margin-bottom: 20px;
    text-align: center;
  }
  .article_title h1 {
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    background: #f40070;
    color: #fff;
    margin-bottom: 4px;
    padding: 0 15px;
  }
  .alert_box {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
    margin-bottom: 15px;
  }
  .alert_box.alert_success {
    border: 1px solid #43a047;
    border-bottom: 2px solid #43a047;
  }
  .alert_box.alert_success i {
    color: #43a047;
  }
  .alert_box.alert_danger {
    border: 1px solid #e53935;
    border-bottom: 2px solid #e53935;
  }
  .alert_box.alert_danger i {
    color: #e53935;
  }
  .alert_box i {
    display: block;
    font-size: 70px;
    margin-bottom: 20px;
  }
  .alert_box p {
    font-size: 15px;
    margin-bottom: 25px;
  }
  .alert_box a {
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    background: #f40070;
    padding: 0 20px;
    display: inline-block;
    text-align: center;
  }
  
  .select_multiple.btn-group {
    display: block;
  }
  .select_multiple.btn-group > button.btn {
    display: block;
    width: 100%;
    height: 35px;
    float: none;
    text-align: right;
  }
  .select_multiple.btn-group > button.btn:before {
    content: attr(data-value);
  }
  .select_multiple.btn-group > button.btn:after {
    position: absolute;
    content: "\f107";
    left: 12px;
    top: 0;
    line-height: inherit;
    color: #999;
    font-family: fontawesome;
  }
  .select_multiple .dropdown-menu {
    top: 100%;
    left: 0;
    right: 0;
  }
  .select_multiple .dropdown-menu ul > li {
    line-height: 35px;
    cursor: pointer;
    padding: 0 15px;
  }
  .select_multiple .dropdown-menu-header:after {
    content: "";
    display: table;
    clear: both;
  }
  .select_multiple .dropdown-menu-header {
    border-bottom: 1px solid #ddd;
    display: none;
  }
  .select_multiple .dropdown-menu-header li {
    line-height: 35px;
    padding: 0 10px;
  }
  .select_multiple .dropdown-menu-header li i {
    float: right;
    line-height: 35px;
    margin-left: 5px;
  }
  .select_multiple .dropdown-menu-header li:hover {
    background: #eee;
    cursor: pointer;
  }
  .select_multiple .dropdown-menu-header span.arrow_right {
    padding-right: 15px;
    position: relative;
  }
  .select_multiple .dropdown-menu-header span.arrow_right:before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: 0;
  }
  .select_multiple .dropdown-menu ul > li {
    padding: 0;
  }
  .select_multiple .dropdown-menu ul > li > span {
    display: block;
    padding: 0 10px;
    position: relative;
  }
  .select_multiple .dropdown-menu ul > li > span:after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    left: 10px;
    top: 0;
  }
  .select_multiple .dropdown-menu > ul > li > ul > li > span:after {
    display: none;
  }
  .select_multiple .dropdown-menu ul > li:hover > span {
    background: #eee;
  }
  
  .select_multiple .dropdown-menu > ul > li > ul > li {
    display: none;
  }
  .select_multiple .dropdown-menu ul[data-step="2"] {
    display: none;
  }
  
  .select_multiple .dropdown-menu-header li span {
    display: block;
  }
  
  .multi_select.btn-group {
    display: block;
  }
  .multi_select.btn-group > button.btn {
    display: block;
    width: 100%;
    float: none;
    text-align: right;
  }
  .multi_select.btn-group > button.btn:after {
    position: absolute;
    content: "\f107";
    left: 12px;
    top: 0;
    line-height: inherit;
    color: #999;
    font-family: fontawesome;
  }
  .multi_select .dropdown-menu {
    top: 100%;
    left: 0;
    right: 0;
  }
  .multi_select .dropdown-menu ul li span {
    padding: 0 10px;
    line-height: 35px;
    display: none;
    cursor: pointer;
    position: relative;
  }
  .multi_select .dropdown-menu ul[data-level]:not([data-islast]) > li > span:after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    left: 10px;
    top: 0;
  }
  .multi_select .dropdown-menu ul li span:hover {
    background: #eee;
  }
  .multi_select .dropdown-menu ul.current_level > li > span {
    display: block;
    padding: 0 30px 0 10px;
  }
  .multi_select .dropdown-menu ul.dropdown-btn > li > span {
    display: block;
  }
  .multi_select .hide_back {
    display: none;
  }
  .multi_select .dropdown-btn li[data-all] span {
    padding: 0 10px;
  }
  .multi_select .dropdown-btn li[data-back] span {
    padding: 0 10px;
    font-style: italic;
    position: relative;
  }
  .multi_select .dropdown-btn li[data-back] span:before {
    float: right;
    font-family: fontawesome;
    content: "\f105";
    margin-left: 5px;
    font-size: 16px;
    line-height: inherit;
  }
  .multi_select .dropdown-toggle:before {
    content: attr(data-value-0);
  }
  .multi_select .dropdown-toggle[data-value-1]:before {
    content: attr(data-value-1);
  }
  .multi_select .dropdown-toggle[data-value-1][data-value-2]:before {
    content: attr(data-value-1) " » " attr(data-value-2);
  }
  .multi_select .dropdown-toggle[data-value-1][data-value-2][data-value-3]:before {
    content: attr(data-value-1) " » " attr(data-value-2) " » " attr(data-value-3);
  }
  .multi_select .search_box {
    padding: 5px;
  }
  .multi_select .search_result {
    overflow-y: scroll;
    max-height: 170px;
  }
  .multi_select .search_result ul li span {
    padding: 0 10px;
    line-height: 35px;
    display: block;
    cursor: pointer;
    position: relative;
  }
  .multi_select .loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #888;
    width: 30px;
    height: 30px;
    margin: 5px auto;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  .compare_item .compare_badge {
    position: absolute;
    left: -3px;
    top: 8px;
    padding: 0 15px;
    background: #f40070;
    color: #fff;
    font-family: sans;
    z-index: 4;
  }
  
  .compare_item .compare_map {
    height: 180px;
  }
  
  #contactus #conatct_us_map {
    height: 300px;
    margin-bottom: 15px;
  }
  #contactus #conatct_us_map iframe {
    width: 100%;
  }
  #contactus textarea {
    min-height: 150px;
  }
  #contactus .contact_us {
    line-height: 32px;
    font-size: 14px;
    text-align: justify;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    padding: 15px;
  }
  .btn_left {
    text-align: left;
  }
  #contactus button.btn {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background: #f40070;
    border: none;
    padding: 0 15px;
  }
  #contactus button.btn:hover {
    background: #cb005d;
  }
  .contact_us_list li {
    line-height: 35px;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .contact_us_list li i {
    float: right;
    line-height: inherit;
    margin-left: 5px;
    width: 35px;
    background: #f5f5f5;
    color: #bdbdbd;
    text-align: center;
    border-radius: 4px 4px 4px 0;
    font-size: 18px;
  }
  
  #faq .faq_box {
    line-height: 32px;
    font-size: 14px;
    text-align: justify;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #e9e9e9;
    padding: 15px;
  }
  .faq_item {
    margin-bottom: 10px;
  }
  
  .faq_item .faq_title h3 {
    background: #b7b7b7;
    color: #fff;
    padding: 0 40px 0 15px;
    font-size: 15px;
    line-height: 35px;
    cursor: pointer;
    position: relative;
  }
  .faq_item.active .faq_title h3 {
    background: #f40070;
  }
  .faq_item .faq_title h3:before {
    content: "\f067";
    font-family: fontawesome;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 35px;
    text-align: center;
  }
  .faq_item.active .faq_title h3:before {
    content: "\f068";
  }
  
  .faq_item .faq_content {
    padding: 5px 15px;
    background: #f3f3f3;
    display: none;
    text-align: justify;
  }
  .faq_item .faq_content p {
    margin: 0;
  }
  #loading {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    /*
      background: rgba(0,0,0,0.75)
      */
  }
  #loading:after {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    margin: -40px -40px 0 0;
    border: 6px solid #eee;
    border-radius: 50%;
    border-top: 6px solid #f40070;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
  }
  
  /*new sd */
  .gmnoprint a,
  .gmnoprint span {
    display: none;
  }
  .gmnoprint div {
    background: none !important;
  }
  
  img[src="http://maps.gstatic.com/mapfiles/api-3/images/google_white2.png"], a[href^="http://maps.google.com/maps"]
  {
    display: none !important;
  }
  
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
  }
  
  .click_enable_input .btn.dropdown-toggle {
    background: #eee;
    border-color: #ccc;
    color: #888;
  }
  .click_enable_input .btn.dropdown-toggle.has_value {
    background-color: #fff;
    color: #555;
  }
  .profile_text {
    float: right;
    width: 100%;
    margin-top: 10px;
    position: relative;
  }
  .profile_text textarea {
    width: 100%;
    min-height: 50px;
    min-width: 100%;
    max-width: 100%;
    display: block;
    padding-left: 50px;
    padding-right: 3px;
    padding-top: 3px;
    border: none;
    background: #fbfbfb;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0px 1px 5px #b7b7b7;
  
    /*	width: 100%;
          min-height: 50px;
          min-width: 100%;
          max-width: 100%;
          display: block;
          padding-left: 50px*/
  }
  .profile_text a {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    background: #8dc63f;
    color: #fff;
    text-align: center;
  }
  .profile_text a i {
    line-height: inherit;
    display: block;
  }
  .set_green_color {
    background: #7fc555;
  }
  
  .tag_selected {
    background: #8dc63f;
    border-color: #8dc63f;
  }
  .remove_radios {
    border-radius: 0px !important;
  }
  
  .importan_back_ground_red {
    background: #f40070 !important;
  }
  
  .importan_back_ground_green {
    background: #8dc63f !important;
  }
  
  .importan_back_ground {
    color: #636363 !important;
    background: #ffffff !important;
  }
  
  .importan_color {
    color: #333 !important;
  }
  
  .leaflet-top {
    z-index: 500 !important;
  }
  
  /*
  {
      width: 100%;
      min-height: 100px;
  }*/
  
  .brdcrumb {
    margin-bottom: 10px;
  }
  .brdcrumb ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .brdcrumb ul li {
    line-height: 25px;
    font-size: 12px;
    margin-left: 10px;
    position: relative;
    display: flex;
    align-items: center;
  }
  .brdcrumb ul li:after {
    content: "\f2fa";
    font-family: "Material-Design";
    color: #b7b7b7;
    font-size: 17px;
    padding-right: 10px;
  }
  .brdcrumb ul li:last-child {
    margin-left: 0;
  }
  .brdcrumb ul li:last-child:after {
    display: none;
  }
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    100% {
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @media (max-width: 1200px) {
    #user_page_header .user_page_image {
      flex: 0 0 120px;
      max-width: 120px;
    }
    #user_page_header .user_page_image img {
      width: 120px;
      height: 120px;
    }
    #user_page_header .user_page_col {
      flex: 0 0 calc(100% - 130px);
      max-width: calc(100% - 130px);
    }
    #user_page_header .user_page_title h1 {
      font-size: 14px;
    }
    #user_page_header .user_page_title span {
      font-size: 11px;
    }
    header .btn_style {
      padding: 13px 0 0;
    }
    header nav#main_menu {
      padding: 0;
    }
    header nav#main_menu ul li a {
      line-height: 35px;
    }
    .ads_item .ads_price {
      margin: 0 5px;
    }
    .ads_item .ads_title {
      padding: 12px 5px;
    }
    .container_inner {
      padding: 0;
    }
    .images_uploader .qq-upload-list-selector,
    ul.list-placeholder,
    .edit_form ul.list-placeholder {
      padding: 0 43px;
    }
    .uploader .qq-upload-list-selector,
    ul.list-placeholder,
    .edit_form ul.list-placeholder {
      padding: 0 43px;
    }
    .profile_tab_content .profile_ads_title {
      width: 210px;
    }
    .profile_tab_content .profile_ads_options {
      width: 145px;
    }
    .profile_tab_content .profile_ads_price {
      width: 150px;
    }
    .profile_tab_content .profile_ads_action {
      width: 149px;
    }
  }
  @media (max-width: 992px) {
    body {
      padding-top: 130px;
    }
    header .header_selectbox {
      float: left;
      width: 250px;
      margin-right: calc(100% - 480px);
    }
    header .btn_style {
      padding: 4px 0;
    }
    header nav#main_menu {
      padding: 4px;
    }
    header nav#main_menu ul li a {
      line-height: 40px;
    }
    header .logo {
      margin-top: 15px;
    }
    header .logo a {
      line-height: 60px;
    }
    header .logo img {
      height: 60px;
    }
    header .header_selectbox {
      padding: 17px 0 18px;
    }
    .ads_col {
      width: 50%;
    }
    .grid_col_2 .ads_col {
      width: 100%;
      padding: 0;
    }
    .grid_col_2 .ads_item .ads_price {
      padding: 0 3px;
    }
    .grid_col_2 .ads_item .content_hover {
      display: none;
      right: 0;
      width: auto;
    }
    .grid_col_2 .ads_item .content_hover.open {
      display: block;
    }
    .grid_col_2 .ads_item .content_hover .close_hover {
      display: block;
    }
    .grid_col_2 .ads_content {
      padding: 0 25px 5px 10px;
    }
    .grid_col_2 .ads_item .ads_prices {
      left: 12px;
    }
    .grid_col_2 .ads_item .ads_btn > ul > li:last-child {
      display: block;
    }
    #search_map #search_gmap {
      float: none;
      width: 100%;
      margin: 0;
    }
    #search_map .search_form {
      float: none;
      width: calc(100% + 12px);
    }
    .submit_ad_fields .col_25 {
      width: 50%;
    }
    .submit_ad_fields .col_50 {
      width: 100%;
    }
    .form_chekboxes .checkbox,
    .detail_ad_options .detail_ad_option {
      width: 50%;
    }
    .submit_ad_desc {
      min-height: 230px;
    }
    .map_select .col_25 {
      margin-bottom: 12px;
    }
    .remove_ads .remove_ads_desc {
      width: calc(100% - 210px);
    }
    .remove_ads .remove_ads_action {
      width: 200px;
      margin-right: 10px;
    }
    .profile_tab_content .profile_ads_image {
      width: 200px;
    }
    .profile_tab_content .profile_ads_title {
      width: calc(100% - 345px);
    }
    .profile_tab_content .profile_ads_price {
      width: calc(100% - 220px);
    }
    .profile_tab_content .profile_ads_price .ads_price_box {
      float: right;
      width: 50%;
      padding: 0;
    }
    .profile_tab_content .profile_ads_action {
      width: 220px;
      left: -4px;
      padding: 4px 0 0px;
    }
    .profile_tab_content .profile_ads_action > span,
    .profile_tab_content .profile_ads_action label,
    .profile_tab_content
      .profile_ads_action
      .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
      float: right;
      width: calc(50% - 4px);
      margin: 0 2px 4px;
    }
    .profile_form_fields .form_field {
      width: 50%;
    }
    .profile_form_fields .form_field_half {
      width: 25%;
    }
    .profile_form_fields .form_field.form_field_full {
      width: 100%;
    }
    .profile_form_image_box {
      margin-bottom: 6px;
    }
    .profile_form_image button {
      line-height: 35px;
      height: 35px;
    }
    .compare_list .compare_col {
      width: 50%;
    }
    .welcome_box {
      width: 100%;
    }
    .profile_form_fields .form_field_duble {
      width: 100%;
    }
    #profile_header_panel .profile_row {
      flex-wrap: wrap;
    }
    #profile_header_panel .profile_header_field_activity,
    #profile_header_panel .profile_header_range_activity {
      flex: 0 0 50%;
      max-width: 50%;
    }
    #profile_header_panel .profile_header_range_activity {
      border-left: none;
    }
    #profile_header_panel .profile_header_bio {
      border-top: 1px solid #eee;
      padding: 5px 0 0 0;
      margin-top: 5px;
    }
    #user_page_header .user_page_wrapper {
      flex-direction: column;
    }
    #user_page_header .user_page_desc {
      margin-right: -100px;
    }
    #user_page_header .user_page_right,
    #user_page_header .user_page_left {
      flex: unset;
      max-width: unset;
      padding-left: 0;
    }
    #user_page_header .user_page_right {
      margin-bottom: 10px;
    }
    #user_page_header .user_page_map {
      display: none;
    }
    #user_page_header .user_page_row {
      padding-right: 5px;
    }
    #user_page_header .user_page_phone {
      text-align: center;
    }
    #user_page_header .user_page_col {
      flex: 0 0 calc(100% - 100px);
      max-width: calc(100% - 100px);
    }
    #user_page_header .user_page_image {
      flex: 0 0 90px;
      max-width: 90px;
    }
    #user_page_header .user_page_image img {
      width: 90px;
      height: 90px;
    }
    #user_page_header .user_page_address a {
      display: inline-block;
    }
    #user_page_header .user_page_btn a {
      max-width: 250px;
      margin: 5px auto 0;
    }
  }
  @media (max-width: 768px) {
    body {
      padding-top: 0;
      padding-bottom: 55px;
    }
    header {
      position: static;
      margin-bottom: 10px;
    }
    .mobile_nav {
      display: block;
    }
    #search_map .search_form .form_field {
      width: 50%;
    }
    #search_map .search_form .form_field_half {
      width: 25%;
    }
    header nav#main_menu {
      display: none;
    }
    .inner_header {
      margin-top: 10px;
      position: relative;
    }
    header .logo {
      width: auto;
      margin: 0;
    }
    header .logo a img {
      display: block;
      margin: 0 auto;
      height: 35px;
    }
    header .header_selectbox {
      position: absolute;
      left: 15px;
      top: 0;
      padding: 10px 0;
    }
    #content .right_sidebar {
      width: 100%;
      float: none;
    }
    #content .ads_header {
      padding-bottom: 10px;
    }
    #content .main_content {
      width: 100%;
      float: none;
      padding: 0;
    }
    #filtered_item ul li a,
    #filtered_item ul li a i {
      line-height: 25px;
    }
    .filter_toggle > h3 {
      line-height: 35px;
    }
    .submit_ad_fields .col_25 {
      width: 25%;
    }
    .submit_ad_fields .col_50 {
      width: 50%;
    }
    .form_chekboxes .checkbox,
    .detail_ad_options .detail_ad_option {
      width: 33.33333%;
    }
    .submit_ad_desc {
      margin-bottom: 25px;
    }
    .images_uploader .qq-upload-list-selector,
    ul.list-placeholder,
    .edit_form ul.list-placeholder {
      padding: 0 10px;
    }
    .submit_ad_options_list > ul > li {
      width: 50%;
    }
    .submit_ad_fields_full .col_25 {
      width: 50%;
    }
    .submit_ad_fields_full .col_75 {
      width: 100%;
    }
    .submit_ad_fields_full .col_btn {
      width: 100%;
    }
    .submit_ad_fields_full .col_os_25 {
      margin-right: 0;
    }
    .submit_ad_desc {
      min-height: 130px;
    }
    .remove_ads .remove_ads_desc {
      float: none;
      width: 100%;
      margin-bottom: 10px;
    }
    .remove_ads .remove_ads_action {
      float: none;
      width: 50%;
      margin: 0 auto;
    }
    .profile_tab_content .profile_ads_price {
      width: calc(100% - 180px);
    }
    .profile_tab_content .profile_ads_action {
      width: 180px;
    }
    #profile_form .profile_form_image {
      width: 180px;
      margin-right: 10px;
    }
    #profile_form .profile_form_fields {
      float: right;
      width: calc(100% - 184px);
    }
    .option_lists .col_25 {
      width: 50%;
    }
    .compare_list {
      display: block;
    }
    #detail_ad .container_inner {
      position: relative;
      padding-top: 247px;
    }
    #detail_ad .container_inner [class^="col-"] {
      position: static;
    }
    .detail_ad_row {
      position: static;
    }
    #detail_ad_slider {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
    }
    #detail_ad_slider.expire {
      position: absolute;
    }
    header .btn_style a {
      display: none;
    }
  
    #textlink {
      display: none;
    }
    .sidebar_row_box {
      position: fixed;
      left: -250px;
      width: 250px;
      top: 0;
      bottom: 0;
      background: #fff;
      padding: 40px 10px 10px;
      z-index: 99999;
      overflow-y: auto;
      transition: left 0.3s;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
    #multi-cities {
      max-height: 150px;
      overflow: scroll;
    }
    .sidebar_row_box.open {
      left: 0;
    }
  
    #logo_chan_mobile {
      margin-right: 0px /*20%*/;
    }
  
    #search_map {
      position: fixed;
      left: -100%;
      width: 100%;
      top: 0;
      bottom: 0;
      background: #fff;
      padding: 40px 0 10px;
      z-index: 99999;
      overflow-y: auto;
      transition: left 0.3s;
    }
    #search_map.open {
      left: 0;
    }
    #search_map .search_form {
      padding: 0;
    }
    #close_filter,
    #close_search {
      display: block;
    }
    #filtered_item ul:after {
      clear: both;
      content: "";
      display: table;
    }
    #filtered_item ul {
      margin: 0 -1px;
    }
    #filtered_item ul li {
      float: right;
      width: 25%;
      padding: 0 1px;
    }
    .right_sidebar > .sidebar_row {
      margin-bottom: 0;
    }
    #user_page_header .user_page_title {
      flex-wrap: wrap;
    }
    #user_page_header .user_page_title h1 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  
    #user_page_header .user_page_info {
      flex-direction: column;
      border-top: none;
    }
    #user_page_header .user_page_field_activity,
    #user_page_header .user_page_range_activity {
      flex: unset;
      max-width: unset;
      padding-top: 5px;
      padding-right: 0;
      border-top: 1px solid #eee;
      border-left: none;
    }
  }
  @media (max-width: 600px) {
    .profile_tab_content .profile_ads_title {
      width: calc(100% - 200px);
    }
    .profile_tab_content .profile_ads_options {
      padding: 5px 5px;
      width: 50%;
    }
    .profile_tab_content .profile_ads_price .ads_price_box {
      float: none;
      width: 100%;
    }
    .profile_tab_content .profile_ads_price {
      width: 50%;
    }
    .profile_tab_content .profile_ads_action {
      width: 100%;
      left: -2px;
      padding: 2px 0 0;
    }
    .profile_tab_content .profile_ads_action > span,
    .profile_tab_content .profile_ads_action label {
      float: right;
      width: calc(25% - 4px);
      margin: 0 2px 2px;
      line-height: 35px;
    }
    .profile_tab_content
      .profile_ads_action
      .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
      float: right;
      width: calc(25% - 4px);
      margin: 0 2px 2px;
    }
    .profile_tab_content .profile_ads_action .bootstrap-select > .dropdown-toggle {
      line-height: 33px;
    }
    #profile_form .profile_form_fields {
      float: none;
      width: calc(100% + 6px);
      margin: 0 -3px;
    }
    #profile_form .profile_form_image {
      float: none;
      width: 100%;
      margin: 0;
    }
    header .btn_style {
      width: calc(100% - 50px);
      margin-right: 10px;
    }
    header .header_selectbox {
      width: 170px;
    }
    .ads_col {
      width: 100%;
      padding: 0;
    }
    .ads_item .ads_badge,
    .grid_col_2 .ads_item .ads_badge {
      left: unset;
      right: -3px;
      top: 3px;
    }
    .ads_item .ads_badge ul li,
    .grid_col_2 .ads_item .ads_badge ul li {
      text-align: right;
    }
    .ads_item .ads_badge ul li span,
    .grid_col_2 .ads_item .ads_badge ul li span {
      line-height: 15px;
      font-size: 10px;
      padding: 0 5px;
      display: block;
    }
    .ads_item .ads_price,
    .ads_item .ads_price:first-child,
    .ads_item .ads_price:last-child,
    .grid_col_2 .ads_item .ads_price,
    .grid_col_2 .ads_item .ads_price:first-child,
    .grid_col_2 .ads_item .ads_price:last-child {
      margin: 0 5px;
      padding: 0;
      border-top: 1px solid #f0f0f0;
    }
    .ads_item .ads_property ul li,
    .ads_item .ads_price span,
    .grid_col_2 .ads_item .ads_property ul li,
    .grid_col_2 .ads_item .ads_price span {
      font-size: 12px;
    }
    .ads_item .ads_property,
    .grid_col_2 .ads_item .ads_property {
      min-height: 20px;
    }
    .ads_item .ads_property ul li i,
    .grid_col_2 .ads_item .ads_property ul li i {
      font-size: 20px;
      margin-left: 3px;
    }
    .ads_item .ads_prices,
    .grid_col_2 .ads_item .ads_prices {
      float: right;
      width: 100%;
      margin: 0;
      min-height: unset;
      position: static;
    }
    .ads_item .ads_price span,
    .grid_col_2 .ads_item .ads_price span {
      line-height: 20px;
    }
    .ads_item .content_hover,
    .grid_col_2 .ads_item .content_hover {
      top: 0;
      border-top: 1px solid #c3c3c3;
      right: 0;
      height: unset;
      width: unset;
      opacity: 0;
      visibility: hidden;
      padding: 5px;
    }
    .ads_item .content_hover.open,
    .grid_col_2 .ads_item .content_hover.open {
      visibility: visible;
      opacity: 1;
    }
    .grid_col_2 .ads_item .content_hover .ads_avatar,
    .grid_col_2 .ads_item .content_hover .ads_name,
    .grid_col_2 .ads_item .content_hover .close_hover {
      display: block;
    }
    .ads_item .content_hover .ads_name,
    .grid_col_2 .ads_item .content_hover .ads_name {
      font-size: 13px;
      margin-bottom: 5px;
    }
    .ads_item .content_hover .ads_contact,
    .grid_col_2 .ads_item .content_hover .ads_contact {
      line-height: 20px;
      font-size: 12px;
    }
    .ads_item .ads_date,
    .grid_col_2 .ads_item .ads_date {
      width: calc(100% - 90px);
      position: static;
      transform: unset;
    }
    .ads_item .ads_btn,
    .grid_col_2 .ads_item .ads_btn {
      width: 90px;
      position: relative;
      top: unset;
      right: unset;
      padding-left: 5px;
    }
    .grid_col_2 .ads_item .ads_btn > ul > li {
      float: left;
      margin: 0 5px 0 0;
    }
    .ads_item .ads_btn > ul > li:last-child,
    .grid_col_2 .ads_item .ads_btn > ul > li:last-child {
      margin-right: 0;
    }
    .ads_item .ads_title,
    .grid_col_2 .ads_item .ads_title {
      margin-top: 25px;
      padding: 5px;
    }
    .ads_item .ads_title p,
    .grid_col_2 .ads_item .ads_title p {
      line-height: 20px;
      font-size: 11px;
    }
    .ads_item .ads_property ul,
    .grid_col_2 .ads_item .ads_property ul {
      padding: 0 5px;
    }
    .ads_item .ads_title h2,
    .grid_col_2 .ads_item .ads_title h2 {
      line-height: 25px;
      font-size: 12px;
    }
    .ads_item .ads_property ul li,
    .grid_col_2 .ads_item .ads_property ul li {
      font-size: 11px;
      line-height: 20px;
    }
  
    .ads_item .content_hover .ads_avatar,
    .grid_col_2 .ads_item .content_hover .ads_avatar {
      margin-bottom: 5px;
    }
    .ads_item .content_hover .ads_avatar img,
    .grid_col_2 .ads_item .content_hover .ads_avatar img {
      width: 35px;
      height: 35px;
    }
    .ads_item .ads_image .swiper-container > a:after,
    .grid_col_2 .ads_item .ads_image .swiper-container > a:after {
      display: none;
    }
    .ads_item,
    .grid_col_2 .ads_item {
      padding: 0;
    }
    .ads_item .ads_image,
    .grid_col_2 .ads_item .ads_image {
      float: right;
      width: 120px;
      height: 120px;
    }
    .ads_content,
    .grid_col_2 .ads_content {
      float: left;
      width: calc(100% - 120px);
      padding: 0;
      position: relative;
      margin-top: -1px;
    }
    .ads_item .ads_date time,
    .grid_col_2 .ads_item .ads_date time {
      line-height: 25px;
      font-size: 11px;
    }
    #profile_header_panel {
      padding: 15px;
    }
    #profile_header_panel .profile_wrapper {
      flex-direction: column;
    }
    #profile_header_panel .profile_image {
      order: -1;
      flex: unset;
      max-width: unset;
      margin-bottom: 10px;
    }
    #profile_header_panel .profile_detail {
      flex: unset;
      max-width: unset;
      padding: 0;
    }
    #profile_header_panel .profile_header_title h1 {
      text-align: center;
      font-size: 16px;
    }
    #profile_header_panel .profile_header_title i {
      float: none;
      position: relative;
      top: 2px;
    }
    #profile_header_panel .profile_header_address h2 {
      text-align: center;
    }
    #profile_header_panel .profile_header_phone {
      text-align: center;
    }
    #profile_header_panel .profile_header_field_activity,
    #profile_header_panel .profile_header_range_activity {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
      border-left: none;
    }
    #profile_header_panel .profile_header_field_activity {
      margin-bottom: 5px;
      padding-top: 5px;
      border-bottom: 1px solid #eee;
    }
    #profile_header_panel .profile_header_info {
      text-align: center;
    }
    #profile_header_panel .profile_header_bio {
      margin-top: 0;
    }
    #profile_header_panel .profile_header_info span {
      margin-left: 0;
    }
    #profile_header {
      padding: 15px;
    }
    #profile_header .profile_image {
      float: none;
      margin: 0 auto 10px;
    }
    #profile_header .profile_image img {
      height: 50px;
      width: 50px;
    }
    #profile_header .profile_detail {
      float: none;
      width: auto;
    }
    #profile_header .profile_detail .profile_header_title {
      justify-content: center;
    }
    #profile_header .profile_detail .profile_header_title h1 {
      text-align: center;
      font-size: 16px;
    }
    #profile_header .profile_detail .profile_header_title i {
      float: none;
      position: relative;
      top: 2px;
    }
    #profile_header .profile_detail .profile_header_address h2 {
      text-align: center;
    }
    #profile_header .profile_detail .profile_header_phone {
      text-align: center;
    }
    #profile_header .profile_detail .profile_header_btn {
      text-align: center;
    }
    #user_page_header .user_page_cover {
      height: 180px;
    }
    #user_page_header .user_page_address h2 {
      text-align: center;
    }
    #user_page_header .user_page_address a {
      display: inline-block;
    }
    #user_page_header .user_page_row {
      flex-direction: column;
      align-items: center;
      margin-top: -45px;
    }
    #user_page_header .user_page_image {
      margin: 0 auto 10px;
      flex: unset;
      max-width: unset;
      transform: translateY(0);
    }
    #user_page_header .user_page_title {
      text-align: center;
    }
    #user_page_header .user_page_title span {
      margin-right: 0;
    }
    #user_page_header .user_page_col {
      padding-bottom: 0;
      flex: unset;
      max-width: unset;
    }
    #user_page_header .user_page_desc {
      margin: 0;
    }
    #user_page_header .user_page_phone {
      text-align: center;
    }
  }
  @media (max-width: 480px) {
    .col-mobile {
      width: auto;
      float: none;
    }
  
    .ads_item .ads_desc,
    .grid_col_2 .ads_item .ads_desc {
      display: none;
    }
    .pagination_wrapper {
      margin-bottom: 0;
    }
    .pagination_wrapper ul li {
      margin-left: 5px;
      margin-bottom: 5px;
    }
    .pagination_wrapper ul li a,
    .pagination_wrapper ul li span {
      line-height: 30px;
      min-width: 30px;
      font-size: 13px;
    }
    .ads_list_grid {
      margin: 0;
    }
  
    #search_map_toggle {
      display: block;
    }
    #search_map .search_form .form_field_half {
      width: 50%;
    }
  
    .submit_ad_fields .col_25 {
      width: 50%;
    }
    .submit_ad_fields .col_50 {
      width: 100%;
    }
    .form_chekboxes .checkbox,
    .detail_ad_options .detail_ad_option {
      width: 50%;
    }
    .images_uploader .qq-upload-list-selector,
    ul.list-placeholder,
    .edit_form ul.list-placeholder {
      padding: 0;
    }
    .submit_ad_fields_full .col_25 {
      width: 100%;
    }
    .remove_ads .remove_ads_action {
      width: 100%;
    }
    .profile_tab_content .profile_ads_image {
      width: 100%;
      height: 130px;
    }
    .profile_tab_content .profile_ads_image .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .profile_tab_content .profile_ads_title {
      width: 100%;
      padding: 0 5px;
    }
    .profile_tab_content .profile_ads_options {
      width: 100%;
    }
    .profile_tab_content .profile_ads_price {
      width: 100%;
    }
    .profile_tab_content .profile_ads_price .ads_price_box {
      display: flex;
      justify-content: space-between;
    }
    .profile_tab_content .profile_ads_action {
      width: 100%;
      left: 0;
    }
    .profile_tab_content .profile_ads_action .switch {
      height: 35px;
    }
    .profile_tab_content .profile_ads_action .slider:before {
      height: 31px;
      line-height: 31px;
    }
    #profile_tab ul li {
      font-size: 12px;
    }
    .profile_form_fields .form_field:first-child {
      width: 100%;
    }
    .profile_form_fields .form_field_half {
      width: 50%;
    }
    .option_lists .col_25 {
      width: 100%;
    }
    .detail_ad_row .col_50 {
      width: 100%;
    }
    .area_price .bootstrap-select.form-control,
    .area_price .bootstrap-select.form-control.selpicker-color {
      width: 100%;
      float: none;
    }
    .area_price .bootstrap-select.btn-group .dropdown-toggle .filter-option {
      text-align: center;
    }
  
    .area_price input.form-control,
    .custom_select_style {
      float: none;
      width: 100%;
      border-right: 1px solid #d7d7d7;
      border-top: none;
    }
  
    .custom_selectbox .dropdown-menu-footer input {
      float: right;
      width: calc(100% - 25px);
    }
  
    .area_price .form_field_full label,
    .detail_ad_inner label {
      width: 100%;
      float: none;
      text-align: center;
    }
    .detail_ad_inner label:after {
      content: "\f107";
    }
    .detail_ad_inner span {
      width: 100%;
      float: none;
      display: block;
      border-right: 1px solid #d7d7d7;
      border-top: none;
    }
    #detail_chart .form_field_half {
      width: 50%;
    }
    .compare_list .compare_col {
      width: 100%;
    }
    .submit_ad_options_list > ul > li {
      width: 100%;
      float: none;
      padding: 0;
    }
    .submit_ad_options_list > ul > li > ul:after {
      clear: both;
      content: "";
      display: table;
    }
    .submit_ad_options_list > ul > li > ul {
      padding: 15px;
    }
    .submit_ad_options_list > ul > li > ul > li {
      float: right;
      width: 50%;
      padding: 0 5px;
    }
    #search_map .search_form .form_field.form_field_mobile_full {
      float: none;
      width: auto;
    }
  
    .view_change {
      display: none;
    }
  
    #report_ad .report_ads_desc,
    #report_ad .report_ads_action {
      float: none;
      width: auto;
      margin: 0;
    }
    #filtered_item ul li {
      width: 33.33333%;
    }
    .view_ads {
      float: none;
      width: auto;
    }
    #user_page_header .user_page_title {
      flex-direction: column;
    }
    #user_page_header .user_page_title span {
      margin-bottom: 5px;
    }
    #user_page_header .user_page_title span.left {
      margin-right: unset;
    }
    .profile_tab_content .profile_ads_title h2 {
      font-size: 14px;
    }
  }
  
  @media (max-width: 400px) {
    .pagination_wrapper ul li a,
    .pagination_wrapper ul li span {
      line-height: 21px;
      min-width: 21px;
    }
  }
  @media (max-width: 350px) {
    .grid_col_2 .ads_item .ads_price span:first-child,
    .grid_col_2 .ads_item .ads_price span:last-child {
      display: block;
      width: 100%;
    }
    .submit_ad_fields .col_25 {
      width: 100%;
    }
    .profile_ads_tab > ul > li {
      font-size: 11px;
    }
    #filtered_item ul li {
      width: 50%;
    }
  }
  
  .profile-edit__form {
    max-width: 700px;
  }
  
  .profile-edit__form .bootstrap-select > .dropdown-toggle {
    color: #000;
  }
  .profile-edit__form .bootstrap-select > .dropdown-toggle:focus {
    outline: unset !important;
    background-color: transparent;
    color: #000;
  }
  .profile-edit__form label {
    display: flex;
    align-items: center;
  }
  .profile-edit__form label a {
    margin-right: auto;
    line-height: 20px;
    padding: 0 5px;
    font-weight: 500;
    font-size: 12px;
    background-color: #8dc63f;
    color: #fff;
  }
  .profile-edit__form label a[data-delete] {
    background-color: #f40070;
  }
  .profile-edit__form .form-group-btn {
    display: flex;
  }
  .profile-edit__form .btn__submit {
    margin-right: auto;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    background: #f40070;
    padding: 0 20px;
    display: block;
    text-align: center;
  }
  .profile-edit__form__location {
    height: 200px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
  }
  .profile-edit__form__types {
    display: flex;
  }
  .profile-edit__form__types input {
    display: none;
  }
  .profile-edit__form__types label {
    line-height: 35px;
    flex: 0 1 100%;
    max-width: 100%;
    background: #c5c5c5;
    color: #fff;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    border-left: 1px solid #fff;
  }
  .profile-edit__form__types label:last-child {
    border-left: none;
  }
  .profile-edit__form__types input:checked + label {
    background-color: #f40070;
  }
  .profile-edit__uploader {
    border: 1px solid #ccc;
    padding: 5px 15px 5px 5px;
    height: 72px;
    position: relative;
  }
  .profile-edit__uploader .qq-uploader-selector {
    display: flex;
    align-items: center;
    height: 60px;
  }
  .profile-edit__uploader .top-icon {
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .profile-edit__uploader .top-icon i {
    font-size: 35px;
    color: #ccc;
  }
  .profile-edit__uploader .qq-upload-button {
    font-weight: 600;
    display: flex;
    align-items: center;
  }
  .profile-edit__uploader .qq-upload-button i {
    margin-left: 5px;
    font-size: 14px;
  }
  .profile-edit__uploader .list-view-fineuploader {
    order: 1;
    position: relative;
    z-index: 2;
    margin-right: auto;
  }
  .profile-edit__uploader .qq-upload-list-selector li {
    position: relative;
  }
  .profile-edit__uploader .qq-upload-spinner-selector {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    margin-top: -10px;
    margin-left: -10px;
    z-index: 2;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
  }
  .profile-edit__uploader .qq-thumbnail-selector {
    height: 60px;
    width: 60px;
    object-fit: cover;
    position: relative;
    z-index: 1;
  }
  .profile-edit__uploader .qq-hide {
    display: none;
  }
  .profile-edit__uploader .qq-progress-bar-container-selector {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    z-index: 3;
  }
  .profile-edit__uploader .qq-progress-bar-selector {
    height: 100%;
    background-color: #f40070;
  }
  .profile-edit__uploader .controls {
    position: absolute;
    left: 63px;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .profile-edit__uploader .controls .link {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 13px;
  }
  .profile-edit__uploader .controls .link i {
    line-height: inherit;
  }
  
  .ads-item__col {
    margin-bottom: 10px;
  }
  .ads-item__data {
    display: flex;
    position: relative;
    overflow: hidden;
    border: 1px solid #c3c3c3;
    padding: 4px;
    height: 165px;
    background-color: #fff;
  }
  .ads-item__data__image {
    flex: 0 0 200px;
    max-width: 200px;
    position: relative;
  }
  .ads-item__data__image > a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }
  .ads-item__data__image .swiper-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .ads-item__data__image .swiper-btn-next {
    right: 0;
  }
  .ads-item__data__image .swiper-btn-prev {
    left: 0;
  }
  .ads-item__data__image .swiper-btn i {
    line-height: inherit;
  }
  .ads-item__data__image .swiper-slide {
    height: 155px;
  }
  .ads-item__data__image .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .ads-item__data__content {
    flex: 0 0 435px;
    max-width: 435px;
    padding: 5px 5px 0;
    border-left: 1px solid #eee;
  }
  .ads-item__data__content .ads-item__data__content__title {
    margin-bottom: 10px;
  }
  .ads-item__data__content .ads-item__data__content__title h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ads-item__data__content .ads-item__data__content__title h2 a {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .ads-item__data__content .ads-item__data__content__title h2 i {
    color: #b4b4b4;
    margin-left: 5px;
    font-size: 20px;
  }
  .ads-item__data__content .ads-item__data__content__location {
    margin-bottom: 10px;
  }
  .ads-item__data__content .ads-item__data__content__location p {
    margin-bottom: 0;
    line-height: 15px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ads-item__data__content .ads-item__data__content__location p i {
    color: #b4b4b4;
    margin-left: 5px;
    font-size: 16px;
  }
  .ads-item__data__content .ads-item__data__content__desc {
    line-height: 22px;
    text-align: justify;
    height: 70px;
    overflow: hidden;
    color: #666;
    margin-bottom: 4px;
    border-bottom: 1px solid #eee;
    padding-bottom: 3px;
    font-size: 11px;
  }
  .ads-item__data__content .ads-item__data__content__desc p {
    margin-bottom: 0;
  }
  .ads-item__data__content .ads-item__data__content__links {
    display: flex;
  }
  .ads-item__data__content .ads-item__data__content__links > a {
    margin-right: 10px;
    font-size: 11px;
    padding: 0 5px;
    background-color: #f5f5f5;
    line-height: 20px;
    display: none;
  }
  .ads-item__data__content .ads-item__data__content__links time {
    margin-right: auto;
  }
  .ads-item__data__content .ads-item__data__content__links ul {
    display: flex;
    align-items: center;
  }
  .ads-item__data__content .ads-item__data__content__links ul li {
    margin-left: 10px;
  }
  .ads-item__data__content .ads-item__data__content__links ul li a {
    display: flex;
    align-items: center;
    padding: 0 5px;
    background-color: #f5f5f5;
    line-height: 20px;
  }
  .ads-item__data__content .ads-item__data__content__links ul li a i {
    color: #454545;
    margin-left: 5px;
  }
  .ads-item__data__content .ads-item__data__content__links ul li:last-child {
    margin-left: 0;
  }
  .ads-item__data__attr {
    flex: 0 0 170px;
    max-width: 170px;
    padding: 0 5px;
    border-left: 1px solid #eee;
    position: relative;
    height: 155px;
  }
  .ads-item__data__attr:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    height: 35px;
    background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    pointer-events: none;
  }
  .ads-item__data__attr ul {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 155px;
    position: relative;
    padding-bottom: 30px;
  }
  .ads-item__data__attr ul::-webkit-scrollbar {
    display: none;
  }
  .ads-item__data__attr ul li {
    display: flex;
    justify-content: space-between;
    line-height: 24px;
    position: relative;
  }
  .ads-item__data__attr ul li:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    border-bottom: 1px dashed #eee;
    z-index: 1;
  }
  .ads-item__data__attr ul li span {
    background-color: #fff;
    position: relative;
    z-index: 2;
  }
  .ads-item__data__attr ul li span:first-child {
    display: flex;
    align-items: center;
    padding-left: 4px;
  }
  .ads-item__data__attr ul li span:last-child {
    padding-right: 4px;
  }
  .ads-item__data__attr ul li span:first-child i {
    margin-left: 5px;
    font-size: 15px;
    color: #b4b4b4;
  }
  .ads-item__data__price {
    flex: 0 0 170px;
    max-width: 170px;
    padding: 0 5px;
    display: flex;
    align-items: center;
  }
  .ads-item__data__price ul {
    flex: 0 0 100%;
  }
  .ads-item__data__price ul li {
    line-height: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .ads-item__data__price ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .ads-item__data__price ul li span:last-child {
    display: flex;
    align-items: center;
    font-size: 13px;
  }
  .ads-item__data__price ul li span:last-child small {
    margin-right: 3px;
  }
  .ads-item__data__author {
    position: absolute;
    flex: 0 0 170px;
    max-width: 170px;
    width: 170px;
    top: 0;
    bottom: 0;
    left: -170px;
    z-index: 10;
    transition: 0.3s;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .ads-item__data:hover .ads-item__data__author {
    left: 0;
  }
  .ads-item__data__author .ads-item__data__author__close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    display: none;
  }
  .ads-item__data__author .ads-item__data__author__avatar {
    margin-bottom: 10px;
  }
  .ads-item__data__author .ads-item__data__author__content {
    text-align: center;
  }
  .ads-item__data__author .ads-item__data__author__content span {
    display: block;
    margin-bottom: 5px;
  }

  .vr360
  {
    
  }
  .vr360__item
  {
    display: flex;
    padding: 15px 50px 15px 70px;
    position: relative;
    border-bottom: 1px solid #eee;
  }
  .vr360__item:last-child
  {
    border-bottom: unset;
  }
  .vr360__item__form
  {
    display: flex;
    flex-direction: column;
    flex: 0 0 40%;
    max-width: 40%;
    padding-left: 10px;
  }
  .vr360__item__form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
  {
    width: 100%;
  }
  .vr360__item__form textarea
  {
    max-width: 100%;
    min-width: 100%;
  }
  .vr360__item__upload
  {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 10px;
    background-color: #f4f4f4;
    padding: 10px 20px;
  }
  .vr360_uploader
  {
    
  }
  .vr360_uploader .qq-uploader-selector
  {
    display: flex;
    align-items: center;
    height: 90px;
  }
  .vr360_uploader .qq-uploader-selector .upload-button
  {
    flex: 0 0 150px;
    max-width: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .vr360_uploader .qq-uploader-selector .upload-button > i
  {
    font-size: 30px;
    margin-bottom: 10px;
    color: #f40070;
  }
  .vr360_uploader .qq-uploader-selector .upload-preview
  {
    position: relative;
    flex: 0 0 calc(100% - 150px);
    max-width: calc(100% - 150px);
  }
  .vr360_uploader .qq-uploader-selector .upload-preview .list-placeholder
  {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
  }
  .vr360_uploader .qq-uploader-selector .upload-preview .list-placeholder li
  {
    margin: 0;
    float: unset;
    background-image: url(../images/image-placeholder.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .vr360_uploader .qq-uploader-selector .qq-upload-button
  {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0 15px;
    line-height: 35px;
    background-color: #f40070;
    color: #fff;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
  }
  .vr360_uploader .qq-uploader-selector .qq-upload-button i
  {
    margin-left: 10px;
    font-size: 24px;
  }
  .vr360_uploader .qq-uploader-selector .list-view-fineuploader ul
  {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .vr360_uploader .qq-uploader-selector .list-view-fineuploader ul li
  {
    position: relative;
    width: 66px;
    height: 69px;
  }
  
  .vr360_uploader .qq-hide
  {
    display: none;
  }
  .vr360__item__plus,.vr360__item__trash
  {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #8dc63f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 30px;
    font-size: 21px;
  }
  .vr360__item__trash
  {
    background: #f40070;
  }


  .vr360_uploader .qq-upload-list-selector li .controls {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.6);
      color: #fff;
      z-index: 2;
      display: flex;
  }
  .vr360_uploader .qq-upload-list-selector li .controls .link
  {
    cursor: pointer;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
  }
  .vr360_uploader .qq-upload-list-selector li .qq-upload-spinner-selector {
    position: absolute;
    right: calc(50% - 15px);
    top: calc(50% - 15px);
    z-index: 4;
  }
  .vr360_uploader .qq-upload-list-selector li .qq-upload-spinner-selector i {
    animation: spin 1.5s infinite linear;
    font-size: 25px;
    display: block;
    line-height: 30px;
    width: 30px;
    height: 30px;
    color: #fff;
    text-shadow: 0 0 2px #000;
  }
  .vr360_uploader .qq-upload-list li .qq-progress-bar-container-selector {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 5;
  }
  .vr360_uploader .qq-progress-bar-container-selector .qq-progress-bar {
    background: #8dc641;
    height: 5px;
    margin: 0;
    border-radius: 0;
  }
  .vr360_uploader .qq-upload-list-selector li .qq-thumbnail-selector {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .vr360__submit
  {
    padding: 25px;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #eee;
  }
  .vr360__submit button
  {
    padding:  0 20px;
    line-height: 35px;
    border: unset;
    background-color: #f40070;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
  }
  .vr360__preview
  {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
  }
  .vr360__preview.full-screen
  {
    position: fixed;
    z-index: 99999;
  }
  .vr360__preview .view-full
  {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 10;
    cursor: pointer;
  }
  .vr360__preview .close-full
  {
    font-size: 22px;
    font-weight: 600;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  
  .error_custom_ci {
    z-index: 700;
  }
  
  @media (min-width: 768px) {
    .ads-item--grid {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -5px;
    }
    .ads-item--grid .ads-item__col {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 5px;
    }
    .ads-item--grid .ads-item__data {
      height: unset;
      flex-wrap: wrap;
    }
    .ads-item--grid .ads-item__data__image {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 10px;
    }
    .ads-item--grid .ads-item__data__content {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
      border-left: none;
      margin-bottom: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #eee;
    }
    .ads-item--grid .ads-item__data__content .ads-item__data__content__title h2 {
      font-size: 13px;
    }
    .ads-item--grid .ads-item__data__content .ads-item__data__content__desc {
      display: none;
    }
    .ads-item--grid .ads-item__data__attr {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
      border-left: none;
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #eee;
      height: 100px;
    }
    .ads-item--grid .ads-item__data__attr ul {
      height: 94px;
    }
    .ads-item--grid .ads-item__data__price {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
    }
    .ads-item--grid .ads-item__data__price ul li {
      line-height: 20px;
      padding-bottom: 5px;
      margin-bottom: 5px;
    }
    .ads-item--grid .ads-item__data__price ul li:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
    }
    .ads-item--grid .ads-item__data__author {
      top: unset;
      left: -100%;
      width: 100%;
      flex: 0 0 100%;
      max-width: 100%;
      height: 100px;
    }
    .ads-item--grid .ads-item__data__author__avatar img {
      height: 45px;
      width: 45px;
    }
    .ads-item--grid .ads-item__data__content .ads-item__data__content__links > a {
      display: none;
    }
  }
  
  @media (min-width: 992px) {
    .ads-item--grid .ads-item__col {
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      padding: 0 5px;
    }
  }
  
  @media (min-width: 1200px) {
    .ads-item--grid .ads-item__col {
      flex: 0 0 25%;
      max-width: 25%;
      padding: 0 5px;
    }
  }
  
  @media (max-width: 1200px) {
    .ads-item__data__image {
      flex: 0 0 180px;
      max-width: 180px;
    }
    .ads-item__data__content {
      flex: 0 0 280px;
      max-width: 280px;
    }
    .ads-item__data__price {
      flex: 0 0 150px;
      max-width: 150px;
    }
  }
  @media (max-width: 992px) {
    .ads-item__data {
      flex-wrap: wrap;
      transition: 0.3s;
    }
    .ads-item__data.ads-item__data--show {
      height: 325px;
    }
    .ads-item__data__image {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
      margin-bottom: 5px;
    }
    .ads-item__data__content {
      flex: 0 0 66.66666666%;
      max-width: 66.66666666%;
      padding-left: 0;
      border-left: none;
      margin-bottom: 5px;
    }
    .ads-item__data__content .ads-item__data__content__title h2 {
      font-size: 13px;
    }
    .ads-item__data__content .ads-item__data__content__links > a {
      display: block;
    }
    .ads-item__data__attr {
      border-top: 1px solid #eee;
      padding-top: 5px;
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
      padding-right: 0;
    }
    .ads-item__data__attr ul {
      height: 149px;
    }
    .ads-item__data__price {
      border-top: 1px solid #eee;
      padding-top: 5px;
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
      order: 5;
      border-right: 1px solid #eee;
      padding-left: 0;
    }
    .ads-item__data__author {
      border-top: 1px solid #eee;
      padding-top: 5px;
      position: static;
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%;
      width: unset;
    }

    .vr360__item{
      padding: 15px 15px 15px 60px;
    }
    
    .vr360__submit
    {
      padding: 15px;
    }
    .vr360__item__plus, .vr360__item__trash
    {
      left: 15px;
    }
  }
  @media (max-width: 576px)
  {
    .vr360__item
    {
      flex-direction: column;
      align-items: stretch;
    }
    .vr360__item__form,.vr360__item__upload
    {
      flex: unset;
      max-width: unset;
    }
    .vr360__item__form
    {
      padding-left: 0;
      margin-bottom: 15px;
    }
    .vr360_uploader .qq-uploader-selector
    {
      flex-direction: column;
      align-items: stretch;
      height: unset;
    }
    .vr360_uploader .qq-uploader-selector .upload-button,.vr360_uploader .qq-uploader-selector .upload-preview
    {
      flex: unset;
      max-width: unset;
    }
    .vr360_uploader .qq-uploader-selector .upload-button
    {
      margin-bottom: 15px;
    }
    .vr360_uploader .qq-uploader-selector .upload-preview
    {
      height: 69px;
    }
  }
  @media (max-width: 480px) {
    .profile-edit__form .form-group-btn {
      display: block;
    }
    .profile-edit__form .btn__submit {
      width: 100%;
    }
    .ads-item__data {
      height: 125px;
    }
    .ads-item__data__image {
      flex: 0 0 115px;
      max-width: 115px;
      height: 115px;
      order: 1;
    }
    .ads-item__data__image .swiper-slide {
      height: 115px;
    }
    .ads-item__data__content {
      flex: 0 0 calc(100% - 115px);
      max-width: calc(100% - 115px);
      height: 115px;
      order: 2;
      display: flex;
      flex-direction: column;
    }
    .ads-item__data__content .ads-item__data__content__desc {
      display: none;
    }
    .ads-item__data__content .ads-item__data__content__links {
      flex-wrap: wrap;
      margin-top: auto;
    }
    .ads-item__data__content .ads-item__data__content__links ul {
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 10px;
    }
    .ads-item__data__content .ads-item__data__content__links ul li:last-child {
      margin-right: auto;
    }
    .ads-item__data__content .ads-item__data__content__links ul li a {
      justify-content: center;
      font-size: 11px;
    }
    .ads-item__data__content .ads-item__data__content__links time {
      margin-right: unset;
    }
    .ads-item__data__content .ads-item__data__content__links > a {
      margin-right: auto;
    }
    .ads-item__data__attr {
      order: 3;
      flex: 0 0 50%;
      max-width: 50%;
      border-left: none;
      padding: 5px 5px 0;
      height: 115px;
    }
    .ads-item__data__attr ul {
      height: 109px;
    }
    .ads-item__data__author {
      order: 5;
      flex: 0 0 100%;
      max-width: 100%;
      flex-direction: row;
    }
    .ads-item__data__author .ads-item__data__author__avatar {
      margin-left: 10px;
      margin-bottom: 0;
    }
    .ads-item__data__author .ads-item__data__author__avatar img {
      width: 40px;
      height: 40px;
    }
    .ads-item__data__price {
      flex: 0 0 50%;
      max-width: 50%;
      order: 4;
      height: 115px;
    }
    .ads-item__data__price ul li {
      line-height: 20px;
    }
    .ads-item__data.ads-item__data--show {
      height: 290px;
    }
  }
  /*<----- milad-----> */
  .notfound {
    text-align: center;
  }
  .notfound__image__top {
    padding: 80px 0;
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .notfound__image__top img {
    max-width: 100%;
  }
  .notfound__title {
    text-align: center;
    margin-bottom: 50px;
  }
  .notfound__title a {
    color: #f41875;
    margin-right: 5px;
    font-weight: 600;
  }
  .notfound__title p {
    font-size: 14px;
    font-weight: 600;
    color: #232323;
    line-height: 35px;
  }
  .notfound__image__bottom {
    background-image: url(../images/404-bottom.png);
    background-position: center bottom;
    height: 250px;
    background-repeat: no-repeat;
    position: relative;
  }
  .notfound__image__bottom:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    background-image: linear-gradient(to top, #efefef, #fff);
  }
  
  @media (max-width: 768px) {
    .notfound__image__top {
      display: block;
      min-height: unset;
    }
  }
  
  @media (max-width: 480px) {
    .notfound__image__top {
      padding: 30px 0;
    }
    .notfound__image__top img {
      max-width: 140px;
    }
    .notfound__title {
      margin-bottom: 0;
    }
    .notfound__image__bottom {
      height: 120px;
      background-size: 100%;
    }
  }
  
  /* factor page */
  .main_content__page {
    padding: 15px;
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
  }
  .main_content__page__panel-heading {
    border-bottom: 1px solid #e0e0e0;
    padding: 20px 0;
    display: flex;
    align-items: center;
  }
  .main_content__page__panel-heading--center {
    justify-content: center;
  }
  .main_content__page__panel-heading h5 {
    font-size: 15px;
    color: #56575a;
  }
  .main_content__page__panel-heading span {
    background-color: #8dc63f;
    color: #fff;
    line-height: 30px;
    padding: 0 10px 0 20px;
    position: relative;
    margin-right: auto;
  }
  .main_content__page__panel-heading span:before {
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border: 15px solid #8dc63f;
    border-right: 10px solid transparent;
  }
  .main_content__page__view-cart-items-header {
    padding: 20px 0;
  }
  .main_content__page__view-cart-items-header span {
    font-weight: 700;
  }
  .main_content__page__view-cart-items-header span i {
    margin-left: 5px;
  }
  .main_content__page__table-responsive {
    margin-bottom: 20px;
    border: 1px solid #dadada;
    border-bottom: unset;
  }
  .main_content__page__table-responsive table {
    width: 100%;
  }
  .main_content__page__table-responsive table tr td,
  .main_content__page__table-responsive table tr th {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    line-height: 50px;
    white-space: nowrap;
    color: #5d5b5b;
    font-size: 13px;
    text-align: center;
    padding: 0 5px;
  }
  .main_content__page__table-responsive table tr th {
    background-color: #fbfaff;
  }
  .main_content__page__table-responsive table tr td:last-child,
  .main_content__page__table-responsive table tr th:last-child {
    border-left: unset;
  }
  .main_content__page__table-responsive table tr:nth-child(even) {
    background-color: #fbfaff;
  }
  .main_content__page__table-responsive table tr.success td {
    background: #f0fae0;
    color: #79b830;
    border-color: #c3dda5;
  }
  .main_content__page__table-responsive table tr.info td {
    background: #eef5fa;
    color: #83a9c4;
    border-color: #b5d3e9;
  }
  .table-btn,
  a.table-btn {
    border: solid 1px #ddd;
    padding: 0 3px;
    line-height: 24px;
    font-size: 12px;
    cursor: pointer;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .table-btn[data-hover]:before,
  a.table-btn[data-hover]:before {
    content: attr(data-hover);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    opacity: 0;
  }
  .table-btn i,
  a.table-btn i {
    margin-left: 10px;
    font-size: 13px;
  }
  .table-btn.table-btn-success,
  a.table-btn.table-btn-success {
    color: #fff;
    background-color: #8dc63f;
    border-color: #8dc63f;
  }
  .table-btn.table-btn-pink:hover,
  a.table-btn.table-btn-pink:hover {
    color: #fff;
    background-color: #f40070;
    border-color: #f40070;
  }
  .table-btn[data-hover]:hover:before,
  a.table-btn[data-hover]:hover:before {
    opacity: 1;
  }
  .table-btn[data-hover].table-btn-pink:hover:before,
  a.table-btn[data-hover].table-btn-pink:hover:before {
    background-color: #f40070;
  }
  .table-btn.table-btn-green:hover,
  a.table-btn.table-btn-green:hover {
    color: #fff;
    background-color: #8dc63f;
    border-color: #8dc63f;
  }
  .table-btn.table-btn-gray i,
  a.table-btn.table-btn-gray i {
    color: #e53935;
  }
  .table-btn.table-btn-gray:hover,
  a.table-btn.table-btn-gray:hover {
    color: #222222;
    background-color: #d5d5d5;
    border-color: #d5d5d5;
  }
  .main_content__page__text {
    line-height: 35px;
    padding: 10px 0;
  }
  .main_content__page__text--border {
    border-bottom: 1px solid #e0e0e0;
  }
  .main_content__page__text span {
    display: block;
  }
  .main_content__page__text h3 {
    font-weight: 600;
    line-height: 35px;
    font-size: 15px;
    color: #333;
  }
  .main_content__page__button-group {
    display: flex;
    align-items: center;
    padding: 10px 0;
  }
  .profile-btn {
    color: #757575;
    background-color: #fff;
    line-height: 34px;
    padding: 0 15px;
    font-size: 14px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profile-btn i {
    margin-left: 10px;
  }
  .profile-btn:hover {
    background-color: #d5d5d5;
  }
  .profile-btn:last-child {
    margin-left: unset;
  }
  .profile-btn.mra {
    margin-right: auto;
  }
  .profile-btn.profile-btn-pink,
  .profile-btn.profile-btn-pink:hover {
    background-color: #f40070;
    color: #fff;
  }
  .profile-btn.profile-btn-green,
  .profile-btn.profile-btn-green:hover {
    background-color: #8dc63f;
    color: #fff;
  }
  .main_content__panel__details-info {
    background-color: #f2f3f8;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
  }
  
  .factor-sticky {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
  }
  .factor-sticky a {
    font-size: 28px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    font-weight: 500;
    color: #8dc63f;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 50px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    animation-iteration-count: infinite;
    border-radius: 50%;
  }
  .factor-sticky p {
    position: absolute;
    left: 0;
    bottom: calc(100% + 15px);
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
    color: #333;
    text-align: center;
    padding: 0 16px;
    white-space: nowrap;
    margin-bottom: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: visible;
    transition: 0.2s;
    line-height: 40px;
  }
  .factor-sticky:hover p {
    opacity: 1;
    visibility: visible;
  }
  .factor-sticky p b {
    color: #f40070;
    font-size: 18px;
    margin: 0 6px;
    font-weight: 600;
  }
  .factor-sticky a:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
  }
  .factor-sticky a span {
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #f40070;
    color: #fff;
    line-height: 20px;
    text-align: center;
    z-index: 5;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 2;
    font-size: 14px;
  }
  @keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0) rotate(0);
    }
    40% {
      transform: translateY(-20px);
    }
    60% {
      transform: translateY(-10px);
    }
  }



  
  @media (max-width: 992px) {
    .main_content__page__table-responsive table {
      width: 100%;
      min-width: auto;
      border-collapse: collapse;
      border-spacing: 0;
      display: block;
      position: relative;
    }
    .main_content__page__table-responsive table thead {
      border: 0;
      position: relative;
      z-index: 2;
      display: block;
      float: right;
      box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.25);
    }
    .main_content__page__table-responsive table thead tr {
      display: block;
      padding: 0;
      border-bottom: 0;
    }
    .main_content__page__table-responsive table thead tr th {
      display: block;
      text-align: center;
      min-height: 55px;
      padding: 0 5px;
      line-height: 54px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      box-shadow: none;
      border-left: unset;
    }
    .main_content__page__table-responsive table tbody {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap;
    }
    .main_content__page__table-responsive table tbody tr {
      display: inline-block;
      vertical-align: top;
      border-radius: 0;
      border-left: 1px solid rgba(0, 0, 0, 0.12);
    }
    .main_content__page__table-responsive table tbody tr td {
      display: block;
      min-height: 55px;
      text-align: center;
      line-height: 53px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      padding: 0 5px;
      border-left: unset;
    }
    .main_content__page__table-responsive table tbody tr td:first-child {
      border-radius: 0;
    }
    .main_content__page__table-responsive table tbody tr td:last-child {
      border-radius: 0;
    }
    .main_content__page__table-responsive table tfoot {
      display: block;
      width: auto;
      position: relative;
      overflow-x: auto;
      white-space: nowrap;
    }
    .main_content__page__table-responsive table tfoot tr {
      display: block;
      border-radius: 0;
    }
    .main_content__page__table-responsive table tfoot tr td {
      display: block;
      min-height: 55px;
      text-align: center;
      line-height: 53px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      padding: 0 5px;
      border-left: unset;
    }
    .table-btn,
    a.table-btn {
      transform: translateY(15px);
    }
  }
  
  @media (max-width: 768px) {
    .factor-sticky {
      bottom: 65px;
    }
  }
  
  @media (max-width: 576px) {
    .main_content__page__button-group,
    .main_content__page__panel-heading {
      flex-wrap: wrap;
    }
    .profile-btn.mra {
      margin-right: unset;
    }
    .profile-btn {
      width: 100%;
      margin-bottom: 10px;
      margin-left: unset;
    }
    .profile-btn:last-child {
      margin-bottom: 0;
    }
    #user_page_header .user_page_image a {
      right: -40px;
    }
  }
  
  @media (max-width: 480px) {
    .factor-sticky {
      display: none;
    }
  }
  
  
  
  /* edit 30 october*/
  
  .main_content__page__table-responsive table tbody tr td:nth-child(2) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 135px;
  }
  
  .main_content__page__button-group button {
    border: none;
  }
  .main_content__page__table-responsive table tr td a.select
  {
    background-color: #d5d5d5;
    color: #fff;
  }
  .main_content__page__table-responsive table tr td a.select:hover
  {
    color: #fff;
    background-color: #d5d5d5;
    border-color: #d5d5d5;
  }
  .main_content__page__table-responsive table tr td a.select i
  {
    color: #fff;
  }
  #user_page_header .user_page_row
  {
    align-items: flex-start;
    padding-top: 10px;
  
  }
  #user_page_header .user_page_image
  {
    transform: translateY(0);
    margin-top: -70px;
  }
  
  .main_content__page__table-responsive table thead tr th
  {
    width: 80px;
  }
  
  @media print {
    @page {
      size: A4;
      margin: 0 0.75cm;
      padding: 0;
    }
    @page :footer {
      display: none;
    }
  
    header {
      display: none;
    }
    #user_page_header {
      display: none;
    }
    .main-footer {
      display: none;
    }
    .mobile_nav {
      display: none;
    }
    .main_content__page__button-group {
      display: none;
    }
    .main_content__page__table-responsive table
    {
      display:table;
    }
    .main_content__page__table-responsive table thead
    {
      display: table-row-group;
      float:none;
    }
    .main_content__page__table-responsive table thead tr
    {
      display: table-row;
    }
    .main_content__page__table-responsive table thead tr th
    {
      display: table-cell;
    }
  
    .main_content__page__table-responsive table tbody
    {
      display: table-row-group;
    }
  
    .main_content__page__table-responsive table tbody tr
    {
      display: table-row;
      border-left: none;
    }
    .main_content__page__table-responsive table tbody tr td
    {
      display: table-cell;
    }
    .main_content__page__table-responsive table tfoot
    {
        display: table-footer-group;
        /* display: table-row-group; */
    }
    .main_content__page__table-responsive table tfoot tr
    {
      display: table-row;
    }
    .main_content__page__table-responsive table tfoot tr td
    {
      display: table-cell;
    }
    .main_content__page__panel-heading span:before
    {
      display: none;
    }
    
  
  }
  #user_page_header .user_page_cover
  {
    background-color: transparent;
  }
   .user_page_field_activity
   {
     padding-bottom: 5px;
   }
  .user_page_detail
  {
  
    border-top: 1px solid #eee;
    padding-top: 10px;
  }
  .user_page_detail ul
  {
    display: flex;
    align-items: center;
  }
  .user_page_detail ul li
  {
    margin-left:30px;
   
  }
  .user_page_detail ul li:last-child
  {
    margin-left:0;
   
  }
  .user_page_detail ul li a
  {
     font-weight: 700;
     color: #333;
     font-size: 12px;
     display: flex;
     align-items: center;
  }
  .user_page_detail ul li a span
  {
    font-weight: 300;
    margin-right:5px;
  }
  
  
  
  @media(max-width:1200px)
  {
    .user_page_detail ul li a
    {
      flex-direction: column;
    }
    .user_page_detail ul li a span
    {
      margin-top: 5px;
      margin-right: 0;
    }
  }
  
  @media(max-width:992px)
  {
    .user_page_detail
    {
       margin-bottom: 10px;
    }
  
   
  }
  
  
  @media(max-width:576px)
  {
    .user_page_detail ul
    {
      flex-direction: column;
      justify-content: center;
    }
    .user_page_detail ul li
    {
      margin-bottom: 10px;
      margin-left: 0;
    }
    .user_page_detail ul li a
    {
      flex-direction:row;
    }
    .user_page_detail ul li a span
    {
      margin-top:0;
      margin-right: 5px;
    }
    #user_page_header .user_page_image
    {
    
      margin: 0 auto 10px;
      margin-top: 0;
    }
   
  }
  
  
  
  /* NEW FOOTER */
  .main-footer__background{background-image:url(../../Homepage/img/404-bottom.png);background-position:center bottom;height:250px;background-repeat:no-repeat;position:relative}.main-footer__background:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(to top, #efefef, #fff)}.main-footer__content{background:#e5e3e3;border-top:8px solid #8dc63f;padding:40px 0}.main-footer__wrapper{display:flex;align-items:center}.main-footer__wrapper__nav{margin-right:auto}.main-footer__wrapper__nav ul{display:flex;align-items:center;justify-content:center}.main-footer__wrapper__nav ul li{margin-left:20px}.main-footer__wrapper__nav ul li:last-child{margin-left:unset}.main-footer__wrapper__nav ul li a{line-height:inherit;display:block;font-size:13px;font-weight:500;line-height:30px;color:#666}.main-footer__wrapper__nav ul li a:hover{color:#f40070}.main-footer__wrapper__socials ul{display:flex}.main-footer__wrapper__socials ul li{margin-left:20px}.main-footer__wrapper__socials ul li a{width:40px;line-height:40px;display:block;text-align:center;background-color:#f5f5f5;color:#666;transition:0.3s}.main-footer__wrapper__socials ul li a i{line-height:inherit;display:block;font-size:25px}.main-footer__wrapper__socials ul li:last-child{margin-left:0}.main-footer__wrapper__links{text-align:center;padding-top:30px}.main-footer__wrapper__links span{display:block;margin-bottom:15px;font-weight:600}.main-footer__wrapper__links ul{display:flex;justify-content:center;flex-wrap:wrap}.main-footer__wrapper__links ul li{position:relative;margin:0 15px 10px}.main-footer__wrapper__links ul li:after{position:absolute;width:1px;height:20px;background-color:#888;top:0;left:0px;content:' ';margin-left:-15px}.main-footer__wrapper__links ul li:last-child::after{width:0px}.main-footer__wrapper__links ul li a{line-height:inherit;display:block;font-size:13px;font-weight:500;color:#666}.main-footer__wrapper__links ul li a:hover{color:#f40070}.main-footer__copyright{line-height:25px;font-size:11px;position:relative;padding:15px 0;background-color:#f5f5f5}.main-footer__copyright__wrapper{display:flex;align-items:center}.main-footer__copyright__wrapper__logo{margin-right:auto;padding-right:42px;position:relative;width:95px}.main-footer__copyright__wrapper__logo a{display:flex;flex-direction:column}.main-footer__copyright__wrapper__logo img{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.main-footer__copyright__wrapper__logo span{font-size:10px;line-height:15px;white-space:nowrap}.main-footer__copyright__wrapper__logo span:last-child{color:#ee7103;font-size:12px;font-weight:600;margin-top:4px}.main-footer__copyright__wrapper__text p{color:#666;line-height:20px;margin-bottom:0;font-size:11px}@media (max-width: 768px){.main-footer__wrapper{flex-direction:column;align-items:stretch}.main-footer__wrapper__socials{margin-bottom:15px}.main-footer__wrapper__socials ul{justify-content:center}.main-footer__wrapper__nav{margin-right:unset}.main-footer__wrapper__nav ul{flex-wrap:wrap}}@media (max-width: 576px){.main-footer__content{padding:20px 0}.main-footer__wrapper__links{display:none}.main-footer__copyright{padding-bottom:35px}.main-footer__copyright__wrapper__text p:last-child{display:none}}@media (max-width: 400px){.main-footer__wrapper__nav ul{display:block;column-count:2}.main-footer__copyright__wrapper{flex-direction:column;align-items:center}.main-footer__copyright__wrapper__text{text-align:center;margin-bottom:10px}.main-footer__copyright__wrapper__logo{margin-right:unset}}
  /* NEW FOOTER */