/*=================menutop click show===================*/
#property-detail-flexslider .flex-direction-nav .flex-next, #property-detail-flexslider .flex-direction-nav .flex-prev {
    background-color: rgba(232, 139, 53, 0.66) !important;
}
#property-detail-flexslider .jcarousel-next {
    background: url(https://demo.xhv.dev.crb.vn/wp-content/themes/nhadatso/images/slideshow-nav-right.png) #e88b35  no-repeat center 6px ;
    float: left;
}
#property-detail-flexslider .jcarousel-prev {
    background: url(https://demo.xhv.dev.crb.vn/wp-content/themes/nhadatso/images/slideshow-nav-left.png) #e88b35  no-repeat center 6px;
    float: right;
}
.nds_login.nav .open > a, .nds_login.nav .open > a:focus, .nds_login.nav .open > a:hover {
  background-color: #777;
  border-color: #337ab7; }

.nds_login.nav > li > a:focus, .nds_login.nav > li > a:hover {
  text-decoration: none;
  background-color: #777; }

#wapper-menu .nds_login ul.dropdown-menu li {
  float: left;
  margin-right: 10px;
  text-align: left;
  width: 100%; }

ul.nds_login .following-ac {
  margin-left: 0px;
  width: 80%;
  float: left;
  color: #999; }
ul.nds_login li a {
  color: #333;
  padding: 0px 10px;
  text-decoration: none;
  width: 100%;
  float: left; }
ul.nds_login span.pull-left.avt-ntf {
  width: 40px;
  margin-right: 5px; }
ul.nds_login img.notifications-avt {
  max-width: 100%;
  overflow: hidden; }
ul.nds_login span.title_lmk {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  padding-top: 0px;
  border-bottom: 1px solid #eee;
  float: left;
  text-align: left; }
ul.nds_login .dropdown-menu > li > a {
  color: #428bca; }
ul.nds_login .dropdown ul.dropdown-menu {
  border-radius: 4px;
  box-shadow: none;
  margin-top: 15px;
  width: 320px;
  position: absolute;
  right: 0px;
  left: inherit; }
ul.nds_login .dropdown ul.dropdown-menu:before {
  content: "";
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: -10px;
  right: 16px;
  z-index: 10; }
ul.nds_login .dropdown ul.dropdown-menu:after {
  content: "";
  border-bottom: 12px solid #ccc;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  top: -12px;
  right: 14px;
  z-index: 9; }

/*===============comment==================*/
/**
 * Oscuro: #283035
 * Azul: #03658c
 * Detalle: #c7cacb
 * Fondo: #dee1e3
 ----------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: #03658c;
  text-decoration: none; }

ul {
  list-style-type: none; }

.comment_2487187 {
  width: 100%;
  float: left;
  border-top: 1px solid #dedede; }

/** ====================
 * Lista de Comentarios
 =======================*/
.comments-container {
  margin: 0px auto 15px;
  width: 100%;
  float: left; }

.comments-container h1 {
  font-size: 36px;
  color: #283035;
  font-weight: 400; }

.comments-container h1 a {
  font-size: 18px;
  font-weight: 700; }

.comments-list {
  margin-top: 10px;
  position: relative; }

/**
 * Lineas / Detalles
 -----------------------*/
.reply-list:before, .reply-list:after {
  display: none; }

textarea#comment-nds {
  float: left;
  width: 93%;
  border: navajowhite;
  height: 35px;
  margin-left: 5px; }

.comments-list li {
  margin-bottom: 10px;
  display: block;
  position: relative; }

.comments-list li:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  width: 0; }

.reply-list {
  padding-left: 40px;
  clear: both;
  margin-top: 5px; }

/**
 * Avatar
 ---------------------------*/
.comments-list .comment-avatar {
  width: 35px;
  height: 35px;
  position: relative;
  z-index: 99;
  float: left;
  border: 1px solid #FFF;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden; }

.comments-list .comment-avatar img {
  width: 100%;
  height: 100%; }

.reply-list .comment-avatar {
  width: 30px;
  height: 30px; }

.comment-main-level:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  clear: both; }

/**
 * Caja del Comentario
 ---------------------------*/
.comments-list .comment-box {
  width: 93%;
  float: right;
  position: relative; }

.comments-list .comment-box:before {
  border-width: 11px 13px 11px 0;
  border-color: transparent rgba(0, 0, 0, 0.05);
  left: -12px; }

.reply-list .comment-box {
  width: 93%; }

.comment-box .comment-head {
  padding: 0px 5px;
  overflow: hidden;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0; }

.comment-box .comment-head i {
  float: left;
  margin-left: 14px;
  position: relative;
  top: 2px;
  color: #A6A6A6;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease; }

.comment-box .comment-head i:hover {
  color: #03658c; }

.comment-box .comment-name {
  color: #283035;
  font-size: 14px;
  font-weight: 700;
  float: left;
  margin: 3px;
  margin-right: 10px; }

.comment-box .comment-name a {
  color: #283035; }

.comment-box .comment-head span {
  float: left;
  color: #333;
  font-size: 13px;
  position: relative;
  margin-bottom: 2px; }

li.reply-cmt .input-cmt textarea#comment-nds {
  height: 30px; }

.comment-box .comment-content {
  background: #FFF;
  padding: 12px;
  font-size: 15px;
  color: #595959;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

span.reply- {
  width: 100%;
  float: left; }

/** =====================
 * Responsive
 ========================*/
@media only screen and (max-width: 766px) {
  .comments-container {
    width: 480px; }

  .comments-list .comment-box {
    width: 390px; }

  .reply-list .comment-box {
    width: 320px; } }
.input-cmt .comment-avatar {
  width: 35px;
  height: 35px;
  position: relative;
  z-index: 99;
  float: left;
  border: 1px solid #FFF;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  overflow: hidden; }

.input-cmt .comment-avatar img {
  width: 100%; }

.input-cmt {
  margin-top: 5px; }

.input-cmt .comment-head textarea {
  height: 30px;
  min-width: 521px;
  padding: 5px;
  border: navajowhite; }

/*==================================*/
.update_avatar:hover {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #CCC;
  color: #FFF;
  width: 90%; }

.img-responsive.profile-photo {
  position: relative; }

a.update_avatar {
  position: absolute;
  bottom: 20px;
  left: 10px; }

.profile-info h3 {
  margin: 0px; }

.img_video_cell img {
  max-width: 100%; }

span.like-emo {
  margin-right: 5px;
  display: inline-block;
  margin: 0 -3px -3px 0;
  width: 22px;
  height: 22px;
  border: 1px solid #EEE;
  border-radius: 50%;
  text-align: center;
  background: #64a0f0;
  color: #fff; }

.like-stat > div {
  width: 30%;
  float: left;
  margin-bottom: 5px; }

.timeline-nds div.is_stuck ul.edit-menu {
  margin-top: 0px; }

/*==================post img=================*/
.img_video_table {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  display: table;
  border: 1px solid #eee; }

.img_video_row {
  display: table-row;
  width: 100%; }

.img_video_cell {
  display: table-cell;
  text-align: center;
  width: 100%;
  vertical-align: middle; }

.img_video_cell1 img {
  max-width: 100%;
  max-height: 100%; }

/*====================================*/
.title-a {
  font-size: 15px;
  font-weight: bold;
  color: #333; }

.list {
  margin-bottom: 20px; }

.swiper-container {
  width: 100%;
  height: auto;
  height: 225px;
  background-color: #E8F8FF !important;
  padding: 5px 0px; }

a.btn.y_like {
  float: left; }

span.area {
  width: 100%;
  float: left; }

/*==================================================
  Typography
  ==================================================*/
.timeline-nds {
  /*==================================================
    Common
    ==================================================*/
  /*img.profile-photo{
    max-height: 58px;
      max-width: 58px;
      min-width: 58px;
      overflow: hidden;
  }*/
  /*==================================================
    Header
    ==================================================*/
  /*For Homepage Header | Display on Scroll*/
  /*Transparent Background Header for Landing Page-2*/
  /*==================================================
    Homepage Top Banner
    ==================================================*/
  /*==================================================
    Homepage Signup Form
    ==================================================*/
  /*==================================================
    Features Section
    ==================================================*/
  /*==================================================
    App Download Section
    ==================================================*/
  /*==================================================
    Homepage Image Divider
    ==================================================*/
  /*==================================================
    Site Facts Section
    ==================================================*/
  /*==================================================
    Live Feed Section Homepage
    ==================================================*/
  /*==================================================
    Landing Page: V2 | Register/Login
    ==================================================*/
  /*Registration Form Container*/
  /*Registration Login/Register Tabs*/
  /*Registration Form*/
  /*Social Links Bottom*/
  /*feed-block and ul.online-users css available below*/
  /*==================================================
    Newsfeed Left Sidebar
    ==================================================*/
  /*Profile Card CSS*/
  /*Newsfeed Links CSS*/
  /*Chat Block CSS*/
  /*==================================================
    Newsfeed Right Sidebar
    ==================================================*/
  /*==================================================
    Create Post Box CSS
    ==================================================*/
  /*==================================================
    Post Contents CSS
    ==================================================*/
  /*==================================================
    Nearby People CSS
    ==================================================*/
  /*==================================================
    Friend List CSS = Newsfeed and Timeline
    ==================================================*/
  /*==================================================
    Chat Room CSS
    ==================================================*/
  /*Chat Contact List*/
  /*Chat Messages*/
  /*CSS for custom scrollbar*/
  /*==================================================
    Media = Images and Videos CSS
    ==================================================*/
  /*==================================================
    Timeline
    ==================================================*/
  /*Timeline Menu for Large Screens*/
  /*Timeline Menu for Small Screens*/
  /*==================================================
    Timeline Sidebar Right
    ==================================================*/
  /*==================================================
   Post Date
  ==================================================*/
  /*.timeline .post-content::before{
    content: "";
    position: absolute;
    background: none;
    width: 1px;
    height: 98%;
    left: -145px;
    border-left: 2px solid #8dc63f;
    top: 15px;
  }*/
  /*==================================================
    About Profile
    ==================================================*/
  /*==================================================
    Profile Album
    ==================================================*/
  /*==================================================
    Edit Profile
    ==================================================*/
  /* Edit Profile Menu */
  /* Edit Profile Contents */
  /* Toggle Notification Switch */
  /*==================================================
    Contact Us
    ==================================================*/
  /*==================================================
    Site Footer
    ==================================================*/
  /*==================================================
    CSS for width 992px
    ==================================================*/
  /*==================================================
    CSS for width 768px
    ==================================================*/
  /*==================================================
    CSS for width 480px
    ==================================================*/
  /*==================================================
    Slide Animations
    ==================================================*/
  /*==================================================
    Scroll Down Arrow
    ==================================================*/
  /*==================================================
    Preloader Animation CSS
    ==================================================*/
  /*==================================================
    Buy Now Button
  ==================================================*/ }
  .timeline-nds .dropdown {
    float: left; }
@font-face {
  .timeline-nds {
    font-family: "Agency FB";
    src: url("../fonts/agency-fb.eot"); } }
@font-face {
  .timeline-nds {
    font-family: "Agency FB";
    src: url("../fonts/agency-fb.ttf"); } }
  .timeline-nds h1.grey, .timeline-nds h2.grey, .timeline-nds h3.grey, .timeline-nds h4.grey, .timeline-nds h5.grey, .timeline-nds h6.grey {
    color: #6d6e71;
    margin: 0 auto 20px; }
  .timeline-nds .text-white {
    color: #fff; }
  .timeline-nds .text-white:hover {
    color: #fff; }
  .timeline-nds .text-green {
    color: #8dc63f; }
  .timeline-nds .text-green:hover {
    color: #39b54a; }
  .timeline-nds .text-red {
    color: #ef4136; }
  .timeline-nds .text-red:hover {
    color: #d6100b; }
  .timeline-nds .profile-link {
    font-weight: 600; }
  .timeline-nds .text-muted {
    color: #939598;
    font-size: 12px; }
  
  .timeline-nds a:hover {
    color: #149AC9; }
  .timeline-nds a, .timeline-nds a:active, .timeline-nds a:focus {
    outline: none; }
  .timeline-nds section h1.section-title {
    font-family: 'Agency FB', sans-serif;
    font-size: 215px;
    color: #E6E7E8;
    margin-bottom: -55px; }
  .timeline-nds section h2.sub-title {
    font-family: 'Agency FB', sans-serif;
    color: #E6E7E8;
    font-size: 50px;
    margin: 40px 0; }
  .timeline-nds .following {
    color: #a1a3a5;
    font-size: 12px; }
  .timeline-nds section .wrapper {
    padding-top: 100px;
    padding-bottom: 100px; }
  .timeline-nds #page-contents {
    padding: 30px 0 50px; }
  .timeline-nds .btn-primary {
    background: #27aae1;
    padding: 7px 25px;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    font-weight: 600;
    outline: none;
    border-radius: 4px; }
  .timeline-nds .btn-primary:hover {
    background: #149AC9;
    transition: all 1s; }
  .timeline-nds .btn-secondary {
    background: linear-gradient(to bottom, #6d6e71, black);
    padding: 0 40px;
    border: none;
    min-height: 36px;
    font-size: 18px;
    border-radius: 6px;
    color: #fff;
    position: relative;
    outline: none; }
  .timeline-nds .btn-secondary:hover {
    background: #000;
    transition: all 1s; }
  .timeline-nds section img {
    margin: auto; }
  .timeline-nds img.profile-photo-lg {
    height: 80px;
    width: 80px;
    border-radius: 50%; }
  .timeline-nds img.profile-photo-md {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 5px;
    border: 2px solid #eee;
    margin-top: 0px; }
  .timeline-nds img.profile-photo-sm {
    height: 40px;
    width: 40px;
    border-radius: 50%; }
  .timeline-nds img.profile-photo-xs {
    height: 30px;
    width: 30px;
    border-radius: 50%; }
  .timeline-nds .img-wrapper {
    position: relative; }
  .timeline-nds .img-wrapper::after {
    content: "";
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 1s ease 0s; }
  .timeline-nds .img-wrapper:hover:after {
    background-color: rgba(0, 0, 0, 0.4); }
  .timeline-nds .line {
    background: #f1f2f2;
    height: 1px;
    width: 100%;
    margin-bottom: 10px; }
  .timeline-nds .text-n {
    color: #555; }
  .timeline-nds .line-divider {
    background: none;
    height: 1px;
    border-top: 1px solid #e6e6e6;
    width: 100%;
    margin: auto;
    margin-bottom: 5px; }
  .timeline-nds .map {
    width: 100%;
    height: auto;
    border: none; }
  .timeline-nds .static {
    position: static; }
  .timeline-nds textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .timeline-nds .custom-label {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px; }
  .timeline-nds .form-control {
    background: #fff;
    border: 1px solid #f1f2f2;
    box-shadow: none;
    border-radius: 4px;
    color: #939598;
    width: 100% !important; }
  .timeline-nds #header {
    min-height: 50px; }
  .timeline-nds .menu {
    background: #231F20;
    border: none;
    border-radius: 0;
    margin-bottom: 0; }
  .timeline-nds .menu form {
    margin: 12px 0; }
  .timeline-nds .menu form .form-group {
    position: relative; }
  .timeline-nds .menu form .form-group i.icon {
    position: absolute;
    left: 15px;
    top: 3px;
    color: #fff; }
  .timeline-nds .menu form .form-group input.form-control {
    background: rgba(255, 255, 255, 0.2);
    border: 0;
    box-shadow: none;
    min-width: 235px;
    color: #fff;
    height: 26px;
    border-radius: 13px;
    font-size: 13px;
    padding-left: 30px; }
  .timeline-nds .menu ul.main-menu li a {
    line-height: 26px; }
  .timeline-nds .menu ul.main-menu li.dropdown a {
    color: #fff;
    font-size: 13px;
    font-weight: 600; }
  .timeline-nds .menu ul.main-menu li.dropdown a:hover, .timeline-nds .menu ul.main-menu li.dropdown a:active, .timeline-nds .menu ul.main-menu li.dropdown a:focus {
    color: #27aae1;
    background: none; }
  .timeline-nds .menu ul.main-menu li.open a, .timeline-nds .menu ul.main-menu li.open a:active, .timeline-nds .menu ul.main-menu li.open a:focus {
    background: transparent;
    color: #27aae1; }
  .timeline-nds .menu ul.main-menu li ul.dropdown-menu {
    background: #231F20;
    box-shadow: none;
    border: 0;
    padding: 0; }
  .timeline-nds .menu ul.main-menu li ul.dropdown-menu li {
    list-style: none;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .timeline-nds .menu ul.main-menu li ul.dropdown-menu li a, .timeline-nds .menu ul.main-menu li.open ul.dropdown-menu li a {
    color: #fff;
    font-size: 13px;
    line-height: 16px; }
  .timeline-nds .menu ul.main-menu li ul.dropdown-menu li a:hover, .timeline-nds .menu ul.main-menu li.open ul.dropdown-menu li a:hover {
    color: #e6e6e6; }
  .timeline-nds .navbar-default .navbar-collapse, .timeline-nds .navbar-default .navbar-form {
    border: 0; }
  .timeline-nds #header.lazy-load {
    visibility: hidden;
    position: fixed;
    left: 0;
    right: 0;
    transition: .5s ease-in-out;
    transform: translateY(-50px);
    z-index: 99999; }
  .timeline-nds #header.lazy-load.visible {
    visibility: visible;
    transform: translateY(0); }
  .timeline-nds #header-inverse nav.menu {
    background: transparent;
    margin-top: 15px;
    z-index: 1030; }
  .timeline-nds #header-inverse .menu ul.main-menu li ul.dropdown-menu {
    border-radius: 4px;
    position: absolute; }
  .timeline-nds #header-inverse .menu ul.main-menu li ul.dropdown-menu::before {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-bottom: 10px solid #231F20;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; }
  .timeline-nds #banner {
    background: url(../images/bg/bg-1.jpg) fixed no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 550px;
    position: relative;
    top: 0; }
  .timeline-nds .sign-up-form {
    background: linear-gradient(to bottom, rgba(43, 57, 144, 0.8), #27aae1 65%);
    position: absolute;
    width: 340px;
    min-height: 600px;
    top: 0;
    padding: 40px 30px;
    text-align: center;
    color: #fff;
    z-index: 1000; }
  .timeline-nds .sign-up-form:after {
    content: "";
    border-color: #27aae1 transparent transparent;
    border-style: solid;
    border-width: 40px 170px 0;
    bottom: -40px;
    height: 0;
    left: 0;
    position: absolute;
    width: 0; }
  .timeline-nds .sign-up-form h2 {
    font-family: 'Agency FB', sans-serif;
    margin: 100px 0 20px; }
  .timeline-nds .sign-up-form .line-divider {
    background: none;
    height: 1px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    width: 180px;
    margin: auto;
    margin-bottom: 10px; }
  .timeline-nds .sign-up-form .form-wrapper {
    padding: 20px 20px 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: none;
    margin-bottom: 30px; }
  .timeline-nds .sign-up-form .form-wrapper .signup-text {
    font-size: 15px; }
  .timeline-nds .sign-up-form .form-wrapper .form-group {
    margin-bottom: 10px;
    width: 100%; }
  .timeline-nds .sign-up-form .form-wrapper .form-group .form-control {
    border: none;
    box-shadow: none;
    border-radius: 17px;
    padding-left: 20px; }
  .timeline-nds .sign-up-form .form-wrapper button {
    position: relative;
    top: 20px;
    border-radius: 17px; }
  .timeline-nds .sign-up-form a {
    color: #fff; }
  .timeline-nds .sign-up-form img.form-shadow {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 100%; }
  .timeline-nds #features {
    background: #EFEFEF;
    background: radial-gradient(#fff 50%, #EFEFEF 90%);
    background: -moz-radial-gradient(#fff 50%, #EFEFEF 90%);
    background: -webkit-radial-gradient(#fff 50%, #EFEFEF 90%);
    background: -o-radial-gradient(#fff 50%, #EFEFEF 90%);
    text-align: center; }
  .timeline-nds #features .feature-item .feature-icon {
    background: linear-gradient(to bottom, rgba(43, 57, 144, 0.8), rgba(39, 170, 225, 0.8) 65%), url("../images/blur.png") no-repeat;
    background-size: cover;
    background-position: center;
    width: 110px;
    height: 110px;
    border-radius: 55px;
    margin: auto;
    border: 6px solid #fff;
    box-shadow: 0 12px 12px rgba(39, 170, 225, 0.3);
    cursor: pointer;
    font-size: 35px;
    color: #fff;
    line-height: 100px; }
  .timeline-nds #features .feature-item .feature-icon:hover {
    background: #27aae1;
    transition: all 1s; }
  .timeline-nds #features .feature-item h3 {
    font-family: 'Agency FB', sans-serif;
    color: #939598; }
  .timeline-nds #incremental-counter .num {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #27aae1;
    display: inline-block;
    height: 64px;
    line-height: 62px;
    margin: 0 4px 20px;
    position: relative;
    left: -1px;
    text-align: center;
    width: 50px;
    font-size: 45px;
    font-size: 3.72625em;
    font-weight: normal;
    font-family: 'Agency FB', sans-serif; }
  .timeline-nds #incremental-counter .num::before {
    background: #00aae6;
    content: "";
    display: block;
    height: 1px;
    left: -1px;
    margin: -0.5px 0 0;
    position: absolute;
    right: -1px;
    top: 50%;
    width: auto; }
  .timeline-nds #features img.face-map {
    margin: 0 auto -250px; }
  .timeline-nds #app-download {
    background: #fff;
    text-align: center; }
  .timeline-nds #app-download ul.app-btn {
    padding: 0;
    margin: 0; }
  .timeline-nds #app-download ul.app-btn li {
    list-style: none;
    padding-left: 10px;
    padding-right: 10px; }
  .timeline-nds #app-download ul.app-btn li button {
    padding: 8px 15px; }
  .timeline-nds #app-download ul.app-btn li button::after {
    content: "";
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent 70%);
    height: 36px;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-radius: 6px; }
  .timeline-nds .img-divider {
    background: url("../images/bg/bg-2.jpg") no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 460px;
    background-position: center; }
  .timeline-nds #site-facts {
    background: radial-gradient(rgba(0, 0, 0, 0.7) 40%, black 100%), url("../images/bg/bg-4.jpg") fixed no-repeat;
    background-size: cover;
    height: 500px !important;
    text-align: center;
    color: #fff; }
  .timeline-nds #site-facts .circle {
    background: #27aae1;
    width: 660px;
    height: 660px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    top: -180px;
    padding: 75px;
    overflow: hidden; }
  .timeline-nds #site-facts .circle ul.facts-list {
    padding: 0;
    margin: 0; }
  .timeline-nds #site-facts .circle ul.facts-list li {
    list-style: none; }
  .timeline-nds #site-facts .circle ul.facts-list li:nth-child(1) {
    margin: 5px auto 50px; }
  .timeline-nds #site-facts .circle ul.facts-list li:nth-child(1)::before {
    content: "";
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 75px;
    position: absolute;
    top: 0; }
  .timeline-nds #site-facts .circle ul.facts-list li:nth-child(1)::after {
    content: "";
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 34px;
    position: absolute; }
  .timeline-nds #site-facts .circle ul.facts-list li:nth-child(2)::after {
    content: "";
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 34px;
    position: absolute; }
  .timeline-nds #site-facts .circle ul.facts-list li:nth-child(3) {
    margin: 50px auto 10px; }
  .timeline-nds #site-facts .circle ul.facts-list li:nth-child(3)::after {
    content: "";
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 75px;
    position: absolute;
    bottom: 0; }
  .timeline-nds #site-facts .circle .fact-icon {
    background: rgba(255, 255, 255, 0.1);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: auto; }
  .timeline-nds #site-facts .circle .fact-icon {
    font-size: 50px; }
  .timeline-nds #live-feed {
    background: #fff;
    text-align: center; }
  .timeline-nds #live-feed ul.online-users li {
    margin: 0; }
  .timeline-nds #lp-register {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/bg/bg-3.jpg) fixed no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    width: 100%; }
  .timeline-nds #lp-register .wrapper {
    padding-top: 140px;
    padding-bottom: 140px; }
  .timeline-nds .intro-texts {
    color: #fff;
    font-size: 14px;
    transform: translateY(100px); }
  .timeline-nds .intro-texts h1 {
    margin-bottom: 30px;
    font-weight: 700; }
  .timeline-nds .intro-texts button {
    margin-top: 20px;
    border-radius: 30px;
    padding: 8px 20px;
    width: 150px; }
  .timeline-nds .intro-texts button::before {
    content: none; }
  .timeline-nds .reg-form-container {
    background: #fff;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.4);
    padding: 40px 40px 40px 60px;
    border-radius: 6px;
    position: relative;
    min-height: 560px;
    z-index: 10; }
  .timeline-nds .reg-form-container::before {
    content: "";
    background: rgba(255, 255, 255, 0.1);
    width: 95%;
    height: 70%;
    border-radius: 6px;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -2; }
  .timeline-nds .reg-form-container::after {
    content: "";
    background: rgba(255, 255, 255, 0.1);
    width: 90%;
    height: 65%;
    border-radius: 6px;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1; }
  .timeline-nds .reg-form-container .reg-options::before {
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
    height: 70%;
    width: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
    border-radius: 6px 0 0 6px;
    z-index: -1; }
  .timeline-nds .reg-form-container .reg-options .nav-tabs {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-60%) rotate(270deg);
    border: none; }
  .timeline-nds .reg-form-container .nav-tabs > li {
    margin-left: 10px;
    margin-right: 10px;
    position: relative; }
  .timeline-nds .reg-form-container .nav-tabs > li::after {
    content: "";
    background: rgba(255, 255, 255, 0.1);
    height: 25px;
    width: 1px;
    position: absolute;
    right: -10px;
    top: 5px; }
  .timeline-nds .reg-form-container .nav-tabs > li:last-child::after {
    content: none; }
  .timeline-nds .reg-form-container .nav-tabs > li > a {
    background: transparent;
    color: #939598;
    padding: 5px 30px;
    min-width: 120px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border: none; }
  .timeline-nds .reg-form-container .nav-tabs > li.active > a,
  .timeline-nds .reg-form-container .nav-tabs > li.active > a:focus,
  .timeline-nds .reg-form-container .nav-tabs > li.active > a:hover {
    background: transparent;
    color: #fff;
    font-weight: 700;
    border: none; }
  .timeline-nds #registration_form .form-group,
  .timeline-nds #Login_form .form-group {
    margin-bottom: 10px; }
  .timeline-nds #registration_form .form-control,
  .timeline-nds #Login_form .form-control {
    background: #fff;
    color: #939598;
    border-radius: 30px;
    box-shadow: none;
    width: 100%;
    border: 1px solid #f1f2f2;
    padding-left: 15px; }
  .timeline-nds #registration_form select.form-control {
    background: transparent url("../images/down-arrow.png") no-repeat scroll calc(100% - 10px) center/8px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #939598; }
  .timeline-nds #registration_form p.birth {
    margin-left: 10px; }
  .timeline-nds #lp-register ul.social-icons {
    text-align: center;
    margin-top: 40px;
    z-index: 11; }
  .timeline-nds #lp-register ul.social-icons li {
    border: none; }
  .timeline-nds #lp-register ul.social-icons li a {
    color: #fff; }
  .timeline-nds #lp-register ul.social-icons li a:hover {
    color: #27aae1;
    transition: all .5s; }
  .timeline-nds .profile-card {
    background: linear-gradient(to bottom, rgba(39, 170, 225, 0.8), rgba(28, 117, 188, 0.8)) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 0px;
    border-radius: 4px;
    float: left;
    height: 70px;
    padding: 10px 20px;
    color: #fff;
    margin-bottom: 10px; }
  .timeline-nds .profile-card img.profile-photo {
    border: 7px solid #fff;
    float: left;
    margin-right: 20px;
    position: relative;
    top: -30px;
    height: 70px;
    width: 70px;
    border-radius: 50%; }
  .timeline-nds .profile-card h5 a {
    font-size: 15px; }
  .timeline-nds .profile-card a {
    font-size: 12px; }
  .timeline-nds ul.nav-news-feed {
    padding-left: 0px;
    padding-right: 20px;
    margin: 0 0 15px 0; }
  .timeline-nds ul.nav-news-feed.overview {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2); }
  .timeline-nds ul.nav-news-feed li {
    list-style: none;
    display: block;
    padding: 5px 10px 5px 10px; }
  .timeline-nds ul.nav-news-feed li div {
    position: relative;
    margin-left: 30px; }
  .timeline-nds ul.nav-news-feed li div::after {
    content: "";
    width: 100%;
    height: 1px;
    border-top: 1px solid #f1f2f2;
    position: absolute;
    bottom: -5px;
    left: 0; }
  .timeline-nds ul.nav-news-feed li a {
    color: #6d6e71; }
  .timeline-nds ul.nav-news-feed li i {
    font-size: 18px;
    margin-right: 15px;
    float: left; }
  .timeline-nds ul.nav-news-feed i.ion-ios-paper {
    color: #8dc63f; }
  .timeline-nds ul.nav-news-feed i.ion-ios-people {
    color: #662d91; }
  .timeline-nds ul.nav-news-feed i.ion-ios-people-outline {
    color: #ee2a7b; }
  .timeline-nds ul.nav-news-feed i.ion-chatboxes {
    color: #f7941e; }
  .timeline-nds ul.nav-news-feed i.ion-images {
    color: #1c75bc; }
  .timeline-nds ul.nav-news-feed i.ion-ios-videocam {
    color: #9e1f63; }
  .timeline-nds #chat-block {
    margin: 0 0 40px 0; }
  .timeline-nds #chat-block .title {
    padding: 2px 20px;
    width: 70%;
    height: 30px;
    position: relative;
    margin: 0 auto 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 600; }
  .timeline-nds ul.online-users {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin: 0; }
  .timeline-nds ul.online-users li {
    list-style: none;
    position: relative;
    margin: 3px auto !important;
    padding-left: 2px;
    padding-right: 2px; }
  .timeline-nds ul.online-users li span.online-dot {
    background: linear-gradient(to bottom, #8dc63f, #009444);
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    position: absolute;
    bottom: -6px;
    border: 2px solid #fff;
    left: 0;
    right: 0;
    margin: auto; }
  .timeline-nds .suggestions.affix {
    position: fixed !important; }
  .timeline-nds .follow-user {
    margin-bottom: 20px; }
  .timeline-nds .follow-user div {
    margin-left: 50px;
    position: relative; }
  .timeline-nds .follow-user div::after {
    content: "";
    background: none;
    border-top: 1px solid #f1f2f2;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -10px; }
  .timeline-nds .create-post {
    width: 100%;
    min-height: 90px;
    padding: 20px;
    padding-left: 5px;
    margin-bottom: 10px;
    border: 1px solid #f1f2f2;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2); }
  .timeline-nds .create-post .form-group {
    margin-bottom: 0;
    display: inline-flex; }
  .timeline-nds .create-post .form-group .form-control {
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .timeline-nds .create-post .form-group img.profile-photo-md {
    margin-right: 10px; }
  .timeline-nds .create-post .tools {
    padding: 8px 0 10px; }
  .timeline-nds .create-post .tools ul.publishing-tools {
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 5px 0; }
  .timeline-nds .create-post .tools ul.publishing-tools li a {
    color: #6d6e71;
    font-size: 18px; }
  .timeline-nds .create-post .tools ul.publishing-tools li a:hover {
    color: #27aae1; }
  .timeline-nds .post-content {
    background: #ffffff;
    width: 100%;
    border: 1px solid #f1f2f2;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.11); }
  .timeline-nds .total-cmt-like-share {
    width: 100%;
    float: left;
    padding: 2px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee; }
  .timeline-nds .like-emo > span {
    display: inline-block;
    margin: 0 -3px -3px 0px;
    width: 22px;
    height: 22px;
    border: 1px solid #EEE;
    border-radius: 50%;
    text-align: center; }
  .timeline-nds .like-btn-like {
    background: #64a0f0;
    color: #ffffff; }
  .timeline-nds .like-btn-like:before {
    font-family: FontAwesome;
    content: "\f087"; }
  .timeline-nds span.view-status {
    float: right; }
  .timeline-nds .post-content img.post-image, .timeline-nds video.post-video, .timeline-nds .google-maps {
    width: 100%;
    height: auto; }
  .timeline-nds .post-content .google-maps .map {
    height: 300px; }
  .timeline-nds .post-content .post-container {
    padding: 5px; }
  .timeline-nds .user-info h5 {
    margin-bottom: 0px; }
  .timeline-nds .post-content .post-container .post-detail {
    position: relative; }
  .timeline-nds .post-content .post-container .post-detail .post-text {
    line-height: 24px;
    margin: 0; }
  .timeline-nds .post-content .post-container .post-detail .reaction {
    position: absolute;
    right: 0;
    top: 0; }
  .timeline-nds .post-content .post-container .post-detail .post-comment {
    display: inline-flex;
    margin: 10px auto;
    width: 100%; }
  .timeline-nds .post-content .post-container .post-detail .post-comment img.profile-photo-sm {
    margin-right: 10px; }
  .timeline-nds .post-content .post-container .post-detail .post-comment .form-control {
    height: 30px;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    margin: 7px 0;
    min-width: 0; }
  .timeline-nds .people-nearby .google-maps {
    background: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #f1f2f2;
    padding: 20px;
    margin-bottom: 20px; }
  .timeline-nds .people-nearby .google-maps .map {
    height: 300px;
    width: 100%;
    border: none; }
  .timeline-nds .people-nearby .nearby-user {
    padding: 20px 0;
    border-top: 1px solid #f1f2f2;
    border-bottom: 1px solid #f1f2f2;
    margin-bottom: 20px; }
  .timeline-nds .friend-list .friend-card {
    border-radius: 4px;
    border-bottom: 1px solid #f1f2f2;
    overflow: hidden;
    margin-bottom: 20px; }
  .timeline-nds .friend-list .friend-card .card-info {
    padding: 0 20px 10px; }
  .timeline-nds .friend-list .friend-card .card-info img.profile-photo-lg {
    margin-top: -60px;
    border: 7px solid #fff; }
  .timeline-nds .chat-room ul.contact-list li {
    width: 100%;
    margin-bottom: 0; }
  .timeline-nds .chat-room ul.contact-list li a {
    border: none;
    padding: 10px 0;
    border-bottom: 1px solid #f1f2f2 !important; }
  .timeline-nds .chat-room ul.contact-list li a:hover, .timeline-nds .chat-room ul.contact-list li a:active, .timeline-nds .chat-room ul.contact-list li a:focus {
    border: none;
    border-bottom: 1px solid #8dc63f !important;
    border-radius: 0;
    cursor: pointer;
    background: none; }
  .timeline-nds .chat-room ul.contact-list li a .contact {
    margin-left: 10px;
    margin-right: 10px; }
  .timeline-nds .chat-room ul.contact-list li a .contact .msg-preview {
    margin-left: 50px; }
  .timeline-nds .chat-room ul.contact-list li a .contact .msg-preview small {
    position: absolute;
    top: 20px;
    right: 10px; }
  .timeline-nds .chat-room ul.contact-list li a .contact .msg-preview .chat-alert {
    background: red;
    text-align: center;
    border-radius: 4px;
    padding: 1px 6px;
    position: absolute;
    right: 10px;
    bottom: 20px;
    color: #fff; }
  .timeline-nds .chat-room ul.contact-list li a .contact .msg-preview .seen, .timeline-nds .replied {
    color: #939598;
    position: absolute;
    right: 10px;
    bottom: 20px;
    font-size: 14px; }
  .timeline-nds .chat-room .chat-body ul.chat-message {
    padding: 0;
    margin: 0; }
  .timeline-nds .chat-room .chat-body ul.chat-message li {
    list-style: none;
    margin-bottom: 20px; }
  .timeline-nds .chat-room .chat-body ul.chat-message li.left .chat-item {
    background: rgba(141, 198, 63, 0.1);
    margin-left: 50px;
    padding: 5px 10px;
    position: relative;
    border-radius: 10px; }
  .timeline-nds .chat-room .chat-body ul.chat-message li.left .chat-item::before {
    border-bottom: 10px solid transparent;
    border-right: 8px solid rgba(141, 198, 63, 0.1);
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    top: 10px;
    width: 0; }
  .timeline-nds .chat-room .chat-body ul.chat-message li.left .chat-item .chat-item-header {
    border-bottom: 1px dotted #caef8e;
    margin-bottom: 10px; }
  .timeline-nds .chat-room .chat-body ul.chat-message li.right .chat-item {
    background: rgba(39, 170, 225, 0.1);
    margin-right: 50px;
    padding: 5px 10px;
    position: relative;
    border-radius: 10px; }
  .timeline-nds .chat-room .chat-body ul.chat-message li.right .chat-item::after {
    border-bottom: 10px solid transparent;
    border-left: 8px solid rgba(39, 170, 225, 0.1);
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    right: -8px;
    position: absolute;
    top: 10px;
    width: 0; }
  .timeline-nds .chat-room .chat-body ul.chat-message li.right .chat-item .chat-item-header {
    border-bottom: 1px dotted #bce8f7;
    margin-bottom: 10px; }
  .timeline-nds .chat-room .chat-body ul.chat-message li .chat-item .chat-item-header h5 {
    color: #4d4d4d; }
  .timeline-nds .chat-room .chat-body ul.chat-message li .chat-item .chat-item-header small {
    position: absolute;
    top: 15px;
    right: 20px; }
  .timeline-nds .chat-room .send-message {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 4px; }
  .timeline-nds .chat-room .send-message button {
    background: #000;
    color: #fff; }
  .timeline-nds .scrollbar-wrapper.scrollbar-dynamic {
    max-height: none; }
  .timeline-nds .scrollbar-wrapper.tab-content {
    overflow-y: auto;
    height: 400px; }
  .timeline-nds .scrollbar-wrapper.contact-list {
    overflow-y: auto;
    height: 400px;
    border: none;
    margin-bottom: 20px; }
  .timeline-nds .scrollbar-wrapper {
    height: 100%;
    overflow: auto;
    width: 100%; }
  .timeline-nds .media .media-grid {
    background: #f8f8f8;
    border: 1px solid #f1f2f2;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px; }
  .timeline-nds .media .media-grid img.post-image, .timeline-nds video {
    width: 100%;
    cursor: pointer; }
  .timeline-nds .media .media-grid .media-info {
    padding-left: 10px;
    padding-right: 10px; }
  .timeline-nds .media .media-grid .media-info .reaction {
    padding: 10px 0;
    border-bottom: 1px solid #f1f2f2; }
  .timeline-nds .media .media-grid .media-info .user-info {
    padding: 10px 0; }
  .timeline-nds .media .media-grid .media-info .user-info .user {
    margin: -10px 0 0 50px; }
  .timeline-nds .modal-content .post-content {
    margin: 0; }
  .timeline-nds .timeline-cover {
    background: url("/wp-content/themes/nhadatso/images/form_search_bg.png") no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 360px;
    border-radius: 0 0 4px 4px;
    position: relative; }
  .timeline-nds .timeline-cover .timeline-nav-bar {
    background: rgb(232, 139, 53);
    width: 100%;
    position: absolute;
    bottom: 25px; }
  .timeline-nds .timeline-cover .timeline-nav-bar .profile-info {
    position: absolute;
    text-align: center;
    padding: 0 20px;
    top: -100px;
    z-index: 999; }
  .timeline-nds .timeline-cover .timeline-nav-bar .profile-info img.profile-photo {
    height: 200px;
    width: 200px;
    border: 10px solid #fff; }
  .timeline-nds .timeline-cover .timeline-nav-bar ul.profile-menu {
    margin: 0;
    display: table; }
  .timeline-nds .timeline-cover .timeline-nav-bar .profile-menu li {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0; }
  .timeline-nds .timeline-cover .timeline-nav-bar .profile-menu li a {
    color: #fff;
    padding: 15px;
    text-decoration: none; }
  .timeline-nds .timeline-cover .timeline-nav-bar .profile-menu li a.active {
    color: #27aae1; }
  .timeline-nds .timeline-cover .timeline-nav-bar .profile-menu li a:hover {
    color: #27aae1; }
  .timeline-nds .timeline-cover .timeline-nav-bar ul.follow-me {
    margin: 0;
    position: absolute;
    right: 15px;
    top: 2px; }
  .timeline-nds .timeline-cover .timeline-nav-bar .follow-me li {
    padding: 6px 15px;
    color: #fff; }
  .timeline-nds .timeline-cover .navbar-mobile {
    bottom: -185px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center; }
  .timeline-nds .timeline-cover .navbar-mobile .profile-info img.profile-photo {
    border: 10px solid #fff;
    border-radius: 50%;
    height: 200px;
    margin: auto;
    width: 200px; }
  .timeline-nds .timeline-cover .navbar-mobile .mobile-menu ul {
    margin: 0 0 20px; }
  .timeline-nds .timeline-cover .navbar-mobile .mobile-menu ul li {
    padding-left: 10px;
    padding-right: 10px;
    position: relative; }
  .timeline-nds .timeline-cover .navbar-mobile .mobile-menu ul li::after {
    content: "";
    height: 20px;
    background: none;
    border-right: 1px solid #f1f2f2;
    position: absolute;
    right: 0; }
  .timeline-nds .timeline-cover .navbar-mobile .mobile-menu ul li:nth-child(4)::after {
    content: none; }
  .timeline-nds .timeline-cover .navbar-mobile .mobile-menu ul li a {
    color: #4d4d4d; }
  .timeline-nds .timeline-cover .navbar-mobile .mobile-menu ul li a.active {
    color: #27aae1; }
  .timeline-nds .feed-item {
    text-align: left;
    margin-bottom: 13px;
    padding: 0 20px;
    position: relative; }
  .timeline-nds .feed-item::before {
    border-left: 2px solid #8dc63f;
    position: absolute;
    height: 30px;
    content: "";
    left: 0;
    top: 5px; }
  .timeline-nds .feed-item img.profile-photo-sm {
    float: left;
    margin-right: 10px; }
  .timeline-nds .feed-item .live-activity {
    border-bottom: 1px solid #f1f2f2; }
  .timeline-nds .timeline .post-content {
    position: relative;
    overflow: visible;
    float: left; }
  .timeline-nds .timeline .post-content .post-date {
    position: absolute;
    margin-left: -125px; }
  .timeline-nds .timeline .post-content .post-date::before {
    content: "";
    background: #8dc63f;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    left: -30px;
    top: 10px;
    border: 2px solid #fff; }
  .timeline-nds .timeline .post-content img.post-image {
    border-radius: 4px 4px 0 0; }
  .timeline-nds .about-profile {
    margin-bottom: 20px; }
  .timeline-nds .about-profile .about-content-block {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f2f2;
    line-height: 24px;
    margin-bottom: 10px; }
  .timeline-nds .about-profile .about-content-block h4 i.icon-in-title {
    margin-right: 15px;
    color: #27aae1; }
  .timeline-nds .about-profile .about-content-block .organization img.img-org {
    height: 40px;
    width: 40px;
    border-radius: 50%; }
  .timeline-nds .about-profile .about-content-block .organization .work-info {
    margin-left: 50px; }
  .timeline-nds .about-profile .about-content-block .google-maps .map {
    height: 150px; }
  .timeline-nds ul.interests span.int-icons {
    color: #fff;
    font-size: 25px;
    color: #8dc63f;
    cursor: pointer; }
  .timeline-nds .map-container {
    width: 100%; }
  .timeline-nds .map-container iframe {
    display: block;
    width: 100%;
    position: relative;
    /* IE needs a position other than static */
    pointer-events: none; }
  .timeline-nds .map-container iframe.clicked {
    pointer-events: auto; }
  .timeline-nds ul.album-photos {
    padding: 0;
    margin: 0 auto 20px;
    display: block;
    font-size: 0;
    text-align: center; }
  .timeline-nds ul.album-photos li {
    list-style: none;
    display: inline-block;
    max-width: 194px;
    padding: 2px; }
  .timeline-nds ul.album-photos li img {
    max-width: 100%; }
  .timeline-nds ul.edit-menu {
    margin-top: 60px;
    padding: 0 20px; }
  .timeline-nds ul.edit-menu li {
    list-style: none;
    border-bottom: 1px solid #f1f2f2;
    padding: 5px 0;
    position: relative; }
  .timeline-nds ul.edit-menu li.active::before {
    content: "";
    background: #8dc63f;
    width: 2px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(-50%, -50%); }
  .timeline-nds ul.edit-menu li i.icon {
    font-size: 16px; }
  .timeline-nds ul.edit-menu li.active i.icon {
    color: #8dc63f; }
  .timeline-nds ul.edit-menu li a {
    color: #6d6e71;
    margin-left: 20px; }
  .timeline-nds ul.edit-menu li.active a {
    color: #8dc63f; }
  .timeline-nds .edit-profile-container h4 i {
    margin-right: 15px;
    color: #27aae1; }
  .timeline-nds .edit-block {
    margin-bottom: 30px; }
  .timeline-nds .edit-block .form-group {
    margin-bottom: 15px; }
  .timeline-nds .edit-block select.form-control {
    background: transparent url(../images/down-arrow.png) no-repeat scroll calc(100% - 10px) center/8px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .timeline-nds .edit-block ul.interests {
    margin: 0;
    margin-bottom: 10px; }
  .timeline-nds .edit-block ul.interests li {
    background: #8dc63f;
    color: #fff;
    padding: 5px 15px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 40px; }
  .timeline-nds .edit-block ul.interests li a {
    color: #fff; }
  .timeline-nds .edit-block ul.interests li a i.icon {
    font-size: 18px; }
  .timeline-nds .edit-block .btn-primary {
    width: 100%; }
  .timeline-nds .gender .custom-label {
    padding-left: 0; }
  .timeline-nds .toggle-switch {
    text-align: right; }
  .timeline-nds .toggle-switch .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-top: 9px; }
  .timeline-nds .toggle-switch .switch input {
    display: none; }
  .timeline-nds .toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f2f2f2;
    -webkit-transition: .4s;
    transition: .4s; }
  .timeline-nds .toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .timeline-nds input:checked + .slider {
    background-color: #8dc63f; }
  .timeline-nds input:focus + .slider {
    box-shadow: 0 0 1px #8dc63f; }
  .timeline-nds input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .timeline-nds .slider.round {
    border-radius: 34px; }
  .timeline-nds .slider.round:before {
    border-radius: 50%; }
  .timeline-nds .contact-map {
    height: 250px; }
  .timeline-nds .contact-us {
    background: #fff;
    padding: 40px;
    margin-top: -140px;
    border-radius: 4px; }
  .timeline-nds .contact-us form.contact-form {
    margin-bottom: 20px; }
  .timeline-nds .contact-us form.contact-form .form-group {
    position: relative; }
  .timeline-nds .contact-us form.contact-form .form-group i {
    color: #f1f2f2;
    font-size: 16px;
    left: 10px;
    position: absolute;
    top: 3px; }
  .timeline-nds .contact-us form.contact-form .form-group input.form-control {
    padding-left: 30px; }
  .timeline-nds .contact-us form.contact-form .form-group textarea {
    box-shadow: none;
    font-size: 12px;
    border: 1px solid #f1f2f2; }
  .timeline-nds .contact-us .reach {
    margin: 10px 0;
    position: relative;
    line-height: 40px; }
  .timeline-nds .contact-us .reach span {
    border: 1px solid #f1f2f2;
    position: absolute;
    color: #8DC63F;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 50px;
    text-align: center;
    font-size: 20px; }
  .timeline-nds .contact-us .reach p {
    margin-left: 50px; }
  .timeline-nds .contact-us ul.social-icons {
    margin-top: 20px; }
  .timeline-nds #footer {
    background: #fff;
    position: relative; }
  .timeline-nds #footer::before {
    content: "";
    background: linear-gradient(to right, #ffffff 0%, #53cbf1 50%, #ffffff 100%);
    height: 5px;
    width: 100%;
    position: absolute; }
  .timeline-nds .footer-wrapper {
    padding: 50px 0;
    float: left;
    width: 100%; }
  .timeline-nds img.footer-logo {
    margin-bottom: 20px; }
  .timeline-nds ul.social-icons {
    margin: 0; }
  .timeline-nds ul.social-icons li {
    background: transparent;
    width: 30px;
    height: 30px;
    border: 1px solid #f1f2f2;
    border-radius: 4px;
    margin: 3px;
    text-align: center; }
  .timeline-nds ul.social-icons li a {
    color: #6d6e71;
    font-size: 15px;
    line-height: 30px; }
  .timeline-nds ul.social-icons li a:hover {
    color: #27aae1;
    transition: all 1s; }
  .timeline-nds ul.footer-links li {
    line-height: 25px; }
  .timeline-nds ul.footer-links li a {
    color: #6d6e71; }
  .timeline-nds ul.footer-links li a:hover {
    color: #27aae1; }
  .timeline-nds ul.contact {
    margin: 0;
    padding: 0; }
  .timeline-nds ul.contact li {
    list-style: none;
    padding: 15px 0;
    border-bottom: 1px solid #f1f2f2;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px; }
  .timeline-nds ul.contact li i {
    font-size: 18px;
    margin-right: 20px;
    color: #27AAE1; }
  .timeline-nds .copyright {
    background: #231F20;
    text-align: center;
    color: #fff;
    padding: 12px 0 4px; }
  @media only screen and (max-width: 992px) {
    .timeline-nds section h1.section-title {
      font-size: 175px;
      margin-bottom: -40px; }
    .timeline-nds #features .feature-item {
      margin-bottom: 20px; }
    .timeline-nds #features .item {
      margin-bottom: 20px; }
    .timeline-nds .timeline #page-contents {
      margin-top: 185px !important; }
    .timeline-nds ul.edit-menu {
      margin-top: 0;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 768px) {
    .timeline-nds .menu ul.main-menu li.dropdown ul.dropdown-menu li {
      background: #282425; }
    .timeline-nds #header-inverse nav.menu .navbar-collapse {
      background: rgba(0, 0, 0, 0.9); }
    .timeline-nds .sign-up-form {
      left: 0;
      right: 0;
      margin: auto; }
    .timeline-nds section h1.section-title {
      font-size: 90px !important;
      margin-bottom: 0 !important; }
    .timeline-nds #features .feature-item {
      margin-bottom: 20px; }
    .timeline-nds #site-facts .circle {
      width: 100%;
      border-radius: 1000px; }
    .timeline-nds .nearby-user {
      text-align: center; }
    .timeline-nds .nearby-user button.btn-primary {
      float: none !important; }
    .timeline-nds .post-content .post-container .post-detail .reaction {
      position: relative; }
    .timeline-nds #footer .footer-wrapper ul {
      margin-bottom: 20px; }
    .timeline-nds .contact-us .col-sm-7 {
      margin-bottom: 20px !important; }
    .timeline-nds .intro-texts {
      transform: translateY(0);
      margin-bottom: 80px;
      text-align: center; }
    .timeline-nds .reg-form-container {
      padding: 30px !important;
      text-align: center; }
    .timeline-nds .reg-form-container .reg-options::before {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
      height: 50px;
      width: 70%;
      left: 0;
      right: 0;
      margin: auto;
      top: -50px;
      transform: translateX(0) translateY(0);
      border-radius: 6px 6px 0 0; }
    .timeline-nds .reg-form-container .reg-options .nav-tabs {
      left: 50%;
      transform: translateY(0) translateX(-50%) rotate(0);
      top: -40px; }
    .timeline-nds .reg-form-container .reg-options .nav-tabs li {
      margin: 0; }
    .timeline-nds .reg-form-container .reg-options .nav-tabs li:after {
      right: 0; }
    .timeline-nds .reg-form-container::before {
      content: none; }
    .timeline-nds .reg-form-container::after {
      content: none; }
    .timeline-nds .reg-form-container .nav-tabs > li > a {
      padding-left: 10px;
      padding-right: 10px;
      min-width: 50px; }
    .timeline-nds .toggle-switch {
      text-align: left; }
    .timeline-nds .toggle-switch .switch {
      margin-top: 0; } }
  @media only screen and (max-width: 480px) {
    .timeline-nds .sign-up-form {
      left: 0;
      right: 0;
      margin: auto;
      width: 90%;
      overflow: hidden;
      border-radius: 0 0 4px 4px; }
    .timeline-nds #app-download ul.app-btn li button {
      margin-bottom: 20px; }
    .timeline-nds .post-contents .post-container .post-detail .reaction {
      position: relative; } }
  .timeline-nds .slideUp, .timeline-nds .slideDown {
    visibility: hidden; }
  .timeline-nds .slideDown.appear {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important; }
@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }
  .timeline-nds .slideUp.appear {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important; }
@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }
  .timeline-nds .arrows {
    width: 60px;
    height: 72px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -90px; }
  .timeline-nds .arrows path {
    stroke: #27aae1;
    fill: transparent;
    stroke-width: 1px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite; }
@keyframes arrow {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@-webkit-keyframes arrow /*Safari and Chrome*/ {
  0% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .timeline-nds .arrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s; }
  .timeline-nds .arrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s; }
  .timeline-nds .arrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s; }
  .timeline-nds .spinner {
    width: 40px;
    height: 40px;
    background-color: #27aae1;
    position: absolute;
    top: 48%;
    left: 48%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out; }
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px); }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg); }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } }
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
  .timeline-nds #spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999999; }
  .timeline-nds .btn-buy {
    background: #333;
    padding: 10px 30px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    color: #82B541;
    font-weight: 700;
    font-style: italic;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    z-index: 999; }
  .timeline-nds .btn-buy:hover,
  .timeline-nds .btn-buy:active,
  .timeline-nds .btn-buy:focus {
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    transition: all 1s; }
  .timeline-nds .btn-buy .italy {
    font-size: 13px;
    font-style: italic;
    margin-right: 5px;
    color: #fff; }
  .timeline-nds .btn-buy .price {
    position: relative;
    margin-left: 15px;
    color: #82B541; }
  .timeline-nds .btn-buy .price::before {
    content: "";
    background: rgba(255, 255, 255, 0.9);
    height: 15px;
    width: 1px;
    position: absolute;
    left: -7px;
    top: 50%;
    transform: translateY(-50%); }

/*# sourceMappingURL=timline-nds.css.map */