/*------------- #VARIABLES --------------*/
/*------------- #TABLE OF CONTENTS --------------*/
/*------------------------------------------------------------------


Project name: "PropertyHeads",
Version: "1.0.0",
Description: "HTML-template"


1. Bootstrap cor{
    text-align: right; }
  .description-toggle p {
    margin-bottom: 0; }

.add-field {
  display: table;
  color: #888da8;
  fill: #888da8;
  margin-bottom: 1rem;
  line-height: 100%; }
  .add-field svg {
    margin-right: 10px;
    width: 12px;
    height: 12px; }
  .add-field > * {
    display: table-cell;
    vertical-align: middle; }

.switcher-block {
  margin: 19px 0;
  display: table;
  width: 100%; }
  .switcher-block .title {
    font-size: 13px; }
  .switcher-block > * {
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle; }
    .switcher-block > *:last-child {
      text-align: right; }

/*****************************************
  upload button styles
******************************************/
.file-upload {
  position: relative;
  display: inline-block; }
  .file-upload:hover {
    cursor: pointer; }

.file-upload__label {
  background-color: #3f4257;
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  padding: 0.5rem 1rem;
  font-size: 0.812rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out; }
  .file-upload__label:hover {
    cursor: pointer;
    background-color: #3FAEE4; }
  .file-upload__label.bg-green:hover, .file-upload__label.bg-blue:hover, .file-upload__label.bg-breez:hover {
    background-color: #3FAEE4; }

.file-upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  width: 0;
  height: 100%;
  opacity: 0;
  padding: 0; }
  .file-upload__input:hover {
    cursor: pointer; }

.subscribe-form {
  margin: 40px 0 20px; }
  .subscribe-form .form-group {
    flex: 1 0 auto;
    margin-bottom: 0; }
  .subscribe-form .form-control {
    width: 100%; }

.list--styled {
  margin: 35px 0; }
  .list--styled li {
    color: #515365;
    display: flex;
    align-items: center; }
    .list--styled li + li {
      margin-top: 30px; }
  .list--styled i {
    color: #3FAEE4;
    font-size: 20px;
    margin-right: 17px; }
  .list--styled.small-icon i {
    font-size: 8px; }
  .list--styled.smallest-icon i {
    font-size: 6px; }
  .list--styled.icon-blue i {
    color: #55A8D2; }

.search-form {
  padding: 50px 40px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1); }
  .search-form .form-group {
    flex: 1 0 auto;
    margin-bottom: 0; }
  .search-form .form-control {
    width: 100%; }
  .search-form > * + * {
    margin-left: -5px; }
  .search-form .btn {
    border-radius: 0 5px 5px 0; }

.radio {
  margin-bottom: 1rem; }

.radio label {
  cursor: pointer;
  padding-left: 35px;
  position: relative; }

.radio label span {
  display: block;
  position: absolute;
  left: 10px;
  top: 0;
  transition-duration: 0.2s; }

.radio label .circle {
  border: 1px solid #dde0e9;
  height: 18px;
  width: 18px;
  border-radius: 100%; }

.radio label .check {
  height: 18px;
  width: 18px;
  border-radius: 100%;
  background-color: #3FAEE4;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0); }

.radio label .check:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.87);
  left: -18px;
  top: -18px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1);
  -moz-transform: scale3d(1.5, 1.5, 1);
  -o-transform: scale3d(1.5, 1.5, 1);
  -ms-transform: scale3d(1.5, 1.5, 1);
  transform: scale3d(1.5, 1.5, 1); }

.radio input[type=radio] {
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
  display: none; }

.radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle {
  opacity: 1; }

.radio input[type=radio]:checked ~ .check {
  background-color: #3FAEE4; }

.radio input[type=radio]:checked ~ .circle {
  border-color: #3FAEE4; }

.radio input[type=radio]:checked ~ .check {
  -webkit-transform: scale3d(0.45, 0.45, 1);
  -moz-transform: scale3d(0.45, 0.45, 1);
  -o-transform: scale3d(0.45, 0.45, 1);
  -ms-transform: scale3d(0.45, 0.45, 1);
  transform: scale3d(0.45, 0.45, 1); }

.radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle {
  opacity: 0.26; }

.radio input[type=radio][disabled] ~ .check {
  background-color: #000000; }

.radio input[type=radio][disabled] ~ .circle {
  border-color: #000000; }

@keyframes rippleOn {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 0; } }

@keyframes rippleOff {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 0; } }

.checkbox {
  margin-bottom: 1rem; }

.checkbox label {
  cursor: pointer;
  padding-left: 0;
  margin-bottom: 0; }

.form-group.is-focused .checkbox label {
  color: rgba(0, 0, 0, 0.26); }

.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
  color: rgba(0, 0, 0, 0.54); }

fieldset[disabled] .form-group.is-focused .checkbox label {
  color: rgba(0, 0, 0, 0.26); }

.checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none; }

.checkbox .checkbox-material {
  vertical-align: middle;
  position: relative;
  top: 1px;
  padding-right: 5px;
  display: inline-block; }

.checkbox .checkbox-material:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.84);
  height: 20px;
  width: 20px;
  border-radius: 100%;
  z-index: 1;
  opacity: 0;
  margin: 0;
  top: 0;
  -webkit-transform: scale3d(2.3, 2.3, 1);
  -moz-transform: scale3d(2.3, 2.3, 1);
  -o-transform: scale3d(2.3, 2.3, 1);
  -ms-transform: scale3d(2.3, 2.3, 1);
  transform: scale3d(2.3, 2.3, 1); }

.checkbox .checkbox-material .check {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #d5d5d6;
  overflow: hidden;
  z-index: 1; }

.checkbox .checkbox-material .check:before {
  position: absolute;
  content: "";
  transform: rotate(45deg);
  display: block;
  margin-top: -3px;
  margin-left: 7px;
  width: 0;
  height: 0;
  background: red;
  box-shadow: 0 0 0 0 inset;
  -webkit-animation: checkbox-off 0.3s forwards;
  -moz-animation: checkbox-off 0.3s forwards;
  -o-animation: checkbox-off 0.3s forwards;
  -ms-animation: checkbox-off 0.3s forwards;
  animation: checkbox-off 0.3s forwards; }

.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
  opacity: 0.2; }

.checkbox input[type=checkbox]:checked + .checkbox-material .check {
  background: #3FAEE4; }

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
  color: #FFFFFF;
  box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
  -webkit-animation: checkbox-on 0.3s forwards;
  -moz-animation: checkbox-on 0.3s forwards;
  -o-animation: checkbox-on 0.3s forwards;
  -ms-animation: checkbox-on 0.3s forwards;
  animation: checkbox-on 0.3s forwards; }

.checkbox.clicked input[type=checkbox]:checked + .checkbox-material:before {
  -webkit-animation: rippleOn 500ms;
  -moz-animation: rippleOn 500ms;
  -o-animation: rippleOn 500ms;
  -ms-animation: rippleOn 500ms;
  animation: rippleOn 500ms; }

.checkbox.clicked input[type=checkbox]:checked + .checkbox-material .check:after {
  -webkit-animation: rippleOn 500ms forwards;
  -moz-animation: rippleOn 500ms forwards;
  -o-animation: rippleOn 500ms forwards;
  -ms-animation: rippleOn 500ms forwards;
  animation: rippleOn 500ms forwards; }

.checkbox.clicked input[type=checkbox]:not(:checked) + .checkbox-material:before {
  -webkit-animation: rippleOff 500ms;
  -moz-animation: rippleOff 500ms;
  -o-animation: rippleOff 500ms;
  -ms-animation: rippleOff 500ms;
  animation: rippleOff 500ms; }

.checkbox.clicked input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
  -webkit-animation: rippleOff 500ms;
  -moz-animation: rippleOff 500ms;
  -o-animation: rippleOff 500ms;
  -ms-animation: rippleOff 500ms;
  animation: rippleOff 500ms; }

fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
  opacity: 0.5; }

.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
  border-color: #000000;
  opacity: .26; }

.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
  background-color: rgba(0, 0, 0, 0.87);
  transform: rotate(-45deg); }

@keyframes checkbox-on {
  0% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; }
  50% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px; }
  100% {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; } }

@keyframes rippleOn {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 0; } }

@keyframes rippleOff {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 0; } }

.error-box {
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #e6ecf5;
  padding: 30px;
  text-align: center;
  position: absolute;
  right: -135px;
  bottom: 70%;
  width: 270px;
  z-index: 999; }
  .error-box .danger {
    margin: 0 auto 20px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 37px;
    text-align: center;
    border-radius: 100%;
    background-color: #f92552; }
    .error-box .danger svg {
      fill: #fff;
      width: 12px;
      height: 12px; }
  .error-box .title {
    margin-bottom: 13px; }
  .error-box p {
    font-size: 13px;
    color: #888da8; }

/*================= Responsive Mode ============*/
@media (max-width: 860px) {
  .search-form {
    padding: 25px; } }

@media (max-width: 360px) {
  .subscribe-form .btn {
    margin-left: -5px;
    border-radius: 0 5px 5px 0; }
  .search-form {
    padding: 0; } }

/*------------- #FIXED-SIDEBAR-LEFT --------------*/
.fixed-sidebar {
  position: fixed;
  z-index: 22;
  width: 70px;
  min-height: 1000vh;
  top:0; }
  .fixed-sidebar .logo {
    height: 70px;
    
     }
  .fixed-sidebar .ui-block-title {
    margin: 15px 0; }
    .fixed-sidebar .ui-block-title:first-child {
      margin-top: 0; }
  .fixed-sidebar .search-friend svg {
    height: 20px;
    width: 20px; }
    .fixed-sidebar .search-friend svg:hover {
      fill: #3FAEE4; }
  .fixed-sidebar .ui-block-title a {
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 9px;
    padding: 0; }
    .fixed-sidebar .ui-block-title a + a {
      float: right;
      color: #515365; }
  .fixed-sidebar .mCustomScrollbar {
    max-height: calc(100vh - 70px);
    overflow: hidden; }
  .fixed-sidebar .ps > .ps__scrollbar-y-rail, .fixed-sidebar .ps:hover > .ps__scrollbar-y-rail {
    opacity: 0;
    z-index: -1;
    visibility: hidden; }
  .fixed-sidebar.open .fixed-sidebar-left {
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
    .fixed-sidebar.open .fixed-sidebar-left.sidebar--small {
      transform: translateX(-100%); }
    .fixed-sidebar.open .fixed-sidebar-left.sidebar--large {
      transform: translateX(0);
      transition-delay: .3s; }
  .fixed-sidebar.open .fixed-sidebar-right {
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
    .fixed-sidebar.open .fixed-sidebar-right.sidebar--small {
      transform: translateX(100%); }
    .fixed-sidebar.open .fixed-sidebar-right.sidebar--large {
      transform: translateX(0);
      transition-delay: .3s; }
  .fixed-sidebar.right {
    top: 70px;
    z-index: 20;
    right: 0;
    min-height: 100%; }
    .fixed-sidebar.right .mCustomScrollbar {
      max-height: calc(100vh - 210px); }

.fixed-sidebar-left {
  position: absolute;
  height: 100%;
  background-color: #fff;
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1); }
  .fixed-sidebar-left.sidebar--small {
    width: 70px;
    transition-delay: .3s; }
    .fixed-sidebar-left.sidebar--small .left-menu a {
      padding: 14px 0 14px 25px;
      display: block; }
  .fixed-sidebar-left.sidebar--large {
    width: 270px;
    transform: translateX(-100%); }

.sidebar--large .logo .img-wrap {
  margin-right: 20px; }

.sidebar--large .search-friend {
  padding: 0;
  border-top: 1px solid #e6ecf5; }

.sidebar--large .olympus-chat {
  padding: 30px 15px 15px 50px; }
  .sidebar--large .olympus-chat svg, .sidebar--large .olympus-chat i {
    float: right; }

.sidebar--large .chat-users li {
  padding: 13px 25px; }

.sidebar--large .chat-users .more-icons li {
  padding: 0; }

.fixed-sidebar-right {
  position: absolute;
  border-left: 1px solid #e6ecf5;
  z-index: 20;
  right: 0;
  top: 0;
  bottom: 70px;
  background-color: #fff;
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  padding-bottom: 140px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1); }
  .fixed-sidebar-right.sidebar--small {
    width: 70px;
    transition-delay: .3s; }
  .fixed-sidebar-right.sidebar--large {
    width: 270px;
    transform: translateX(100%); }

.logo {
  display: flex;
  align-items: center;
  color: #fff; }
  .logo img {
    transition: opacity .3s ease; }
  .logo .logo-title {
    
    margin: 0;
    color: inherit;
    transition: all .3s ease; }
  .logo .sub-title {
    font-size: 10px;
    text-transform: uppercase; }
  .logo:hover {
    color: #fff; }
  .logo .img-wrap {
    position: relative; }

.left-menu {
  padding: 20px 0; }
  .left-menu .left-menu-title {
    transition: all .3s ease;
    font-weight: 700; }
  .left-menu .left-menu-icon {
    fill: #9A9FBF;
    transition: all .3s ease;
    margin-right: 25px; }
  .left-menu .olymp-weather-icon {
    width: 26px; }
  .left-menu .olymp-happy-faces-icon {
    width: 23px; }
  .left-menu svg {
    width: 20px; }
  .left-menu a {
    padding: 16px 0 16px 25px;
    display: flex;
    align-items: center;
    color: #9a9fbf; }
    .left-menu a:hover {
      color: #515365; }
      .left-menu a:hover svg {
        fill: #3FAEE4; }

.profile-completion {
  padding: 15px 25px 25px;
  transition: all .3s ease; }
  .profile-completion .skills-item-info {
    font-size: 14px; }

.chat-users {
  margin-bottom: 0; }
  .chat-users li {
    padding: 13px 20px;
    cursor: pointer; }
  .chat-users .author-thumb {
    margin-right: 8px; 
	height:40px;
	width:40px;
	overflow:hidden;}
	.chat-users .author-thumb img{
		height:40px;
		width:40px;
	}
    .chat-users .author-thumb .icon-status {
      border-color: #fff; }
  .chat-users .author-name {
    font-size: 12px; }
  .chat-users .status {
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 700;
    display: block; }
  .chat-users .more {
    float: right;
    margin-top: 7px; }
    .chat-users .more:hover .more-icons {
      visibility: visible;
      opacity: 1;
      right: 100%; }

.more-icons {
  position: absolute;
  right: -100%;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  transition: all .3s ease;
  padding: 10px 25px 10px 10px;
  width: 160px;
  bottom: -17px; }
  .more-icons li {
    display: inline-block;
    fill: #c2c5d9;
    padding: 0; }
    .more-icons li:hover {
      fill: #9a9fbf; }
    .more-icons li + li {
      margin-left: 20px; }
  .more-icons svg {
    width: 22px;
    height: 20px; }

.olympus-chat {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 25px 22px;
  background-color: #7c5ac2;
  fill: #fff;
  height: 70px; }
  .olympus-chat .olympus-chat-title {
    text-transform: uppercase;
    color: #fff;
    margin-right: 40px;
    margin-bottom: 0; }

.search-friend {
  position: absolute;
  bottom: 70px;
  left: 0;
  width: 100%;
  box-shadow: 0 -50px 45px -3px rgba(255, 255, 255, 0.7);
  padding: 25px;
  background-color: #fff; }
  .search-friend input {
    padding: .5rem 1.1rem;
    font-size: 12px; }
  .search-friend .form-group {
    margin: 15px 20px;
    max-width: 150px; }
  .search-friend a {
    fill: #9a9fbf; }
  .search-friend a + a {
    margin-left: 13px; }

.accordion-menu .card-header {
  padding: 0; }

.accordion-menu .card-header a > .olymp-dropdown-arrow-icon {
  margin-left: 15px;
  margin-top: 4px; }

.accordion-menu .card-header svg {
  margin-top: 0; }

.accordion-menu .card-header a {
  color: inherit;
  font-size: 13px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .fixed-sidebar.right {
    display: none; }
  .fixed-sidebar.right.fixed-sidebar-responsive {
    display: block; }
  .fixed-sidebar.right.fixed-sidebar-responsive {
    top: 0;
    z-index: 30;
    min-height: 70px;
    height: 70px; }
  .fixed-sidebar-right {
    position: relative;
    bottom: auto;
    box-shadow: none;
    padding-bottom: 70px;
    border-left: none; }
  .fixed-sidebar .mCustomScrollbar {
    max-height: calc(100vh - 70px); } }

/*------------- #SKILLS --------------*/
.skills-item {
  margin-bottom: 20px; }
  .skills-item .skills-item-meter {
    padding: 0;
    width: 100%;
    border-radius: 10px;
    background-color: #ebecf2;
    position: relative;
    height: 6px; }

.skills-item-info {
  margin-bottom: 16px;
  color: #515365;
  font-size: 12px; }
  .skills-item-info .skills-item-count {
    float: right; }

.skills-item-meter-active {
  position: relative;
  height: 100%;
  display: inline-block;
  border-radius: 10px;
  opacity: 0;
  transition: all .2s ease;
  top: -8px; }
  .skills-item-meter-active.skills-animate {
    animation: skills-animated 1.2s ease-out; }
  .skills-item-meter-active.skills-animate-opacity {
    animation: skills-animated-opacity .2s ease-out; }

@keyframes skills-animated {
  0% {
    width: 0; } }

@keyframes skills-animated-opacity {
  100% {
    opacity: 1; } }

/*------------- #FRIENDS --------------*/
.friend-header-thumb {
  border-bottom: 1px solid #e6ecf5;
  overflow: hidden; 
  height:100px;}
  .friend-header-thumb img {
    width: 100%; }

.friend-item {
  border-radius: 5px;
  overflow: hidden; }
  .friend-item .control-block-button {
    position: relative; }
  .friend-item .swiper-container {
    padding-bottom: 20px; }
  .friend-item .btn-control {
    margin-bottom: 0;
    margin-right: 14px; }
  .friend-item.fav-page .friend-about {
    text-align: center; }

.friend-item-content {
  padding: 0 14px 14px 14px;
  text-align: center;
  position: relative; }
  .friend-item-content .more {
    z-index: 5;
    position: absolute;
    right: 15px;
    top: 50px;
    font-size: 16px;
    padding: 10px; }


  .comment-avatar .author-thumb {
    margin: 0 auto;
    height: 88px;
    width: 98px;
    margin-bottom: 0px; }
 .comment-avatar .author-thumb img{
    border: 2px solid #fff;
    height:80px;
    width:80px;   
 }
.friend-avatar {
  margin-top: -49px;
  position: relative;
  margin-bottom: 20px; }
  .friend-avatar .author-thumb {
    margin: 0 auto;
    height: 88px;
    width: 98px;
    margin-bottom: 0px; }
    .friend-avatar .author-thumb img {
      border: 2px solid #fff;
	  height:80px;
	  width:80px;
    background-color: #fff;
    }
.friend-avatar .author-content a {
    color:#61AED5;
}
.friend-avatar .author-content .business-name a {
    color:#61AED5;
}
.friend-avatar .author-content .business-location {
    color:red;
}
.friend-count {
  margin-bottom: 35px; }

.friend-count-item {
  display: inline-block;
  margin-right: 25px; }
  .friend-count-item .title {
    color: #888da8; }
  .friend-count-item:last-child {
    margin-right: 0; }

.friend-about {
  text-align: left;
  margin-bottom: 30px;
  font-size: 13px; }

.friend-since > *:first-child {
  font-size: 11px; }

.more-dropdown {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  width: 180px;
  /*border: 1px solid $border-color;*/
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  background-color: #fff;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  text-align: left;
  padding: 15px 20px;
  z-index: 5; }
  .more-dropdown ul {
    padding: 15px 25px;
    margin-bottom: 0; }
  .more-dropdown li a > * {
    display: inline-block;
    vertical-align: middle; }
  .more-dropdown a {
    padding: 7px 0;
    font-size: 12px!important;
    color: #515365!important;
    display: block;
    font-weight: 700; }
    .more-dropdown a.btn-sm {
      padding: 0.5rem 1.7rem;
      font-size: 0.688rem;
      line-height: 1.5;
      border-radius: 0.2rem; }
    .more-dropdown a:hover {
      color: #3FAEE4; }

.more:hover .more-dropdown {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s; }

.more {
  position: relative;
  transition: all .3s ease;
  color: #888da8;
  fill: #c0c4d8; }
  .more .more {
    cursor: pointer; }

.more-with-triangle:before {
  position: absolute;
  display: inline-block;
  content: '';
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #fff;
  right: 25px; }

.more-with-triangle.triangle-bottom-right:before {
  top: auto;
  bottom: -7px;
  right: 15px;
  border-bottom: none;
  border-top: 7px solid #fff; }

.more-with-triangle.triangle-top-center:before {
  margin-right: -3px;
  right: 50%; }

.more-with-triangle.triangle-top-left:before {
  right: auto;
  left: 15px; }

.friend-groups .friend-item-content {
  padding: 25px; }
  .friend-groups .friend-item-content .more {
    top: 0;
    right: 10px; }

.friend-groups .friend-avatar {
  margin-top: 0; }
  .friend-groups .friend-avatar .author-thumb {
    width: 120px;
    height: 120px;
    border-radius: 100px;
    line-height: 120px;
    background-color: #d7d9e5;
    margin-bottom: 20px;
    overflow: hidden; }
    .friend-groups .friend-avatar .author-thumb img {
      border: none; }

.friend-groups .country {
  font-size: 11px; }

.friend-groups .friends-harmonic {
  display: inline-block;
  margin-bottom: 35px; }

.friend-groups .control-block-button {
  margin-bottom: 15px; }

.create-group {
  background-color: transparent;
  border: 2px dashed #bbc0d5;
  position: relative; }
  .create-group .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center; }
    .create-group .content .btn-control {
      margin-right: 0;
      margin-bottom: 15px; }
      .create-group .content .btn-control svg {
        width: 20px;
        height: 20px; }
  .create-group .author-name {
    font-size: 14px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 640px) {
  .create-group .content {
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    margin: 30px auto; } }

/*------------- #SLIDERS --------------*/
.swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: auto 10px;
  border-radius: 50%;
  cursor: pointer;
  transition: all .3s ease;
  border: 2px solid #d9dbe7; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #3FAEE4;
    border-color: transparent; }

.pagination-blue .page-link:focus, .pagination-blue .page-link:hover {
  background-color: #55A8D2; }

.pagination-blue .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #55A8D2; }

.swiper-pagination {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0); }

.pagination-bottom {
  padding-bottom: 55px; }
  .pagination-bottom .swiper-pagination {
    bottom: 15px; }

.btn-next, .btn-prev, .btn-next-without, .btn-prev-without {
  position: absolute;
  cursor: pointer;
  width: 10px;
  height: 18px;
  display: block;
  z-index: 10;
  transition: all .2s ease-in;
  fill: #fff;
  stroke: inherit;
  top: 50%;
  transform: translate(0, -50%); }
  .btn-next:hover, .btn-prev:hover, .btn-next-without:hover, .btn-prev-without:hover {
    fill: #3FAEE4; }

.btn-next, .btn-next-without {
  right: 40px; }

.btn-prev, .btn-prev-without {
  left: 40px; }

.slider-slides {
  position: absolute;
  bottom: -200px;
  width: 100%;
  text-align: center; }
  .slider-slides .slides-item {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden; }
    .slider-slides .slides-item .overlay {
      opacity: 1;
      background: rgba(43, 45, 59, 0.6); }
    .slider-slides .slides-item:last-child {
      margin-right: 0; }
    .slider-slides .slides-item.slide-active .overlay {
      opacity: 0; }

.single-post-slider {
  position: relative;
  margin: 40px 0;
  padding-bottom: 100px; }
  .single-post-slider .slider-slides {
    bottom: 0; }
  .single-post-slider .btn-next, .single-post-slider .btn-prev {
    fill: #9a9fbf; }
    .single-post-slider .btn-next:hover, .single-post-slider .btn-prev:hover {
      fill: #3FAEE4; }
  .single-post-slider .btn-next {
    right: 0; }
  .single-post-slider .btn-prev {
    left: 0; }
  .single-post-slider .slider-slides .slides-item {
    border-radius: 0;
    margin-right: 22px; }
    .single-post-slider .slider-slides .slides-item:last-of-type {
      margin-right: 0; }
  .single-post-slider .swiper-slide img {
    width: 100%; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 1080px) {
  .slider-slides {
    display: none; }
  .single-post-slider .slider-slides {
    display: block; } }

@media (max-width: 800px) {
  .single-post-slider .slider-slides .slides-item {
    width: 40px;
    height: 40px; }
  .single-post-slider {
    padding-bottom: 50px; } }

@media (max-width: 560px) {
  .single-post-slider .slider-slides .slides-item {
    width: 20px;
    height: 20px; } }

@media (max-width: 460px) {
  .single-post-slider .slider-slides .slides-item {
    width: 15px;
    height: 15px; }
  .single-post-slider .btn-next, .single-post-slider .btn-prev {
    display: none; } }

/*------------- #PAGINATION --------------*/
.pagination {
    clear:both;
  margin-top: 40px;
  padding-top: 40px;
  margin-bottom: 40px;
  display:flex;
  flex-wrap:wrap;
  }
  .pagination .page-item {
    font-size: 12px;
    font-weight: 700;
    padding: 0 4px; }
  .pagination .page-link {
    border-radius: 5px;}

	.pagination .page-link:hover
	{
		background:#0088ff !important;
	}

	.pagination .page-item.disabled
	{
		padding-left:0;
		padding-right:0;
		margin-top:1px;
	}

	.pagination .page-item.disabled .page-link
	{
		background:#36a1ff !important;
	}

.pagination--small {
  margin-top: 15px;
  margin-bottom: 15px; }
  .pagination--small .page-link {
    padding: 0.25rem .45rem;
    font-size: 8px; }

/*------------- #LANDING --------------*/
.landing-container {margin-left:60px;}
.landing-content {
  color: #fff;
  margin-bottom: 30px;
  margin-top:90px;
  text-align:center; }
.landing-content h2{ font-size:30px;
					text-shadow:3px 3px 1px #000;
					text-transform: uppercase;
					color:#fff;
					text-align:center;
}
.landing-content p{ font-size:18px;
					text-shadow:2px 2px 1px #000;
					text-align:center;
					}
.landing-content .btn{ margin:0; 					text-align:center;

					}

  .landing-content > *:first-child {
    font-weight: 300; }
  .landing-content > *:last-child {
    margin-bottom: 0; }
  .landing-content > * {
    color: inherit;
    margin-bottom: 15px; }

.main-header.main-header-fullwidth {
  width: 100%;
  max-width: 100%; }

.main-header.main-landing {
  width: 100%;
  max-width: 100%; }
  .main-header.main-landing .logo {
    text-align: center;
    display: block;
    background-color: transparent;
    margin-bottom: 60px; }
    .main-header.main-landing .logo img {
      display: inline-block;
      margin: 0 auto 10px; }
  .main-header.main-landing h1 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 40px; }
  .main-header.main-landing p {
    margin-bottom: 60px; }

.img-rocket {
  position: absolute;
  bottom: 160px;
  right: 30%; }

.landing-item {
  text-align: center;
  margin-bottom: 50px; }
  .landing-item .title {
    font-weight: 700; }
  .landing-item .full-block {
    z-index: 999; }
  .landing-item .landing-item-thumb {
    position: relative;
    margin-bottom: 25px;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.3); }
    .landing-item .landing-item-thumb img {
      width: 100%; }
    .landing-item .landing-item-thumb .btn {
      margin-bottom: 0;
      position: absolute;
      opacity: 0;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 90%; }
    .landing-item .landing-item-thumb .new {
      display: block;
      position: absolute;
      right: 5px;
      top: 5px;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      background-color: #3FAEE4;
      color: #fff;
      line-height: 50px;
      text-align: center;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 700; }
  .landing-item:hover .overlay {
    opacity: 1; }
  .landing-item:hover .btn {
    opacity: 1; }

.landing-main-content {
  text-align: center;
  margin: 80px 0; }
  .landing-main-content svg {
    fill: #3FAEE4;
    margin-bottom: 30px; }
  .landing-main-content .btn {
    margin: 40px 0; }
  .landing-main-content .title {
    font-weight: 300;
    margin-bottom: 30px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 800px) {
  .img-rocket {
    right: 5px; }
  .landing-content > * {
    margin-bottom: 20px; } }

@media (max-width: 420px) {
  .img-rocket {
    bottom: 60px; } }

/*------------- #REGISTRATION-LOGIN-FORM --------------*/
.registration-login-form {
  border: 1px solid #e6ecf5;
  border-radius: 0 5px 5px 0;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding-left: 71px;
  margin-bottom: 20px;
  min-height: 700px; }
  .registration-login-form .nav-tabs {
    float: left;
    display: block;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; }
  .registration-login-form .nav-item {
    margin-bottom: 0;
    height: 50%;
    display: table; }
    .registration-login-form .nav-item:last-child .nav-link {
      border-bottom: 0; }
  .registration-login-form .nav-link {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #e6ecf5;
    border-right: 1px solid #e6ecf5;
    padding: 25px;
    color: #c0c4d8;
    fill: #c0c4d8;
    background-color: #fafbfd;
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
    .registration-login-form .nav-link.active {
      fill: #3FAEE4;
      background-color: #fff;
      border-color: #e6ecf5; }
    .registration-login-form .nav-link svg {
      width: 21px;
      height: 21px; }
  .registration-login-form .tab-content {
    overflow: hidden; }
  .registration-login-form .content {
    padding: 35px 25px; }
  .registration-login-form .title {
    padding: 25px;
    border-bottom: 1px solid #e6ecf5;
    margin-bottom: 0; }
  .registration-login-form p {
    margin-bottom: 0;
    font-size: 13px; }
  .registration-login-form .remember {
    margin: 35px 0 25px; }

.remember {
  margin-bottom: 1rem; }
  .remember .checkbox {
    display: inline-block;
    margin-bottom: 0; }
  .remember a {
    line-height: 2; }
  .remember .forgot {
    float: right;
    color: #888da8; }

.or {
  position: relative;
  width: 100%;
  height: 1px;
  margin: 1rem 0 2rem 0;
  background-color: #e6ecf5; }
  .or:after {
    content: 'OR';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 0 25px;
    font-size: 10px;
    z-index: 5; }

/*================= Responsive Mode ============*/
@media (max-width: 1023px) {
  .registration-login-form {
    padding-top: 71px;
    padding-left: 0; }
  .registration-login-form .nav-tabs {
    bottom: auto;
    height: auto;
    width: 100%; }
  .registration-login-form .nav-item {
    height: 100%;
    display: block;
    width: 50%;
    float: left;
    text-align: center; }
  .registration-login-form .nav-link {
    display: block; }
  .registration-login-form .nav-item:last-child .nav-link {
    border-bottom: 1px solid #e6ecf5; } }

/*------------- #MAIN-HEADER --------------*/
.main-header {
  padding: 70px 0 70px 0;
  max-width: calc(100% - 140px);
  margin: 0 auto 30px;
  position: relative;
  background-position: 50% 50%; }
  .main-header .content-bg:before {
    height: 100%; }

@keyframes sideupscroll {
  0% {
    transform: translate3D(0%, 0%, 0); }
  50% {
    transform: translate3D(-50%, 0, 0); }
  100% {
    transform: translate3D(-100%, 0, 0); } }
  .main-header.main-header-has-header-standard {
    padding-top: 0; }

.img-bottom {
  position: relative;
  display: block;
  margin: 20px auto 0;
  margin-bottom: -70px; }

.bg-account:before {
  background-image: url("../img/top-header3.png"); }

.bg-birthday:before {
  background-image: url("../img/top-header6.png"); }

.bg-badges:before {
  background-image: url("../img/top-header4.png"); }

.bg-events:before {
  background-image: url("../img/top-header5.png"); }

.bg-weather:before {
  background-image: url("../img/top-header6.png"); }

.bg-group:before {
  background-image: url("../img/bg-group.png"); }

.bg-music:before {
  background-image: url("../img/top-header7.png"); }

.bg-landing:before {
  background-image: url("../img/landing-bl-bg.jpg"); }

.bg-users {
  background-image: url("../img/bg-users.png"); }

.main-header-content {
  color: #fff;
  text-align: center; }
  .main-header-content > * {
    color: inherit; }
  .main-header-content > *:first-child {
    font-weight: 300;
    margin-bottom: 20px; }
  .main-header-content p {
    font-weight: 400;
    margin-bottom: 0; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .main-header {
    max-width: 100%; } }

/*------------- #YOUR-PROFILE--------------*/
.items-round-little {
  color: #fff;
  font-weight: 700;
  font-size: 10px;
  text-align: center;
  width: 19px;
  height: 19px;
  line-height: 19px;
  border-radius: 100%;
  margin-left: 12px; }
  .items-round-little:hover {
    color: #fff; }

.your-profile-menu {
  padding: 12px 25px;
  border-bottom: 1px solid #e6ecf5;
  margin-bottom: 0; }
  .your-profile-menu li a {
    font-size: 11px;
    padding: 12px 0;
    color: #888da8;
    display: block;
    font-weight: 500; }
  .your-profile-menu li a b {
	  font-weight:900; }
    .your-profile-menu li a:hover {
      color: #515365; }

.profile-settings-responsive {
  width: 250px;
  min-height: 100vh;
  position: fixed;
  top: 70px;
  transform: translateX(-100%);
  z-index: 21;
  background-color: #fff;
  transition: all .3s ease;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1); }
  .profile-settings-responsive .fa-angle-left {
    display: none; }
  .profile-settings-responsive.open {
    transform: translateX(0); }
    .profile-settings-responsive.open .fa-angle-right {
      display: none; }
    .profile-settings-responsive.open .fa-angle-left {
      display: block; }
  .profile-settings-responsive .ps > .ps__scrollbar-y-rail {
    opacity: 0;
    visibility: hidden;
    z-index: -4444; }
  .profile-settings-responsive .mCustomScrollbar {
    max-height: calc(100vh - 70px); }

.profile-settings-open {
  cursor: pointer;
  position: absolute;
  left: 100%;
  top: -webkit-calc(50% - 25px);
  top: calc(50% - 25px);
  background-color: #fff;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 0 100px 100px 0;
  line-height: 1;
  padding: 20px 8px 20px 8px;
  font-size: 20px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .profile-settings-responsive {
    visibility: visible;
    opacity: 1; }
  .responsive-display-none {
    display: none; } }

/*------------- #NOTIFICATION --------------*/
.notification-list {
  margin-bottom: 0; }
  .notification-list .selectize-dropdown-content > *, .notification-list li {
    padding: 15px;
    border-bottom: 1px solid #e6ecf5;
    display: block;
    position: relative;
    transition: all .3s ease; }
    .notification-list .selectize-dropdown-content > * > *, .notification-list li > * {
      margin-bottom: 0;
      display: inline-block;
      vertical-align: middle; }
    .notification-list .selectize-dropdown-content > *:hover, .notification-list li:hover {
      background-color: #fafbfd; }
      .notification-list .selectize-dropdown-content > *:hover .more, .notification-list li:hover .more {
        opacity: 1; }
    .notification-list .selectize-dropdown-content > *.un-read, .notification-list li.un-read {
      background-color: #f7f9fc; }
      .notification-list .selectize-dropdown-content > *.un-read .notification-icon, .notification-list li.un-read .notification-icon {
        color: #9da2c1;
        fill: #9da2c1; }
  .notification-list .selectize-dropdown-content > * {
    cursor: pointer; }
    .notification-list .selectize-dropdown-content > *:last-child {
      border-bottom: none; }
  .notification-list .notification-friend {
    display: inline-block; }
  .notification-list .comment-photo {
    margin: 30px 0 0 60px;
    max-width: 280px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center; }
    .notification-list .comment-photo span {
      background-color: #f5f7fb;
      padding: 0 15px; }
  .notification-list .author-thumb {
    height: 40px;
    width: 40px; }
  .notification-list .notification-event {
    padding-left: 15px; }
  .notification-list .notification-date {
    font-size: 11px;
    display: block;
    margin-top: 5px; }
  .notification-list .notification-link {
    color: #3FAEE4; }
  .notification-list .notification-icon {
    color: #d7d9e5;
    fill: #d7d9e5;
    float: right;
    margin-top: 10px; }
    .notification-list .notification-icon svg {
      width: 22px;
      height: 20px; }
  .notification-list .more {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 10px;
    color: #d6d9e6;
    opacity: 0; }
    .notification-list .more i + i {
      margin-left: 5px; }
    .notification-list .more svg + i {
      margin-left: 5px; }
    .notification-list .more i + svg {
      margin-left: 5px; }
    .notification-list .more svg + svg {
      margin-left: 5px; }

.notification-friend {
  margin-bottom: 0; }

.chat-message .notification-event {
  max-width: 75%;
  font-size: 12px; }

.chat-message .notification-friend {
  display: block; }

.chat-message li > * {
  vertical-align: top; }

.chat-message .author-thumb {
  height: 36px;
  width: 36px; }

.chat-message li.chat-group .author-thumb {
  border-radius: 0; }
  .chat-message li.chat-group .author-thumb img {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 100%;
    overflow: hidden; }

.chat-message li.chat-group .last-message-author {
  color: #515365;
  font-weight: 700; }

.chat-message li.message-unread {
  background-color: #f7f9fc; }
  .chat-message li.message-unread .notification-icon {
    fill: #9a9fbf; }

.chat-field {
  border-left: 1px solid #e6ecf5; }
  .chat-field .mCustomScrollbar {
    overflow: hidden;
    max-height: 450px; }
  .chat-field .ps > .ps__scrollbar-y-rail, .chat-field .ps:hover > .ps__scrollbar-y-rail {
    opacity: 0;
    z-index: -1;
    visibility: hidden; }
  .chat-field textarea {
    border-radius: 0;
    border-right: 0;
    border-left: 0; }

.chat-message-field .notification-event {
  max-width: 90%; }

.chat-message-field li {
  border-bottom: none; }
  .chat-message-field li:hover {
    background-color: transparent; }

.chat-message-field .chat-message-item {
  float: left;
  margin-top: 10px;
  font-size: 13px; }

.chat-message-field .notification-date {
  font-size: 10px;
  float: right;
  margin-top: 0; }

.chat-message-field .notification-friend {
  float: left; }

.added-photos {
  float: left;
  margin-top: 20px; }
  .added-photos img {
    border-radius: 10px;
    margin-right: 8px;
    margin-bottom: 15px; }
    .added-photos img:last-child {
      margin-right: 0; }
  .added-photos .photos-name {
    display: block;
    font-size: 10px; }

.add-options-message {
  padding: 0px 25px;
  float: left;
  width: 100%; }
  .add-options-message button {
    margin-bottom: 0;
    float: right; }
    .add-options-message button + button {
      margin-right: 15px; }
  .add-options-message .options-message {
    color: #c2c5d9;
    fill: #c2c5d9;
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle; }
    .add-options-message .options-message + .options-message {
      margin-left: 35px; }
    .add-options-message .options-message svg {
      width: 24px;
      height: 18px; }
  .add-options-message .more-dropdown {
    width: 215px;
    top: auto;
    bottom: 20px;
    right: -20px;
    padding: 8px; }
    .add-options-message .more-dropdown a {
      padding: 0; }
    .add-options-message .more-dropdown li {
      float: left;
      padding: 4px; }

.smile-block:hover .more-dropdown {
  opacity: 1;
  visibility: visible; }

.smile-block li a {
  opacity: .7; }

.smile-block li:hover a {
  opacity: 1; }

.icon-status {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 8px; }
  .icon-status.online {
    background-color: green; }
  .icon-status.away {
    background-color: orange; }
  .icon-status.disconected {
    background-color: red; }
  .icon-status.status-invisible {
    background-color: red; }

  .icon-status-big {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 8px; }
  .icon-status-big.online {
    background-color: green; }
  .icon-status-big.away {
    background-color: orange; }
  .icon-status-big.disconected {
    background-color: red; }
  .icon-status-big.status-invisible {
    background-color: red; }
  
.friend-requests .notification-icon {
  margin-top: -8px; }

.friend-requests .inline-items .notification-icon img{
  width:30px; }

.friend-requests .notification-friend {
  display: block; }

.friend-requests .accepted .notification-friend {
  display: inline-block; }

.friend-requests .accepted .notification-link {
  color: #00b7ff; }

.friend-requests .accepted .notification-icon {
  margin-top: 10px; }

.friend-requests .chat-message-item {
  font-size: 12px; }

.birthday-item {
  padding: 25px; }
  .birthday-item .author-thumb {
    width: 40px;
    height: 40px;
    margin-right: 12px; }
  .birthday-item .birthday-date {
    font-size: 12px; }
  .birthday-item .btn {
    margin-bottom: 0;
    float: right;
    margin-top: 5px; }
  .birthday-item.badges .author-thumb {
    width: 38px;
    height: 38px;
    margin-right: 25px; }
  .birthday-item.badges .birthday-date {
    font-size: 13px; }
  .birthday-item.badges .skills-item {
    min-width: 220px;
    display: block;
    float: right;
    margin-bottom: 0;
    margin-top: 18px; }
    @media (max-width: 999px) {
      .birthday-item.badges .skills-item {
        float: none; } }
  .birthday-item.badges .skills-item-meter-active {
    background: linear-gradient(to right, #ff613a, #ff9432); }

.label-avatar {
  position: absolute;
  top: -1px;
  right: -4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 100%;
  overflow: hidden; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 980px) {
  .col-xl-5.col-lg-6.col-md-12.col-sm-12.col-xs-12.padding-r-0 {
    padding-right: 15px; }
  .col-xl-7.col-lg-6.col-md-12.col-sm-12.col-xs-12.padding-l-0 {
    padding-left: 15px; } }

@media (max-width: 480px) {
  .add-options-message .options-message + .options-message {
    margin-left: 15px; }
  .add-options-message button {
    float: none;
    margin-left: 0;
    display: block;
    margin-top: 10px; }
  .add-options-message button + button {
    margin-right: 0; }
  .notification-list .notification-event {
    max-width: 75%; } }

@media (max-width: 420px) {
  .birthday-item.badges .author-thumb {
    margin-right: 0;
    margin-bottom: 15px;
    display: block; }
  .birthday-item .btn {
    float: none;
    margin-top: 15px;
    display: block; } }

@media (max-width: 360px) {
  .notification-list .notification-event {
    max-width: 60%; }
  .chat-message-field .notification-date {
    float: none;
    margin-top: 5px; }
  .chat-message-field .notification-friend {
    float: none; } }

/*------------- #NOTIFICATION --------------*/
.popup-chat {
  width: 320px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  overflow: hidden;
  position: relative;
  z-index: 5; }
  .popup-chat .mCustomScrollbar {
    overflow: hidden;
    max-height: 350px; }
  .popup-chat .ps > .ps__scrollbar-y-rail, .popup-chat .ps:hover > .ps__scrollbar-y-rail {
    opacity: 0;
    z-index: -1;
    visibility: hidden; }
  .popup-chat .ui-block-title {
    background-color: #7c5ac2;
    padding: 17px; }
    .popup-chat .ui-block-title .title {
      color: #fff; }
  .popup-chat .more {
    width: auto;
    font-size: 9px;
    text-align: right;
    color: #fff;
    fill: #fff; }
    .popup-chat .more i + i {
      margin-left: 15px; }
    .popup-chat .more svg + i {
      margin-left: 15px; }
    .popup-chat .more i + svg {
      margin-left: 15px; }
    .popup-chat .more svg + svg {
      margin-left: 15px; }
  .popup-chat .notification-event {
    padding-left: 10px;
    width: 75%; }
  .popup-chat .chat-message-item {
    padding: 13px;
    background-color: #f0f4f9;
    margin-top: 0;
    border-radius: 10px;
    margin-bottom: 5px;
    font-size: 12px; }
  .popup-chat .notification-date {
    float: left; }
  .popup-chat .author-thumb {
    width: 26px;
    height: 26px; }
  .popup-chat .chat-message-field li {
    overflow: hidden;
    padding: 9px 25px; }
    .popup-chat .chat-message-field li:last-child {
      margin-bottom: 40px; }
    .popup-chat .chat-message-field li:nth-child(2n) .chat-message-item {
      background-color: #7c5ac2;
      color: #fff; }
    .popup-chat .chat-message-field li:nth-child(2n) .author-thumb {
      float: right; }
    .popup-chat .chat-message-field li:nth-child(2n) .chat-message-item {
      float: right; }
    .popup-chat .chat-message-field li:nth-child(2n) .notification-event {
      float: right;
      padding-left: 0;
      padding-right: 10px; }
  .popup-chat .add-options-message {
    position: absolute;
    right: 20px;
    bottom: 15px;
    width: auto;
    padding: 0; }
    .popup-chat .add-options-message .options-message + .options-message {
      margin-left: 15px; }
  .popup-chat .form-group.label-floating textarea.form-control {
    padding-right: 80px; }
  .popup-chat .form-group {
    margin-bottom: 0; }
  .popup-chat textarea {
    min-height: 60px;
    height: 60px;
    transition: all .3s ease;
    border-radius: 0; }
    .popup-chat textarea:focus {
      min-height: 100px; }

.popup-chat-responsive {
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(-100%);
  max-width: 300px;
  opacity: 1;
  visibility: visible;
  display: block;
  transition: all .3s ease;
  margin-bottom: 0;
  z-index: 999;
  max-height: 50vh; }
  .popup-chat-responsive .mCustomScrollbar {
    overflow: hidden;
    max-height: 150px; }
  .popup-chat-responsive.open-chat {
    bottom: auto;
    top: 0;
    transform: translateY(0); }

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .popup-chat-responsive {
    opacity: 1;
    visibility: visible;
    display: block; } }

/*------------- #OVERLAY-MENU --------------*/
body {
  overflow-x: hidden;
      background: #e7e7e7;
      /* background: rgb(235,235,235); */
 }
  body:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(43, 45, 59, 0.9);
    opacity: 0;
    transition: opacity .3s ease;
    z-index: -999; }
  body.overlay-enable:before {
    opacity: .8;
    z-index: 500; }
  body.body--fixed {
    position: fixed;
    width: 100%; }

/*------------- #POPUP-WINDOWS --------------*/
.window-popup {
  max-width: calc(100% - 40px); }
  .window-popup .icon-close {
    opacity: 1;
    margin-top: 0;
    margin-right: 0; }
  .window-popup .icon {
    fill: #888da8;
    float: right;
    margin-top: 7px;
    padding: 0; }
  .window-popup .input-group-addon .icon {
    margin-top: 0; }
  .window-popup .form-group {
    margin-bottom: 25px; }
  .window-popup .form-group.with-button button {
    width: 50px;
    border-radius: 0 5px 5px 0; }
  .window-popup .olymp-computer-icon {
    width: 22px;
    height: 20px; }

.fav-page-popup {
  width: 470px; }
  .fav-page-popup button {
    margin-bottom: 0; }
  .fav-page-popup .form-group.label-floating .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #3FAEE4; }

.icon-close {
  position: absolute;
  top: -15px;
  right: -15px;
  color: red;
  fill: red; }
  .icon-close:hover {
    color: #3FAEE4;
    fill: #3FAEE4; }
  .icon-close svg {
    width: 18px;
    height: 18px; }

.update-header-photo {
  width: 80%; }

.modal-share-property { }

.upload-photo-item {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 50px;
  text-align: center;
  fill: #c2c5d9;
  border-left: 1px solid #e6ecf5; }
  .upload-photo-item:first-child {
    border-right: none; }
  .upload-photo-item h6, .upload-photo-item .h6 {
    margin-bottom: 0; }
  .upload-photo-item svg {
    margin-bottom: 30px;
    width: 22px;
    height: 20px; }
  .upload-photo-item span {
    font-size: 11px;
    color: #888da8; }
  .upload-photo-item:hover {
    fill: #3FAEE4;
    background-color: #fafbfd; }

.choose-from-my-photo {
  width: 770px; }
  .choose-from-my-photo .ui-block-title {
    position: relative; }
    .choose-from-my-photo .ui-block-title .nav-tabs {
      display: flex;
      border-bottom: none; }
  .choose-from-my-photo .nav-tabs {
    position: absolute;
    top: 1px;
    right: 0;
    max-height: 100%; }
  .choose-from-my-photo .nav-tabs .nav-link {
    border-radius: 0;
    padding: 18px 25px;
    fill: #c2c5d9;
    background-color: #fafbfd;
    border-color: #e6ecf5;
    border-top-color: transparent;
    border-right: none;
    height: 100%; }
    .choose-from-my-photo .nav-tabs .nav-link.active {
      fill: #3FAEE4;
      background-color: #fff; }
    .choose-from-my-photo .nav-tabs .nav-link svg {
      width: 18px;
      height: 20px; }
  .choose-from-my-photo .btn {
    margin-bottom: 30px; }
    .choose-from-my-photo .btn + .btn {
      margin-left: 20px; }

.choose-photo-item {
  position: relative;
  border-radius: 5px;
  width: 33%;
  float: left;
  padding: 0 22px 25px 0; }
  
  .choose-photo-item:last-child {
    margin-right: 0; }
  .choose-photo-item .radio {
    position: relative;
    margin-bottom: 0;
    border: 1px solid #e6ecf5;
    border-radius: 5px; }
    .choose-photo-item .radio label {
      padding-left: 0;
      margin-bottom: 0;
      width: 100%; }
      .choose-photo-item .radio label span {
        position: absolute;
        top: 10px;
        right: 10px;
        left: auto; }
  .choose-photo-item .circle {
    background-color: #fff; }

figcaption {
  padding: 20px 25px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #515365; }
  figcaption a {
    color: #515365; }
    figcaption a:hover {
      color: #3FAEE4; }
  figcaption span {
    font-size: 10px;
    color: #888da8;
    font-weight: 400;
    display: block; }

figure {
  margin: 0; }

.blog-post-popup {
  width: 770px; }
  .blog-post-popup .post p {
    padding: 0 15px; }
  .blog-post-popup .post-thumb {
    position: relative; }
  .blog-post-popup .overlay {
    opacity: 1; }
  .blog-post-popup .post-title {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 20; }
  .blog-post-popup .mCustomScrollbar {
    overflow: hidden;
    max-height: 365px; }
  .blog-post-popup .ps > .ps__scrollbar-y-rail, .blog-post-popup .ps:hover > .ps__scrollbar-y-rail {
    display: none; }

.open-photo-popup {
  width: 970px;
  border: none; }
  .open-photo-popup .mCustomScrollbar {
    overflow: hidden;
    max-height: 140px; }
  .open-photo-popup .ps > .ps__scrollbar-y-rail, .open-photo-popup .ps:hover > .ps__scrollbar-y-rail {
    display: none; }

.open-photo-thumb {
  padding: 55px 0;
  background-color: #000; }
  .open-photo-thumb .photo-item {
    margin: 0;
    border-radius: 0;
    padding: 0;
    display: block; }
    .open-photo-thumb .photo-item .overlay {
      bottom: 0;
      right: 0; }
    .open-photo-thumb .photo-item img {
      border-radius: 0; }
    .open-photo-thumb .photo-item:hover .tag-friends {
      opacity: 1; }
  .open-photo-thumb .tag-friends {
    position: absolute;
    top: 25px;
    right: 55px;
    opacity: 0;
    transition: all .3s ease;
    fill: #fff; }
    .open-photo-thumb .tag-friends svg {
      width: 20px;
      height: 20px; }

.open-photo-popup-v2 {
  width: 1200px;
  display: flex; }
  .open-photo-popup-v2 .open-photo-thumb {
    width: 66.66%;
    float: left;
    z-index: 10; }
  .open-photo-popup-v2 .open-photo-content {
    width: 33%;
    float: left; }
  .open-photo-popup-v2 .post-additional-info .comments-shared {
    margin-top: 0; }
  .open-photo-popup-v2 .mCustomScrollbar {
    max-height: 180px; }

.create-photo-album {
  width: 770px; }
  .create-photo-album .photo-album-item.create-album {
    min-height: 200px; }
  .create-photo-album .more {
    padding: 10px 13px;
    fill: #9a9fbf; }
    .create-photo-album .more a {
      font-size: 12px;
      display: inline-block;
      margin-bottom: 0; }
    .create-photo-album .more svg {
      margin-right: 5px; }
  .create-photo-album .olymp-happy-face-icon {
    width: 20px;
    height: 20px;
    fill: #9a9fbf;
    position: absolute;
    top: 10px;
    left: 15px; }
  .create-photo-album textarea {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    font-size: 12px; }
  .create-photo-album .btn {
    margin: 30px 0; }
    .create-photo-album .btn + .btn {
      margin-left: 20px; }
  .create-photo-album .more-dropdown {
    width: 260px;
    right: auto;
    left: 0;
    padding: 0; }
    .create-photo-album .more-dropdown input {
      border: 0;
      border-bottom: 1px solid #e6ecf5;
      font-size: 12px; }
  .create-photo-album .author-thumb {
    margin-right: 10px; }
  .create-photo-album .author-title {
    margin-bottom: 0; }

.registration-login-form-popup {
  width: 470px; }
  .registration-login-form-popup .registration-login-form {
    margin-bottom: 0; }

.edit-widget {
  width: 470px; }
  .edit-widget .custom-control-indicator {
    width: 18px;
    height: 18px; }
  .edit-widget .custom-control {
    margin-right: 0;
    padding-left: 20px; }

.add-option {
  display: block;
  margin: 30px 0;
  color: #888da8; }
  .add-option svg {
    fill: #888da8;
    margin-right: 12px;
    width: 14px;
    height: 14px; }
  .add-option span {
    line-height: 1; }

.create-friend-group {
  width: 470px; }
  .create-friend-group .more-dropdown {
    width: 300px;
    top: 70px;
    right: -301px;
    visibility: visible;
    opacity: 1;
    padding: 0; }
    .create-friend-group .more-dropdown a {
      display: inline-block;
      margin-bottom: 0; }
    .create-friend-group .more-dropdown input {
      border: 0;
      border-bottom: 1px solid #e6ecf5;
      font-size: 12px; }
    .create-friend-group .more-dropdown .form-group {
      margin-bottom: 0; }
    .create-friend-group .more-dropdown li {
      padding: 9px 0; }
  .create-friend-group .icon:hover {
    fill: #3FAEE4; }
  .create-friend-group .icon.check {
    fill: #55A8D2; }
  .create-friend-group .icon svg {
    width: 14px;
    height: 12px; }
  .create-friend-group .author-thumb {
    margin-right: 10px; }
  .create-friend-group .olymp-happy-face-icon {
    width: 20px;
    height: 20px;
    fill: #9a9fbf;
    position: absolute;
    top: 19px;
    right: 15px; }
  .create-friend-group .bootstrap-select.form-control {
    border-radius: 4px;
    border: 1px solid #e6ecf5; }
  .create-friend-group .bootstrap-select.style-2 > .dropdown-toggle {
    padding: 1.1rem; }
  .create-friend-group .form-group.label-floating .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #55A8D2; }
  .create-friend-group .dropdown-menu {
    top: auto;
    bottom: -100%;
    left: calc(100% + 25px); }
  .create-friend-group.create-friend-group-add-friends .bootstrap-select.style-2 .dropdown-menu {
    display: block;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    box-shadow: none;
    border-radius: 0 0 0.25rem 0.25rem;
    border: none; }
  .create-friend-group.create-friend-group-add-friends .bootstrap-select.style-2 > .dropdown-toggle {
    display: none; }

.faqs-popup {
  width: 470px; }
  .faqs-popup .collapse {
    padding: 0 0 0.75rem;
    margin-bottom: 0; }
    .faqs-popup .collapse p {
      margin-bottom: 0; }
  .faqs-popup .card {
    padding: 1px 1.5rem;
    border-top: 1px solid #e6ecf5; }
  .faqs-popup .card-header {
    padding: 1.5rem 0;
    border-bottom: none; }
    .faqs-popup .card-header a {
      font-size: 13px; }
    .faqs-popup .card-header i {
      margin-top: 3px; }
  .faqs-popup .card:first-child {
    border-top: none; }

.playlist-popup {
  width: 100%;
  max-width: 100%;
  top: 0 !important;
  left: 0;
  transform: none;
  height: 100vh;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  z-index: 999; }
  .playlist-popup.open {
    visibility: visible;
    opacity: 1; }
  .playlist-popup .icon-close {
    top: auto;
    right: 25px;
    bottom: 75px;
    fill: #3FAEE4; }

.create-event {
  width: 470px; }
  .create-event .icon-close {
    margin-top: 0;
    margin-right: 0; }
  .create-event .more-dropdown {
    width: 300px;
    top: 70px;
    right: -301px;
    visibility: visible;
    opacity: 1;
    padding: 0; }
    .create-event .more-dropdown a {
      display: inline-block;
      margin-bottom: 0; }
    .create-event .more-dropdown input {
      border: 0;
      border-bottom: 1px solid #e6ecf5;
      font-size: 12px; }
    .create-event .more-dropdown .form-group {
      margin-bottom: 0; }
    .create-event .more-dropdown li {
      padding: 9px 0; }
    .create-event .more-dropdown svg {
      width: 14px;
      height: 14px; }
  .create-event .author-thumb {
    margin-right: 10px; }
  .create-event .icon:hover {
    fill: #3FAEE4; }
  .create-event .icon.check {
    fill: #08ddc1; }
  .create-event .olymp-happy-face-icon {
    width: 20px;
    height: 20px;
    fill: #9a9fbf;
    position: absolute;
    top: 19px;
    right: 15px; }
  .create-event .bootstrap-select.style-2.form-control {
    border-radius: 4px;
    border: 1px solid #e6ecf5; }
  .create-event .bootstrap-select.style-2 > .dropdown-toggle {
    padding: 1.1rem;
    padding-right: 40px;
    border: none; }
    .create-event .bootstrap-select.style-2 > .dropdown-toggle:after {
      display: none; }
  .create-event .form-group.label-floating .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #08ddc1; }
  .create-event .bootstrap-select.style-2 .dropdown-menu {
    top: auto;
    bottom: -100%;
    left: calc(100% + 24px); }
  .create-event .bootstrap-select li.selected a {
    background-color: #08ddc1; }
  .create-event .bs-searchbox {
    padding: 0; }
    .create-event .bs-searchbox input {
      border-radius: 0;
      border-width: 0 0 1px 0; }

.event-private-public {
  width: 770px; }
  .event-private-public .mCustomScrollbar {
    overflow: hidden;
    max-height: 365px; }
  .event-private-public .ps > .ps__scrollbar-y-rail, .event-private-public .ps:hover > .ps__scrollbar-y-rail {
    display: none; }

.private-event-head {
  margin-bottom: 20px; }
  .private-event-head img {
    margin-right: 14px; }
  .private-event-head .author-date .event-title {
    line-height: 1;
    margin-bottom: 0; }
  .private-event-head .event__date {
    font-size: 12px; }
  .private-event-head .more {
    float: right;
    font-size: 16px;
    margin-right: 10px; }
  .private-event-head .more-dropdown a:hover {
    color: #08ddc1; }

.event-description {
  padding-left: 30px;
  border-left: 1px solid #e6ecf5;
  margin-bottom: 40px; }
  .event-description .event-description-title {
    font-weight: 700;
    margin-bottom: 40px; }
  .event-description .place {
    margin-bottom: 20px; }
  .event-description .friends-harmonic {
    margin-bottom: 35px; }

.relative {
  position: relative;
  top: auto;
  left: auto;
  transform: none; }

.edit-my-poll-popup {
  width: 770px;
  border: none; }
  .edit-my-poll-popup .control-block-button {
    top: 20px;
    right: -17px; }
  .edit-my-poll-popup .edit-my-poll-head {
    border-radius: 5px 5px 0 0;
    padding: 35px 60px;
    display: flex;
    align-items: center; }
    .edit-my-poll-popup .edit-my-poll-head .poll-img {
      margin-left: auto; }
  .edit-my-poll-popup .head-content {
    color: #fff; }
    .edit-my-poll-popup .head-content .title {
      margin-bottom: 20px;
      color: inherit; }
    .edit-my-poll-popup .head-content svg {
      fill: #fff; }
  .edit-my-poll-popup .place span {
    position: relative; }
    .edit-my-poll-popup .place span + span {
      padding-left: 17px;
      margin-left: 12px; }
      .edit-my-poll-popup .place span + span:after {
        content: "/";
        display: block;
        position: absolute;
        left: 0;
        top: 0; }
  .edit-my-poll-popup .edit-my-poll-content {
    padding: 35px 60px; }
    .edit-my-poll-popup .edit-my-poll-content h3 {
      margin: 40px 0; }

.modal.show {
  padding-right: 0 !important; }

.modal.show .modal-dialog {
  display: block !important; }

.modal.show .modal-dialog.open-photo-popup-v2 {
  display: flex !important; }

.popup-write-rewiev {
  width: 470px; }

/*================= Responsive Mode ============*/
@media (max-width: 1080px) {
  .icon-close {
    right: 50%;
    margin-right: -9px; }
  .open-photo-popup-v2 {
    display: block; }
  .modal.show .modal-dialog.open-photo-popup-v2 {
    display: block !important; }
  .open-photo-popup-v2 .open-photo-thumb {
    width: 100%;
    float: none; }
  .open-photo-popup-v2 .open-photo-content {
    width: 100%;
    float: none; }
  .create-friend-group .dropdown-menu {
    bottom: auto;
    left: 0;
    top: 100%; }
  .create-friend-group .bootstrap-select.style-2 > .dropdown-toggle {
    padding-right: 2.5rem; }
  .create-event .bootstrap-select.style-2 .dropdown-menu {
    top: 100%;
    bottom: auto;
    left: 0; } }

@media (max-width: 1024px) {
  .playlist-popup {
    display: none; } }

@media (max-width: 768px) {
  .icon-close {
    right: 50%;
    margin-right: -9px; }
  .choose-from-my-photo .ui-block-title .title {
    width: 50%; }
  .choose-from-my-photo .nav-tabs .nav-link {
    height: 100%;
    display: flex; }
  .choose-from-my-photo .nav-tabs .nav-item {
    width: auto; }
  .choose-from-my-photo .nav-tabs .nav-link svg {
    margin: auto; }
  .create-photo-album .btn + .btn {
    margin-left: 0;
    float: none; }
  .create-photo-album .btn {
    width: 100%;
    margin: 10px 0; }
  .choose-from-my-photo .btn {
    width: 45%; }
  .photo-album-item.create-album .btn-control {
    width: 50px; }
  .blog-post-popup .post p {
    padding: 0; } }

@media (max-width: 480px) {
  .choose-photo-item {
    width: 50%; }
  .private-event-head .more {
    float: none; }
  .upload-photo-item {
    padding: 10px; }
  .choose-from-my-photo .btn {
    width: 100%; }
  .upload-photo-item svg {
    margin-bottom: 10px; }
  .remember a {
    float: none;
    display: block; }
  .page-link {
    padding: 5px; }
  .notification-list.friend-requests .notification-icon {
    float: none;
    display: block;
    margin-top: 10px; }
  .choose-from-my-photo .btn {
    margin-bottom: 10px; }
  .choose-from-my-photo .btn + .btn {
    margin-left: 0; }
  .choose-photo-item {
    padding: 0 5px 5px 0; }
  .blog-post-popup .post .post-title {
    display: none; } }

@media (max-width: 360px) {
  .choose-photo-item {
    width: 100%; }
  .private-event-head .more {
    float: none;
    display: block; }
  .private-event-head img {
    display: block;
    margin-right: 0;
    margin-bottom: 15px; }
  .event-private-public .post__author img {
    display: block;
    margin-bottom: 10px; } }

/*------------- #OL-LISTS --------------*/
ol {
  counter-reset: list1;
  margin: 0;
  padding-left: 0; }
  ol li {
    list-style: none;
    transition: all .3s ease; }

/* Init counter */
ol li:before {
  position: relative;
  counter-increment: list1;
  /* Add "1" */
  content: counter(list1) " ";
  /* Show count */
  color: #888da8;
  display: inline-block;
  margin-right: 10px;
  font-size: 10px; }

ol li ul li:before {
  display: none; }

ol ol {
  counter-reset: list2;
  margin-top: 10px; }

ol ol li:before {
  counter-increment: list2;
  content: counter(list1) "." counter(list2) ". "; }

ol ol li {
  padding-left: 40px; }

/*------------- #FRIENDS-HARMONIC --------------*/
.friends-harmonic {
  margin-bottom: 0;
  overflow: hidden; }
  .friends-harmonic a {
    width: 28px;
    height: 28px;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #fff;
    display: block;
    margin-left: -12px; }
  .friends-harmonic li {
    float: left; }
    .friends-harmonic li:first-child a {
      margin-left: 0; }
  .friends-harmonic .with-text {
    margin-top: 5px;
    margin-left: 15px; }
  .friends-harmonic .all-users {
    line-height: 26px;
    opacity: .8; }
    .friends-harmonic .all-users:hover {
      color: #fff; }

/*------------- #POSTS --------------*/
.post {
  position: relative;
  padding: 25px;
  border-bottom: 1px solid #e6ecf5; }
  .post p {
    margin: 25px 0; }
  .post .control-block-button {
    top: 20px;
    right: -17px; }
  .post.thumb-full-width .post-thumb {
    border-radius: 0;
    margin: 0 -25px 25px; }
  .post .btn {
    margin-bottom: 25px; }
  .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post .h1, .post .h2, .post .h3, .post .h4, .post .h5, .post .h6 {
    display: inline-block; }
    .post h1 + p, .post h2 + p, .post h3 + p, .post h4 + p, .post h5 + p, .post h6 + p, .post .h1 + p, .post .h2 + p, .post .h3 + p, .post .h4 + p, .post .h5 + p, .post .h6 + p {
      margin-top: 10px; }
  .post .post__author-name {
    font-weight: 700;
    margin-bottom: 0; }
  .post .more-photos span {
    font-weight: 700; }
  .post.shared-photo .post-thumb {
    border: 1px solid #e6ecf5;
    margin-bottom: 0; }
  .post .author-date a {
    font-weight: 700; }

.post-block-photo {
  margin-bottom: 20px;
  overflow: hidden; }
  .post-block-photo a, .post-block-photo span {
    float: left;
    overflow: hidden;
    padding: 0 8px 8px 0; }
    .post-block-photo a img, .post-block-photo span img {
      border-radius: 3px;
      width: 100%; }

.more-photos {
  position: relative; }
  .more-photos:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 8px;
    bottom: 8px;
    background-color: #3FAEE4;
    opacity: .8;
    border-radius: 3px; }
  .more-photos span {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    font-weight: 700;
    margin-left: -8px; }

.post-thumb {
  border-radius: 5px;
  margin-bottom: 25px;
  overflow: hidden;
  position: relative; }
  .post-thumb img {
    width: 100%; }

.post__author {
  margin-bottom: 20px; }
  .post__author img {
    width: 55px;
    height: 55px;
    border-radius: 5%;
    overflow: hidden;
    margin-right: 12px; }
  .post__author .more {
    float: right;
    font-size: 16px;
    margin-right: 20px; }

.post-additional-info {
  padding: 20px 0 0;
  border-top: 1px solid #e6ecf5; }
  .post-additional-info > * {
    margin-right: 15px; }
    .post-additional-info > *:last-child {
      margin-right: 0; }
  .post-additional-info .comments-shared {
    float: right;
    margin-top: 8px; }

.comments-shared > * {
  margin-right: 15px; }
  .comments-shared > *:last-child {
    margin-right: 0; }

.comments-shared span {
  color: #888da8; }

.post-add-icon {
  fill: #c2c5d9;
  color: #c2c5d9; }
  .post-add-icon > * {
    vertical-align: middle; }
  .post-add-icon svg, .post-add-icon img {
    margin-right: 8px;
    width: 20px;
    height: 18px; }
  .post-add-icon .olymp-speech-balloon-icon {
    width: 22px;
    height: 20px; }
  .post-add-icon .olymp-share-icon {
    width: 26px;
    height: 21px; }
  .post-add-icon:hover {
    fill: #3FAEE4;
    color: #3FAEE4; }
    .post-add-icon:hover span {
      color: #3FAEE4; }
  .post-add-icon:active, .post-add-icon:focus {
    fill: #c2c5d9;
    color: #c2c5d9; }

.names-people-likes {
  font-size: 12px; }
  .names-people-likes a {
    color: #515365;
    font-weight: 700; }

.post-control-button .btn-control {
  display: block;
  margin-bottom: 6px;
  margin-right: 0;
  background-color: #9a9fbf;
  width: 34px;
  height: 34px;
  line-height: 36px; }
  .post-control-button .btn-control.bg-facebook {
    background-color: #2f5b9d; }
    .post-control-button .btn-control.bg-facebook:hover {
      background-color: #2f5b9d; }
  .post-control-button .btn-control.bg-twitter {
    background-color: #38bff1; }
    .post-control-button .btn-control.bg-twitter:hover {
      background-color: #38bff1; }
  .post-control-button .btn-control svg {
    width: 18px;
    height: 18px; }
  .post-control-button .btn-control .olymp-share-icon {
    width: 24px; }
  .post-control-button .btn-control:hover {
    background-color: #3FAEE4; }
  .post-control-button .btn-control.featured-post:hover {
    background-color: #ffc923; }

.empty-post {
  height: 600px;
  background-color: #dce1eb;
  opacity: .5; }

.empty-post-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }
  .empty-post-content .title {
    font-size: 16px;
    font-weight: 700;
    color: #515365; }
  .empty-post-content span {
    font-size: 11px; }

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .post-control-button .btn-control {
    display: inline-block; }
  .post .control-block-button {
    right: 20px;
    top: -13px; }
  .post__author .more {
    margin-right: -16px; } }

@media (max-width: 560px) {
  .post-additional-info .comments-shared {
    float: none; }
  .post-additional-info > * {
    margin-right: 0;
    display: block !important; }
    .post-additional-info > * + * {
      margin-top: 10px; } }

/*------------- #COMMENTS-LIST --------------*/
.comments-list {
  margin-bottom: 0; }
  .comments-list li {
    padding: 25px;
    border-bottom: 1px solid #e6ecf5;
    background-color: #fafbfd;
    position: relative; }
    .comments-list li.has-children {
      padding-bottom: 0; }
  .comments-list .post-add-icon {
    margin-right: 20px; }
  .comments-list .post__author img {
    width: 26px;
    height: 26px; }
  .comments-list.style-2 li .post__author img {
    float: left; }
  .comments-list.style-2 .reply {
    margin-right: 20px; }
  .comments-list.style-2 .post__date {
    display: inline-block;
    margin-right: 20px; }
  .comments-list.style-2 .author-date {
    overflow: hidden; }
  .comments-list.style-2 .post__author .more {
    float: none; }
  .comments-list.style-2 .post__author {
    margin-bottom: 0; }
  .comments-list.style-3 li {
    background-color: transparent; }
  .comments-list.style-3 .reply {
    margin-right: 20px;
    color: #3FAEE4; }
  .comments-list.style-3 .post__author-thumb {
    margin-right: 20px;
    float: left; }
    .comments-list.style-3 .post__author-thumb img {
      width: 56px;
      height: 56px;
      border-radius: 100%; }
  .comments-list.style-3 .comments-content {
    overflow: hidden; }
  .comments-list.style-3 .children li {
    border-left: none; }
    .comments-list.style-3 .children li:before {
      display: none; }

.children {
  border-top: 1px solid #e6ecf5;
  margin: 25px -25px 0;
  padding-left: 35px; }
  .children li {
    border-left: 1px solid #e6ecf5; }
    .children li:last-child {
      border-bottom: none; }
    .children li:before {
      content: "";
      position: absolute;
      width: 9px;
      height: 9px;
      top: 40px;
      left: -5px;
      background-color: #fafbfd;
      border-radius: 100%;
      border: 2px solid #c2c5d9;
      z-index: 13; }
  .children.single-children {
    border-top: 0;
    margin: -3px 0 25px;
    padding-left: 0; }
    .children.single-children li {
      padding: 25px;
      position: relative; }
      .children.single-children li:last-child {
        padding-bottom: 0; }

.reply {
  font-size: 12px;
  color: #888da8; }

.report {
  font-size: 12px;
  color: #888da8; }

.more-comments {
  text-align: center;
  padding: 15px 0;
  font-size: 12px;
  color: #515365;
  display: block;
  font-weight: 700;
  margin: 0 auto; }
  .more-comments span {
    transition: all .3s ease; }
  .more-comments:hover {
    color: #515365; }
    .more-comments:hover span {
      color: #3FAEE4; }

.comment-form {
  padding: 25px;
  border-top: 1px solid #e6ecf5;
  overflow: hidden; }
  .comment-form .add-options-message {
    position: absolute;
    right: 20px;
    bottom: 15px;
    width: auto;
    padding: 0; }
  .comment-form .post__author {
    margin-bottom: 0;
    display: flex;
    align-items: center; }
    .comment-form .post__author img {
      margin-right: 10px;
      min-width: 28px;
      max-width: 28px;
      height: 28px; }
  .comment-form .form-group {
    margin-bottom: 0;
    width: 100%;
    margin-left: auto; }
  .comment-form textarea {
    min-height: 60px;
    height: 60px;
    transition: all .3s ease; }
    .comment-form textarea:focus {
      min-height: 100px; }
  .comment-form button {
    float: right;
    margin-bottom: 0;
    margin-top: 15px; }
    .comment-form button + button {
      margin-right: 15px; }

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .comments-list li {
    padding: 10px; }
  .comments-list li .post__author .more {
    margin-right: 0; }
  .comments-list.style-3 .post__author-thumb img {
    width: 30px;
    height: 30px; } }

@media (max-width: 480px) {
  .comment-form .form-group {
    width: 80%; } }

/*------------- #POST-VIDEO --------------*/
.post-video {
  border: 1px solid #e6ecf5;
  border-radius: 3px;
  overflow: hidden;
  margin: 20px 0; }
  .post-video .video-content {
    padding: 20px;
    overflow: hidden; }
    .post-video .video-content .title {
      display: block; }
    .post-video .video-content p {
      margin: 10px 0;
      font-size: 13px; }
    .post-video .video-content .link-site {
      font-size: 10px;
      color: #9a9fbf; }
      .post-video .video-content .link-site:hover {
        color: #3FAEE4; }

.video-thumb {
  position: relative;
  float: left; }
  .video-thumb img {
    width: 100%; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 480px) {
  .video-thumb {
    float: none; } }

/*------------- #VIDEO-PLAYER --------------*/
.video-player {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  margin: 20px 0; }
  .video-player img {
    width: 100%; }
  .video-player .video-content {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    z-index: 5;
    opacity: 0;
    transition: all .3s ease;
    padding: 0; }
    .video-player .video-content .title {
      color: #fff;
      display: block; }
  .video-player .play-video {
    opacity: 0; }
  .video-player:hover .video-content {
    opacity: 1; }
  .video-player:hover .play-video {
    opacity: 1; }
  .video-player:hover .overlay {
    opacity: 1; }
  .video-player:hover:after {
    opacity: 1; }
  .video-player:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px -120px 55px -30px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all .3s ease; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 480px) {
  .video-player .video-content .title {
    display: none; } }

/*------------- #NEWS-FEED-FORM --------------*/
.news-feed-form {
  overflow: hidden; }
  .news-feed-form .btn {
/*  margin-top:3px;
  font-size:12px;
  padding:10px;*/
  }
  .news-feed-form .nav-tabs .nav-link {
    padding: 20px;
    border: none;
    border-bottom: 1px solid #e6ecf5;
    border-right: 1px solid #e6ecf5; }
  .news-feed-form .nav-tabs .nav-link.active {
    background-color: #fff;
    fill: #3FAEE4;
    color: #515365;
    border-bottom: transparent; }
  .news-feed-form .nav-tabs {
    background-color: #fafbfd;
    border-bottom: none; }
  .news-feed-form .nav-link {
    fill: #888da8;
    color: #888da8; }
    .news-feed-form .nav-link svg {
      margin-right: 10px;
      width: 18px; }
    .news-feed-form .nav-link .olymp-status-icon {
      width: 20px; }
  .news-feed-form textarea {
    min-height: 100px;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none; }
  .news-feed-form .form-group.label-floating.is-focused .control-label,
  .news-feed-form .form-group.label-floating.has-bootstrap-select .control-label {
    top: 16px; }
  .news-feed-form .options-message {
    margin-top: 7px; }
    .news-feed-form .options-message svg {
      width: 22px;
      height: 22px; }
    .news-feed-form .options-message:hover {
      fill: #9a9fbf; }
  .news-feed-form form {
    position: relative; }
  .news-feed-form .author-thumb {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 1; }
  .news-feed-form .author-thumb img{
	  height:55px;
	  width:55px;
  }
  .news-feed-form .form-group {
    margin-bottom: 0; }

/*------------- #NEWS-FEED-Masonry --------------*/
.cat-list-bg-style {
  margin: 50px 0;
  padding: 0;
  list-style: none; }
  .cat-list-bg-style.cat-list__item-bg-blue .cat-list__item {
    display: inline-block; }
    .cat-list-bg-style.cat-list__item-bg-blue .cat-list__item a:hover {
      background-color: #55A8D2; }
    .cat-list-bg-style.cat-list__item-bg-blue .cat-list__item.active {
      background-color: #55A8D2; }

.cat-list__item {
  display: inline-block;
  background-color: #dee4ec;
  margin: 0 10px;
  border-radius: 30px;
  overflow: hidden; }
  .cat-list__item a {
    font-size: 14px;
    color: #888da8;
    position: relative;
    text-transform: capitalize;
    transition: all .3s ease;
    padding: 10px 20px;
    display: block; }
    .cat-list__item a:hover {
      color: #fff;
      background-color: #3FAEE4; }
  .cat-list__item.active {
    background-color: #3FAEE4; }
    .cat-list__item.active a {
      color: #fff; }

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
  .cat-list-bg-style {
    margin: 30px 0; }
  .cat-list-bg-style.cat-list__item-bg-blue .cat-list__item {
    display: block;
    margin-top: 10px; } }

@media (max-width: 460px) {
  .news-feed-form .nav-tabs .nav-link {
    padding: 12px;
    text-align: center; }
  .news-feed-form .nav-link svg {
    display: block;
    margin: 0 auto; } }

/*------------- #PHOTO-GALLERY --------------*/
.photo-gallery {
  display: flex;
  top: 0;
  right: 65px;
  height: 100%;
  position: absolute;
  border-bottom: 0; }
  .photo-gallery .nav-link {
    border-radius: 0;
    padding: 30px 26px;
    fill: #c2c5d9;
    background-color: #fafbfd;
    border-color: transparent;
    height: 100%;
    border-right-color: #e6ecf5;
    border-left-color: #e6ecf5;
    border-top-color: transparent; }
    .photo-gallery .nav-link.active {
      fill: #3FAEE4;
      background-color: #fff;
      border-top-color: transparent; }
    .photo-gallery .nav-link:hover {
      border-right-color: #e6ecf5;
      border-left-color: #e6ecf5;
      border-top-color: transparent;
      border-bottom-color: transparent; }
    .photo-gallery .nav-link svg {
      width: 18px;
      height: 20px; }
  .photo-gallery.nav-tabs .nav-item {
    margin-bottom: 0;
    max-height: 100%; }
    .photo-gallery.nav-tabs .nav-item + .nav-item {
      margin-left: -1px; }

.block-btn {
  padding-right: 170px; }

.photo-item {
  display: inline-block;
  padding: 0 12px 12px 0;
  margin-right: -3px;
  position: relative;
  overflow: hidden; }
  .photo-item .overlay {
    bottom: 12px;
    right: 12px;
    border-radius: 5px; }
  .photo-item .img {
     width: 150px;
     height: 150px;
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-size: cover;
   }

  .photo-item:last-child {
    margin-right: 0; }
  .photo-item .more {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    fill: #fff;
    opacity: 0;
    transition: all .3s ease; }
  .photo-item .content {
    position: absolute;
    bottom: 25px;
    left: 20px;
    opacity: 0;
    transition: all .3s ease; }
    .photo-item .content .title {
      color: #fff;
      display: block;
      margin-bottom: 0; }
    .photo-item .content time {
      font-size: 12px;
      color: #b6bbd7; }
  .photo-item .post-add-icon {
    fill: #fff;
    position: absolute;
    right: 25px;
    bottom: 30px;
    opacity: 0;
    transition: all .3s ease; }
  .photo-item:hover .more, .photo-item:hover .content, .photo-item:hover .post-add-icon, .photo-item:hover .overlay {
    opacity: 1; }

.photo-album-wrapper {
  margin-right: -12px; }

.photo-album-item-wrap {
  display: inline-block;
  margin-right: -3px;
  padding: 0 12px 12px 0;
  vertical-align: top; }

.photo-album-item {
  position: relative;
  border-radius: 5px;
  border: 1px solid #e6ecf5;
  background-color: #fff; }
  .photo-album-item:last-child {
    margin-right: 0; }
  .photo-album-item .photo-item {
    float: none;
    margin: 0;
    border-radius: 3px;
    display: block;
    padding: 0; }
    .photo-album-item .photo-item img {
      width: 100%;
      border-radius: 0; }
    .photo-album-item .photo-item .overlay {
      bottom: 0;
      right: 0;
      border-radius: 0; }
  .photo-album-item .content {
    padding: 25px 25px 20px;
    text-align: center; }
  .photo-album-item .title {
    display: block;
    margin-bottom: 0; }
  .photo-album-item .sub-title {
    margin-bottom: 30px;
    display: block; }
  .photo-album-item .friends-harmonic {
    display: inline-block; }
  .photo-album-item.create-album {
    background-color: transparent;
    border: 2px dashed #bbc0d5; }
    .photo-album-item.create-album .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 90%; }
    .photo-album-item.create-album .btn-control {
      margin-bottom: 20px;
      float: none; }
    .photo-album-item.create-album svg {
      width: 20px;
      height: 20px; }
  .photo-album-item .form-group {
    margin-bottom: 0; }
    .photo-album-item .form-group > img {
      width: 100%;
      border-radius: 5px 5px 0 0;
      overflow: hidden; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .photo-gallery.nav-tabs .nav-item {
    width: auto; } }

@media (max-width: 480px) {
  .photo-item .post-add-icon {
    right: auto;
    bottom: auto;
    left: 25px;
    top: 25px; }
  .block-btn .btn + .btn {
    margin-left: 0;
    margin-top: 10px; }
  .photo-album-item.create-album .content {
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    width: 100%; } }

/*------------- #FEATURES-VIDEO --------------*/
.features-video {
  display: flex;
  align-items: center;
  margin-bottom: 15px; }
  .features-video .video-player {
    width: 66.66%;
    margin: 0;
    display: inline-block;
    border-radius: 3px 0 0 3px; }
    .features-video .video-player .play-video {
      top: 40%; }
    .features-video .video-player img {
      width: 100%; }
  .features-video .video-content {
    left: 50%;
    bottom: 30%;
    transform: translate(-50%, -50%);
    text-align: center; }
  .features-video .title {
    font-weight: 400;
    font-size: 20px; }
  .features-video .mCustomScrollbar {
    max-height: 110px;
    overflow: hidden; }
  .features-video .comments-shared {
    margin-top: 0; }
  .features-video .form-group {
    max-width: 85%; }
  .features-video textarea {
    font-size: 13px; }
  .features-video .ps > .ps__scrollbar-y-rail, .features-video .ps:hover > .ps__scrollbar-y-rail {
    display: none; }

.features-video-content {
  width: 33%;
  display: inline-block;
  background-color: #fff; }

.video-item .video-player {
  margin: 0;
  border-radius: 3px 3px 0 0; }

.video-item .title {
  display: block;
  margin-bottom: 0; }

.video-item .more {
  position: absolute;
  right: 25px;
  top: 20px;
  color: #fff;
  fill: #fff;
  opacity: 0;
  z-index: 5; }

.video-item:hover .more, .video-item:hover .play-video, .video-item:hover .overlay {
  opacity: 1; }

/*================= Responsive Mode ============*/
@media (max-width: 999px) {
  .features-video {
    display: block; }
    .features-video .video-player {
      width: 100%; }
    .features-video .video-content {
      bottom: 20px;
      transform: translate(-50%, 0); }
  .features-video-content {
    width: 100%; } }

@media (max-width: 480px) {
  .features-video .video-content .title {
    display: block; } }

@media (max-width: 380px) {
  .features-video .video-content .title {
    display: none; } }

/*------------- #EVENT-ITEM --------------*/
.event-item {
  padding: 30px;
  border-bottom: 1px solid #e6ecf5; }
  .event-item:last-child {
    border-bottom: 0; }
  .event-item .place {
    font-size: 12px; }
  .event-item .description {
    max-width: 260px;
    font-size: 12px;
    margin-bottom: 0; }
  .event-item .btn {
    margin-bottom: 0; }

.date-event {
  text-align: center; }
  .date-event > * {
    display: block;
    line-height: 1; }
  .date-event .olymp-small-calendar-icon {
    width: 14px;
    height: 18px; }
  .date-event svg {
    margin: 0 auto 5px;
    fill: #c2c5d9; }
  .date-event .day {
    font-size: 14px;
    color: #515365;
    font-weight: 700;
    margin-bottom: 3px; }
  .date-event .month {
    font-size: 9px;
    text-transform: uppercase; }

.event-author .author-thumb {
  margin-right: 12px; }

.event-author .author-name {
  margin-bottom: 0; }

.event-author time {
  font-size: 11px;
  display: block; }

.place svg {
  margin-right: 10px;
  fill: #c6c9db;
  width: 20px;
  height: 20px; }

.place {
  font-size: 11px; }

.no-past-events {
  color: #d7d9e5;
  padding: 65px 30px;
  position: relative;
  margin: 0 auto;
  text-align: center; }
  .no-past-events .control-block-button {
    right: 25px;
    top: -25px;
    z-index: 5; }
  .no-past-events .btn-control svg {
    fill: #fff;
    margin-bottom: 0;
    width: 20px;
    height: 20px; }
  .no-past-events a:hover {
    color: #08ddc1;
    font-weight: 500; }
  .no-past-events svg {
    fill: #d7d9e5;
    margin-bottom: 20px; }
  .no-past-events span {
    font-size: 14px;
    display: block; }

.event-item-table {
  width: 100%; }
  .event-item-table td {
    padding: 25px 12px; }
    .event-item-table td:first-child {
      padding-left: 30px; }
    .event-item-table td:last-child {
      padding-right: 30px; }
  .event-item-table .add-event {
    text-align: right; }
  .event-item-table thead {
    border-bottom: 1px solid #e6ecf5; }
    .event-item-table thead th {
      font-size: 9px;
      font-weight: 700;
      padding: 12px; }
      .event-item-table thead th:first-child {
        padding-left: 25px; }
      .event-item-table thead th:last-child {
        padding-right: 25px; }
  .event-item-table .author-date a {
    color: #08ddc1; }
  .event-item-table .author-date .author-name {
    color: #515365; }

.event-item-table-fixed-width .author-date {
  font-size: 12px; }
  .event-item-table-fixed-width .author-date .author-name {
    font-size: 12px; }

.event-item-table-fixed-width .event-item .btn {
  display: block; }
  .event-item-table-fixed-width .event-item .btn + .btn {
    margin-top: 8px; }

.event-item-table-fixed-width .date-event svg {
  margin: 0 10px 0 0;
  width: 20px;
  height: 20px; }

/*================= Responsive Mode ============*/
@media (max-width: 640px) {
  .event-item {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: calc(100vw - 30px); }
    .event-item .description {
      max-width: 100%; }
    .event-item .friends-harmonic {
      display: inline-block; }
    .event-item .add-event {
      text-align: center; }
  .event-item-table td:last-child {
    padding-right: 12px; }
  .event-item-table td:first-child {
    padding-left: 12px; }
  .date-event.align-left {
    text-align: center; }
  .event-item-table thead {
    display: none; } }

/*------------- #AVAILABLE-WIDGET --------------*/
.available-widget {
  padding: 16px 25px;
  display: table;
  width: 100%; }
  .available-widget .custom-control-description {
    color: #515365;
    font-weight: 700; }
  .available-widget .form-group {
    margin-bottom: 0; }
  .available-widget .custom-control {
    margin: 0; }
  .available-widget > * {
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle; }
  .available-widget .more {
    font-size: 16px;
    padding-left: 25px;
    text-align: right;
    width: 16px; }

.empty-area {
  border: 2px dashed #bbc0d5;
  height: 50px; }

/*------------- #TODAY-EVENTS --------------*/
.today-events .control-block-button {
  right: 25px;
  top: -25px;
  z-index: 5; }
  .today-events .control-block-button svg {
    width: 20px;
    height: 20px; }
  .today-events .control-block-button .olymp-dropdown-arrow-icon {
    width: 6px;
    height: 4px; }

.today-events .day-event {
  display: block !important;
  border-top: none; }
  .today-events .day-event .card-header i {
    margin-top: 3px;
    margin-left: 7px;
    float: none; }

.today-events .card.checked .event-time:before {
  border-color: #55A8D2; }

.today-events .event-time {
  position: relative; }
  .today-events .event-time:before {
    content: '';
    width: 9px;
    height: 9px;
    border: 2px solid #08ddc1;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: -31px;
    top: 5px;
    background-color: #fff; }

.today-events .title {
  position: relative;
  padding-right: 30px; }

.today-events .event-status-icon {
  position: absolute;
  top: 0;
  right: 0;
  fill: #888da8; }
  .today-events .event-status-icon.completed {
    fill: #08ddc1; }
  .today-events .event-status-icon.checked {
    fill: #55A8D2; }

.today-events .event-time {
  margin-bottom: 10px; }
  .today-events .event-time time {
    font-size: 12px; }

.today-events.calendar .list {
  margin-top: 0;
  position: relative;
  overflow: visible; }

.today-events.calendar .card {
  border-bottom: none;
  padding-left: 25px; }
  .today-events.calendar .card:before {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #e6ecf5;
    position: absolute;
    left: 25px;
    top: 0; }
  .today-events.calendar .card:last-child:before {
    height: 25px; }
  .today-events.calendar .card:last-child .card-header {
    padding-bottom: 25px; }
  .today-events.calendar .card:first-child .card-header {
    padding-top: 25px; }

.today-events.calendar .card-header {
  padding: 15px 25px; }
  .today-events.calendar .card-header a {
    font-size: 14px; }
  .today-events.calendar .card-header .more-dropdown {
    right: auto;
    left: 0; }
    .today-events.calendar .card-header .more-dropdown a {
      font-size: 12px; }
      .today-events.calendar .card-header .more-dropdown a:hover {
        color: #08ddc1; }
  .today-events.calendar .card-header svg {
    margin-top: 0;
    margin-left: 0;
    width: 20px;
    height: 20px; }
  .today-events.calendar .card-header .olymp-dropdown-arrow-icon {
    width: 6px;
    height: 4px;
    margin-left: 5px; }
  .today-events.calendar .card-header .olymp-three-dots-icon {
    width: 16px;
    height: 4px;
    margin-left: 7px; }

.today-events-thumb {
  position: relative;
  background-image: url("../img/bg-event-day.jpg");
  text-align: center;
  padding: 25px;
  color: #fff; }
  .today-events-thumb .day-number {
    font-size: 80px;
    line-height: 1;
    margin-bottom: 5px; }
  .today-events-thumb .day-week {
    font-size: 24px;
    margin-bottom: 5px; }
  .today-events-thumb .month-year {
    font-size: 12px;
    color: #888da8; }

.card-header a .olymp-dropdown-arrow-icon {
  width: 6px;
  height: 4px; }

/*------------- #CALENDAR-EVENTS-TABS --------------*/
.calendar-events-tabs .nav-item {
  display: inline-block; }
  .calendar-events-tabs .nav-item + .nav-item {
    margin-left: 60px; }

.calendar-events-tabs.nav-tabs {
  border-bottom: none; }
  .calendar-events-tabs.nav-tabs .nav-link {
    padding: 0;
    border: none;
    border-color: transparent;
    font-weight: 700;
    font-size: 14px;
    color: #888da8; }
    .calendar-events-tabs.nav-tabs .nav-link.active {
      color: #515365;
      background-color: transparent; }
  .calendar-events-tabs.nav-tabs .items-round-little {
    display: inline-block; }

/*================= Responsive Mode ============*/
@media (max-width: 420px) {
  .calendar-events-tabs .nav-item + .nav-item {
    margin-left: 10px; } }

@media (max-width: 320px) {
  .calendar-events-tabs .nav-item {
    display: block; }
  .calendar-events-tabs .nav-item + .nav-item {
    margin-left: 0;
    margin-top: 10px; } }

/*------------- #STATISTICS --------------*/
.monthly-indicator {
  display: inline-block; }
  .monthly-indicator .btn-control {
    float: left;
    margin-bottom: 0;
    margin-right: 15px; }
  .monthly-indicator > .negative {
    transform: rotate(180deg); }
  .monthly-indicator .olymp-stats-arrow {
    width: 18px;
    height: 18px; }
  .monthly-indicator .olymp-happy-face-icon {
    width: 20px;
    height: 20px; }
  .monthly-indicator .olymp-comments-post-icon {
    width: 20px;
    height: 20px; }

.monthly-count {
  font-size: 24px;
  color: #515365;
  overflow: hidden;
  line-height: 1; }
  .monthly-count .indicator {
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }
  .monthly-count .period {
    display: block;
    font-size: 12px;
    color: #888da8;
    line-height: 1.5;
    margin-top: 3px; }

.positive {
  color: #08ddc1; }

.negative {
  color: #3FAEE4; }

.points {
  font-size: 12px;
  margin-bottom: 30px; }
  .points > span + span {
    margin-left: 15px; }
  .points.points-block {
    margin-bottom: 0; }
    .points.points-block > span {
      display: block; }
      .points.points-block > span + span {
        margin-left: 0;
        margin-top: 15px; }

.statistics-point {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 6px; }

.ui-block-title .points {
  font-size: 9px;
  float: right;
  margin-bottom: 0;
  margin-top: 5px; }

.chart-with-statistic {
  overflow: hidden; }
  .chart-with-statistic .statistics-list-count {
    width: 40%;
    float: left; }
  .chart-with-statistic .chart-js-pie-color {
    width: 60%;
    float: left; }

.statistics-list-count {
  margin-bottom: 0; }
  .statistics-list-count .points {
    margin-bottom: 0; }
  .statistics-list-count .indicator {
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }
  .statistics-list-count .count-stat {
    font-size: 24px;
    color: #515365; }
  .statistics-list-count li {
    margin-bottom: 18px; }
    .statistics-list-count li:last-child {
      margin-bottom: 0; }
  .statistics-list-count.style-2 {
    overflow: hidden; }
    .statistics-list-count.style-2 li {
      text-align: center; }
      .statistics-list-count.style-2 li:first-child {
        float: left;
        margin-left: 50px; }
      .statistics-list-count.style-2 li:last-child {
        float: right;
        margin-right: 50px; }
    .statistics-list-count.style-2 .statistics-point {
      display: block;
      margin: 0 auto 10px; }

.general-statistics {
  font-size: 28px;
  color: #515365;
  text-align: center; }
  .general-statistics span {
    display: block;
    font-size: 12px;
    color: #888da8;
    white-space: nowrap; }

.chart-js-pie-color {
  position: relative; }
  .chart-js-pie-color .general-statistics {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.world-statistics-img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  max-width: 70%; }
  .world-statistics-img img {
    width: 100%; }

.country-statistics {
  float: right;
  margin-bottom: 0; }
  .country-statistics li {
    margin-bottom: 20px;
    font-size: 12px; }
    .country-statistics li > * {
      display: inline-block;
      vertical-align: bottom; }
  .country-statistics .count-stat {
    font-weight: 700;
    float: right;
    margin-top: 3px;
    color: #515365; }
  .country-statistics .country {
    margin-right: 30px;
    line-height: 1; }
  .country-statistics img {
    margin-right: 7px;
    position: relative;
    bottom: 2px; }

.monthly-indicator-wrap {
  overflow: hidden; }
  .monthly-indicator-wrap .monthly-indicator {
    margin: 0 25px 30px 0;
    float: left; }

.chart-text {
  text-align: center; }
  .chart-text .title {
    margin-bottom: 10px; }

.circle-pie-chart {
  text-align: center;
  position: relative;
  margin-bottom: 30px; }
  .circle-pie-chart canvas {
    max-width: 180px;
    max-height: 180px; }
  .circle-pie-chart .pie-chart .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 42px;
    color: #515365; }

#us-chart-map {
  margin: 0 auto 35px; }

.chart-js-small-pie {
  width: 90px;
  height: 90px; }

.text-stat {
  text-align: center; }
  .text-stat .count-stat {
    font-size: 32px;
    color: #515365; }
  .text-stat .title {
    font-size: 12px;
    font-weight: 700;
    color: #515365; }
  .text-stat .sub-title {
    font-size: 12px; }

.statistics-slide {
  text-align: center;
  margin-bottom: 80px; }
  .statistics-slide .count-stat {
    font-size: 60px;
    color: #515365;
    margin-bottom: 20px; }
  .statistics-slide .title {
    font-size: 16px;
    font-weight: 700;
    color: #515365;
    margin-bottom: 10px; }
    .statistics-slide .title .c-primary {
      color: #3FAEE4; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 1200px) {
  .world-statistics-img {
    max-width: 50%;
    display: inline-block;
    vertical-align: middle; }
  .country-statistics {
    vertical-align: middle;
    display: inline-block;
    float: none; } }

@media (max-width: 1080px) {
  .text-stat .count-stat {
    font-size: 16px; }
  .statistics-list-count.style-2 li:first-child {
    margin-left: 20px; }
  .statistics-list-count.style-2 li:last-child {
    margin-right: 20px; } }

@media (max-width: 380px) {
  .world-statistics-img {
    max-width: 100%;
    margin-bottom: 20px; }
  .world-statistics {
    text-align: center; }
  .country-statistics {
    text-align: left; } }

/*------------- #FORUMS --------------*/
.forums-table {
  width: 100%;
  border-radius: 5px;
  overflow: hidden; }
  .forums-table thead {
    background-color: #55A8D2; }
    .forums-table thead th {
      font-size: 12px;
      font-weight: 700;
      padding: 15px 25px;
      color: #fff;
      text-align: center; }
      .forums-table thead th.forum {
        text-align: left; }
  .forums-table td {
    padding: 35px 25px;
    text-align: center; }
    .forums-table td.forum {
      text-align: left; }
  .forums-table tr {
    border-bottom: 1px solid #e6ecf5;
    border-top: 1px solid #e6ecf5; }
    .forums-table tr:last-child {
      border-bottom: none; }
  .forums-table .count {
    font-size: 12px; }
    .forums-table .count:hover {
      color: #3FAEE4; }

.forum-item img {
  float: left;
  margin-right: 15px; }

.forum-item .content {
  overflow: hidden; }

.forum-item .title:hover {
  color: #3FAEE4; }

.forum-item .text {
  margin-bottom: 0;
  font-size: 13px; }

.forum-item .icon {
  font-size: 15px;
  color: #ffdc1b;
  margin-right: 10px;
  float: left; }

.author-freshness .author-thumb {
  display: block;
  margin-bottom: 10px; }
  .author-freshness .author-thumb img {
    width: 26px;
    height: 26px; }

.author-freshness .title {
  display: block;
  font-size: 12px;
  margin-bottom: 0; }
  .author-freshness .title:hover {
    color: #3FAEE4; }

.author-freshness time {
  font-size: 11px; }

.sub-forums {
  margin-bottom: 0;
  padding: 5px 0;
  margin-top: 15px;
  display: inline-block;
  border-left: 1px solid #e6ecf5; }
  .sub-forums a {
    font-size: 12px;
    padding: 5px 13px;
    display: block;
    margin-bottom: 0; }
    .sub-forums a:hover {
      color: #3FAEE4; }

.author-started {
  display: flex;
  align-items: center;
  margin-top: 10px; }
  .author-started > * + * {
    margin-left: 8px; }
  .author-started span {
    font-size: 12px; }
  .author-started .title {
    margin-bottom: 0;
    font-size: 12px; }
  .author-started .author-thumb img {
    width: 18px;
    height: 18px;
    margin-right: 0; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 560px) {
  .forum-item {
    text-align: center; }
    .forum-item img {
      float: none;
      margin-right: 0;
      margin-bottom: 15px; }
  .forums-table thead th,
  .forums-table td {
    padding: 5px; } }

/*------------- #OPEN-TOPIC-TABLE --------------*/
.open-topic-table {
  width: 100%; }
  .open-topic-table thead {
    background-color: #55A8D2; }
    .open-topic-table thead th {
      font-size: 12px;
      font-weight: 700;
      padding: 15px 25px;
      color: #fff; }
      .open-topic-table thead th.author {
        text-align: left; }
  .open-topic-table td {
    padding: 35px 25px; }
  .open-topic-table tr {
    border-bottom: 1px solid #e6ecf5;
    border-top: 1px solid #e6ecf5; }
    .open-topic-table tr:last-child {
      border-bottom: none; }
  .open-topic-table .topic-date {
    padding: 10px 23px;
    background-color: #fafbfd;
    font-size: 11px; }
  .open-topic-table .author {
    text-align: center; }
  .open-topic-table .author-thumb {
    margin-bottom: 20px; }
    .open-topic-table .author-thumb img {
      width: 80px;
      height: 80px; }
  .open-topic-table .author-name {
    display: block;
    white-space: nowrap; }
    .open-topic-table .author-name:hover {
      color: #3FAEE4; }
  .open-topic-table .country {
    font-size: 11px; }
  .open-topic-table .posts {
    vertical-align: top; }

.reply-topic {
  float: right;
  color: #3FAEE4;
  font-size: 11px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 640px) {
  .open-topic-table thead th,
  .open-topic-table td {
    padding: 5px; }
  .open-topic-table .author-thumb img {
    width: 40px;
    height: 40px; } }

/*------------- #BLOG-POSTS --------------*/
.blog-post-wrap .blog-post {
  margin-bottom: 30px; }

.blog-post-wrap .ui-block {
  margin-bottom: 30px; }
  .blog-post-wrap .ui-block .blog-post {
    margin-bottom: 0; }

.blog-post .post-thumb {
  border-radius: 5px 5px 0 0;
  margin-bottom: 0; }

.blog-post .post-content {
  padding: 20px 25px; }

.blog-post .post-title {
  display: block;
  margin-bottom: 14px;
font-size:16px;}
  .blog-post .post-title:hover {
    color: #3FAEE4; }

.blog-post .author-date {
  text-transform: uppercase;
  font-size: 10px; }

.blog-post .post__date {
  display: inline-block; }

.blog-post .post__author-name {
  font-size: 10px; }

.blog-post .post-additional-info {
  margin-top: 15px; }
  .blog-post .post-additional-info > * {
    margin-right: 0; }

.blog-post .friends-harmonic a {
  border-radius: 0; }

.blog-post .post-additional-info .comments-shared {
  margin-top: 4px; }

.post-category {
  display: inline-block;
  border-radius: 3px;
  padding: 4px 9px;
  color: #fff;
  font-size: 8px;
  text-transform: uppercase;
  margin-bottom: 20px; }
  .post-category.bg-transparent {
    background-color: transparent;
    color: #3FAEE4;
    padding: 0;
    font-size: 10px; }
    .post-category.bg-transparent:hover {
      color: #3FAEE4; }
  .post-category:hover {
    color: #fff; }

.blog-post-v1:hover .post-title {
  opacity: 1;
  color: #fff; }

.blog-post-v1 .post-thumb {
  position: relative; }
  .blog-post-v1 .post-thumb:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 -170px 55px -30px rgba(0, 0, 0, 0.8); }

.blog-post-v1 .post-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3; }

.blog-post-v1 .post-additional-info {
  margin-top: 0;
  border-top: none;
  padding: 20px 25px; }

.blog-post-v1 .post-title {
  color: #fff;
  opacity: .7; }

.blog-post-v1 .author-date {
  color: #888da8; }

.blog-post-v1 .post__author-name {
  color: #fff; }

/*------------- Single-POST --------------*/
.main-header-post {
  position: relative; }
  .main-header-post img {
    width: 100%; }
  .main-header-post:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 170px 55px -30px rgba(0, 0, 0, 0.8); }

.single-post {
  position: relative; }
  .single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6, .single-post .h1, .single-post .h2, .single-post .h3, .single-post .h4, .single-post .h5, .single-post .h6, .single-post p {
    line-height: 1.5; }
  .single-post .control-block-button {
    top: 20px;
    right: -17px; }
  .single-post .post-title {
    font-size: 46px;
    margin-bottom: 35px; }
    .single-post .post-title:hover {
      color: #515365; }
  .single-post .post-thumb {
    border-radius: 0;
    margin: 0 -60px 50px; }
  .single-post .post__author-name {
    font-weight: 700; }

.single-post-v1 {
  padding: 60px 70px;
  background-color: #fff; }
  .single-post-v1 .post-content-wrap {
    padding: 50px 0;
    overflow: hidden; }
  .single-post-v1 .post-content {
    padding: 0 40px 0 60px;
    overflow: hidden; }
  .single-post-v1 .filter-icons {
    float: left; }
    .single-post-v1 .filter-icons li {
      display: block; }
      .single-post-v1 .filter-icons li + li {
        margin-left: 0;
        margin-top: 25px; }

.author-date .author-thumb {
  margin-right: 13px; }

.author-date.not-uppercase {
  text-transform: none;
  font-size: 12px; }
  .author-date.not-uppercase .post__author-name {
    font-size: 12px;
    font-weight: 400;
    text-transform: none; }

.choose-reaction {
  text-align: center;
  padding: 30px;
  border-top: 1px solid #e6ecf5;
  border-bottom: 1px solid #e6ecf5; }
  .choose-reaction .title {
    font-size: 12px;
    margin-bottom: 30px; }
    .choose-reaction .title span {
      color: #515365; }
  .choose-reaction li {
    display: inline-block; }
    .choose-reaction li + li {
      margin-left: 9px; }
    .choose-reaction li img {
      filter: grayscale(100%); }
    .choose-reaction li:hover img {
      filter: grayscale(0%); }
  .choose-reaction.reaction-colored li img {
    filter: grayscale(0);
    opacity: .7; }
  .choose-reaction.reaction-colored li:hover img {
    opacity: 1; }

.filter-icons li {
  display: inline-block;
  opacity: .7;
  transition: all .3s ease; }
  .filter-icons li:hover {
    opacity: 1; }
  .filter-icons li + li {
    margin-left: 8px; }

.blog-post-v2 {
  text-align: center; }
  .blog-post-v2 .post__author img {
    width: 28px;
    height: 28px; }
  .blog-post-v2 .post__date {
    display: block;
    font-size: 11px; }
  .blog-post-v2 .author-date {
    text-align: left; }
  .blog-post-v2 .post__author-name {
    margin-bottom: 0; }
  .blog-post-v2 .post-additional-info {
    display: inline-block;
    margin-top: 0; }
    .blog-post-v2 .post-additional-info .comments-shared {
      margin-left: 20px; }

.single-post-v2 {
  padding: 70px 60px;
  text-align: center; }
  .single-post-v2 .post-content {
    text-align: left;
    padding: 10px 40px; }
  .single-post-v2 .author-date {
    text-align: left; }

.single-post-additional {
  margin-bottom: 50px; }
  .single-post-additional > * {
    padding: 20px 30px; }
    .single-post-additional > * + * {
      border-left: 1px solid #e6ecf5; }
  .single-post-additional .post__author {
    margin-bottom: 0; }
  .single-post-additional .author_prof {
    font-size: 11px; }
  .single-post-additional a:hover {
    color: #3FAEE4; }

.post-date-wrap svg {
  height: 22px;
  fill: #9a9fbf;
  margin-right: 12px; }

.post-date-wrap .post-date {
  text-align: left;
  font-size: 12px; }
  .post-date-wrap .post-date span {
    font-size: 11px;
    display: block; }

.post-date-wrap .date {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400; }

.post-comments-wrap svg {
  width: 22px;
  fill: #9a9fbf;
  margin-right: 12px; }

.post-comments-wrap .post-comments {
  text-align: left;
  font-size: 12px;
  font-weight: 400; }
  .post-comments-wrap .post-comments span {
    font-size: 11px;
    display: block; }

.post-comments-wrap .comments {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400; }

.blog-post-v3 {
  display: flex;
  align-items: center; }
  .blog-post-v3 .post-thumb {
    border-radius: 5px 0 0 5px;
    width: 50%; }
    .blog-post-v3 .post-thumb img {
      min-height: 100%; }
  .blog-post-v3 .post-content {
    width: 100%;
    padding: 19px 30px; }
  .blog-post-v3 .post-category {
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 15px; }
  .blog-post-v3 .author-date {
    margin-bottom: 13px; }
  .blog-post-v3 .post-additional-info {
    border-top: none; }
    .blog-post-v3 .post-additional-info .comments-shared {
      float: none;
      margin-left: 22px;
      margin-top: 0; }
  .blog-post-v3.featured-post-item {
    display: block; }
    .blog-post-v3.featured-post-item .post-thumb {
      border-radius: 5px 5px 0 0;
      width: auto; }
    .blog-post-v3.featured-post-item .post-content {
      width: auto;
      padding: 25px; }
    .blog-post-v3.featured-post-item .post-additional-info {
      padding: 0; }

.single-post-v3 {
  padding: 60px 70px; }
  .single-post-v3 .filter-icons {
    display: inline-block;
    margin-left: 25px; }
  .single-post-v3 .post-thumb {
    border-radius: 0;
    margin: 50px -70px; }
  .single-post-v3 .control-block-button {
    float: left;
    position: relative;
    top: auto;
    right: auto; }
    .single-post-v3 .control-block-button > a {
      margin-bottom: 18px; }
    .single-post-v3 .control-block-button .post-add-icon {
      display: block;
      text-align: center; }
      .single-post-v3 .control-block-button .post-add-icon svg {
        margin-right: 0;
        margin-bottom: 5px; }
      .single-post-v3 .control-block-button .post-add-icon span {
        display: block; }
  .single-post-v3 .post-content {
    padding: 0 40px 50px 60px;
    overflow: hidden; }
  .single-post-v3 .video-thumb {
    float: none;
    padding: 65px 0;
    margin: 45px 0; }
    .single-post-v3 .video-thumb img {
      width: auto;
      margin: 0 auto;
      display: block; }
    .single-post-v3 .video-thumb:hover .overlay {
      opacity: 1; }

/*================= Responsive Mode ============*/
@media (max-width: 1024px) {
  .single-post .post-title {
    font-size: 30px; }
  .single-post-v1 {
    padding: 30px; }
    .single-post-v1 .post-content {
      padding: 0 20px 0 30px; }
  .single-post-v3 {
    padding: 30px; }
    .single-post-v3 .post-content {
      padding: 0 20px 0 30px; }
    .single-post-v3 .post-thumb {
      border-radius: 0;
      margin: 30px -30px; }
  .single-post-v2 {
    padding: 30px; }
    .single-post-v2 .post-content {
      padding: 10px 0; }
    .single-post-v2 .post-thumb {
      border-radius: 0;
      margin: 0 -30px 50px; }
  .single-post-additional > * {
    padding: 10px; }
  blockquote {
    margin: 1.5em 0;
    padding: 15px 30px 15px 30px; }
    blockquote p::before {
      left: -30px; } }

@media (max-width: 768px) {
  .blog-post .post-control-button .btn-control {
    display: block; }
  .author-date .author-thumb {
    margin-right: 8px; }
  .choose-reaction {
    padding: 15px; }
  .single-post-v1 .post-content-wrap {
    padding: 20px 0; } }

@media (max-width: 560px) {
  .blog-post .post-additional-info .comments-shared {
    float: right; }
  .single-post .post-title {
    font-size: 22px; }
  .blog-post .post-additional-info > * {
    display: inline-block !important;
    margin-top: 0; }
  .single-post-v1 .filter-icons {
    float: none; }
    .single-post-v1 .filter-icons li {
      display: inline-block; }
      .single-post-v1 .filter-icons li + li {
        margin-left: 5px;
        margin-top: 0; }
  .single-post-v1 {
    padding: 10px; }
    .single-post-v1 .post-content {
      padding: 0; }
  .choose-reaction li + li {
    margin-left: 5px; }
  .single-post-additional {
    text-align: left; }
  .single-post-additional.inline-items > * {
    display: block; }
    .single-post-additional.inline-items > * + * {
      border-left: none; }
  .blog-post-v3 {
    display: block; }
    .blog-post-v3 .post-thumb {
      width: auto; }
    .blog-post-v3 .post-content {
      width: auto; }
  .single-post-v3 .video-thumb {
    margin: 20px 0; }
  .single-post-v3 .control-block-button {
    float: none;
    margin-bottom: 20px; }
    .single-post-v3 .control-block-button > a {
      display: inline-block; }
      .single-post-v3 .control-block-button > a + a {
        margin-left: 10px;
        margin-top: 0; }
    .single-post-v3 .control-block-button .btn-control {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: top; }
    .single-post-v3 .control-block-button .post-add-icon {
      display: inline-block;
      margin-bottom: 0; }
  .single-post-v3 .post-content {
    padding: 0; } }

/*------------- #CLIENTS --------------*/
.crumina-clients {
  padding: 85px 0;
  text-align: center; }

.clients-item {
  position: relative;
  display: inline-block; }
  .clients-item:hover img {
    opacity: 1;
    filter: grayscale(0); }
  .clients-item img {
    transition: all .3s linear;
    transform-style: preserve-3d;
    opacity: 0.3;
    filter: grayscale(100%);
    max-width: 100%; }
  .clients-item .clients-images {
    position: relative;
    display: block;
    margin: auto; }

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .crumina-clients {
    padding: 40px 0; }
  .clients-item {
    margin-bottom: 20px; } }

/*------------- #HEADING --------------*/
.crumina-heading {
  position: relative;
  z-index: 5;
  margin-bottom: 30px; }
  .crumina-heading > *:last-child {
    margin-bottom: 0; }
  .crumina-heading > *:first-child {
    margin-top: 0; }
  .crumina-heading + * {
    margin-top: 25px; }

.heading-title {
  margin-bottom: 30px;
  line-height: 1.3em; }

.heading-text {
  margin-top: 20px;
  line-height: 1.75; }
  .heading-text.small {
    font-size: 14px; }
  .heading-text a {
    font-weight: 700; }

.heading-sup-title {
  color: #3FAEE4;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700; }

.with-title-decoration .heading-title {
  position: relative;
  padding-bottom: 30px; }
  .with-title-decoration .heading-title:after, .with-title-decoration .heading-title:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s ease; }
  .with-title-decoration .heading-title:after {
    height: 1px;
    background-color: #e6ecf5;
    width: 100%; }
  .with-title-decoration .heading-title:before {
    height: 2px;
    background-color: #3FAEE4;
    width: 10%; }

.with-title-decoration:hover .heading-title:before {
  width: 100%; }

/*------------- #TESTIMONIALS --------------*/
.crumina-testimonial-item {
  text-align: center; }
  .crumina-testimonial-item .author-thumb {
    height: 98px;
    width: 98px;
    margin: 0 auto 15px; }
    .crumina-testimonial-item .author-thumb img {
      border: 4px solid #fff; }
  .crumina-testimonial-item .rait-stars {
    margin-bottom: 40px; }
    .crumina-testimonial-item .rait-stars .star-icon {
      font-size: 11px;
      color: #ffce08; }
  .crumina-testimonial-item .author-content {
    margin-top: auto;
    margin-bottom: 15px; }
  .crumina-testimonial-item .testimonial-message {
    margin-bottom: 70px; }

.testimonial-header-thumb {
  height: 90px;
  overflow: hidden;
  background-image: url("../img/testimonial-bl-header.png");
  background-size: cover; }

.testimonial-item-content {
  margin-top: -49px;
  padding: 0 30px 30px;
  display: flex;
  flex-direction: column; }

/*------------- #INFO-BOXES --------------*/
.crumina-info-box {
  text-align: center; }

.info-box-image {
  margin-bottom: 50px; }

.info-box-wrap .crumina-info-box {
  margin-bottom: 90px; }

.info-box-title {
  margin-bottom: 40px; }

.crumina-info-box--thumb-left {
  text-align: left;
  display: flex; }
  .crumina-info-box--thumb-left .info-box-image {
    margin-bottom: 0;
    margin-right: 30px; }
  .crumina-info-box--thumb-left .info-box-title {
    margin-bottom: 30px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .info-box-image {
    margin-bottom: 20px; }
  .info-box-title {
    margin-bottom: 20px; }
  .info-box-wrap .crumina-info-box {
    margin-bottom: 30px; } }

/*------------- #COUNTERS --------------*/
.crumina-counter-item {
  text-align: center;
  position: relative; }
  .crumina-counter-item .counter-numbers {
    font-size: 54px;
    line-height: 1;
    margin-bottom: 40px; }
  .crumina-counter-item .counter-title {
    margin: 0;
    line-height: 1.1; }
  .crumina-counter-item .units {
    display: inline-block; }
    .crumina-counter-item .units div {
      color: #3FAEE4;
      display: inline-block; }
  .crumina-counter-item:after {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    background-color: #dcdde0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%); }
  .crumina-counter-item:last-child:after {
    display: none; }

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .crumina-counter-item {
    margin-bottom: 40px; }
  .crumina-counter-item .counter-numbers {
    font-size: 30px;
    margin-bottom: 20px; } }

@media (max-width: 1024px) {
  .crumina-counter-item::after {
    display: none; } }

/*------------- #TEAMMEMBERS --------------*/
.crumina-teammembers-item {
  text-align: center; }
  .crumina-teammembers-item:hover img.hover {
    top: 0;
    left: 0;
    transform: scale(2) translate(0, 0);
    opacity: 0;
    filter: grayscale(0);
    visibility: hidden; }
  .crumina-teammembers-item:hover img.main {
    filter: grayscale(0); }

.teammembers-item-prof {
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 30px; }

.teammembers-item-name {
  margin-bottom: 10px;
  display: block;
  font-size: 18px; }

.teammembers-thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  display: inline-block; }
  .teammembers-thumb img {
    transition: all 1s ease-out;
    filter: grayscale(100%);
    display: block;
    margin: 0 auto; }
    .teammembers-thumb img.hover {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

.teammembers-wrap .crumina-teammembers-item {
  margin-bottom: 60px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .teammembers-wrap .crumina-teammembers-item {
    margin-bottom: 30px; } }

/*------------- #SOCIALS --------------*/
.socials i {
  font-size: 15px;
  transition: all .3s ease; }

.socials li {
  display: inline-block; }
  .socials li a {
    color: #9a9fbf; }
    .socials li a:hover {
      color: #3FAEE4; }
  .socials li + li {
    margin-left: 20px; }

.socials--round .social-item {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  fill: #fff;
  display: block;
  position: relative;
  opacity: .9; }
  .socials--round .social-item:hover {
    opacity: 1; }
  .socials--round .social-item.olympus {
    background-color: #3FAEE4; }
  .socials--round .social-item.rss {
    background-color: #f4b459; }
  .socials--round .social-item.mail {
    background: #996DD1; }
  .socials--round .social-item.pinterest {
    background: #cc2127; }
  .socials--round .social-item.googleplus {
    background: #dd4b39; }
  .socials--round .social-item.google {
    background: #dd4b39; }
  .socials--round .social-item.facebook {
    background: #3b5998; }
  .socials--round .social-item.twitter {
    background: #55acee; }
  .socials--round .social-item.amazon {
    background-color: #F69B06; }
  .socials--round .social-item.behance {
    background-color: #2D2D2D; }
  .socials--round .social-item.bing {
    background-color: #FFA616; }
  .socials--round .social-item.creative-market {
    background-color: #8DA741; }
  .socials--round .social-item.deviantart {
    background-color: #1B1B1B; }
  .socials--round .social-item.dribble {
    background-color: #f74881; }
  .socials--round .social-item.dropbox {
    background-color: #0BA4E0; }
  .socials--round .social-item.envato {
    background-color: #6D9C3E; }
  .socials--round .social-item.flickr {
    background-color: #26A9E1; }
  .socials--round .social-item.instagram {
    background-color: #E75351; }
  .socials--round .social-item.kickstarter {
    background-color: #14E06E; }
  .socials--round .social-item.linkedin {
    background-color: #4A8F9E; }
  .socials--round .social-item.medium {
    background-color: #00E56B; }
  .socials--round .social-item.periscope {
    background-color: #3FA4C4; }
  .socials--round .social-item.quora {
    background-color: #F85F62; }
  .socials--round .social-item.reddit {
    background-color: #F05825; }
  .socials--round .social-item.shutterstock {
    background-color: #008EC0; }
  .socials--round .social-item.skype {
    background-color: #00AAF1; }
  .socials--round .social-item.snapchat {
    background-color: #FFED45; }
  .socials--round .social-item.soundcloud {
    background-color: #FF3300; }
  .socials--round .social-item.spotify {
    background-color: #1ED760; }
  .socials--round .social-item.trello {
    background-color: #0079BF; }
  .socials--round .social-item.tumblr {
    background-color: #36465D; }
  .socials--round .social-item.vimeo {
    background-color: #1AB7EA; }
  .socials--round .social-item.vk {
    background-color: #6383A8; }
  .socials--round .social-item.whatsapp {
    background-color: #25D366; }
  .socials--round .social-item.wikipedia {
    background-color: #000000; }
  .socials--round .social-item.wordpress {
    background-color: #21759B; }
  .socials--round .social-item.youtube {
    background-color: #CD201F; }

.socials--round svg {
  height: 15px;
  width: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.socials-shared {
  display: flex;
  justify-content: center;
  padding: 60px; }
  .socials-shared .social-item {
    width: 100%;
    padding: 15px 30px;
    margin-bottom: 0; }
    .socials-shared .social-item i {
      font-size: 15px; }
    .socials-shared .social-item + .social-item {
      margin-left: 15px; }

/*================= Responsive Mode ============*/
@media (max-width: 560px) {
  .socials-shared {
    padding: 20px; } }

/*------------- #CONTACTS --------------*/
.contact-item-wrap {
  margin-bottom: 30px; }
  .contact-item-wrap:hover .contact-title:after {
    width: 100%; }

.contact-title {
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 50px; }
  .contact-title:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15%;
    height: 2px;
    background-color: #3FAEE4;
    transition: width .3s ease-in-out; }

.contact-item .sub-title {
  font-weight: 400; }

.contact-item a {
  color: #888da8;
  display: block; }
  .contact-item a:hover {
    color: #3FAEE4; }

.contact-item + .contact-item {
  margin-top: 30px; }

/*------------- #CONTACT-FORM --------------*/
.contact-form-wrap {
  position: relative;
  background-color: #fff;
  border: 1px solid #e6ecf5;
  border-radius: 5px;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  display: flex;
  z-index: 2;
  overflow: hidden; }
  .contact-form-wrap .contact-form {
    width: 60%; }

.contact-form-thumb {
  position: relative;
  padding: 50px 40px;
  color: #fff;
  background-image: url("../img/contact-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 40%; }
  .contact-form-thumb .title {
    color: inherit;
    font-size: 34px;
    margin-bottom: 40px;
    line-height: 1; }
    .contact-form-thumb .title span {
      font-size: 64px;
      display: block; }

.contact-form {
  padding: 50px 40px 30px; }
  .contact-form .btn {
    margin-bottom: 0; }

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .contact-form-thumb .title span {
    font-size: 34px; }
  .contact-form-thumb .title {
    margin-bottom: 20px; }
  .contact-form-thumb {
    padding: 30px; }
  .contact-form-wrap .contact-form {
    padding: 30px; } }

@media (max-width: 860px) {
  .contact-form-thumb .title, .contact-form-thumb .title span {
    font-size: 22px; } }

@media (max-width: 600px) {
  .contact-form-wrap {
    flex-direction: column; }
  .contact-form-thumb {
    width: 100%; }
  .contact-form-wrap .contact-form {
    width: 100%; } }

/*------------- #ACCORDION-FAQS --------------*/
.accordion-faqs .icons-wrap {
  display: inline-block;
  position: relative;
  margin-left: 20px; }
  .accordion-faqs .icons-wrap svg {
    fill: #3FAEE4;
    transition: opacity .3s ease; }
  .accordion-faqs .icons-wrap .olymp-plus-icon {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }

.accordion-faqs .card-header .collapsed .olymp-accordion-close-ico {
  opacity: 0; }

.accordion-faqs .card-header .collapsed .olymp-plus-icon {
  opacity: 1; }

.accordion-faqs .card-header {
  padding: 60px 0;
  border: none;
  border-top: 1px solid #e6ecf5; }
  .accordion-faqs .card-header:first-child {
    border-top: none; }

.accordion-faqs .collapse {
  margin-bottom: 60px; }

.accordion-faqs svg {
  width: 12px;
  height: 12px; }

.trade-img{
    width:300px;
    float:left;
    margin:0 10px 5px 0;
}
.trade-searchbox {
    float:left;
    border:1px solid lightblue;
    margin:10px;
}

/*================= Responsive Mode ============*/
@media (max-width: 600px) {
  .accordion-faqs .card-header {
    padding: 30px 0; }
  .accordion-faqs .collapse {
    margin-bottom: 20px; } 
.trade-img { width:100% }
    .trade-searchbox {width:100%;float:left;margin:5px;}
    .trades-form h2 {text-align: center;}
}

/*------------- #TABLE-CAREERS --------------*/
.table-careers {
  width: 100%; }
  .table-careers li {
    display: table;
    width: 100%;
    padding: 30px 35px;
    border: 1px solid #e6ecf5;
    margin-top: 18px;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    border-radius: 5px;
    transition: background-color .3s ease; }
    .table-careers li:hover {
      background-color: #e6ecf5; }
  .table-careers span {
    display: table-cell;
    vertical-align: middle;
    width: 20%; }
    .table-careers span.position, .table-careers span.type {
      color: #515365; }
  .table-careers .head {
    border: none;
    box-shadow: none; }
    .table-careers .head span {
      font-size: 10px;
      text-transform: uppercase; }
    .table-careers .head:hover {
      background-color: transparent; }
  .table-careers .btn {
    margin: 0; }

/*================= Responsive Mode ============*/
@media (max-width: 640px) {
  .table-careers li {
    padding: 15px; } }

/*------------- #FOLLOW-INSTAGRAMM --------------*/
.follow-instagram {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  position: relative; }
  .follow-instagram img {
    width: 20%; }
  .follow-instagram .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .follow-instagram:hover .overlay {
    opacity: 1; }

/*================= Responsive Mode ============*/
@media (max-width: 460px) {
  .follow-instagram .btn {
    width: 70%; } }

/*------------- #HELP-SUPPORT-BLOCK --------------*/
.help-support-block {
  margin-bottom: 60px; }
  .help-support-block .title {
    margin-bottom: 60px;
    display: flex;
    align-items: center; }
    .help-support-block .title .total-topic {
      margin-left: 15px; }
    .help-support-block .title:hover .total-topic {
      background-color: #7c5ac2;
      color: #fff; }

.total-topic {
  font-size: 10px;
  border-radius: 100%;
  font-weight: 900;
  width: 30px;
  height: 30px;
  background-color: #ebecf2;
  text-align: center;
  line-height: 30px;
  display: block;
  color: #515365; }

.help-support-list li {
  display: flex;
  align-items: flex-start; }
  .help-support-list li svg {
    margin-right: 20px;
    width: 14px;
    height: 14px;
    fill: #9a9fbf;
    position: relative;
    top: 3px; }
  .help-support-list li a {
    font-size: 14px;
    color: #888da8; }
  .help-support-list li + li {
    margin-top: 20px; }
  .help-support-list li:hover a {
    color: #515365; }
  .help-support-list li:hover svg {
    fill: #3FAEE4; }

.help-main-topic .title {
  margin-bottom: 20px; }

.help-main-topic .help-image {
  margin: 40px auto; }

.help-main-topic .single-post-additional {
  margin-bottom: 20px; }

.help-main-topic .single-post-additional > * + * {
  border-left: none;
  margin-left: 30px; }

.help-main-topic .single-post-additional > * {
  padding: 20px 0; }

.user-raiting-choice {
  padding: 35px 0;
  border-top: 1px solid #e6ecf5;
  border-bottom: 1px solid #e6ecf5;
  margin-top: 40px;
  display: flex;
  align-items: center;
  font-size: 12px; }
  .user-raiting-choice b {
    margin-left: 5px; }
  .user-raiting-choice a {
    margin-left: 15px;
    opacity: .8; }
    .user-raiting-choice a:hover {
      opacity: 1; }
  .user-raiting-choice span {
    color: #515365;
    margin-left: auto;
    font-weight: 700; }

/*================= Responsive Mode ============*/
@media (max-width: 860px) {
  .help-support-block .title {
    margin-bottom: 20px; } }

@media (max-width: 560px) {
  .help-main-topic .single-post-additional > * {
    display: inline-block; }
  .user-raiting-choice {
    display: block;
    padding: 15px 0;
    margin-top: 20px; }
    .user-raiting-choice span {
      display: block;
      margin-top: 15px; } }

@media (max-width: 360px) {
  .help-main-topic .single-post-additional > * {
    display: block; }
  .help-main-topic .single-post-additional > * + * {
    margin-left: 0; } }

/*------------- #SEARCH-HELP-RESULT --------------*/
.search-help-result-title {
  text-align: center;
  margin-bottom: 100px; }
  .search-help-result-title .count-result {
    color: #3FAEE4; }
  .search-help-result-title .search-query {
    font-style: italic;
    color: #888da8; }

.search-help-result-list li {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e6ecf5; }

.search-help-result-list .title {
  margin-bottom: 40px; }

.search-help-result-list .single-post-additional {
  margin-bottom: 20px; }

.search-help-result-list .single-post-additional > * + * {
  border-left: none;
  margin-left: 30px; }

.search-help-result-list .single-post-additional > * {
  padding: 20px 0; }

.search-help-result-list .post__author img {
  width: 26px;
  height: 26px; }

.user-raiting {
  margin-top: 30px;
  font-size: 12px;
  color: #515365;
  font-weight: 700; }
  .user-raiting img {
    margin-right: 20px; }

.page-404-content {
  text-align: center; }
  .page-404-content img {
    margin-bottom: 70px; }

/*================= Responsive Mode ============*/
@media (max-width: 860px) {
  .search-help-result-title {
    margin-bottom: 40px; }
  .search-help-result-list li {
    padding-bottom: 20px;
    margin-bottom: 20px; } }

@media (max-width: 768px) {
  .page-404-content img {
    margin-bottom: 30px; } }

@media (max-width: 560px) {
  .search-help-result-list .title {
    margin-bottom: 20px; }
  .search-help-result-list .single-post-additional > * {
    display: inline-block; } }

@media (max-width: 360px) {
  .search-help-result-list .single-post-additional > * {
    display: block; }
  .search-help-result-list .single-post-additional > * + * {
    margin-left: 0; } }

/*------------- #SHOP --------------*/
.shop-product-item {
  margin-bottom: 30px; }
  .shop-product-item .product-thumb {
    display: flex;
    background-color: #f2f4f8;
    margin-bottom: 10px;
    margin-right: 0;
    height: 420px;
    width: auto;
    position: relative; }
  .shop-product-item .product-content {
    display: flex;
    align-items: center; }
    .shop-product-item .product-content .block-price {
      margin-left: auto; }
  .shop-product-item .onsale {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    background-color: #3FAEE4;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    line-height: 42px; }
  .shop-product-item .product-content .title {
    font-size: 16px;
    transition: opacity .3s ease; }
  .shop-product-item .product-price {
    margin-right: 0;
    font-size: 16px;
    font-weight: 700;
    transition: opacity .3s ease; }
    .shop-product-item .product-price.with-sale {
      color: #3FAEE4; }
      .shop-product-item .product-price.with-sale del {
        color: #888da8;
        margin-right: 7px; }
  .shop-product-item .rait-stars {
    margin-bottom: 10px; }
  .shop-product-item:hover .in-cart {
    opacity: 1; }
  .shop-product-item:hover .rait-stars {
    opacity: 0; }
  .shop-product-item:hover .product-price {
    opacity: 0; }
  .shop-product-item.product-item-v2 {
    text-align: center; }
    .shop-product-item.product-item-v2 .product-thumb {
      display: block;
      margin-bottom: 30px;
      height: auto;
      padding: 20px; }
      .shop-product-item.product-item-v2 .product-thumb img {
        display: block;
        margin: 10px auto 20px; }
      .shop-product-item.product-item-v2 .product-thumb .btn {
        margin: 0 auto;
        opacity: 0; }
      .shop-product-item.product-item-v2 .product-thumb .rait-stars {
        opacity: 1; }
      .shop-product-item.product-item-v2 .product-thumb .product-price {
        opacity: 1; }
      .shop-product-item.product-item-v2 .product-thumb .block-title, .shop-product-item.product-item-v2 .product-thumb .block-price {
        text-align: left; }
  .shop-product-item:hover .product-thumb .btn {
    opacity: 1; }

.product-category {
  font-size: 10px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #888da8;
  display: block; }

.block-price {
  position: relative; }
  .block-price .in-cart {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    background-color: #55A8D2;
    transition: opacity .3s ease; }
    .block-price .in-cart svg {
      fill: #fff;
      height: 22px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

/*------------- Product Details --------------*/
.shop-product-detail .thumbs-wrap {
  display: flex;
  align-items: flex-start; }

.small-thumbs-wrap {
  margin-right: 10px; }
  .small-thumbs-wrap .small-thumb {
    display: flex;
    width: 80px;
    height: 80px;
    background-color: #f2f4f8; }
    .small-thumbs-wrap .small-thumb img {
      margin: auto; }
    .small-thumbs-wrap .small-thumb + .small-thumb {
      margin-top: 10px; }

.shop-product-detail-thumb {
  height: 560px;
  width: 100%;
  display: flex;
  background-color: #f2f4f8; }
  .shop-product-detail-thumb img {
    margin: auto; }

.shop-product-detail-content p {
  margin-bottom: 50px; }

.shop-product-detail-content .btn {
  margin-bottom: 50px; }

.shop-product-detail-content .main-content-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px; }
  .shop-product-detail-content .main-content-wrap .title {
    margin-bottom: 20px; }

.shop-product-detail-content .product-category {
  font-size: 12px;
  margin-bottom: 20px; }

.shop-product-detail-content .rait-stars .star-icon {
  font-size: 10px; }

.shop-product-detail-content .product-price {
  font-size: 34px; }

.shop-product-detail-content .inputs-wrap {
  display: flex;
  margin-bottom: 50px;
  align-items: center; }
  .shop-product-detail-content .inputs-wrap > * + * {
    margin-left: 20px;
    width: 100%; }
  .shop-product-detail-content .inputs-wrap .form-group {
    margin-bottom: 0; }

.quantity {
  position: relative; }
  .quantity .quantity-minus, .quantity .quantity-plus {
    position: absolute;
    right: 15px;
    top: 0;
    color: #515365;
    font-size: 11px;
    height: 50%;
    width: 20px;
    line-height: 27px; }
  .quantity .quantity-minus {
    top: auto;
    bottom: 0; }

.tags {
  font-size: 12px;
  color: #515365;
  font-weight: 700; }
  .tags li {
    display: inline-block; }
    .tags li:nth-child(2) {
      margin-left: 5px; }
  .tags .tags-item {
    color: #888da8;
    font-weight: 400; }
    .tags .tags-item:hover {
      color: #3FAEE4; }

.article-number {
  font-size: 12px;
  color: #515365;
  font-weight: 700; }
  .article-number span {
    color: #888da8;
    font-weight: 400;
    margin-left: 8px; }

.product-description .nav-tabs {
  border-bottom: none;
  justify-content: center;
  margin-bottom: 80px; }
  .product-description .nav-tabs .nav-link {
    font-weight: 700;
    color: #888da8;
    font-size: 14px; }
    .product-description .nav-tabs .nav-link.active {
      color: #515365; }
      .product-description .nav-tabs .nav-link.active .total-topic {
        background-color: #3FAEE4; }
    .product-description .nav-tabs .nav-link .total-topic {
      width: 19px;
      height: 19px;
      line-height: 19px;
      background-color: #9a9fbf;
      display: inline-block;
      color: #fff;
      margin-left: 10px; }

.product-description .nav-tabs .nav-link.active, .product-description .nav-tabs .nav-item.show .nav-link {
  border-color: transparent; }

.product-description .nav-tabs .nav-link:focus, .product-description .nav-tabs .nav-link:hover {
  border-color: transparent; }

.product-description .tab-pane > .title {
  margin-bottom: 50px; }

.product-description .tab-pane p {
  margin-bottom: 30px; }

.comments-title-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 10px; }
  .comments-title-wrap .rait-stars .star-icon {
    font-size: 10px; }

.comments__item-review {
  padding: 50px 0;
  border-top: 1px solid #e6ecf5; }
  .comments__item-review:last-child {
    border-bottom: 1px solid #e6ecf5; }
  .comments__item-review:first-child {
    margin-top: 40px; }
  .comments__item-review .rait-stars {
    margin-bottom: 20px; }
  .comments__item-review .comment-content {
    margin-bottom: 25px; }
  .comments__item-review .comments__header-review {
    font-size: 11px; }
    .comments__item-review .comments__header-review .comments__author-review a {
      font-weight: 700;
      color: #515365;
      font-style: normal; }
      .comments__item-review .comments__header-review .comments__author-review a:hover {
        color: #3FAEE4; }

.form-write-rewiev {
  padding: 25px 30px; }

/*================= Responsive Mode ============*/
@media (max-width: 1200px) {
  .quantity .quantity-minus, .quantity .quantity-plus {
    line-height: 22px; } }

@media (max-width: 1024px) {
  .shop-product-detail-thumb {
    height: auto; }
  .shop-product-detail .thumbs-wrap {
    margin-bottom: 40px; } }

@media (max-width: 900px) {
  .product-description .nav-tabs {
    margin-bottom: 40px; }
  .product-description .tab-pane > .title {
    margin-bottom: 30px; }
  .product-description .tab-pane p {
    margin-bottom: 20px; }
  .comments__item-review {
    padding: 30px 0; }
    .comments__item-review:first-child {
      margin-top: 20px; } }

@media (max-width: 768px) {
  .product-description .nav-item {
    width: auto; } }

@media (max-width: 460px) {
  .small-thumbs-wrap .small-thumb {
    width: 50px;
    height: 50px; }
  .shop-product-detail-content .product-price {
    margin-right: 0;
    font-size: 22px; } }

/*------------- #HELPERS --------------*/
.ovh {
  overflow: hidden; }

.f-left {
  float: left; }

.f-right {
  float: right; }

.f-none {
  float: none; }

.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }
  .align-right .btn {
    margin-left: 20px; }
  .align-right .w-search {
    display: inline-block; }

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(43, 45, 59, 0.2);
  transition: all .3s ease;
  opacity: 0; }
  .overlay.overlay-dark {
    background: rgba(43, 45, 59, 0.8); }

.table {
  display: table; }

.inline-items > * {
  display: inline-block;
  vertical-align: middle; }

.table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none; }
  @media (max-width: 640px) {
    .table-cell {
      display: block;
      float: left; } }

.text-t-none {
  text-transform: none; }

@media (max-width: 480px) {
  .centered-on-mobile {
    text-align: center; } }

.no-padding {
  padding: 0; }

.padding-r-0 {
  padding-right: 0; }

.padding-l-0 {
  padding-left: 0; }

.mt50 {
  margin-top: 50px; }

.no-margin {
  margin: 0; }

.negative-margin-top150 {
  margin-top: -150px; }
  @media (max-width: 1024px) {
    .negative-margin-top150 {
      margin-top: 0; } }

.negative-margin-top50 {
  margin-top: -50px; }

.negative-margin-right150 {
  margin-right: -150px; }
  @media (max-width: 768px) {
    .negative-margin-right150 {
      margin-right: 0; } }

.mobile-margin-25 {
  margin: 0 25px; }

.presentation-margin {
  margin: 40px 0 20px; }

.full-block {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.full-width {
  width: 100%; }

.full-height {
  height: 100%; }

.display-flex {
  display: flex;
  align-items: center; }
  .display-flex.content-center {
    justify-content: center; }
  .display-flex.content-around {
    justify-content: space-around; }

.inline-block {
  display: inline-block; }

.padding40 {
  padding: 40px; }

.padding80 {
  padding: 80px; }
.padding10 {
    padding: 10px;
}

.bg-violet {
  background-color: #7442ce; }

.bg-primary {
  background-color: #3FAEE4; }

.bg-secondary {
  background-color: #3f4257; }

.bg-purple {
  background-color: #7c5ac2; }

.bg-blue {
  background-color: #55A8D2; }

.bg-blue-light {
  background-color: #00b7ff; }

.bg-breez {
  background-color: #08ddc1; }

.bg-breez-light {
  background-color: #2aebcb; }

.bg-grey {
  background-color: #515365; }

.bg-grey-light {
  background-color: #888da8; }

.bg-grey-lighter {
  background-color: #9a9fbf; }

.bg-orange {
  background-color: #ff763a; }

.bg-yellow {
  background-color: #ffdc1b; }

.bg-smoke {
  background-color: #e6ecf5; }

.bg-smoke-light {
  background-color: #fafbfd; }

.bg-green {
  background-color: #1ed760; }

.bg-facebook {
  background-color: #2f5b9d; }

.bg-twitter {
  background-color: #38bff1; }

.bg-dribbble {
  background-color: #f74881; }

.bg-google {
  background-color: #ea4235; }

.bg-linkedin {
  background-color: #0073B1; }

.c-primary {
  color: #3FAEE4; }

.c-white {
  color: #fff; }

.c-red {
  color: red; }

.c-grey {
  color: #888da8; }

.c-orange {
  color: #ff763a; }

.c-secondary {
  color: #3f4257; }

.c-yellow {
  color: #ffdc1b; }

.c-purple {
  color: #7c5ac2; }

.c-green {
  color: #1ed760;
  fill: #1ed760; }

.c-facebook {
  color: #2f5b9d; }

.c-twitter {
  color: #38bff1; }

.c-dribbble {
  color: #f74881; }

.c-rss {
  color: #fab819; }

.c-spotify {
  color: #1ed760; }

.bold {
  font-weight: 800; }

.weight-normal {
  font-weight: 400; }

.weight-light {
  font-weight: 300; }

.custom-color * {
  color: inherit; }

.flip-button {
  box-sizing: content-box;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
  -webkit-transform: scale(1) rotate(360deg);
  transform: scale(1) rotate(360deg);
  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1); }

.flip-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative; }

.flip-icon > * {
  left: 0;
  position: absolute;
  top: -3px;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.flip-icon svg:last-of-type, .flip-button.active .flip-icon svg:first-of-type {
  opacity: 0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.flip-button.active .flip-icon svg:last-of-type {
  opacity: 1;
  visibility: visible;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg); }

.medium-padding80 {
  padding: 80px 0; }
  @media (max-width: 1024px) {
    .medium-padding80 {
      padding: 45px 0; } }
  @media (max-width: 800px) {
    .medium-padding80 {
      padding: 35px 0; } }

.medium-padding100 {
  padding: 100px 0; }
  @media (max-width: 1024px) {
    .medium-padding100 {
      padding: 50px 0; } }
  @media (max-width: 800px) {
    .medium-padding100 {
      padding: 35px 0; } }

.medium-padding120 {
  padding: 120px 0; }
  @media (max-width: 1024px) {
    .medium-padding120 {
      padding: 50px 0; } }
  @media (max-width: 800px) {
    .medium-padding120 {
      padding: 35px 0; } }

.medium-padding180 {
  padding: 180px 0; }
  @media (max-width: 1024px) {
    .medium-padding180 {
      padding: 60px 0; } }
  @media (max-width: 800px) {
    .medium-padding180 {
      padding: 40px 0; } }

.pb100 {
  padding-bottom: 100px; }
  @media (max-width: 1024px) {
    .pb100 {
      padding-bottom: 50px; } }
  @media (max-width: 800px) {
    .pb100 {
      padding-bottom: 35px; } }

.pt80 {
  padding-top: 80px; }
  @media (max-width: 1024px) {
    .pt80 {
      padding-top: 45px; } }
  @media (max-width: 800px) {
    .pt80 {
      padding-top: 35px; } }

.pt100 {
  padding-top: 100px; }
  @media (max-width: 1024px) {
    .pt100 {
      padding-top: 50px; } }
  @media (max-width: 800px) {
    .pt100 {
      padding-top: 35px; } }

.pb120 {
  padding-bottom: 120px; }
  @media (max-width: 1024px) {
    .pb120 {
      padding-bottom: 50px; } }
  @media (max-width: 800px) {
    .pb120 {
      padding-bottom: 35px; } }

.pt120 {
  padding-top: 120px; }
  @media (max-width: 1024px) {
    .pt120 {
      padding-top: 50px; } }
  @media (max-width: 800px) {
    .pt120 {
      padding-top: 35px; } }

.pb160 {
  padding-bottom: 160px; }
  @media (max-width: 1024px) {
    .pb160 {
      padding-bottom: 60px; } }
  @media (max-width: 800px) {
    .pb160 {
      padding-bottom: 35px; } }

.pt160 {
  padding-top: 160px; }
  @media (max-width: 1024px) {
    .pt160 {
      padding-top: 60px; } }
  @media (max-width: 800px) {
    .pt160 {
      padding-top: 35px; } }

.pb80 {
  padding-bottom: 80px; }
  @media (max-width: 1024px) {
    .pb80 {
      padding-bottom: 45px; } }
  @media (max-width: 800px) {
    .pb80 {
      padding-bottom: 35px; } }

.pb60 {
  padding-bottom: 60px; }
  @media (max-width: 1024px) {
    .pb60 {
      padding-bottom: 40px; } }
  @media (max-width: 800px) {
    .pb60 {
      padding-bottom: 20px; } }

.pt60 {
  padding-top: 60px; }
  @media (max-width: 1024px) {
    .pt60 {
      padding-top: 40px; } }
  @media (max-width: 800px) {
    .pt60 {
      padding-top: 20px; } }

.pb30 {
  padding-bottom: 30px; }

.pt30 {
  padding-top: 30px; }

.mt60 {
  margin-top: 60px; }
  @media (max-width: 800px) {
    .mt60 {
      margin-top: 35px; } }

.mb30 {
  margin-bottom: 30px; }

.mb60 {
  margin-bottom: 60px; }
  @media (max-width: 800px) {
    .mb60 {
      margin-bottom: 35px; } }

.half-height-bg {
  position: absolute;
  height: 50%;
  left: 0;
  right: 0;
  bottom: 0; }

.withripple {
  position: relative; }

.ripple-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none; }

.ripple {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  border-radius: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  transform: scale(1);
  transform-origin: 50%;
  opacity: 0;
  pointer-events: none; }

.ripple.ripple-on {
  transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
  opacity: 0.1; }

.ripple.ripple-out {
  transition: opacity 0.1s linear 0s !important;
  opacity: 0; }

.half-width {
  width: 50%; }

.col-3-width {
  width: 33.33%; }

.col-4-width {
  width: 25%; }

.body-bg-white {
  background-color: #ffffff; }

.bg-body {
  background-color: #F3EDED }

.background-contain {
  background-size: contain;
  background-repeat: no-repeat; }

.background-cover {
  background-size: cover; }

@media (max-width: 1200px) {
  .col-4-width {
    width: 33%; } }

@media (max-width: 840px) {
  .col-3-width {
    width: 50%; }
  .col-4-width {
    width: 50%; }
  .half-width {
    width: 100%; } }

@media (max-width: 480px) {
  .col-3-width {
    width: 100%; }
  .col-4-width {
    width: 100%; } }

/*------------- #WIDGETS --------------*/
/*------------- #W-SEARCH--------------*/
.w-search {
  width: 340px; }
  .w-search .form-group {
    margin-bottom: 0; }
  .w-search input {
    padding: 13px 15px;
    font-size: 12px; }
  .w-search svg {
    height: 15px;
    width: 15px; }

/*------------- #w-personal-info --------------*/
.w-personal-info {
  margin-bottom: 0; }
  .w-personal-info li {
    padding: 5px 0; }
    .w-personal-info li.title {
      color: #515365;
      font-weight: 500;
}
    .w-personal-info li.text {
      color: #888da8;
      margin-left:20px;
      overflow: hidden; }
    .w-personal-info li.date {
      display: block;
      font-size: 11px;
      color: #bdc0ce;
      font-weight: 500;
      margin-bottom: 15px; }
  .w-personal-info a:hover {
    color: #3FAEE4; }
  .w-personal-info.item-block .title {
    margin-right: 0;
    float: none;
    width: auto; }

.widget + .widget {
  margin-top: 35px; }

.widget p {
  font-size: 13px; }

/*------------- #w-socials --------------*/
.social-item {
  font-size: 11px;
  color: #fff;
  padding: 7px 15px;
  display: block;
  border-radius: 3px;
  margin-bottom: 15px;
  text-align: center; }
  .social-item i {
    font-size: 12px;
    margin-right: 10px; }
  .social-item:hover {
    color: #fff;
    opacity: .9; }

.w-socials .title {
  margin-bottom: 20px; }

/*------------- #W-SELECT --------------*/
.w-select {
  padding: 0 20px 0 0; }
  .w-select .bootstrap-select > .dropdown-toggle {
    padding: 10px 15px;
    font-size: 12px;
    height: 40px;
    margin-bottom: 0; }
  .w-select .form-group {
    margin-bottom: 0;
    min-width: 180px; }
  .w-select .title {
    float: left;
    line-height: 40px;
    margin-right: 15px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 1400px) {
  .w-select .form-group {
    min-width: unset; } }

/*------------- #W-CONTACTS --------------*/
.w-contacts #map {
  width: 100%;
  height: 200px;
  margin-bottom: 15px; }

.w-contacts ul {
  padding: 0 25px; }
  .w-contacts ul li {
    padding: 15px 0; }
  .w-contacts ul .title {
    margin-right: 0;
    float: none;
    width: auto;
    color: #515365;
    font-weight: 500; }
  .w-contacts ul .text {
    color: #888da8;
    display: block;
    overflow: hidden; }

#map {
  width: 100%; }

/*------------- #W-FAVED-PAGE --------------*/
.w-faved-page {
  overflow: hidden;
  margin: 0 0 -8px -15px; }
  .w-faved-page li {
    margin: 0 0 8px 8px;
    float: left;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    overflow: hidden; }

.all-users {
  line-height: 34px;
  text-align: center;
  color: #fff;
  background-color: #3FAEE4;
  font-size: 10px;
  font-weight: 800; }
  .all-users a {
    color: inherit;
    display: block; }

/*------------- #W-TWITTER --------------*/
.w-twitter li {
  padding: 25px;
  border-bottom: 1px solid #e6ecf5; }
  .w-twitter li:last-child {
    border-bottom: none; }

.w-twitter .author a {
  line-height: 1; }

.w-twitter .author-name {
  display: block;
  font-weight: 700;
  color: #515365; }

.w-twitter .group {
  font-size: 11px;
  color: #888da8; }

.w-twitter .verified {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #6ec4f7;
  color: #fff;
  font-size: 5px;
  display: inline-block;
  text-align: center;
  line-height: 10px;
  position: relative;
  top: -2px;
  margin-left: 5px; }

.w-twitter .author-folder {
  margin-bottom: 12px; }
  .w-twitter .author-folder > * {
    display: inline-block;
    vertical-align: middle; }
  .w-twitter .author-folder img {
    margin-right: 8px; }

.w-twitter .link-post {
  color: #38bff1; }

.w-twitter .post__date {
  font-size: 12px; }

/*------------- #W-LATEST-PHOTO --------------*/
.w-last-photo {
  margin-bottom: 0;
  overflow: hidden; }
  .w-last-photo li {
    width: 33.33%;
    float: left;
    padding: 0 4px 4px 0;
    overflow: hidden; }
  .w-last-photo img {
    width: 100%;
    border-radius: 3px; }

/*------------- #W-PLAYLIST --------------*/
.w-playlist li {
  padding: 13px 10px;
  transition: all .3s ease;
  cursor: pointer; }
  .w-playlist li:first-child {
    padding-top: 25px; }
  .w-playlist li:last-child {
    padding-bottom: 25px; }
  .w-playlist li > * {
    display: inline-block;
    vertical-align: middle; }
  .w-playlist li:hover {
    background-color: #fafbfd; }
    .w-playlist li:hover .overlay {
      opacity: 1; }
    .w-playlist li:hover .play-icon {
      opacity: 1; }
    .w-playlist li:hover time {
      opacity: 0; }
    .w-playlist li:hover .more {
      opacity: 1; }

.w-playlist .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  color: #fff;
  width: 14px;
  height: 16px;
  opacity: 0; }
  .w-playlist .play-icon svg {
    width: 16px;
    height: 16px; }

.w-playlist .composition-time {
  position: relative;
  float: right;
  font-size: 11px;
  font-weight: 500; }

.w-playlist time {
  transition: all .3s ease;
  margin-right: 10px; }

.w-playlist .more {
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0; }

.w-playlist .more-dropdown li {
  padding: 0; }
  .w-playlist .more-dropdown li:hover a {
    color: #1ed760; }

.w-playlist.without-cover .overlay {
  display: none; }

.w-playlist.without-cover .playlist-thumb img {
  display: none; }

.w-playlist.without-cover .play-icon {
  opacity: 1;
  fill: #515365; }

.w-playlist.without-cover li:hover .play-icon {
  fill: #1ed760; }

.playlist-thumb {
  position: relative;
  width: 34px;
  height: 34px;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 12px; }

.composition-name {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #515365; }

.composition-author {
  display: block;
  font-size: 11px;
  color: #888da8; }

.playlist-popup-table {
  width: 100%; }
  .playlist-popup-table td {
    padding: 25px 12px; }
    .playlist-popup-table td:first-child {
      padding-left: 30px; }
    .playlist-popup-table td:last-child {
      padding-right: 30px; }
  .playlist-popup-table thead {
    background-color: rgba(43, 45, 59, 0.6); }
    .playlist-popup-table thead th {
      font-size: 9px;
      font-weight: 700;
      padding: 12px;
      color: #9a9fbf; }
      .playlist-popup-table thead th:first-child {
        padding-left: 25px; }
      .playlist-popup-table thead th:last-child {
        padding-right: 25px; }
  .playlist-popup-table tbody tr:nth-child(odd) {
    background-color: rgba(43, 45, 59, 0.8); }
  .playlist-popup-table tbody tr:nth-child(even) {
    background-color: rgba(43, 45, 59, 0.6); }
  .playlist-popup-table tbody tr:hover .play-icon {
    fill: #fff; }
  .playlist-popup-table .play-icon {
    fill: #9a9fbf; }
    .playlist-popup-table .play-icon svg {
      width: 23px;
      height: 23px; }
  .playlist-popup-table .playlist-thumb {
    margin-right: 0; }
  .playlist-popup-table .composition-name {
    color: #fff;
    font-size: 14px; }
  .playlist-popup-table .composition-author {
    font-size: 12px; }
  .playlist-popup-table .album-composition, .playlist-popup-table .release-year, .playlist-popup-table .composition-time {
    font-weight: 500;
    font-size: 12px;
    color: #fff; }
  .playlist-popup-table .release-year, .playlist-popup-table .composition-time, .playlist-popup-table .released, .playlist-popup-table .duration, .playlist-popup-table .spotify, .playlist-popup-table .remove {
    text-align: center; }
  .playlist-popup-table .composition-icon {
    color: #1ed760;
    font-size: 22px; }
  .playlist-popup-table .remove-icon {
    fill: #9a9fbf; }
    .playlist-popup-table .remove-icon svg {
      width: 20px;
      height: 20px; }
    .playlist-popup-table .remove-icon:hover {
      fill: #3FAEE4; }

/*------------- #W-FRIEND-PAGES-ADDED --------------*/
.w-friend-pages-added li > * {
  vertical-align: top; }

.w-friend-pages-added li:hover {
  background-color: transparent; }

.w-friend-pages-added .author-thumb {
  height: 24px;
  width: 24px; }

.w-friend-pages-added .author-thumb img {
  height: 24px;
  width: 24px; }

.w-friend-pages-added .notification-event {
  padding-left: 4px;
  max-width: 55%; }

.w-friend-pages-added .notification-friend {
  font-size: 10px; }

.w-friend-pages-added .chat-message-item {
  font-size: 11px; }

.w-friend-pages-added .notification-icon svg {
  width: 20px;
  height: 20px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
  .w-friend-pages-added.notification-list.friend-requests .notification-icon {
    float: right; } }

/*------------- #W-CREATE-FAV-PAGE --------------*/
.w-create-fav-page {
  padding: 25px;
  background-color: #3FAEE4; }
  .w-create-fav-page svg {
    fill: #fff; }
  .w-create-fav-page .olymp-star-icon {
    width: 20px;
    height: 20px; }
  .w-create-fav-page .more {
    float: right;
    color: #ffbfb0;
    fill: #ffbfb0; }
  .w-create-fav-page .icons-block {
    margin-bottom: 80px; }
  .w-create-fav-page .content {
    color: #fff; }
    .w-create-fav-page .content span {
      font-size: 10px; }
    .w-create-fav-page .content .title {
      line-height: 1.1;
      font-weight: 400;
      color: inherit;
      margin-bottom: 20px; }
  .w-create-fav-page .btn {
    margin-bottom: 0; }

.page-description {
  border: 1px solid #e6ecf5;
  background-color: #fff;
  margin-bottom: 25px;
  border-radius: 5px;
  overflow: hidden; }
  .page-description .icon {
    padding: 15px 18px;
    fill: #fff;
    background-color: #9a9fbf;
    border-right: 1px solid #e6ecf5;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px; }
    .page-description .icon svg {
      width: 20px;
      height: 20px; }
  .page-description span {
    vertical-align: middle; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 480px) {
  .page-description {
    display: flex;
    align-items: center; } }

/*------------- #W-BIRTHDAY-ALERT --------------*/
.w-birthday-alert {
  background-image: url("../img/bg-birthdays.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px; }
  .w-birthday-alert .more {
    float: right;
    opacity: .7;
    color: #fff;
    fill: #fff; }
  .w-birthday-alert .icons-block {
    margin-bottom: 35px;
    fill: #fff;
    color: #fff; }
  .w-birthday-alert .olymp-cupcake-icon {
    width: 24px;
    height: 20px; }
  .w-birthday-alert .author-thumb img {
    width: 28px;
    height: 28px;
    border: 2px solid #fff;
    margin-bottom: 12px; }
  .w-birthday-alert .content {
    color: #fff; }
    .w-birthday-alert .content span {
      font-size: 10px;
      margin-bottom: 4px;
      display: block; }
    .w-birthday-alert .content .title {
      line-height: 1.3;
      font-weight: 400;
      color: inherit;
      margin-bottom: 20px;
      font-size: 24px;
      display: block; }
    .w-birthday-alert .content p {
      font-size: 12px; }

.author-thumb {
  display: inline-block;
  position: relative; }
  .author-thumb img {
    border-radius: 5%;
    overflow: hidden;
    max-width: unset;
	}
  .author-thumb .icon-status {
    position: absolute;
    margin-right: 0;
    top: 0;
    left: 0;
    border: 1px solid #3f4257;
    width: 8px;
    height: 8px; }
  .author-thumb .icon-status-big {
    position: absolute;
    margin-right: 0;
    top: 4px;
    left: 10px;
    width: 20px;
    height: 20px; }

/*------------- #W-ACTION --------------*/
.w-action {
  background-image: url("../img/landing-bl-bg.jpg");
  padding: 50px 45px 40px;
  text-align: center;
  color: #fff;
  border-radius: 5px; }
  .w-action img, .w-action i {
    margin-bottom: 15px;
    font-size: 35px; }
  .w-action .content span {
    font-size: 10px;
    margin-bottom: 25px;
    display: block;
    text-transform: uppercase; }
  .w-action .content .title {
    font-weight: 400;
    color: inherit;
    margin-bottom: 15px;
    font-size: 24px; }
  .w-action .btn {
    margin-bottom: 0; }

/*------------- #W-ACTIVITY-FEED --------------*/
.w-activity-feed .author-thumb {
  height: 28px;
  width: 28px;
  float: left; }
  .w-activity-feed .author-thumb img {
    height: 28px;
    width: 28px; }

.w-activity-feed .notification-event,
.w-activity-feed .notification-friend {
  font-size: 12px; }

.w-activity-feed .notification-event {
  max-width: 85%; }

.w-activity-feed li > * {
  vertical-align: top; }

/*------------- #W-WEATHER --------------*/
.w-wethear {
  background-image: url("../img/bg-wethear.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px;
  position: relative;
  color: #fff;
  text-align: center;
  background-color: #55A8D2; }
  .w-wethear .olymp-weather-partly-sunny-icon {
    width: 64px;
    height: 65px; }
  .w-wethear .weekly-forecast {
    margin-right: -25px;
    margin-left: -25px;
    position: relative;
    padding: 0 20px; }
    .w-wethear .weekly-forecast li {
      display: inline-block;
      vertical-align: top;
      padding: 15px 3px;
      text-transform: uppercase;
      font-size: 10px;
      font-weight: 700; }
      .w-wethear .weekly-forecast li > * {
        margin-bottom: 8px; }
        .w-wethear .weekly-forecast li > *:last-child {
          margin-bottom: 0; }
      .w-wethear .weekly-forecast li svg {
        height: 22px;
        width: 22px; }
      .w-wethear .weekly-forecast li .olymp-weather-partly-sunny-icon {
        height: 22px;
        width: 22px; }
    .w-wethear .weekly-forecast:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #fff;
      opacity: .1; }
  .w-wethear .more {
    position: absolute;
    right: 25px;
    top: 20px;
    opacity: .8;
    color: #fff;
    fill: #fff; }
  .w-wethear .temperature-sensor {
    font-size: 60px;
    line-height: 1; }
  .w-wethear > * {
    margin-bottom: 25px; }
    .w-wethear > *:last-child {
      margin-bottom: 0; }
  .w-wethear .max-min-temperature {
    margin-right: 20px; }
    .w-wethear .max-min-temperature span {
      display: block; }
  .w-wethear svg {
    fill: #fff; }
  .w-wethear .climate {
    font-size: 18px; }
  .w-wethear .wethear-now {
    margin-top: 10px; }
  .w-wethear .wethear-now-description span {
    font-size: 11px; }
    .w-wethear .wethear-now-description span > span {
      font-weight: 500; }
    .w-wethear .wethear-now-description span + span {
      margin-left: 15px; }
  .w-wethear .date {
    font-weight: 400;
    color: #fff;
    margin-bottom: 0; }

.swiper-slide-weather {
  border-bottom: 1px solid #e6ecf5; }

.day-wethear-item {
  float: left;
  padding: 25px 0 20px;
  border-right: 1px solid #e6ecf5;
  text-align: center;
  width: 16.5%; }
  .day-wethear-item:last-child {
    border-right: none; }
  .day-wethear-item .title {
    font-size: 12px;
    font-weight: 700;
    color: #515365;
    margin-bottom: 40px; }
  .day-wethear-item .icon {
    fill: #55A8D2;
    margin-bottom: 30px;
    min-height: 54px;
    width: 55px; }
  .day-wethear-item .temperature-sensor {
    font-size: 18px;
    color: #515365;
    margin-bottom: 10px; }
  .day-wethear-item .wethear-now {
    font-weight: 700; }
    .day-wethear-item .wethear-now span {
      font-size: 11px;
      color: #c5c8d8; }
      .day-wethear-item .wethear-now span + span {
        margin-left: 12px; }
    .day-wethear-item .wethear-now .high {
      color: #888da8; }

.wethear-content {
  color: #fff;
  text-align: center; }
  .wethear-content .icon {
    fill: #fff;
    margin-bottom: 20px; }
  .wethear-content .temperature-sensor {
    font-size: 84px;
    margin-bottom: 10px;
    line-height: 1; }
  .wethear-content .wethear-now {
    margin-bottom: 15px; }
    .wethear-content .wethear-now span {
      font-size: 13px; }
      .wethear-content .wethear-now span + span {
        margin-left: 12px; }
  .wethear-content .climate {
    font-size: 24px;
    margin-bottom: 15px; }
  .wethear-content .wethear-now-description {
    font-size: 12px; }
    .wethear-content .wethear-now-description > * {
      display: inline-block;
      padding: 0 25px; }
    .wethear-content .wethear-now-description .icon {
      margin-bottom: 10px; }
    .wethear-content .wethear-now-description span {
      font-weight: 700; }

.main-header-weather {
  padding: 20px 30px 30px; }
  .main-header-weather .img-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 0; }
  .main-header-weather .date-and-place {
    position: absolute;
    top: 40px;
    left: 30px;
    color: #fff; }
  .main-header-weather .date {
    font-size: 16px; }
  .main-header-weather .place {
    font-size: 11px; }
  .main-header-weather .wethear-update {
    position: absolute;
    top: 40px;
    right: 30px;
    font-size: 10px;
    color: #fff;
    fill: #fff; }
    .main-header-weather .wethear-update svg {
      margin-left: 10px;
      width: 12px;
      height: 13px; }
  .main-header-weather .olymp-weather-partly-sunny-icon {
    width: 64px;
    height: 65px; }
  .main-header-weather .olymp-weather-wind-icon-header {
    width: 47px;
    height: 34px; }
  .main-header-weather .olymp-weather-rain-drops-icon {
    width: 47px;
    height: 34px; }
  .main-header-weather .olymp-weather-thermometer-icon {
    width: 47px;
    height: 34px; }

/*------------- Responsive mode styles --------------*/
@media (max-width: 1400px) {
  .w-wethear .weekly-forecast li {
    padding: 15px 1px; } }

@media (max-width: 540px) {
  .day-wethear-item {
    width: 33%; } }

@media (max-width: 480px) {
  .wethear-content {
    margin-top: 100px; } }

@media (max-width: 360px) {
  .day-wethear-item {
    width: 49%; }
  .wethear-content .wethear-now-description > * {
    padding: 0 5px; }
  .main-header-weather .date-and-place {
    position: relative;
    top: auto;
    left: auto;
    text-align: center;
    margin-bottom: 20px; }
  .main-header-weather .wethear-update {
    position: relative;
    top: auto;
    right: auto;
    text-align: center; }
  .wethear-content {
    margin-top: 20px; } }

/*------------- #W-LAST-VIDEO --------------*/
.w-last-video {
  margin-bottom: 0; }
  .w-last-video li {
    position: relative;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block; }
    .w-last-video li img {
      max-width: 100%;
      margin: 0 auto;
      display: block; }
    .w-last-video li:last-child {
      margin-bottom: 0; }
    .w-last-video li:hover .overlay {
      opacity: 1; }
    .w-last-video li:hover .video-content {
      opacity: 1;
      bottom: 12px; }
    .w-last-video li:hover .play-video {
      margin-top: -20px; }
    .w-last-video li:hover:after {
      opacity: 1; }
    .w-last-video li:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: inset 0px -120px 55px -30px rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: all .3s ease; }
  .w-last-video time {
    font-size: 10px; }
  .w-last-video .video-content {
    position: absolute;
    bottom: -20px;
    left: 12px;
    color: #fff;
    z-index: 5;
    opacity: 0;
    transition: all .3s ease; }
  .w-last-video .title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1; }

.play-video {
  width: 64px;
  height: 64px;
  line-height: 68px;
  background-color: rgba(255, 94, 58, 0.7);
  border: 4px solid #fff;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  transition: all .3s ease;
  outline: none; }
  .play-video svg {
    fill: #fff;
    width: 18px;
    height: 22px;
    margin-right: -2px; }

.play-video--small {
  width: 52px;
  height: 52px;
  line-height: 58px; }

.play-video--mobile {
  width: 42px;
  height: 42px;
  line-height: 50px;
  border-width: 2px; }

.play-gif {
  width: 64px;
  height: 64px;
  line-height: 62px;
  position: absolute;
  border: 2px dashed #fff;
  background-color: rgba(255, 94, 58, 0.7);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  border-radius: 100%;
  text-align: center;
  z-index: 5;
  transition: all .3s ease;
  outline: none;
  cursor: pointer;
  text-decoration: none; }

/*------------- #W-POOL --------------*/
.w-pool {
  margin-bottom: 40px; }
  .w-pool .skills-item-info {
    margin-bottom: 0; }
  .w-pool .radio {
    color: #515365; }
    .w-pool .radio label {
      padding-left: 30px; }
      .w-pool .radio label span {
        left: 0; }
  .w-pool .counter-friends {
    margin: 10px 0; }

/*------------- #W-BADGES --------------*/
.w-badges {
  display: inline-block;
  margin: 0 0 -20px -18px; }
  .w-badges li {
    margin: 0 0 20px 15px;
    float: left;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    position: relative; }

/*------------- #W-BLOG-POSTS --------------*/
.w-blog-posts {
  margin-bottom: 0; }
  .w-blog-posts .post p {
    margin: 10px 0 15px 0; }
  .w-blog-posts .post__date {
    font-size: 12px; }
  .w-blog-posts li:last-child .post {
    border-bottom: none; }

/*------------- #W-ABOUT --------------*/
.w-about .logo {
  color: inherit;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  padding: 0; }

.w-about ul {
  margin-bottom: 0; }

.w-about img {
  margin-right: 17px; }

.w-about .logo-title {
  color: #515365; }

/*------------- #W-LIST --------------*/
.w-list a {
  color: #888da8;
  padding: 8px 0;
  display: block;
  font-weight: 500;
  position: relative; }
  .w-list a:hover {
    color: #3FAEE4; }

.w-list ul {
  margin-bottom: 0; }

/*------------- #W-FEATURED-TOPICS --------------*/
.w-featured-topics li + li {
  margin-top: 20px; }

.w-featured-topics .icon {
  float: left;
  margin-right: 10px;
  font-size: 15px;
  color: #ffdc1b; }

.w-featured-topics .content {
  overflow: hidden; }

.w-featured-topics .title {
  font-size: 13px;
  display: block;
  margin-bottom: 5px; }
  .w-featured-topics .title:hover {
    color: #3FAEE4; }

.w-featured-topics time {
  font-size: 11px;
  margin-bottom: 5px;
  display: block; }

.w-featured-topics .forums {
  font-size: 11px;
  color: #3FAEE4; }

/*------------- #PLUGINS --------------*/
/*!
 * Bootstrap-select v1.11.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/ }

.bootstrap-select.show .dropdown-menu {
  display: block; }

.bootstrap-select li.hidden {
  display: none !important; }

.bootstrap-select li.selected a {
  background: #3FAEE4;
  color: white; }

.bootstrap-select li.selected a:hover {
  opacity: .9; }

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  z-index: 1;
  background-color: transparent;
  border: 1px solid #e6ecf5;
  border-radius: 0.25rem;
  padding: 1.1rem 1.1rem;
  margin: 0 0 3px 0;
  float: none; }

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #464a4c; }

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none; }

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2; }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48; }

.bootstrap-select.fit-width {
  width: auto !important; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px; }

.bootstrap-select .dropdown-toggle:focus {
  outline: none; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }

.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%; }

.bootstrap-select.form-control.input-group-btn {
  z-index: auto; }

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
  margin-left: 1px; }

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0; }

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%; }

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important; }

.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important; }

.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
  color: #515365;
  font-weight: normal; }

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select.btn-group .dropdown-menu {
  margin-left: 0;
  min-width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative; }

.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff; }

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed; }

.bootstrap-select.btn-group .dropdown-menu li a {
  padding: 10px 1.5rem;
  color: #888da8;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bootstrap-select.btn-group .dropdown-menu li.selected a {
  color: #fff; }

.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em; }

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none; }

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block; }

.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em; }

.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 12px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-actionsbox .btn-group button {
  width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-donebutton .btn-group button {
  width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

/*# sourceMappingURL=bootstrap-select.css.map */
.show > .btn-secondary.dropdown-toggle {
  background-color: transparent;
  border-color: #e6ecf5; }

.dropdown-toggle::after {
  border-top-color: #888da8;
  right: 20px;
  position: relative; }

.form-group.label-floating .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  top: 5px;
  position: relative; }

.form-group.label-floating.is-select label.control-label {
  top: 10px;
  font-size: 11px;
  line-height: 1.42857; }

.select-container label.control-label {
  top: -18px!important;
  font-size: 11px;
  line-height: 1.42857; }

.bootstrap-select.style-2 > .dropdown-toggle {
  border: none;
  border-radius: 0;
  padding: 10px 15px 10px 40px;
  line-height: 1;
  margin-bottom: 7px; }

.bootstrap-select.style-2 > .dropdown-toggle:after {
  display: none; }

.bootstrap-select.style-2 .dropdown-menu {
  margin-top: 0;
  border: 1px solid #e6ecf5;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
  overflow: visible !important; }

.bootstrap-select.style-2 .bs-searchbox {
  padding: 0; }

.glyphicon-ok::before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #515365; }

.bootstrap-select.style-2 li.selected a {
  background-color: transparent;
  color: #515365; }

.bootstrap-select.style-2 .form-control {
  border: none;
  border-bottom: 1px solid #e6ecf5;
  border-radius: 0; }

.bootstrap-select.without-border.form-control {
  width: 170px;
  float: right;
  margin-top: 2px; }

.bootstrap-select.without-border .dropdown-toggle::after {
  border-top: 0.4em solid #888da8;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent; }

.bootstrap-select.without-border > .dropdown-toggle {
  border: none;
  padding: 0;
  margin-bottom: 0;
  font-size: 9px; }

.bootstrap-select.without-border.btn-group .dropdown-toggle .filter-option {
  font-weight: 700;
  text-align: right;
  padding-right: 30px; }

.bootstrap-select.without-border .form-group {
  margin-bottom: 0; }

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */ }

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc; }

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent; }

.daterangepicker.opensleft:before {
  right: 9px; }

.daterangepicker.opensleft:after {
  right: 10px; }

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.opensright:before {
  left: 9px; }

.daterangepicker.opensright:after {
  left: 10px; }

.daterangepicker.dropup {
  margin-top: -5px; }

.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001; }

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none; }

.daterangepicker.show-calendar .calendar {
  display: block; }

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px; }

.daterangepicker .calendar.single .calendar-table {
  border: none; }

.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center; }

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff; }

.daterangepicker table {
  width: 100%;
  margin: 0; }

.daterangepicker td, .daterangepicker th {
  text-align: center;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit; }

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999; }

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff; }

.daterangepicker th.month {
  width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  display: inline-block; }

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.daterangepicker select.yearselect {
  width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0; }

.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%; }

.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px; }

.daterangepicker .daterangepicker_input {
  position: relative; }

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px; }

.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px; }

.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px; }

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px; }

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed; }

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left; }

.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.ranges li {
  font-size: 13px;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer; }

.ranges li:hover {
  background-color: #08c;
  border: 1px solid #08c;
  color: #fff; }

.ranges li.active {
  background-color: #08c;
  border: 1px solid #08c;
  color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
  .daterangepicker .ranges ul {
    width: 160px; }
  .daterangepicker.single .ranges ul {
    width: 100%; }
  .daterangepicker.single .calendar.left {
    clear: none; }
  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
    float: left; }
  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
    float: right; }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left; }
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0; }
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .daterangepicker.ltr .calendar.right {
    margin-left: 0; }
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px; }
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px; }
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: left; }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right; }
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0; }
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .daterangepicker.rtl .calendar.right {
    margin-right: 0; }
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px; }
  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px; }
  .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
    text-align: right;
    float: right; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .calendar.left {
    clear: none !important; } }

/*Crumina styles for daterange*/
.daterangepicker .calendar .prev,
.daterangepicker .calendar .next {
  display: none; }

.daterangepicker_input .form-group {
  margin: 0; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  border: none;
  font-size: 13px;
  color: #515365; }

.daterangepicker th.month {
  padding: 15px 5px; }

.daterangepicker select.monthselect {
  margin-right: 10%;
  width: 50%; }

.daterangepicker .calendar th,
.daterangepicker td.off {
  font-size: 9px;
  color: #888da8; }

.daterangepicker .calendar td {
  color: #4b4e65;
  font-size: 11px;
  border-radius: 50%;
  display: table-cell;
  height: auto;
  width: auto; }

.daterangepicker td.active, .daterangepicker td.active:hover,
.daterangepicker td.start-date.end-date {
  background-color: #08ddc1;
  border-color: transparent;
  color: #fff;
  border-radius: 50%; }

.daterangepicker {
  width: 270px;
  border-color: #e6ecf5;
  box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1); }

.daterangepicker.single.ltr .calendar {
  float: none;
  padding: 8px; }

.daterangepicker .calendar th,
.daterangepicker .calendar td {
  line-height: 30px;
  padding: 0 5px; }

/*!
 * FullCalendar v2.6.0 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed .fc-today {
  background: #f5f5f5;
  position: relative;
  color: #fff; }

.fc-unthemed .fc-today:after {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #08ddc1;
  right: 3px;
  top: 7px;
  z-index: -1; }

@media (max-width: 460px) {
  .fc-unthemed .fc-today:after {
    width: 15px;
    height: 15px;
    right: 11px;
    top: 14px; } }

.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */ }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */ }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
  margin: 0 -1em;
  /* ensures character will be centered, regardless of width */ }

.fc-icon-left-single-arrow:after {
  content: "\02039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: 3%; }

.fc-icon-right-single-arrow:after {
  content: "\0203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
  left: -3%; }

.fc-icon-left-double-arrow:after {
  content: "\000AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\000BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
  left: -2%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
  left: 2%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\000D7";
  font-size: 200%;
  top: 6%; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  vertical-align: top; }

.fc th {
  text-align: center;
  padding: 12px;
  background-color: transparent;
  font-size: 9px;
  color: #888da8;
  text-transform: uppercase;
  border-right-width: 0;
  border-left-width: 0; }

@media (max-width: 380px) {
  .fc th {
    font-size: 6px; } }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

.calendar-btn {
  border-radius: 30px;
  padding: 10px 25px;
  background-color: #f2f3f5;
  float: left;
  font-size: 13px; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
  margin-right: 0 !important; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  /* this class goes on elements for guaranteed vertical scrollbars */
  overflow-y: scroll;
  overflow-x: hidden; }

.fc-scroller > * {
  /* we expect an immediate inner element */
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
  overflow: hidden;
  /* don't let negative margins or absolute positioning create further scroll */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  font-weight: normal;
  /* undo jqui's ui-widget-header bold */ }

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25);
  /* for IE */ }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

.fc-event .fc-resizer {
  position: absolute;
  z-index: 3; }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer */
.fc-h-event .fc-resizer {
  /* positioned it to overcome the event's borders */
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  width: 5px; }

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
  right: auto;
  /* ignore the right and only use the left */
  cursor: w-resize; }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
  left: auto;
  /* ignore the left and only use the right */
  cursor: e-resize; }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px; }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

.fc-day-grid-event .fc-resizer {
  /* enlarge the default hit area */
  left: -3px;
  right: -3px;
  width: 7px; }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }

.fc-toolbar h2 {
  font-size: 14px; }

.fc-toolbar .fc-button-group .fc-next-button,
.fc-toolbar .fc-button-group .fc-prev-button {
  border-radius: 0;
  padding: 22px 10px;
  background-color: transparent;
  transition: all .3s ease;
  border: none; }

.fc-toolbar .fc-button-group .fc-button.fc-next-button,
.fc-toolbar .fc-button-group .fc-button.fc-prev-button {
  border-left: none; }

.fc-toolbar .fc-button-group .fc-month-button,
.fc-toolbar .fc-button-group .fc-agendaWeek-button,
.fc-toolbar .fc-button-group .fc-agendaDay-button {
  border: none;
  background-color: transparent;
  text-transform: capitalize;
  padding: 20px;
  color: #9699a6;
  border-radius: 0;
  box-shadow: none; }

.fc-toolbar .fc-button-group .fc-month-button:after,
.fc-toolbar .fc-button-group .fc-agendaWeek-button:after,
.fc-toolbar .fc-button-group .fc-agendaDay-button:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all .3s ease; }

.fc-toolbar .fc-button-group .fc-month-button.fc-state-active:after,
.fc-toolbar .fc-button-group .fc-agendaWeek-button.fc-state-active:after,
.fc-toolbar .fc-button-group .fc-agendaDay-button.fc-state-active:after {
  opacity: 1; }

.fc-toolbar .fc-button-group .fc-button.fc-state-active {
  color: #08ddc1;
  fill: #08ddc1; }

.fc-toolbar .fc-button-group .fc-button.fc-state-active svg {
  color: #08ddc1;
  fill: #08ddc1; }

.fc-toolbar .fc-button-group .fc-button {
  border-left: 1px solid #e6ecf5; }

.fc-toolbar .fc-button-group .fc-button svg {
  width: 18px;
  height: 22px;
  fill: #c2c5d9; }

.fc-toolbar .fc-button-group .fc-icon {
  color: #888da8; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block;
  padding: 21px 0; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }

/* title text */
.fc-toolbar h2 {
  margin: 0; }

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px; }

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px; }

.fc-basic-view .fc-week-number {
  text-align: center; }

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
  font-size: 12px;
  padding: 15px; }

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: right; }

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */ }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px;
  /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome jqui theme making it bold */ }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
  font-size: 9px;
  font-weight: 500;
  background-color: #fff; }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
  background-color: #fff; }

.fc-time-grid .fc-slats .ui-widget-content {
  /* for jqui theme */
  background: none;
  /* see through to fc-bg */ }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\000A0-\000A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer */
.fc-time-grid-event .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event .fc-resizer:after {
  content: "="; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc .date {
  margin-bottom: 0; }

.fc .date span {
  color: #888da8; }

.fc .nav-link {
  padding: 17px 20px; }

@media (max-width: 420px) {
  .fc .nav-link {
    padding: 18px 5px; } }

.fc .nav-tabs {
  border-bottom: 0; }

.fc .nav-item {
  margin-left: 0; }

.fc .nav-tabs .nav-link {
  fill: #c2c5d9;
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
  border-color: #e6ecf5; }

.fc .nav-tabs .nav-link.active {
  fill: #08ddc1;
  border-top: 0;
  border-bottom: 0;
  border-color: #e6ecf5; }

.calendar-block-events {
  text-align: left;
  margin: 10px -8px 0; }

.calendar-block-events li {
  font-size: 9px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

.calendar-block-events .event-status {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  border-radius: 100%;
  margin-bottom: 2px; }

.event-status.uncompleted {
  background-color: #9a9fbf; }

.event-status.completed {
  background-color: #08ddc1; }

.event-status.b-day {
  background-color: #55A8D2; }

.fc-agendaDay-view .calendar-block-events {
  margin: 4px 0 0 3px; }

.fc-agendaWeek-view .calendar-block-events {
  margin: 4px 0 0 3px; }

/* perfect-scrollbar v0.7.0 */
.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none; }


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {
  display: block;
  background-color: transparent; }

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px; }

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px; }

.ps > .ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps__scrollbar-x-rail */
  height: 15px; }

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps__scrollbar-x */
  height: 6px; }

.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {
  height: 11px; }

.ps > .ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  /* there must be 'right' for ps__scrollbar-y-rail */
  width: 7px; }

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps__scrollbar-y */
  width: 6px; }

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
  background-color: #999;
  height: 11px; }

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9; }

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
  background-color: #999;
  width: 11px; }

.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {
  opacity: 0.6; }

.ps:hover > .ps__scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #999; }

.ps:hover > .ps__scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9; }

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: #999; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 0 0;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/*

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */ }

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8); }

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out; }

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1); }

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0; }

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/* This adds padding from top and bottom */
.inline--media-content .mfp-container {
  padding-top: 40px;
  padding-bottom: 40px; }

/* This adds max-width to popup content */
.inline--media-content .mfp-content {
  width: 100%;
  max-width: 1200px; }

/* This makes "#popup-with-something" scale down proportionally */
.popup-video-holder {
  width: 100%;
  height: 0;
  overflow: hidden;
  /* This is scale ratio */
  padding-bottom: 56.25%; }

.popup-video-holder .plyr {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.popup-video-holder .plyr--youtube .plyr__play-large {
  opacity: 0; }

.mejs-controls .mejs-show-playlist button, .mejs-controls .mejs-hide-playlist button, .mejs-controls .mejs-prevtrack button, .mejs-controls .mejs-nexttrack button, .mejs-controls .mejs-shuffle-on button, .mejs-controls .mejs-shuffle-off button {
  background: transparent url(controls-playlist.png) no-repeat; }

.mejs-controls .mejs-show-playlist button {
  background-position: -16px -16px; }

.mejs-controls .mejs-hide-playlist button {
  background-position: -16px 0; }

.mejs-controls .mejs-prevtrack button {
  background-position: 0 -16px; }

.mejs-controls .mejs-shuffle-on button {
  background-position: -32px 0; }

.mejs-controls .mejs-shuffle-off button {
  background-position: -32px -16px; }

.mejs-container {
  display: inline-block; }

.mejs-container .mejs-overlay-loading {
  background-color: transparent;
  width: 220px;
  margin: -40px 0 0 -110px; }

.mejs-container .mejs-overlay-loading span {
  width: 220px;
  background-size: contain; }

.mejs-container .mejs-poster {
  background-size: cover; }

.mejs-container .mejs-playlist {
  position: absolute;
  left: 0;
  overflow-y: auto;
  background-size: 100%;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-size: cover;
  background-position: 50% 50%; }

.mejs-container .mejs-playlist ul {
  margin: 0 0 30px 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mejs-container .mejs-playlist ul li {
  margin: 0;
  padding: 0;
  height: 44px;
  cursor: pointer; }

.mejs-container .mejs-playlist ul li:before {
  content: " ";
  display: block;
  height: 44px;
  border-top: 1px solid white;
  border-bottom: 1px solid black;
  background-color: rgba(50, 50, 50, 0.7);
  background-image: url(mep-playlist-icons.png);
  background-position: right 10px top 100px;
  background-repeat: no-repeat; }

.mejs-container .mejs-playlist ul li:hover:before {
  background-color: rgba(44, 124, 145, 0.8);
  background-position: right 10px top -28px; }

.mejs-container .mejs-playlist ul li span {
  position: relative;
  top: -44px;
  display: block;
  padding: 8px 50px 10px 10px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  font-size: 14px;
  line-height: 26px; }

.mejs-container.mep-playing .mejs-playlist ul li.current:before {
  background-position: right 10px top -328px; }

.mejs-container.mep-playing .mejs-playlist ul li.current:hover:before {
  background-position: right 10px top -228px; }

.mejs-container.mep-paused .mejs-playlist ul li.current:before {
  background-position: right 10px top -128px; }

.mejs-container.mep-slider .mejs-playlist {
  overflow: hidden; }

.mejs-container.mep-slider .mejs-playlist ul {
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0 !important;
  background: radial-gradient(circle, grey, #000); }

.mejs-container.mep-slider .mejs-playlist ul li {
  height: 100%;
  display: inline-block;
  width: 100%;
  will-change: transform;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  background-size: 100%;
  background-repeat: no-repeat; }

.mejs-container.mep-slider .mejs-playlist ul li span {
  top: 100%;
  margin-top: -7px;
  position: absolute;
  height: 44px;
  margin-bottom: -44px;
  display: inline-block; }

.mejs-container.mep-slider .mejs-playlist ul li:before {
  position: absolute;
  border: none;
  background-color: transparent;
  background-image: url(bigplay.png);
  background-position: right 10px top 0px;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  opacity: 1; }

.mejs-container.mep-slider .mejs-playlist ul li:hover:before {
  background-position: right 10px top -100px; }

.mejs-container.mep-slider.mep-playing .mejs-playlist ul li.current:before {
  background-position: right 10px top -200px; }

.mejs-container.mep-slider.mep-playing .mejs-playlist ul li.current:hover:before {
  background-position: right 10px top -300px; }

.mejs-container.mep-slider.mep-paused .mejs-playlist ul li.current:before {
  background-position: right 10px top -0px; }

.mejs-container.mep-slider.mep-paused .mejs-playlist ul li.current:hover:before {
  background-position: right 10px top -100px; }

.mejs-container.mep-slider .mejs-playlist > a {
  position: absolute;
  top: 50%;
  display: inline-block;
  height: 100px;
  width: 100px;
  opacity: 0.9;
  cursor: pointer;
  background: transparent url(bigplay.png) left -400px no-repeat;
  margin-top: -75px; }

.mejs-container.mep-slider .mejs-playlist > a.mep-prev {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mejs-container.mep-slider .mejs-playlist > a.mep-prev:hover {
  background-position: left -500px; }

.mejs-container.mep-slider .mejs-playlist > a.mep-next {
  right: 0;
  background-position: left -600px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mejs-container.mep-slider .mejs-playlist > a.mep-next:hover {
  background-position: left -700px; }

/*/*# sourceMappingURL=mediaelement-playlist-plugin.min.css.map */
.mejs-offscreen {
  /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
  position: absolute !important;
  top: -10000px;
  left: -10000px;
  overflow: hidden;
  width: 1px;
  height: 1px; }

.mejs-container {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  padding: 20px;
  text-align: left;
  vertical-align: top;
  text-indent: 0;
  width: 100% !important;
  height: 70px !important; }

.mejs-container:focus {
  outline: none; }

.me-plugin {
  position: absolute; }

.mejs-embed, .mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden; }

.mejs-fullscreen {
  /* set it to not show scroll bars so 100% will work */
  overflow: hidden !important; }

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%; }

.mejs-clear {
  clear: both; }

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

:root .mejs-poster img {
  display: none; }

.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0; }

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-overlay-play {
  cursor: pointer; }

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(bigplay.svg) no-repeat; }

.no-svg .mejs-overlay-button {
  background-image: url(bigplay.png); }

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px; }

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url(background.png);
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(loading.gif) 50% 50% no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  font-family: Helvetica, Arial;
  border: 0; }

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 0;
  padding: 0;
  position: absolute;
  height: 27px;
  width: 27px;
  border: 0;
  background: transparent url(controls.svg) no-repeat; }

.no-svg .mejs-controls .mejs-button button {
  background-image: url(controls.png); }

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
  outline: dotted 1px #999; }

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #888da8;
  display: block;
  height: 17px;
  width: auto;
  padding: 10px 3px 0 3px;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.mejs-container .mejs-controls .mejs-time a {
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto; }

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
  background-position: 0 0; }

.mejs-controls .mejs-pause button {
  background-position: 0 -16px; }

.mejs-controls .mejs-stop button {
  background-position: -112px 0; }

/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
  direction: ltr;
  width: 50%;
  padding-top: 7px; }

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
  display: block;
  position: absolute;
  width: 180px;
  height: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  -moz-animation: buffering-stripes 2s linear infinite;
  -ms-animation: buffering-stripes 2s linear infinite;
  -o-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }

@-moz-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }

@-ms-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }

@-o-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }

@keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #ebecf2;
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#20d862), to(#5bf692));
  background: -webkit-linear-gradient(top, #20d862, #5bf692);
  background: -moz-linear-gradient(top, #20d862, #5bf692);
  background: -o-linear-gradient(top, #20d862, #5bf692);
  background: -ms-linear-gradient(top, #20d862, #5bf692);
  background: linear-gradient(#20d862, #5bf692);
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current:after {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  top: -5px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #fff;
  border: 5px solid #9a9fbf; }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 15px;
  left: 13px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
  width: 48px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 44px; }

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  left: 18px; }

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px; }

.mejs-controls .mejs-unmute button {
  background-position: -16px 0; }

.mejs-controls .mejs-volume-button {
  position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0; }

.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0; }

/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider {
  height: 26px;
  width: 56px;
  position: relative;
  display: block;
  float: left;
  vertical-align: middle;
  margin-top: 2px; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 6px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ebecf2; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current:after {
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  top: -3px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #fff;
  border: 4px solid #9a9fbf; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 6px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#20d862), to(#5bf692));
  background: -webkit-linear-gradient(top, #20d862, #5bf692);
  background: -moz-linear-gradient(top, #20d862, #5bf692);
  background: -o-linear-gradient(top, #20d862, #5bf692);
  background: -ms-linear-gradient(top, #20d862, #5bf692);
  background: linear-gradient(#20d862, #5bf692); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none; }

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative; }

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -51px;
  width: 85px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px 10px 0 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 55px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0; }

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1; }

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
  overflow: hidden;
  border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #666;
  background: rgba(102, 102, 102, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
  background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: #fff; }

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline; }

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal; }

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0; }

.mejs-captions-position-hover {
  bottom: 35px; }

.mejs-captions-text {
  padding: 3px 5px;
  background: url(background.png);
  background: rgba(20, 20, 20, 0.5);
  white-space: pre-wrap; }

/* End: Track (Captions and Chapters) */
/* Start: Error */
.me-cannotplay a {
  color: #fff;
  font-weight: bold; }

.me-cannotplay span {
  padding: 15px;
  display: block; }

/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0; }

/* End: backlight */
/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0; }

/* End: Picture Controls */
/* context menu */
.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001;
  /* make sure it shows on fullscreen */ }

.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333; }

.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica, Arial;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff; }

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
  position: relative; }

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

/* End: Source Chooser */
/* Start: Postroll */
.mejs-postroll-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  z-index: 1000;
  overflow: hidden; }

.mejs-postroll-layer-content {
  width: 100%;
  height: 100%; }

.mejs-postroll-close {
  position: absolute;
  right: 0;
  top: 0;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  color: #fff;
  padding: 4px;
  z-index: 100;
  cursor: pointer; }

/* End: Postroll */
/* Start: Speed */
div.mejs-speed-button {
  width: 46px !important;
  position: relative; }

.mejs-controls .mejs-button.mejs-speed-button button {
  background: transparent;
  width: 36px;
  font-size: 11px;
  line-height: normal;
  color: #ffffff; }

.mejs-controls .mejs-speed-button .mejs-speed-selector {
  display: none;
  position: absolute;
  top: -100px;
  left: -10px;
  width: 60px;
  height: 100px;
  background: url(background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 0;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
  display: block; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
  color: #21f8f8; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
  margin: 0 0 6px 0;
  padding: 0 10px;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
  display: none; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
  width: 60px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 11.5px;
  color: white;
  margin-left: 5px;
  cursor: pointer; }

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
  background-color: #c8c8c8 !important;
  background-color: rgba(255, 255, 255, 0.4) !important; }

/* End: Speed */
/* Start: Jump Forward */
.mejs-controls .mejs-button.mejs-jump-forward-button {
  background: transparent url(jumpforward.png) no-repeat;
  background-position: 3px 3px; }

.mejs-controls .mejs-button.mejs-jump-forward-button button {
  background: transparent;
  font-size: 9px;
  line-height: normal;
  color: #ffffff; }

/* End: Jump Forward */
/* Start: Skip Back */
.mejs-controls .mejs-button.mejs-skip-back-button {
  background: transparent url(skipback.png) no-repeat;
  background-position: 3px 3px; }

.mejs-controls .mejs-button.mejs-skip-back-button button {
  background: transparent;
  font-size: 9px;
  line-height: normal;
  color: #ffffff; }

/* End: Skip Back */
/* Custom Olympus-player Style */
.mejs-container .mejs-controls > div + div {
  margin-left: 30px; }

.mejs-container .mejs-controls > div.mejs-nexttrack {
  margin-left: 21px; }

.mejs-controls > .mejs-button.mejs-pause button {
  margin: 3px 0; }

.mejs-controls > .mejs-button.mejs-volume-button {
  margin: 0 10px; }

.mejs-controls > .mejs-button > button {
  background-position: 0 0; }

.mejs-controls .mejs-button button:focus {
  outline: none; }

.mejs-controls .mejs-prevtrack button {
  background: transparent url("../svg-icons/prev-song.svg") no-repeat; }

.mejs-controls .mejs-nexttrack button {
  background: transparent url("../svg-icons/next-song.svg") no-repeat; }

.mejs-controls .mejs-play button {
  background: transparent url("../svg-icons/play-icon.svg") no-repeat; }

.mejs-controls .mejs-pause button {
  background: transparent url("../svg-icons/pause-icon.svg") no-repeat; }

.mejs-controls .mejs-loop-button.mejs-loop-off button {
  background: transparent url("../svg-icons/repeat.svg") no-repeat; }

.mejs-controls .mejs-loop-button.mejs-loop-on button {
  background: transparent url("../svg-icons/repeat-off.svg") no-repeat; }

.mejs-controls .mejs-shuffle-button.mejs-shuffle-off button {
  background: transparent url("../svg-icons/shuffle.svg") no-repeat; }

.mejs-controls .mejs-shuffle-button.mejs-shuffle-on button {
  background: transparent url("../svg-icons/shuffle-on.svg") no-repeat; }

.mejs-controls .mejs-mute button {
  background: transparent url("../svg-icons/sound.svg") no-repeat; }

.mejs-controls .mejs-unmute button {
  background: transparent url("../svg-icons/no-sound.svg") no-repeat; }

*[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif; }

.calendar-container {
  position: relative;
  width: 100%; }

.calendar .card {
  border-bottom: 1px solid #e6ecf5; }

.calendar .list {
  border-radius: 0 0 5px 5px;
  overflow: hidden; }

.calendar .place {
  font-size: 11px;
  padding: 0 25px 25px; }

.calendar .more-dropdown {
  right: auto;
  left: 0; }

.calendar .more-dropdown a {
  font-size: 12px; }

.calendar .more-dropdown a:hover {
  color: #08ddc1; }

.calendar .card-header svg {
  float: none;
  margin-left: 10px; }

.calendar .friends-harmonic {
  padding: 0 25px 25px; }

.calendar .place svg {
  margin-right: 10px;
  fill: #c6c9db; }

.calendar .card:last-child {
  border-bottom: none; }

.calendar-container table {
  width: 100%;
  margin-top: 15px; }

.calendar {
  text-align: center; }

.calendar .card-header a {
  font-size: 13px; }

.calendar .card-header {
  padding: 25px; }

.calendar .card-body {
  padding: 0 25px 25px; }

.calendar .card-header {
  border-bottom: none; }

.calendar header {
  position: relative;
  padding: 25px;
  border-bottom: 1px solid #e6ecf5; }

.calendar .month {
  margin-bottom: 0; }

.calendar thead {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 9px;
  color: #888da8; }

.calendar tbody {
  color: #4b4e65;
  font-size: 11px; }

.calendar td {
  border: 2px solid transparent;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 30px;
  border-radius: 100%; }

.current-day {
  color: #08ddc1; }

.event {
  cursor: pointer;
  position: relative; }

.event:after,
.event:before {
  border-radius: 50%;
  display: inline-block;
  content: '';
  height: 4px;
  width: 4px;
  position: absolute;
  bottom: 0; }

.event-complited:after {
  background-color: #08ddc1;
  right: 50%;
  margin-right: -2px; }

.event-uncomplited:before {
  background-color: #9a9fbf;
  left: 50%;
  margin-left: -2px; }

.event-complited.event-uncomplited:after {
  right: 7px;
  margin-right: 0; }

.event-uncomplited.event-complited:before {
  left: 7px;
  margin-left: 0; }

.event-complited-2:after,
.event-complited-2:before {
  background-color: #08ddc1; }

.event-complited-2:after {
  right: 7px;
  margin-right: 0; }

.event-complited-2:before {
  left: 7px;
  margin-left: 0; }

.event-uncomplited-2:after,
.event-uncomplited-2:before {
  background-color: #9a9fbf; }

.event-uncomplited-2:after {
  right: 7px;
  margin-right: 0; }

.event-uncomplited-2:before {
  left: 7px;
  margin-left: 0; }

.calendar-btn-prev,
.calendar-btn-next {
  color: #d7d9e5;
  font-size: 16px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 16px; }

.calendar-btn-prev {
  left: 30px; }

.calendar-btn-next {
  right: 35px; }

.list {
  margin-top: 20px; }

/*.close {
  color: #A4AAAB;
  margin-top: -15px;
  margin-right: 10px;
  float: right; }
*/
.day-event {
  width: 100%;
  padding-bottom: 0px;
  display: none;
  border-top: 1px solid #e6ecf5;
  text-align: left; }

.day-event p {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px; }

.day-event span {
  font-size: 12px; }

.day-event button {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 50px;
  padding: 0;
  font-size: 18px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #c0392b;
  border: 0;
  border-bottom: 2px solid #b53224;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #b53224;
  box-shadow: inset 0 -2px #b53224; }

.check-btn {
  width: 100%; }

input[type=checkbox] {
  display: none; }

.print-btn {
  padding: 1px 14px 5px 14px; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* STYLES GO HERE */ }

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* STYLES GO HERE */ }

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* STYLES GO HERE */ }

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* STYLES GO HERE */ }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* STYLES GO HERE */ }

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* STYLES GO HERE */ }

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* STYLES GO HERE */ }

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* STYLES GO HERE */ }

/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  /* STYLES GO HERE */ }

/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  /* STYLES GO HERE */ }

/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  /* STYLES GO HERE */ }

[class*="fontawesome-"]::before {
  font-family: 'FontAwesome', sans-serif; }

.fontawesome-remove::before {
  content: "\f00d"; }

.fontawesome-angle-left::before {
  content: "\f104"; }

.fontawesome-angle-right::before {
  content: "\f105"; }

.event-time {
  margin-bottom: 20px; }

.event-time .circle {
  width: 8px;
  height: 8px;
  border: 2px solid #34eccd;
  border-radius: 100%;
  margin-right: 7px;
  display: inline-block; }

.event-time time {
  font-size: 10px;
  color: #515365;
  font-weight: bold; }

.event-time .more svg {
  float: none;
  color: #d7d9e5;
  margin-left: 5px; }

.event-time .more {
  display: inline-block; }

.check-all {
  padding: 20px;
  background-color: #08ddc1;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  display: block;
  text-align: center; }

@media (min-width: 1199px){
	 html {
	font-size:15px!important;	
}}
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 3; }

.swiper-container.overflow-visible {
  overflow: visible; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform,height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform,height; }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next btn-next.swiper-button-disabled, .swiper-button-prev btn-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 25; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px; }

.swiper-container-cube, .swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

.swiper-container.auto-height .swiper-slide {
  height: auto !important; }

.public_url label { float:left;}

.list td {
	padding: 5px;
}
.bulletins .list td {
	vertical-align: top;
}

.listHeader td {
	border-bottom: 2px solid #508bb3;
	font-weight: bold;
}
.listRow td {
	border-bottom: 1px solid #ccc;
}
.list .title {
	color: #508bb3;
}
.list .title a {
	color: #508bb3;
	text-decoration: none;
}

.field-horiz{
	margin-top:15px;
	margin-right:10px;
	float:left;}
.homepage-login-btn{
	color:#fff;
}

h2 { font-size:1.5rem;}

.error{ 
	text-align:center;

}
.error p{
	padding:5px;
	color:red;
	border-radius:5px;
	border:1px solid red;
}
.complete{ 
	text-align:center;

}
.complete p{
	padding:5px;
	color: #06F;
	border-radius:5px;
	border:1px solid #06F;
}
.group-header-thumb {
  border-bottom: 1px solid #e6ecf5;
  overflow: hidden; 
  }
  .group-header-thumb img {
    width: 100%;
	overflow:hidden;
	height:160px }

.property-header-thumb-indiv {
    overflow: hidden;
    height: 150px;
    width: 200px;
    float:left;
  }
.property-header-thumb-indiv img {
    width: 100%;}  
         
 .property-content-indiv {
  padding: 0px 0 0 20px;
  text-align: center;
  position: relative;
  height:150px;
  width:300px;
  float:left; }   
 
 .property-title-indiv {

    color: #55A8D2;
    font-weight: 400;
    font-size: 1.3rem;
}



         
  .property-header-thumb {
  border-bottom: 1px solid #e6ecf5;
  overflow: hidden; 
  height:250px;
  }
  .property-header-thumb img {
    width: 100%;
	overflow:hidden;
        
	 }
@media screen and (max-width: 560px) and (min-width: 260px){
.property-header-thumb {

  height:200px;
  }
}
.property-item {
  border-radius: 5px;
  overflow: hidden; }
  .property-item .control-block-button {
    position: relative; }
  .property-item .swiper-container {
    padding-bottom: 40px; }
  .property-item .btn-control {
    margin-bottom: 0;
    margin-right: 14px; }
  .property-item.fav-page .friend-about {
    text-align: center; }

.property-item-content {
  padding: 0 0 25px 0;
  text-align: center;
  position: relative; }
  .property-item-content .more {
    z-index: 5;
    position: absolute;
    right: 15px;
    top: 50px;
    font-size: 16px;
    padding: 10px; }
.property-content{
	margin:10px 0 0px 0;}
.property-avatar {
  position: relative;
 }
  .property-avatar .property-thumb {
    margin: 0 auto;
    height: 90px;
    margin-bottom: 0px; }
    .property-avatar .property-thumb img {
      border: 2px solid #fff;
	  height:90px;
	  width:99px; }
.property-brief{
	height:100px;
	overflow:hidden;
}
.property-count {
  margin: 15px 0 15px 0}

.property-count-item {
  display: inline-block;
  margin-right: 25px; }
  .property-count-item .title {
    color: #888da8; }
  .property-count-item:last-child {
    margin-right: 0; }

.property-about {
  text-align: left;
  margin-bottom: 30px;
  font-size: 13px; }

.property-since > *:first-child {
  font-size: 11px; }
.property-thumb {
  display: inline-block;
  position: relative; }
  .property-thumb img {
    overflow: hidden;
    max-width: unset; }
  .property-thumb .icon-status {
    position: absolute;
    margin-right: 0;
    top: 0;
    left: 0;
    border: 1px solid #3f4257;
    width: 8px;
    height: 8px; }

.property-title h3{
	margin-top:10px;
	color:#55A8D2;
	font-weight:700;
        font-size:1.5rem;
}
.property-dates{
	margin-bottom:1px!important;
	color:#777;		
}

.contact-agent{
    width:100%;height:35px;display:inline-block;
}
.contact-agent .parts{
    width:50%;float:left
}
.business-name h3{
	margin-top:10px;
	
	font-weight:700;
        font-size:1rem;
}
.business-location { height:52px;}
.business-location h4{
    color:red;
    font-size:1.2rem;
}	
.vertical-menu {
    width: 100%; /* Set a width if you like */
}

.vertical-menu a {
    /* background-color: #F3EDED; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
   /* background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
    background-color: #4CAF50; /* Add a green color to the "active/current" link */
    color: white;
}
.marginBottom10{
	margin-bottom:10px;
}
.tspRow label{ font-weight:700;}

.property-description {
	font-size:16px;	
}
.property-features ul{
	list-style: none;
	display:grid;
	grid-template-columns: 50% 50%;
}
.property-features ul li{
    padding: 0;
    margin-left: 20px;
    font-weight: 400;
    list-style: none;
    position: relative;
    font-size: 17px;
	height:auto;
	
}
.property-features ul li:before{
	content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3FAEE4;
    position: absolute;
    left: -19px;
    top: 8px;
}

.property-features-listings ul{
	list-style-type: none;
	display:grid;
	grid-template-columns: 50% 50%;
	text-align:left;
}
.property-features-listings ul li{
    padding: 0;
    margin-left: 15px;
    font-weight: 300;
    list-style: none;
    font-size: 12px;
	height:auto;
	list-style-type: none;
}
.property-features-listings ul li:before{
	content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3FAEE4;
	margin-right:7px;
}

.let-includes{ display: grid;
    grid-template-columns: 30% 30% 30%;}
	
.property-info{ display: grid;
    grid-template-columns: 50% 50%;}

.property-features .checkbox input[type=checkbox]:checked + .checkbox-material .check {
	background:#000;}
	
.info img{
	width:70px;
	height:70px;
}
iframe {border:none;}
.fleft{float:left;}

.feed_photo{ max-height:1300px;
			width:100%;
			overflow:hidden;
                        text-align:center;
}.feed_photo img{ 
			max-width:100%;
                        height:auto;
			overflow:hidden
}
.feed-photos{ 
			display: grid;
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
	grid-row-gap: 10px;
	grid-column-gap: 5px;	
        text-align: center;
}
.feed-photos a{
    background-color: #ddd;
}
.feed-photos img{
    height:170px;
    width:auto;
}
.property-list-photos{ 
			display: grid;
    grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 2px;
	grid-column-gap: 5px;	
        height:75px;
}
.property-list-photos img{
    height:72px;
}
@media screen and (max-width: 560px) and (min-width: 260px) {
    .property-list-photos img{
    height:50px;
    }
    .property-header-thumb {

  height:300px;
  }
}
@media screen and (max-width: 736px) and (min-width: 560px) {
    .property-list-photos img{
    height:60px;
    }
    .property-header-thumb {

  height:300px;}
}
@media screen and (max-width: 1020px) and (min-width: 736px) {
    .property-list-photos img{
    height:120px;
    }
    .property-header-thumb {

  height:400px;}
}
@media screen and (max-width: 1200px) and (min-width: 1020px) {
    .property-list-photos img{
    height:50px;
    }
    .property-header-thumb {

  height:180px;}
}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
    .property-list-photos img{
    height:75px;
    }
    .property-header-thumb { 
 
        height:300px;} 
}
@media screen and (max-width: 2000px) and (min-width: 1601px) {
    .property-list-photos img{
    height:85px;
    }
    .property-header-thumb { 
 
        height:300px;} 
}
.pages {
	margin: 5px 0 5px 0;
	padding: 5px;
	text-align: center;
	font-size:18px;
}
.pages a {
	color: #5289A8;
	margin: 0 4px 0 4px;
}
.pages .p {
	margin: 0 4px 0 4px;
	padding:2px;
	font-weight: bold;
	color:#fff;
	background-color:#5289A8;
}

.top-menu-dropdown {
	display: block;
    position: absolute;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    background-color: #fff;
    border-radius: 2px;
    transition: visibility 1s linear 0.3s, opacity 0.3s linear;
    text-align: left;
    padding: 15px 20px;
    z-index: 5;
	width: auto;
    top: 46px;

}

.top-menu-dropdown li a {
	font-size: 12px;
    color: #515365;
    display: block;
    font-weight: 700;
	line-height:26px;
}

.navbar-light .navbar-nav .nav-link { color:#fff; }

.navbar-light .navbar-nav .nav-link:hover { color:#ddd; }

.property-search-tabs {
	display:flex;
}

.price-float{
	position:absolute	;
}
.price-float .price-pos {
	position:absolute;
	top:-50px;
	left:10px;
	font-size:25px;
	font-weight:600;
	color:#fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}
.online {color:green;}
.away {color:orange;}

.group-photo img{padding:5px;border-radius: 10px }


.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background: #E9DA83; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

.floatSet {
	overflow: hidden;
	zoom: 1;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.photo{
	margin: 5px;
	background-color: #fff;
	overflow: hidden;
}
.photo_edit{
	margin: 3px;
	background-color: #fff;
	overflow: hidden;
}
.photo_big{
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	zoom: 1;
}

.photo-photo{
	background-color: #fff;
	overflow: hidden;
}

.image .photo-photo {
	margin: 0;
}

.photo-photo div {	
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	line-height: 60px;
	text-align: center;
}

.photo-photo div img {
	vertical-align: middle;
}

.photo-preview {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border:1px solid #999;
}
.photo-preview img{
	max-width:none;
}

.photo_big .photo-photo-big {
	margin: 10px;
	padding: 10px;
	width: auto;
	height: auto;
	line-height: normal;
	float: none;
	/*text-align: center;*/
	border: 1px solid #e5e5e5;
	background-color: #fff;
}

.photo_big .photo-photo-big img{
	max-width:100%;
        height:auto;
}
/*
.photo-caption{
	padding: 2px;
	height: 42px;
}*/
.photo-text{
	font-size: 9pt;
	color: #808080;
	
}
.photo-text a{
	font-size: 9pt;
	color: #808080;
}
.photo-text-big{
	font-size: 10pt;
	color: #808080;
}
.photo_big .photo-text-big{
	margin: 5px 0 10px 0;
	text-align: center;
}
.photo_big .photo-caption {
	height: auto;
}

.document{
	width:150px;
	margin: 3px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	display:inline-block;
}
.document_edit{
	width:80px;
	height:132px;
	margin: 3px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	overflow: hidden;
}
.document_big{
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5;
	zoom: 1;
}

.document-photo{
	margin: 8px;
	width: 130px;
	height: 130px;	
	border: 1px solid #e5e5e5;
	background-color: #fff;
	overflow: hidden;
}
.image .document-photo {
	margin: 0;
}

.document-photo div {	
	width: 130px;
	height: 130px;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	line-height: 60px;
	text-align: center;
}

.document-photo div img {
	vertical-align: middle;
}

.document-preview {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border:1px solid #999;
}

.document_big .document-photo-big {
	margin: 10px;
	padding: 10px;
	width: auto;
	height: auto;
	line-height: normal;
	float: none;
	/*text-align: center;*/
	border: 1px solid #e5e5e5;
	background-color: #fff;
}

.document-caption{
	padding: 2px;
	height: 42px;
}
.document-text{
	font-size: 9pt;
	color: #808080;
	text-align: center;
}
.document-text a{
	font-size: 9pt;
	color: #808080;
}
.document-text-big{
	font-size: 10pt;
	color: #808080;
}
.document_big .photo-text-big{
	margin: 5px 0 10px 0;
	text-align: center;
}
.document_big .photo-caption {
	height: auto;
}
.document-button { margin: 3px 10px; width:90%;text-align:center;}
.document-button a { color:#fff; }.document-button a:hover { color: #FF0; }

.deal-group-actions{
				display: grid;
    grid-template-columns: 65% 20% 10% 5%;
	grid-row-gap: 2px;
	grid-column-gap: 2px;	
}
.deal-group-actions .dga-desc {
	font-size:14px;
	padding:3px;
}

.w-friend-pages-added li { padding:11px}

.mini-form .form-group {
	margin:0!important;
	line-height:0;
}

.blue { color:#00b7ff;}
.blue-box{
	padding:6px;
	background-color:#d9f1f3;
	margin-bottom:2px;
}

.mini-field .label-floating input, .mini-field .label-floating select {
	background-color:#fff;	
	font-size:0.8rem;
	/*height:42px; */
}
.mini-field .form-group.label-floating.is-select label.control-label{
	font-size:0.8rem;
	top:5px;	
	height:42px;
}

.mini-field .form-group.label-floating label.control-label{
	font-size:0.8rem;
	top:5px;	
	
}

.mini-field .btn {
	height:15px;
	padding:15px;
	margin:0;
	line-height:2px;	
}


.red{
	color:red;
}
.white {color:white;}

.group-details{
  display: block;
  border-radius: 3px;
  padding: 4px;
  text-transform: uppercase;
  font-weight: bold;
  }
.group-details .group-label{
	font-weight:normal;
	width:120px;
	display:inline-block;
}

.footer nav.navbar.navbar-light.bg-light .nav-link {
    display: block;
    padding: 11px 10px 9px 0px !important;
    color: #fff !important;
    font-size: 16px;
    border-right: 1px solid transparent !important;
    line-height: 16px;
}
.copy ul.navbar-nav.ml-auto {
    margin: 0px !important;
}
.copy .container{ padding: 0px; }
.copy  nav.navbar.navbar-light.navbar-expand-md.bg-light {
    padding: 0px;
}

.footer nav ul  {
	background-color:#1e8bc3;

}

.footer{ border-top: 5px solid #e83d3c; padding: 20px 0px 20px; background-color: #1e8bc3 ;  }

.footer nav.navbar.navbar-light.bg-light {
    background-color: transparent !important;
}

.footer nav.navbar.navbar-light.bg-light .nav-link {
    display: block;
    padding: 0px 10px!important;
    color: #fff !important;
    font-size: 16px;
    border-right: 1px solid #ffffff !important;
    line-height: 1.5;
	margin-top:5px;
	margin-bottom:5px;
}
.footer nav.navbar.navbar-light.bg-light  li:last-child .nav-link{ border-right: 1px solid transparent !important; }
.footer  ul.list-unstyled.social.list-inline {
    padding-top: 10px;
}

.footer  .social li a {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 29px;
}

.footer  ul.list-unstyled.social.list-inline {
    padding-top: 10px;
    display:block;
}


.copy:after{  content: "";  max-width: 1140px; position: absolute; margin: 0 auto; width: 100%; height: 2px; top: 0px; left: 0px; right: 0px; }
.copy ul.navbar-nav.ml-auto {
    margin: 0px !important;
}
.copy .container{ padding: 0px; }
.copy  nav.navbar.navbar-light.navbar-expand-md.bg-light {
    padding: 0px;
}
.copy {
    padding-top: 5px;
    margin-top: 5px;
    padding-left:30px;
    position: relative;
}

.copy p{ color: #fff;
padding-bottom:10px;}


.landing-blue {
    
    background-color: #198CC4;
    background-image: url(/hp/images/benner.jpg);
    position: relative;
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.landing-header{
    
    background:#fff;
}
.center-heading h2 {
    font-size: 30px;
    color: #000;
    margin-bottom: 30px;  font-family: 'Baramond';
}.center-heading h2 span {
   
    color: #1e8bc3;
}.center-heading h2 abbr {
   
    color: rgb(235,0,65);
}

p.thepost span {
    
    margin: 25px 0;
}

.featured-post{
    padding:3px;
}
.featured-post-image {
    padding:1px;
}
.featured-post-title a{
    font-weight:900;
    font-size:15px;
    padding:1px;
}
.article-categories-list {
  margin-bottom: 0; }
  .article-categories-list li {

    position: relative;
    font-size:20px;}
  

.dataimport{ 
    display: grid;
    grid-template-columns: 60px 60px 350px 80px 60px 180px 90px 10px;
	grid-row-gap: 2px;
	grid-column-gap: 5px;	
}

.new-users{ 
    display: grid;
    grid-template-columns: 100px 100px 200px 200px 100px 100px 100px 100px 100px;
	grid-row-gap: 2px;
	grid-column-gap: 5px;	
}
.new-properties{ 
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
	grid-row-gap: 2px;
	grid-column-gap: 5px;	
}
.new-reviews{ 
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
	grid-row-gap: 2px;
	grid-column-gap: 5px;	
}
.email-tracking{ 
    display: grid;
    grid-template-columns: 40px 40px 60px 250px 350px 140px 150px 50px 50px;
	grid-row-gap: 2px;
	grid-column-gap: 5px;	
}

.mktprices1{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 0px;
    justify-items: center;
    grid-row-gap: 0px;
    grid-row-1: bold;
}
.mktprices2{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 0px;
    justify-items: center;
    grid-row-gap: 0px;
    grid-row-1: bold;
}
.mktprices3{
    display: grid;
    grid-template-columns: 150px 150px;
    grid-column-gap: 0px;
    justify-items: center;
    grid-row-gap: 0px;
    grid-row-1: bold;
}

.mkttbl-hd{
    padding:2px;
    font-weight: bold;
    width:100%;
    text-align: center;
    background-color: rgb(54,161,255);
    border-right:1px solid rgba(74,191,255,0.5);
    color:#fff;
}
.mkttbl-cell{
    padding:2px;  
    width:100%;
    text-align: center;
    background:#f2f2f2;
}

.mkttbl-cell:nth-child(even)
{
	background:#f7f7f7;
}

.ticker{
     display:inline-block;
     height:30px;
     margin-right:10px;
}
.tickercontainer{
    margin-top:-15px;
    margin-bottom:5px;
}
.ticker .member-photo{
    float:left;
    padding:0 3px 0 3px;
    height:20px;
    width:20px;
    overflow:hidden;
}
.ticker .member-photo img {
    height:20px;
    width:20px;
    border-radius:25%;
}
.ticker .member-name{
    float:left;
    padding-top:2px;
}
.ticker .feed-action{
    float:left;
    padding-top:2px;
}
.ticker .feed-thumbnail{
    float:left;
    margin-left:5px;
    height:30px;
    width:80px;
    border-radius:5px;
    overflow:hidden;
}
.ticker .feed-thumbnail img{
    height:auto;
    width:auto;
    border-radius:5px;
}

.agent-by{
    font-size:0.99rem;
    font-weight:600;
    padding:3px 0 3px 0;
}
.agent-name{
    margin-top:6px;
}
.agent-name a{
    color: #55A8D2;
    font-weight: 700;
    font-size: 1.1rem;

}
.agent-phone a{
    margin-bottom: 1px;
    color: red;
    font-size:1.51rem;
    font-weight: 700;
}
.agent-det-logo img{
    
    padding: 4px;
    margin:4px 0 4px 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #ccc;
    max-height: 120px;
    max-width: 270px;
}
.agent-address{
    color:#333333;
    font-size:1.01rem;
    padding:5px 0 5px 0;
}
.controls{max-height:70px;}

.mini-field{
    /*height:42px;*/
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-container {position:relative; display: inline;}
.select-container:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}
.select-container:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: .3em;
    right: .75em;
    border-top: 8px solid black;
    opacity: 0.5;
}
select::-ms-expand {
    /*display: none;*/
}

.tinytext{font-size:11px;}
.narrowForm{padding-bottom:30px;}


.product-buttons {
    
    display:block;
}

.product-button{
    display:inline-block;
    width:200px;
    
    margin-right:5px;
    font-size:23px;text-align:center;height:160px;
    padding:1px;
}

.product-button-small{
    width:180px;
    font-size:12px;
    text-align:center;
    height:130px;
    padding:1px;
    margin:0 2px 4px 2px;
}
.product-button-small a{
    color:#fff;
}

ul.accordian {
    list-style: none;
    padding: 0;
  
    .inner {
        padding-left: 1em;
        overflow: hidden;
        display: none;
      
        &.show {
          /*display: block;*/
        }
    }
  
    li {
        margin: .5em 0;
      
        a.toggle {
            width: 100%;
            display: block;
            background: rgba(0,0,0,0.78);
            color: #fefefe;
            padding: .75em;
            border-radius: 0.15em;
            transition: background .3s ease;
          
            &:hover {
                background: rgba(0, 0, 0, 0.9);
            }
        }
    }
}

/*   ben@mode2.ltd CSS Overrides for Property Heads    */ 

/* <link rel="stylesheet" href="https://use.typekit.net/ecq6qwv.css"> */


/* Show it is fixed to the top */
body {
    padding-top: 5.5rem;
    
  }

.navbar {
    background-color: #3f4256;
  }
  .navbar .navbar-brand {
    color: #ecf0f1;
  }
  .navbar .navbar-brand:hover,
  .navbar .navbar-brand:focus {
    color: #ffffff;
  }
  .navbar .navbar-text {
    color: #ecf0f1;
  }
  .navbar .navbar-text a {
    color: #ffffff;
  }
  .navbar .navbar-text a:hover,
  .navbar .navbar-text a:focus {
    color: #ffffff; 
  }
  .navbar .navbar-nav .nav-link {
    color: #ecf0f1;
    border-radius: .25rem;
    margin: 0 0.25em;
  }



/* TOGGLER  */
  .navbar-dark .navbar-toggler
{
    color:#2d7cbc;
    border:1px solid #2d7cbc;
}

/* SEARCH */

.navbar .collapse.show {
    margin-top:15px;
}

.navbar .collapse.show .input-group {
    margin:0 auto;
}


.navbar .input-group {
    max-height:40px; 
    max-width:400px;
    margin-top:10px;   
}

.navbar .input-group .btn {
    margin-top:0;
}


/* FLEX ICONS */


  .navbar .navbar-nav.flex-row .nav-item {
    text-align: center;
    flex: 1 1 auto;
 
  }
  .navbar .navbar-nav.flex-row .nav-item span {
    color:#3FAEE4;
    font-size:18px;
 
  } 

  .navbar .navbar-nav.flex-row.ph-section-links .nav-item span {
    color:rgb(235,0,65);
 
  }



  .navbar .navbar-nav .nav-link:not(.disabled):hover,
  .navbar .navbar-nav .nav-link:not(.disabled):focus {
    color: #36a1ff;
  }
  .navbar .navbar-nav .nav-item.active .nav-link,
  .navbar .navbar-nav .nav-item.active .nav-link:hover,
  .navbar .navbar-nav .nav-item.active .nav-link:focus,
  .navbar .navbar-nav .nav-item.show .nav-link,
  .navbar .navbar-nav .nav-item.show .nav-link:hover,
  .navbar .navbar-nav .nav-item.show .nav-link:focus {
    color: #ffffff;
    background-color: #2d7cbc;
  }
  .navbar .navbar-toggle {
    border-color: #2d7cbc;
  }
  .navbar .navbar-toggle:hover,
  .navbar .navbar-toggle:focus {
    background-color: #2d7cbc;
  }
  .navbar .navbar-toggle .navbar-toggler-icon {
    color: #ecf0f1;
  }
  .navbar .navbar-collapse,
  .navbar .navbar-form {
    border-color: #ecf0f1;
  }
  .navbar .navbar-link {
    color: #ecf0f1;
  }
  .navbar .navbar-link:hover {
    color: #ffffff;
  }
  
  @media (max-width: 575px) {
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #ecf0f1;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #ffffff;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #ffffff;
      background-color: #2d7cbc;
    }
  }
  
  @media (max-width: 767px) {
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #ecf0f1;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #ffffff;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #ffffff;
      background-color: #2d7cbc;
    }
  }
  
  @media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #ecf0f1;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #ffffff;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #ffffff;
      background-color: #2d7cbc;
    }
  }
  
  @media (max-width: 1199px) {
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #ecf0f1;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #ffffff;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #ffffff;
      background-color: #2d7cbc;
    }
  }
  
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ecf0f1;
  }
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffffff;
  }
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffffff;
    background-color: #2d7cbc;
  }

/* Home Styles  */
.max-con-home-slider h1 {
        font-size: 35px;
        font-family: 'myriad-pro';
        font-weight: 600;
    }


.max-con-home-slider {
        border-radius: 8px;
    }

.center-heading h2 {
        font-size: 34px;
        margin-bottom: 30px;
        font-family: 'myriad-pro';
        font-weight: 600;
    }

.title-font-white {
        color: white;
        font-family: 'myriad-pro';
    }



.audience-button {
    border-radius: 46px;
    color: #1B80BB;
    font-size: 21px;
    font-weight: 100;
    padding: 26px 0 26px 104px;
    background: #FFFFFF url('https://propertyheads.com/resource/img/ph-audience-pros.png') top left no-repeat;
    background-size: contain contain;
    border: solid #1B80BB 3px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    font-family: 'myriad-pro';
    margin:10px 0 20px 0;
}

.audience-button:hover {
    color:#1B80BB;
    text-decoration: underline;
    font-family: 'myriad-pro';
}

.audience-button span { color:rgb(235,0,65); }
.audience-button.people-button {background: url('https://propertyheads.com/resource/img/ph-audience-people.png')  top left no-repeat}
.audience-button.agent-button  {background: url('https://propertyheads.com/resource/img/ph-audience-agents.png')  top left no-repeat}
.audience-button.pros-button  {background: url('https://propertyheads.com/resource/img/ph-audience-pros.png')  top left no-repeat}

/* The join button is used on the Audience Landing Pages  */
.audience-button.join-button { font-size:26px; padding: 20px 0 20px 104px; margin-top:34px;}


.fontsize16{font-size:16px;}

  /*  @media (min-width: 991px) */

.about_con {
    padding: 0px 10px;
}



/* Audience Landing Page Styles */ 

.audience-banner {

	min-height:500px;
	background-image:url(https://propertyheads.com/resource/img/ph-banner-for-people.jpg);
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;

}


.audience-banner .banner-title-holder {
	text-align:center;
	display: table;

} 

.audience-banner .container .hero-title {
    height: 500px;
	display: table;  
	display: table-cell;
	vertical-align: middle;
} 


.audience-banner.banner-agents {
	background-image:url(https://propertyheads.com/resource/img/ph-banner-for-agents.jpg);

}

.audience-banner.banner-professionals {
	background-image:url(https://propertyheads.com/resource/img/ph-banner-for-professionals.jpg);

}


.full-width-wrapper 
{
    padding:30px 0;
}



.full-width-wrapper.ph-row-blue {
    
    background:#1B80BB;
    color:white;

}

.full-width-wrapper.ph-row-white {
    
    background:#fff;
    color:#000;

}

.full-width-wrapper.ph-row-red {
    
    background:#e54e3f;
    color:white;

}

.full-width-wrapper .col-lg-3  
{
    padding:20px 0;
    text-align:center;
    
}


.full-width-wrapper ul, .full-width-wrapper ol, .full-width-wrapper p 
{
    list-style-type: square;
    margin:1.4em;
    margin-left:20px;
    text-align: justify;
    font-size: 20px
}

.full-width-wrapper ol {
    list-style-type: numeric;

}

.full-width-wrapper ul  li, 
.full-width-wrapper ol  li 
{
     padding:10px;
} 

.full-width-wrapper h4 
{
    line-height:46px;
    padding-left:12px;
    font-weight:bold;
    color:#1e8bc3;
    border-left: 3px solid #e54e3f
} 
h1.landing-page-title 
{
    color:#1e8bc3; 
    margin:36px 0;
    font-weight:bold;
    font-size:42px;
} 

.hero-title h1.landing-page-title 
{
    color:white /*#1e8bc3*/; 
    margin:36px 0;
    font-weight:bold;
    font-size:72px;
    text-shadow: 1px 1px 2px #444;
} 

h1.landing-page-title span
{
    color:white /*#e54e3f*/
}   

h2.landing-page-tagline 
{
    color:#1e8bc3; 
    margin:36px 0;
    font-weight:bold;
    font-size:36px;
} 



     
            
h2.landing-page-subtitle 
{
   font-size:26px;
   font-weight: bold; 
}

.full-width-wrapper.ph-row-red h2.landing-page-subtitle,  
.full-width-wrapper.ph-row-blue h2.landing-page-subtitle
{
    color:white;
}


/* Search results  

<ul class="pagination justify-content-center">
				            <li class="page-item disabled">
                
                <a class="page-link" href="./" style="background-color: rgb(235,0,65);
    color: #fff;">1</a>
            </li>

*/




/* UI Block titles  */ 

.ui-block-title {
    background: white;
}

.ui-block-title h2.title {
    color:black;
    margin-bottom: .1rem;
}


/*  Property Listing Styles  */

.property-item {
    height:665px;
    background-color: white;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);

}
.property-header-thumb {
    
    background-color: #ccc;
}

/*  Social Listing Styles  */

/*  Professional Listing Styles  */

/*
<!-- Friend Item -->
col-xl-3 >> col-xl-4 





*/

.friend-item {
    background-color:white;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
}

.author-content {min-height:100px;}

/*  Product Listing Styles  */

/*   ben@mode2.ltd CSS Overrides for Property Heads    */ 
/*   V4 responsive tweaks for mobile */ 




@media (max-width: 991px) {

/* Audience Landing Page Styles */ 

    .audience-banner {
        min-height:260px;
    }
    
    .audience-banner .container .hero-title {
        height: 260px;
    } 
    
    .hero-title h1.landing-page-title 
    {
        margin:38px 0;
        font-size:40px;
        line-height:40px;
    } 
    
    }

@media (max-width: 720px) {

/* Audience Landing Page Styles */ 

.audience-banner {
	min-height:170px;
}

.audience-banner .container .hero-title {
    height: 170px;
} 


}


/*   V5 tweaks for Property Search Filter Box */ 




ul.nav.nav-tabs {
    border:0;
}

ul.nav.nav-tabs .nav-item a.nav-link {
    border:0;
    border-top: 3px solid transparent;
    font-size: 1.6em;
    margin-right:0.25em; 
}

ul.nav.nav-tabs .nav-item .nav-link:hover {
    border: 0;
    border-top:3px solid #1e8bc3;
    border-radius:0;
 
}

ul.nav.nav-tabs .nav-item a.nav-link.active {
    border: 0;
    background-color: white;
    border-top:3px solid rgb(235,0,65);
    border-radius:0;
       
}


div.tab-content {
    /*background-color: white;
    padding:1.2em;
     box-shadow: 4px 2px 3px rgba(0,0,0,0.2); */
    margin-top:3px!important;
   
}

.site-features {
    
    background: #1B80BB;
    color: white;
    padding: 30px 0;
}

.breadcrumbs {
	text-align:left;
}
.breadcrumbs a{
    color: #777;
}

.bullet-disc{
    list-style: disc;
    margin-left:30px;
}


.mortgage-icons img{
    width:200px;
    padding:50px;
    
}
.media-icons img{
    width:250px;
    padding:50px;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.min-page-height{
    min-height:500px;
}

#map {
        height: 350px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
	max-width:750px;
	margin:0px auto;
       }
       
.prp-map-popup{
    width:360px;
}
.prp-map-popup img{
    height:150px;
    width:50%;  
    float:left;
}
.prp-map-popup .price{
    color:red;
    font-weight:700;
    float:left;
}.prp-map-popup .link{
    color:#269CD9;
    font-weight:500;
    float:left;
    margin-left:10px;
}

/* COMPLETION TRACK */
#completion-track
{
	padding-bottom:20px;
	width:100%;
	margin-left:0px;
	font-family:'Muli', Arial !important;
	margin-top:8px;
}

#completion-track .title
{
	display:none;
}

#completion-track .ui-block-red .ui-block-content-red
{
	display:flex;
	max-width:800px;
	margin:-10px auto;
	padding:0;
}

#completion-track .ui-block-red, #completion-track  .ui-block-title
{
	background:none !important;
	text-align:center;
	margin:0px auto;
	width:100%;
}

#completion-track  .ui-block-title
{
	font-family:'Muli', Arial !important;
}

#completion-track .ui-block-red .ui-block-title .title
{
	color:#222 !important;
}

#completion-track .col-xs-3
{
	display:inline;
	margin:0px auto;
	width:125px;
	padding-left:0;
	padding-right:0;
}


#completion-track .col-xs-3 img
{
	min-width:64px;
	min-height:64px;
	border:4px solid rgb(40,176,229);
	border-radius:100%;
	margin-bottom:10px;
}

#completion-track .col-xs-3.disabled > img
{
	/* border:4px solid rgb(160,160,160);*/
	border: 4px solid #00D91A;
}

#completion-track .col-xs-3.disabled
{
	/* opacity:0.75; */
}

#completion-track .pctCompleted
{
	color:#000;
	padding-top:5px;
	padding-bottom:30px;
	font-size:18px;
	text-align:center;
	width:100%;
}

#completion-track .firstStep
{
	color:#000;
	padding-top:5px;
	font-size:15px;
	text-align:center;
	width:100%;
}

#completion-track .pctCompleted .pct
{
	font-weight:bold;
	color:rgb(40,176,229);
}

#completion-track .arrow
{
	color:rgb(40,176,229) !important;
	font-size:38px;
	padding:0;
	margin-left:0px;
	
}

.home-sidebar
{
	font-family:'Muli', Arial !important;
	padding-top:40px;
	display:flex;
	flex-direction:column;
}

.home-sidebar .ui-block-red, .home-sidebar .title-red
{
	background:rgba(235,0,65,1) !important;
	border-radius:3px;
}

.home-sidebar .ui-block, .home-sidebar .ui-block-title
{
	background:rgba(58,157,227,1);
	border-radius:3px;
}

.home-sidebar .ui-block-title
{
	border-radius:3px;
	text-align:center;
	color:#fff !important;
}

.home-sidebar .ui-block-title .title
{
	color:#fff !important;
}

#properties_search_quick_0, #professionals_search_quick_0
{
	font-family:'Muli',Arial;
	border:none;
	display:inline-block;
	margin-top:10px;
	height:38px;
	text-align:center;
}

#professionals_search_quick_0
{
	background:#eb0041;
}

#properties_search_quick_0:disabled
{
	background:#0073B1;
	opacity:0.5;
}

#professionals_search_quick_0:disabled
{
	background:#eb0041;
	opacity:0.5;
}

#properties_search_quick .controls div div .mini-field div,
#professionals_search_quick .controls div div .mini-field div
{
	display:flex;
	justify-content:center;
}

.z .navbar ul
{
	background:none !important;
	margin-top:4px !important;
	padding:0 !important;
}

.z .navbar
{
	height:75px;
	font-family:'Muli',Arial;
}

@media (max-width:1024px)
{
	.navbar.fixed-bottom
	{
		padding-top:3px !important;
	}
}

.z .nav-link.px-2 .img-responsive
{
	margin-top:4px !important;
}

footer
{
	background-color:rgb(38,137,207) !important;
}

footer ul
{
	background:none !important;
}
/* END COMPLETION TRACK */

/* PROPERTY ARTICLES */

.article-list{
    display:inline-block;
    padding:5px;
    background-color:#efeded;
    width:100%;
    border-radius: 5px;
    margin-bottom:4px;
}
.article-list a img{ width:350px;min-height:200px;max-height:200px;float:left;margin-right:10px;}
.article-list a h2{float:left;width:350px;padding-top:5px;}

#articles-page-buttons
{
text-align:center;
margin-left:-30px;
}

#articles_buttons_wrapper .ui-block
{
background:none !important;
margin-top:-17px;
}

#articles-page-buttons .pheadsblog {
background:url('/themes/pheads/resources/img/articles/propertyheads_blog.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons .buyandsell {
background:url('/themes/pheads/resources/img/articles/buying_and_selling.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons .renting {
background:url('/themes/pheads/resources/img/articles/renting.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons .improvement {
background:url('/themes/pheads/resources/img/articles/home_improvement.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons .save {
background:url('/themes/pheads/resources/img/articles/save_money.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons .propertyinvestment {
background:url('/themes/pheads/resources/img/articles/property_investment.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons .localproperty {
background:url('/themes/pheads/resources/img/articles/local_property_guides.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons .localtradesmen {
background:url('/themes/pheads/resources/img/articles/local_tradesman_guides.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons .localestate {
background:url('/themes/pheads/resources/img/articles/local_estate_agent_guides.jpg');
background-size:auto 102%;
background-position:center;
}

#articles-page-buttons a p
{
font-family:'Muli',Arial;
}

#articles-page-buttons a h2
{
font-family:'Muli',Arial;
font-size:1.0rem;
color:#fff;
margin:0;
text-align:left;
}


#articles-page-buttons a
{
padding:0;
padding-top:110px;
width:100%;
max-width:236px;
height:166px;
margin-top:10px;
}

#articles-page-buttons a h2
{
	display:flex;
	width:max-content;
	flex-direction:column;
	justify-content:center;
	background:rgba(65,163,221,0.9);
	padding:5px;
	margin-left:-1px;
	height:28px;
	font-weight:800;
	max-width:95%;
}

#articles-page-buttons a p 
{
	display:flex;
	width:max-content;
	font-weight:300;
	flex-direction:column;
	justify-content:center;
	background:rgba(255,255,255,0.9);
	color:#000 !important;
	padding:5px;
	margin-left:-1px;
	margin-top:0;
	height:22px;
	max-width:175px;
}

.product-buttons
{
text-align:center;
padding-bottom:10px;
}

.product-buttons .product-button-small
{
margin-top:-5px;
width:195px;
}

/* END PROPERTY ARTICLES */

.home-form-loggedin .find-property-title .row .col-12 h1
{
color:#fff !important;
padding-top:3px;
}

.home-form-loggedin
{
padding-bottom:15px;
}

/* LANDING PAGE */



/* END LANDING PAGE */



.properties-all-container > *
{
	font-family:'Muli',Arial;
}


.properties-all-container .nav
{
	justify-content:center;
}


.properties-all-container .nav li a
{
	border:none;
	border-top:none;
	border-bottom:none;
	vertical-align:middle;
	color:#fff;
	background:#B00031;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	float:right !important;
	font-size:15px;
}

.properties-all-container .nav li a.active
{
	background:#EA0041 !important;
	float:right !important;
}

.form-extras-wrap
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
}

@media(max-width:1335px)
{
	.form-extras-wrap
	{
		flex-direction:column;
	}
}

.form-extras
{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
	margin-top:0px;
	flex-direction:column;
}

.breadcrumbs-inserter .breadcrumbs ol
{
	justify-content:center;
}

.properties-all-container .col-md-9 .h2:nth-child(1)
{
	display:inline-block;
}

.sort-save-buttons
{
	display:flex;
	font-family:'Muli',Arial;
	align-items:center;
	margin-top:20px;
}

@media ( max-width:700px )
{
	.form-extras
	{
		display:flex;
		width:100%;
	}

	.form-extras h1
	{
		text-align:center;
		width:100%;
	}

	.sort-save-buttons
	{
		display:flex;
		justify-content:center;
		width:100%;
		margin-top:20px;
	}

	.sort-save-buttons .content
	{
		margin-left:-50px;
	}

	.sort-save-buttons .save-button
	{
		position:relative;
	}

	.properties-all-container .row div > .row
	{
	padding-left:15px;
	padding-right:15px;
	}
	.properties-all-container .row .col
	{
		padding-top:2px;
	}

}




.sort-button
{
	display:inline-block;
	width:55px;
	height:40px;
	background:url('../../../../themes/pheads/resources/img/propertysearch/red-dropdown.svg');
	cursor:pointer;
}

.save-button
{
	margin-left:6px;
	display:inline-block;
	width:40px;
	height:40px;
	background:url('../../../../themes/pheads/resources/img/propertysearch/red-square-button.svg');
	cursor:pointer;
}

.sort-label
{
	color:#ea0041;
	margin-top:-20px;
	margin-left:14px;
	position:absolute;
}
.save-label
{
	color:#ea0041;
	margin-top:-20px;
	margin-left:5px;
	position:absolute;
}

.sort-button .selected-image
{
	width:22px;
	height:22px;
	margin-left:9px;
	margin-top:3px;
	background:url('../../../../themes/pheads/resources/img/propertysearch/newest.svg');
	background-size:100% 100%;
	background-repeat:no-repeat;
}

.sort-button .selected-text
{
	color:#fff;
	font-size:12px;
	margin-left:8px;
	margin-top:-1px;
}

.sort-save-buttons .dropdown
{
	width:150px;
	margin-left:-49px;
	position:absolute;
	z-index:2;

}

.sort-button .dropdown
{
	margin-top:-3px;
}

.property-card
{
	z-index:0;
}

.property-card .h3
{
	display: block;
    font-size:30px;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

.property-card .availability .h3
{
	color:#fff;
	font-size:14px;
}

.property-card .card-price .h3
{
	color:#fff;
}

.property-card .h4
{
  display: block;
  font-size:30px;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.sort-button .dropdown .arrow
{
	margin-left:50px;
	width:40px;
	height:10px;
	background-color:#E6003E;
	clip-path: polygon(30% 0, 70% 0, 100% 100%, 0% 100%);
}

.sort-button .dropdown-item
{
	width:150px;
	height:40px;
	cursor:pointer;
}

.sort-save-buttons .newest
{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

.sort-save-buttons .distance
{
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

.sort-button .dropdown-item:nth-child(even)
{
	background-color:#D6003B;
}

.sort-button .dropdown-item:nth-child(odd)
{
	background-color:#E6003E;
}

.sort-button .dropdown-item .dropdown-text
{
	display:inline-block;
	align-items:center;
	padding-left:5px;
	font-weight:800;
	color:#fff;
	font-family:'Muli',Arial;
	font-size:13px;
	width:110px;
	height:100%;
	margin-left:-20px;
}

.sort-button .dropdown-item .dropdown-image
{
	width:40px;
	height:100%;
	display:inline-block;
	align-items:center;
	justify-content:center;
}

.sort-button .dropdown-item .dropdown-image img
{
	width:25px;
	margin-left:7px;

}

.save-button .dropdown
{
	width:150px;
	cursor:default;
}

.save-button .dropdown .arrow
{
	margin-left:50px;
	width:40px;
	height:10px;
	background-color:#D6003B;
	clip-path: polygon(30% 0, 70% 0, 100% 100%, 0% 100%);
}

.save-button .dropdown .content
{
	width:100%;
	height:130px;
	background:#D6003B;
	text-align:center;
	padding-top:3px;
	color:#fff;
	margin-left:-57px;
	border-radius:6px;
}

.sort-by,
.save-search
{
display:none !important;
}

.save-button .clicker
{
width:40px;
height:40px;
}

.content .save-confirm
{
	margin-top:5px;
	width:80px;
	height:25px;
	border-radius:5px;
	border:none;
	background:#2a72fc;
	color:#fff;
}

.content .save-confirm-disabled
{
	margin-top:5px;
	width:80px;
	height:25px;
	border-radius:5px;
	border:none;
	background:#999;
	color:#fff;
}

.content .save-input
{
	width:130px;
	margin:0px auto;
	margin-top:5px;
	height:14px;
	padding:12px;
}

@media ( max-width:1000px )
{
	.properties-form .controls-small
	{
		padding-left:7px;
		padding-right:7px;
	}

	#properties_search_0,
	#properties_let_search_0,
	#properties_dual_search_0
	{
		left:7px;
		min-width:218px;
	}
}



@media ( min-width:1000px )
{
	#properties_search_0,
	#properties_let_search_0,
	#properties_dual_search_0
	{
		left:3px;
	}
	#properties_dual_search_0
	{
		margin-right:15px;
	}
}

.properties-form-container .ui-block
{
	background:#EA0041;
	padding-left:10px;
	padding-right:20px;
	padding-top:0;
	padding-bottom:10px;
	border-radius:4px;
}

.properties-form-container .ui-block-content
{
	padding-bottom:4px;
}

.addedtosite,
.save-search,
.keywords-search
{
	display:none;
}

.properties-form-container input,
.properties-form-container select
{
	border-radius:4px;
	height:30px;
	padding:0 !important;
	padding-left:10px;
}

.properties-form-container select
{
	padding:0 !important;
	height:30px;
}

.properties-form-container .form-group.label-floating.is-select
{
	height:30px;
}

.properties-form-container label
{
	display:none;
}

.properties-form-container img
{
	display:inline;
	float:left;
	width:40px;
	height:40px;
	padding-left:10px;
}

.properties-form-container .property-item img
{
	height:100%;
	width:auto;
	padding-left:0;
}

.properties-form-container .mini-field
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-end;
	min-height:45px;
}

@media(max-width:1000px)
{
	.properties-form-container .mini-field
	{
		justify-content:center;
	}
}

.properties-form-container .mini-form
{
	float:right;
	width:100%;
	padding-left:10px;
}

.properties-form-container .col 
{
	padding-left:0 !important;
	padding-right:0 !important;
}

.properties-form-container .location
{
	width:100%;
	
}

.properties-form-container .location input
{
	border-radius:0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-left:15px !important;
}

.properties-form-container .radius select
{
	border-radius:0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	
	padding-right:20px !important;
	left:0;
}

.properties-form-container .radius .mini-form
{
	padding-left:0 !important;
}

.properties-form .col:nth-child(2)
{
	max-width:none !important;
}


.properties-form-container .min-price
{
	width:160px;
	display:flex;
	flex-direction:row;
	min-height:30px;
	align-items:center;
}


.properties-form-container .min-price img
{
}

.properties-form-container .min-price select
{
	border-radius:0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-left:8px !important;
}

.properties-form-container .addedtosite select,
.properties-form-container .propertytype select
{
	padding-left:3px !important;
}

.properties-form-container .min-price .mini-form
{
	float:right;
	width:85%;
}

.properties-form-container .max-price
{
	width:105px !important;
}

.properties-form-container .max-price select
{
	border-radius:0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	
	padding-right:20px !important;
	padding-left:4px !important;
	left:0;
}

.properties-form-container .max-price .mini-form
{
	padding-left:0 !important;
}

.properties-form .col:nth-child(5)
{
	width:0px;
}

.properties-form .col:nth-child(2),
.properties-form .col:nth-child(4),
.properties-form .col:nth-child(6),
.properties-form .col:nth-child(8)
{
	width:0px !important;
}


.properties-form .col
{
display:inline;
flex:none !important;
-ms-flex:100% !important;
max-width:none !important;
width:auto !important;
}

.properties-form-container .min-beds
{
	width:160px !important;
	display:flex;
	flex-direction:row;
	min-height:30px;
	align-items:center;
}

.properties-form-container .min-beds select
{
	border-radius:0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding-left:4px !important;
}

.properties-form-container .min-beds .mini-form
{
	float:right;
	width:85%;
}

.properties-form-container .max-beds
{
	width:105px !important;
}

.properties-form-container .max-beds select
{
	border-radius:0;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	
	padding-right:20px !important;
	padding-left:4px !important;
	left:0;
}

.properties-form-container .max-beds .mini-form
{
	padding-left:0 !important;
}

.properties-form-container #properties_search_keywords,
.properties-form-container #properties_let_search_keywords,
.properties-form-container #properties_dual_search_keywords
{
	padding-left:15px !important;
	width:215px;
}

.properties-form-container #sort
{
	width:120px !important;
}

.properties-form-container #properties_search_save,
.properties-form-container #properties_let_search_save
{
	padding-left:15px !important;
}

.properties-form-container #properties_search_0,
.properties-form-container #properties_let_search_0,
.properties-form-container #properties_dual_search_0
{
	height:30px;
	width:auto;
	padding-left:7px !important;
	padding-right:7px !important;
	background-color:#2A72FC;
	float:right;
	border:none !important;
}


.properties-form-container #properties_search_0:disabled,
.properties-form-container #properties_let_search_0:disabled,
.properties-form-container #properties_dual_search_0:disabled
{
	background-color:#999;
	pointer-events:none;
}

.business-form .controls-small #search_professionals_0:disabled
{
	pointer-events:none;
}



.properties-form-container .controls-small div div
{
}

.properties-form-container .controls-small
{
	height:34px;
	margin-top:-5px;
	padding-bottom:37px;
}

.property-form-checkbox,
.property-form-label
{
	display:inline-block !important;
	color:#fff;
}

.property-form-checkbox
{
	width:30px;
}

.property-form-label
{
	padding-top:5px;
}

.exclude-sold-let
{
	display:none;
	align-items:flex-end;
	justify-content:center;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}

.exclude-sold-let .mini-form
{
	width:auto !important;
	margin-top:5px;
}

.displayFlex
{
	display:flex !important;
}

.addedtosite
{
	width:265px !important;
}

.propertytype
{
	width:240px !important;
}

@media (max-width:1000px)
{
	.propertytype
	{
		width:265px !important;
	}
}


.sort-by, .save-search, .addedtosite, .propertytype, .keywords-search 
{
	display:none;
}

.properties-form .row
{
	justify-content:center;
}

.properties-form .see-more
{
cursor:pointer;
width:150px;
height:18px;
margin-top:-22px;
text-align:left;
color:#fff;
}

.properties-form .price-combiner,
.properties-form .beds-combiner,
.properties-form .location-combiner
{
	margin:0px auto;
	max-width:260px;
	display:flex;
}

.properties-form .location-combiner
{
	max-width:265px;
}

.properties-form-container #saved-page
{
}

.properties-form-container
{
	max-width:850px;
	margin:0px auto;
	transform: max-width 1s ease-in;
}

@media (min-width:930px)
{
	.properties-form-container
	{
		width:850px !important;
	}
}



@media (max-width:1000px)
{
	.properties-form .see-more
	{	
		text-align:center;
		width:100%;
	}

	.properties-all-container
	{
		margin-top:20px;
	}

	.properties-all-container .see-more
	{
		margin-top:5px;
		height:30px;
		padding-top:8px;
	}

	.properties-form-container #properties_search_0,
	.properties-form-container #properties_let_search_0,
	.properties-form-container #properties_dual_search_0
	{
		width:100%;
	}
	
	.properties-form-container .see-more
	{
	}

	.properties-nav-link
	{
		padding-left:11px !important;
		padding-right:11px !important;
	}
}

.properties-form-container .formError:nth-child(3)
{
	display:none !important;
}

.keywords-search .mini-form
{
	display:inline;
	width:auto;
	margin-top:4px;
}

@media (min-width:1000px)
{
	.properties-form-container #properties_search_keywords,
	.properties-form-container #properties_let_search_keywords,
	.properties-form-container #properties_dual_search_keywords
	{
		width:100% !important;
	}

	.keywords-search
	{
		width: 777px !important;
	}

	.keywords-search .mini-form
	{
		width:735px;
	}

}


.properties-form-container .swiper-wrapper .swiper-slide:nth-child(1),
.properties-form-container .swiper-wrapper .swiper-slide:nth-child(3),
.properties-form-container .swiper-wrapper .swiper-slide:nth-child(4),
.properties-form-container .swiper-pagination
{
display:none !important;
}

.properties-form-container .swiper-wrapper
{
	transform:none !important;
}


/* PROPERTY LISTING STUFF BEGINS HERE */

.unstyled-link
{
	color:#000;
	text-decoration:none;
}

#jssor_1 > *
{
	background-color:none !important;
	border:none !important;
}

.jssort101
{
	background-color:none !important;
	z-index:999;
}

.jssort101 .p:hover .cv
{
	background-color:none !important;
	border:none !important;
}

.mainContainerWrapper
{
	display:flex;
	flex-direction:column;
	align-items:center;
	overflow-x:hidden;
}

.mainContainer
{
	font-family:'Muli',Arial;
	margin:0px auto;
	padding-bottom:50px;
	max-width:1000px;
}


div.backButton
{
	display:block;
	padding-bottom:5px;
	max-width:1300px;
	margin:20px auto;
	margin-bottom:10px;
}

.backButton a:hover
{
	color:#555;
}

.topPanes
{
	display:flex;
	max-height:550px;
}

.topPanes .paneLeft
{
	display:inline-block;
	flex-grow:1;
	padding-right:10px;
	max-width:650px;
	max-height:550px;
}

.topPanes .paneLeft .photoContainer
{
	display:inline-block;
	width:100%;
	height:510px;
	background:#25A3E3;
	border-radius:9px;
	padding:4px;
}

.paneLeft .availability
{
	width:100%;
	background-color:#EA0041;
	text-align:center;
	vertical-align:middle;
	height:30px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

.paneLeft .availability h3
{
	margin:0;padding:0;
	padding-top:3px;
	text-shadow: 0px 0px 0px #ff0000;
	color:#fff;
	font-size:14px
}


.topPanes .paneLeft .photoContainer .photoPrice
{
	position:absolute;
	margin-top:-130px;
	padding-left:10px;
	font-size:24pt;
	color:#fff;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.77);
}

.topPanes .paneLeft .photoContainer .mainPhoto
{
	display:flex;
	justify-content:center;
}

.topPanes .paneLeft .photoContainer .mainPhoto img
{
	width:620px;
	margin:0px auto;
	padding-top:5px;
}

.topPanes .paneLeft .underPhotos
{
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
	display:flex;

}

.topPanes .paneLeft .photoButtons
{
	margin:10px auto;
	display:flex;
	justify-content:space-between;
	text-align:center;
	width:100%;
	height:auto;
}

.topPanes .paneLeft .photoButtonsLeft
{
}

.topPanes .paneLeft .photoButtonsRight
{
}


.topPanes .paneLeft .photoButton
{
	padding:9px;
	color:#fff;
	background-color:#FF0C58;
	border-radius:9px;
	cursor:pointer;
	box-sizing:unset;
	font-size:16px !important;
	display:inline-block;
}

.topPanes .paneLeft .photoButtonsSpacer
{
	width:7px;
	display:inline-block;
}

.topPanes .paneLeft .photoButton img
{
	height:25px;
	width:25px;
	margin-top:-4px;
	padding-right:4px;
}

.topPanes .paneLeft .photoButton:hover
{
	color:#fff;
}

.topPanes .paneRight
{
	display:flex;
	flex-direction:column;
	max-height:1200px;
}

.agentDescription
{
	background:#FF0C58;
	border-radius:9px;
	width:320px;
	padding:3px;
	padding-bottom:10px;
}

.agentDescription .descTop
{
	background:#fff;
	border-radius:9px;
}

.agentDescription .descTopTitle
{
	margin:0;padding:0;
	padding:3px;
	width:100%;
	text-align:center;
	font-size:20pt;
	min-height:40px;
}

.agentDescription .descTopTitle a:hover
{
color:#25A3E3;
}

.descTopButtons
{
	display:inline-block;
	display:flex;
	justify-content:space-between;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
}

.contactAgent,
.callAgent
{
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}

.contactAgent img,
.callAgent img
{
	height:22px;
	width:22px;
	margin-right:5px;
}

.descTopButtons a
{
	flex-grow:1;
	padding:8px;
	font-size:13px;
	background:#25A3E3;
	border-radius:10px;
	text-decoration:none;
	color:#fff;
}

.descTopSpacer
{
	width:5px;
}


.descContent .photoTagline
{
	display:flex;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	justify-content:center;
	align-items:center;
}

.descContent .agentPhoto
{
	border:3px solid #fff;
	background:#fff;
}

.agentPhoto img
{
	max-height:80px;
}

.agentTagline
{
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-weight:800;
}

.descContent .agentLocation
{
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	color:#fff;
	text-align:left;
}

.topPanes .paneRight .listingMap
{
	flex-grow:1;
	border-radius:9px;
	margin-top:10px;
	width:320px;
	min-height:250px;
	height:auto;
	border:3px solid #25A3E3;
	overflow:hidden;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.contentWrapper .listingMap .ol-unselectable
{
	display:block !important;
}

.contentWrapper .listingMap .ol-viewport
{
	overflow:visible !important;
	border-radius:9px;
}

.profileListingMap
{
	width:100%;
	height:280px;
	border-radius:7px;
	margin-left:-1.5px;
	overflow:hidden;
}

.listingMap div canvas
{
	border-radius:7px;
}

.listingMap .ol-overlaycontainer-stopevent,
.listingMap .ol-overlaycontainer
{
}

/* ----End Top Panes---- */

.contentWrapper
{
	display:flex;
}


.infoContainer
{
	display:inline-block;
	max-width:640px;
	padding-right:10px
}

.listingAds
{
	margin-left:10px;
	display:inline-block;
	max-width:350px;
}

.listingAds .listingAdvert
{
	/*background:#f1f1f1;*/
	border-radius:9px;
	margin-top:10px;
	width:326px;
	min-height:200px;
}

.listingAdvertText
{
}

.infoContainer .listingDescContainer
{
	display:block;
	max-width:650px;
	margin-top:20px;
}

.infoContainer .listingDescContainer h2,
.infoContainer .listingDescContainer h3,
.infoContainer .listingDescContainer p
{
	padding:0;
	margin:0;
}

.infoContainer .listingDescContainer p
{
	padding-bottom:20px;
}

.infoContainer .listingDesc
{
	height:600px;
	overflow:hidden;
}

.infoContainer .listingFloorArea
{
	padding-bottom:4px;
}

.infoContainer .readMore
{
	display:none;
	text-align:center;
	border-top: 1px solid #25a3e3;
	color:#25a3e3;
	line-height:22px;
	cursor:pointer;
}

.infoContainer .readLess
{
	display:none;
	text-align:center;
	border-top: 1px solid #25a3e3;
	color:#25a3e3;
	line-height:22px;
	cursor:pointer;
}



.infoContainer .runningCosts
{
	display:flex;
	background:#25a3e3;
	border-radius:9px;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	justify-content:flex-start;
}

.runningCostsMainTitle
{
	line-height:50px;
	margin:0;
	margin-top:30px;
}

.infoContainer .runningCosts .runningCostsTitles,
.infoContainer .runningCosts .runningCostsNumbers
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	line-height:9px;
	padding-right:5px;
	flex-grow:0;
	padding-top:13px;
}

.infoContainer .runningCosts .runningCostsTitles
{
	padding-right:30px;
	padding-left:10px;
}

.infoContainer .runningCosts .runningCostsNumbers
{
	padding-left:30px;
	padding-right:30px;
	flex-grow:0;
	border-left:2px solid #0087FF;
	border-right:2px solid #0087FF;
}

.runningCosts .runningCostsButtons
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-right:5px;
	align-items:flex-end;
	flex-grow:1;
}


.infoContainer .runningCosts .runningCostsButtons a
{
	float:right;
	display:flex;
	align-items:center;
	padding:5px;
	background:#008AD4;
	text-decoration:none;
	color:#fff;
	text-align:center;
	border-radius:5px;
}

.infoContainer .runningCosts .runningCostsButtons img
{
	height:18px;
	width:18px;
	margin-right:5px;
}

.joinPropertyHeads
{
	padding-top:20px;
	display:flex;
	align-items:center;
}

.joinPropertyHeads h3
{
	min-width:80%;
	display:inline-block;
	flex-grow:1;
	padding-right:10px;
	font-size:21px;
}

.joinPropertyHeads a
{
	display:inline-block;
	padding:6px;
	min-width:90px;
	background:#FF0C58;
	border-radius:8px;
	color:#fff;
	text-decoration:none;
	float:right;
}

.joinPropertyHeads img
{
	height:18px;
	padding-right:4px;
}

.ownerReviews
{
	padding-top:30px;
}

.ownerReviews a
{
	color:#25a3e3;
	font-weight:800;
}

.ownerReview
{
	border-top:2px solid #25A3E3;
	border-bottom:2px solid #25A3E3;
	padding-top:15px;
	padding-bottom:15px;
}

.listingPosted
{
	padding-top:20px;
	padding-bottom:20px;
	color:#555;
}

.listingDisclaimer
{
	padding-top:20px;
	color:#555;
	font-size:12px;
}

#jssor_1
{
	/* width:100% !important; */
	min-height:500px;
	border-radius:9px;
	border:none !important;
}

.modal-dialog-listing
{
}

.commentIDlisting
{
	height:200px;
	width:100%;
}

.listingTitle
{
	font-size:23px;
}

.listingLocation
{
	padding-bottom:10px !important;
}




@media ( min-width:1000px )
{
	#jssor_1
	{
		/*
		width:100% !important;
		height:100% !important;
		*/
	}

}

@media (max-width:490px)
{
	.infoContainer .runningCosts .runningCostsTitles,
	.infoContainer .runningCosts .runningCostsNumbers
	{
		padding-left:3px !important;
		padding-right:3px !important;
	}

	.topPanes .paneLeft .photoContainer .photoPrice
	{
		margin-top:-120px !important;
	}

	.joinPropertyHeads h3
	{
		min-width:initial;
	}

}

@media (max-width:620px)
{

	.photoButtons
	{
		/* display:block !important; */
	}

	.photoButtonsRight
	{
		margin-top:15px;
	}

	.photoButton
	{
		margin-left:4px !important;
	}

	.joinPropertyHeads h3
	{
		width:auto !important;
	}

}

@media (max-width:620px)
{

	.photoButtons
	{
	}

	.photoButtonsRight
	{
		margin-top:15px;
	}

	.photoButton
	{
		margin-left:4px !important;
	}

}

@media (max-width:1000px)
{
	.topPanes .paneRight .listingMap,
	.contentWrapper .listingMap
	{
		min-height:250px;
		margin-top:15px;
	}

	.topPanes .paneLeft
	{
		padding-right:0px !important;
	}

	.mainContainer
	{
		max-width:650px;
	}

	.topPanes
	{
		display:block;
	}

	.paneLeft
	{
		width:100%;
	}


	.photoContainer
	{
		height:auto !important;
	}

	.contentWrapper
	{
		display:inline-block;
	}

	.agentDescription
	{
		width:100% !important;
	}

	.listingAds
	{
		display:block;
		margin-left: 0px !important;
		padding-top:30px !important;
		max-width:100% !important;
	}

	.listingAdvert
	{
		max-width:300px !important;
	}

	.listingMap
	{
		margin-top:10px;
		width:85% !important;
		min-height:150px;
	}

	.photoButtons
	{
		margin-top:26px !important;
		padding-bottom:16px !important;
	}

	.photoButton
	{
		padding:9px !important;
	}

	.mainContainer
	{
		padding-left:5px;
		padding-right:5px;
	}



}

.compareOutput
{
	font-weight:800;
	font-size:18px;
	margin-top:10px;
}

.compareOutput a
{
	color:#25A3E3;
}

.compareOutput a:hover
{
	color:#2194cf;
}

.floorPlanContainer
{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	z-index:99999999999999999999999999999999999;
	top:0;
	flex-direction:row;
	align-items:center;
}

.tenantInfo
{
	display:inline-block;
	padding-bottom:5px;
	cursor:pointer;
}

.tenantInfo img
{
	height:15px;
}

.tenantInfoContainer
{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	z-index:99999999999999999999999999999999999;
	top:0;
	flex-direction:row;
	justify-content:center;
	overflow:auto;
	align-items:flex-start;
}

.tenantInfoBox
{
	margin-top:20px;
	background:#fff;
	min-width:400px;
	min-height:200px;
	max-width:800px;
	border-radius:8px;
	overflow:auto;
	padding:20px;
	z-index:1000;
}

.floorPlan
{
padding:3%;
}

.floorPlan .closeFloorPlan
{
	color:#fff;
	cursor:pointer;
	font-size:20px;
}

.viewFloorPlan
{
	cursor:pointer;
	color:#36A1FF;
}

.floorPlan .floorPlanLink
{
	color:#fff;
	font-weight:800;
	font-size:20px;
}

.floorPlan .floorPlanLinks
{
	display:flex;
	justify-content:space-between;
	flex-direction:row;
}

/* END PROPERTY LISTING STUFF */

/* Fix footer overlap and back to top */

.list-unstyled.social.list-inline 
{
	padding:0;
	padding-top:40px !important;
}

@media (max-width:798px)
{
	.back-to-top
	{
		bottom:78px !important;
	}
}

/* End fix footer overlap and back to top*/

/* Arrowchat mobile fix */

@media (max-width:800px)
{
	#arrowchat_base
	{
		margin-bottom:75px;
		margin-left:-80px;
	}
	#arrowchat_hide_bar_button,
	#arrowchat_show_bar_button
	{
		transform:rotate(180deg);
		margin-bottom:75px;
	}
}

@media (max-width:580px)
{
	#arrowchat_base
	{
		margin-left:-333px;
	}
	#arrowchat_userstab_popup
	{
		margin-bottom:75px;
	}

	#arrowchat_hide_bar_button,
	#arrowchat_show_bar_button
	{
		transform:rotate(180deg);
		margin-bottom:75px;
	}

	#arrowchat_show_bar_button
	{
		left:0;
		border-radius:3px;
	}
}

/* End arrowchat mobile fix */

/* max z-index for share property */
#modal-share-property
{
	z-index:999999999999999999999999999999999999999;
}

/* Property card stuff */

.property-card
{
	font-family:'Muli',Arial;
	max-width:460px;
	margin:0px auto;
	height:615px;
	background-color:#36a1ff;
	border-radius:7px;
	/*
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	*/
	display:flex;
	flex-flow:column;
	margin-top:10px !important;
	padding-top:5px;
	max-width:400px;
	min-width:300px;
	flex-grow:1;
	margin-left:10px;
	margin-right:10px;
}

.properties-all-container-max
{
	width:100%;
	max-width:100%;
}

.property-results
{
	display:none;
	flex-direction:column;
	min-width:100%;
}

.property-card-mini
{
	font-family:'Muli',Arial;
	min-width:260px;
	margin:0px auto;
	background-color:#00aaff;
	border-radius:7px;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
	display:flex;
	flex-flow:column;
	margin-top:30px !important;
	padding-top:3px;
	padding-bottom:4px;
}

.property-card-mini .secondary-images
{
	height:auto;
}

.property-card-mini .secondary-image
{
	height:70px !important;
}

.property-card-mini .main-image
{
	max-height:225px;
	width:100%;
	background-size:100% 100% !important;
}

.property-card-mini .title h3
{
	font-size:16px !important;
}

.title-wrapper
{
	width:100%;
	height:75px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-top:7px;

}

.title-wrapper .title,
.title-wrapper .location
{
	line-height:unset !important;
	width:100%;
	text-align:center;
}

.properties-all-container
{
	margin :0px auto;
	overflow:hidden;
	flex-direction:column;
}

@media(max-width:500px)
{
	.properties-all-container
	{
		padding-left:0;
		padding-right:0;
	}
}

.title-wrapper .title
{
	font-size:19pt;
	margin-top:-7px;
}

.title-wrapper .title h3
{
	font-weight:800;
	padding-top:3px;
	font-size:21px;
}

@media (max-width:1300px)
{
	.title-wrapper .title h3
	{
		font-size:15pt;
	}

}

.title-wrapper .location
{
	font-size:12pt;
}

.title-wrapper h3
{
	padding: none !important;
	margin-bottom:0 !important;
}

.top-wrapper
{
	background-color:#fff;
	border-radius:7px;
	width:97%;
	max-width:97%;
	margin:0px auto;
}

.images-wrapper
{
	width:100%;
}

.main-image
{
	margin:0px auto;
	width:100% !important;
	height:295px;
	background-color:#333;
	display:flex;
	align-items:initial;
	justify-content:space-between;
	flex-direction:column;
}

.main-image-unavailable
{
	background-position:center !important;
	background-size:cover !important;
}

@media (max-height:700px)
{
	.main-image
	{
		height:225px;
	}
	.property-card
	{
		height:540px;
	}
	.main-image-unavailable
	{
		/* height:196px !important; */
	}
}

@media (max-width:400px)
{
	.secondary-images
	{
		height:75px !important;
	}

	.secondary-images .secondary-image
	{
		height:75px !important;
	}

	.secondary-images .secondary-image-auto
	{
		height:75px !important;
	}

	.card-buttons
	{
		margin-top:2px !important;
	}
}

.main-image-content
{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.card-price,
.availability
{
	padding:5px;
	font-size:40pt;
	text-shadow: 0px 0px 5px #000000;
	float:left;
}

.card-price h3,
.availability h3
{
	font-size:14px;
	color:#fff;
}

.availability
{
	width:100%;
	background-color:#EA0041;
	text-align:center;
	vertical-align:middle;
	height:30px;
}

.availability h3
{
	margin:0;padding:0;
	text-shadow: 0px 0px 0px #ff0000;
	color:#fff;
	font-size:14px
}



.card-price
{
	padding:5px;
	font-size:40pt;
	text-shadow: 0px 0px 5px #000000;
	float:left;
}

.card-price h3
{
	color:#fff !important;
	margin:0 !important;
}

.card-contact
{
	justify-self:flex-end;
	display:flex;
	justify-content:flex-end;
	align-items:flex-end;
	padding-right:7px;
}

.card-contact img
{
	width:30px;
	height:auto;
	float:right;
	padding-bottom:10px;
}

.secondary-images
{
	display:flex;
	margin:0px auto;
	width:100%;
	height:100px;
}

.secondary-images .secondary-image
{
	width:33.33333%;
	height:100px;
	background:url('https://propertyheads.com/themes/pheads/resources/img/cards/waiting.svg');
	background-size: 100% 100% !important;
	background-position:center;
	border-top:2px solid #2079CF;
}

.secondary-images .secondary-image:hover
{
	box-shadow: 0px 0px 5px 0px rgba(105,185,255,1);
	cursor:pointer;
}

.secondary-images .secondary-image-auto
{
	width:33.33333%;
	height:100px;
	background:url('https://propertyheads.com/themes/pheads/resources/img/cards/waiting.svg');
	background-size: 102% auto !important;
	background-position:center;
	border-top:2px solid #2079CF;
}

.main-image
{
	cursor:pointer;
}

.secondary-images a:nth-child(2)
{
	border-right:2px solid #2079CF;
	border-left:2px solid #2079CF;
}

.bottom-wrapper
{
	display:flex;
	color:#fff;
	flex-grow:1;
}

.bottom-wrapper a
{
	color:#fff;
}

.property-card .card-info p
{
	margin-bottom:4px;
	color:#fff;
}

.card-info
{
	float:left;
	padding-left:25px;
	display:flex;
	flex-direction:column;
	flex-grow:1;
	justify-content:center;
	padding-top:0px;
}

.card-info .view-excerpt img
{
	height:85%;
}

.card-info .view-excerpt
{
	height:25px;
	display:flex;
	align-items:center;
	cursor:pointer;
}

.card-info .view-excerpt span
{
	font-size:13px;	
}

.property-card .excerpt-content-wrap
{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	display:none;
	cursor:default;
	color:#fff;
	overflow-y:auto;
	align-items:center;
	justify-content:flex-start;
	flex-direction:column;
	text-align:center;
	padding:7px;
}

.property-card .excerpt-content-close
{
	width:100%;
	padding:5px;
	text-align:right;
	color:#fff;
	font-size:18px;
	pointer-events:all !important;
}

.property-card .excerpt-content p
{
	text-align:center;
	font-size:12px;
}

.property-card .excerpt-content
{
	flex-grow:1;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.property-card .excerpt-see-more
{
	padding:3px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background:#FF0C58;
	height:30px;
	border-radius:9px;
	color:#fff;
	margin-top:4px;
	width:100px;
}

.property-card .excerpt-see-more span
{
	padding-left:4px;
}

.property-card .excerpt-see-more img
{
	height:80%;
}


.card-info .view-excerpt span
{
	padding-left:4px;
}

.card-buttons
{
	float:right;
	padding-right:10px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.card-button-prompt
{
	display:none;
	flex-direction:column;
	position:absolute;
	width:200px;
	padding:10px;
	min-height:100px;
	background:#fff;
	border-radius:8px;
	margin-left:-80px;
	z-index:9;
	opacity:0;
	transition:opacity 0.3s;
}

.card-button-prompt a
{
	color:#36a1ff;
}

.card-button-prompt .card-button-text
{
	color:#666;
	text-align:center;
}

.card-button-prompt .card-button-close
{
	text-align:right;
	color:#888;
	cursor:pointer;
}

.card-button-prompt:after
{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ffffff transparent transparent transparent;
	content:'';
	transform: translateX(-50%);
	position: absolute;
	bottom:-10px;
	left: 70%;
}

.card-button
{
	display:flex;
	height:30px;
	align-items:center;
}

#saved-page .card-button a
{
	display:flex;
	align-items:center;
}

.card-button img
{
	width:25px;
}

.card-button span
{
	padding-left:5px;
	padding-right:5px;
	color:#fff !important;
	font-weight:800 !important;
	vertical-align:middle;
}

.compared
{
	color:#fff !important;
	text-shadow: 0 0 4px #555;
	text-align:left;
}

.compared div
{
	margin-top:-23px;
	margin-left:3px;
	height:0;
}

.compared a
{
	color:#fff !important;
	font-weight:800 !important;
	text-decoration:underline;
	text-shadow: 0 0 4px #555;
}

#l-save
{
	display:none;
}

.save-search,
.sort-by
{
	width:300px !important;
	height:64px !important;
	margin:0px auto;
}

/* end property card stuff */


/* Business form start */

.business-form
{
	width:500px;
	/* height:265px; */
	background:#36A1FF;
	width:auto;
	margin-top:20px;
	
}

.business-form-header
{
	margin:0px auto;
	display:flex;
	justify-content:center;
	flex-direction:row;
	overflow:hidden;
	white-space:nowrap;
	padding-top:15px;
	max-height:70px;
}

.business-form-header img
{
	max-width:45px;
}

.business-form-header h1
{
	color:#fff;
	font-family:'Muli',Arial;
	padding-left:5px;
	padding-top:5px;
}

.business-form-text h2
{
	text-align:center;
	font-size:17px;
	color:#fff;
	padding-left:3px;
	padding-right:3px;
}

.business-form-top-wrapper
{
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:center;
}

.business-form-top-wrapper .mini-form
{
	display:inline-block;
	padding-left:5px;
	border-radius:5px;
}

.business-form-top-wrapper .is-focused
{
	background:#fff;
	border-radius:5px;
}

.business-form-top-wrapper .mini-form label 
{
	display:none;
}

.business-form-top-wrapper .mini-form select
{
	padding:7px;
	width:225px;
	height:35px !important;
}

.business-form .controls-small
{
	padding-top:10px;
	display:flex;
}

.business-form #search_professionals_0
{
	background:rgb(235,0,65);
	border-radius:9px;
	max-width:150px;
	margin:10px auto;
	border:none !important;
}



.business-form-bottom-wrapper
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.business-form-bottom-wrapper .mini-form
{
	display:inline-block;
	padding-left:5px;
	border-radius:5px;
}

.business-form-bottom-wrapper .is-focused
{
	background:#fff;
	border-radius:5px;
}

.business-form-bottom-wrapper .mini-form label 
{
	display:none;
}

.business-form-bottom-wrapper .mini-form input
{
	padding:8px;
	width:225px;
	height:35px;
	margin-bottom:8px;
}

.business-form-top-wrapper .mini-form input
{
	padding:8px;
	width:225px;
	height:35px;
}

.business-form .controls-small
{
	padding-top:10px;
	display:flex;
}

.business-form #search_business_0
{
	background:#36A1FF;
	border-radius:9px;
	max-width:150px;
	margin:10px auto;
	border:none !important;
}




/* Business form end */

/* Trades form start */

.trades-form
{
	/*width:180px;*/
	/* height:265px; */
	background:#36A1FF;
	margin-top:10px;
        padding:5px;
	
}

.trades-form-header
{
	margin:0px auto;
	display:flex;
	justify-content:center;
	flex-direction:row;
	overflow:hidden;
	white-space:nowrap;
	padding-top:15px;
	max-height:70px;
}

.trades-form-header img
{
	max-width:45px;
}

.trades-form-header h1
{
	color:#fff;
	font-family:'Muli',Arial;
	padding-left:5px;
	padding-top:5px;
}

.trades-form-text h2
{
	text-align:center;
	font-size:17px;
	color:#fff;
	padding-left:3px;
	padding-right:3px;
}

.trades-form-top-wrapper
{
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:center;
}

.trades-form-top-wrapper .mini-form
{
	display:inline-block;
	padding-left:5px;
	border-radius:5px;
}

.trades-form-top-wrapper .is-focused
{
	background:#fff;
	border-radius:5px;
}

.trades-form-top-wrapper .mini-form label 
{
	display:none;
}

.trades-form-top-wrapper .mini-form select
{
	padding:7px;
	width:225px;
	height:35px !important;
}

.trades-form .controls-small
{
	padding-top:10px;
	display:flex;
}

.trades-form #search_professionals_0
{
	background:rgb(235,0,65);
	border-radius:9px;
	max-width:150px;
	margin:10px auto;
	border:none !important;
}



.trades-form-bottom-wrapper
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

.trades-form-bottom-wrapper .mini-form
{
	display:inline-block;
	padding-left:5px;
	border-radius:5px;
}

.trades-form-bottom-wrapper .is-focused
{
	background:#fff;
	border-radius:5px;
}

.trades-form-bottom-wrapper .mini-form label 
{
	display:none;
}

.trades-form-bottom-wrapper .mini-form input
{
	padding:8px;
	width:225px;
	height:35px;
	margin-bottom:8px;
}

.trades-form-top-wrapper .mini-form input
{
	padding:8px;
	/*width:225px;*/
	height:35px;
}

.trades-form .controls-small
{
	padding-top:10px;
	display:flex;
}

.trades-form #search_business_0
{
	background:#36A1FF;
	border-radius:9px;
	max-width:150px;
	margin:10px auto;
	border:none !important;
}
/* Trades form end */

/* Business page start */
.businessContainerWrapper,
.peopleContainerWrapper
{
	/* width:925px; */
	margin:0px auto;
	font-family:'Muli',Arial;
	padding-bottom:30px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:wrap;
}

.businessContainerLeft,
.peopleContainerLeft
{
	/* margin-left:-150px; */
	max-width:925px;
}

.business-page-ad
{
	margin:0px auto;
}

.business-page-ad ins
{
	margin-left:25px;
}
@media (max-width:1450px)
{
	/*
	.businessContainerLeft,
	.peopleContainerLeft
	{
		margin-left:auto;
		margin:0px auto;
	}

	.businessContainerWrapper,
	.peopleContainerWrapper
	{
		width:auto;
		flex-direction:column;
	}

	*/

	.business-page-ad
	{
		margin-top:15px !important;
	}
}

.flexRow
{
	display:flex;
	flex-direction:row;
}

.businessContainer
{
	margin:0px auto;
	display:flex;
}

.businessContainer .leftPane,
.businessContainer .rightPane
{
	display:inline-block;
}

.businessContainer .leftPane
{
	padding-right:25px;
}

.businessSearchForm
{
	/* background:#EB0041; */
	height:250px
}

.businessSearchConnectionsContainer
{
	margin-top:35px;
	width:500px;
	background:#36A1FF;
	padding:7px;
}

.businessSearchConnections
{
	width:100%;
	height:450px;
	background:#ECF8FF;
}

.connectionsHeader
{
	display:flex;
	flex-direction:column;
	text-align:center;
	align-items:center;
	justify-content:center;
	padding-top:20px;
}

.connectionsHeader img
{
	width:65px;
}

.connectionsHeader h2
{
	padding:0;
	margin:0;
	font-size:18px;
	color:#0088FF;
	padding-top:4px;
	font-weight:800;
}

.connectionsList
{
	width:100%;
	padding-top:15px;
}

.connectionsList .connection
{
	height:90px;
	padding-left:25px;
	padding-right:25px;
	display:flex;
	align-items:center;
}

.connectionsList .connection .connectionPic
{
	display:inline-block;
	width:70px;
	height:70px;
	min-width:70px;
	border:2px solid #36A1FF;
}

.connectionsList .connection .connectionPic img,
.connectionsList .connection .connectionPic a
{
	width:100%;
	height:100%;
}

.connection .nameAndType
{
	display:inline-block;
	padding-left:13px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-grow:1;
}

.connection .nameAndType .name
{
	display:block;
	color:#4d4d4d;
	font-size:17px;
}

.connection .nameAndType .type
{
	display:block;
	color:#a6a6a6;
	font-size:17px;
	padding-right:5px;
}

.connection .messageConnection img
{
	height:50px;
}

.businessContainer .expandConnections
{
	padding-top:30px;
	display:flex;
	width:100%;
	justify-content:center;
	align-items:flex-end;
	color:#36A1FF;
}

.businessSearchConnections .expandConnections p
{
	margin:0;
	height:18px;
}

.businessSearchConnections .expandConnections
{
	padding-top:35px;
}

.businessContainer .collapseConnections
{
	padding-top:20px;
	display:none;
	width:100%;
	justify-content:center;
	align-items:flex-end;
	color:#36A1FF;
	padding-bottom:15px;
}

.businessSearchConnections .collapseConnections p
{
	margin:0;
	height:18px;
}

.connectionSuggestionsContainer
{
	width:400px;
	background:#36A1FF;
	padding:7px;
}

.connectionSuggestions
{
	width:100%;
	height:725px;
	background:#ECF8FF;
}

.connectionSuggestionsHeader
{
	padding:15px;
	padding-top:5px;
	padding-bottom:5px;
}

.connectionSuggestionsHeader p
{
	margin:0;
	padding-top:5px;
	font-size:19px;
	text-align:center;
	width:100%;
	color:#36a1ff;
}

.connection .addConnection img
{
	height:40px;
}

.businessContainer .connectionsListCurrent
{
	height:270px;
	overflow:hidden;
}

.businessContainer .connectionsListSuggestions
{
	padding-top:0px;
	height:625px;
	overflow:hidden;
}

.businessContainer .expandSuggestions,
.businessContainer .collapseSuggestions
{
	margin-top:-30px;
}

.connectionSuggestions .collapseSuggestions
{
	padding-bottom:0;
}

.businessContentContainer
{
	margin-top:20px;
	background:#D2D8D9;
	padding:7px;
}

.businessContent
{
	width:100%;
	background-color:#fff;
}

.businessContent p
{
	margin:0;
	font-size:20px;
	padding:20px;
	text-align:center;
}

.businessButtons
{
	margin:0px auto;
	margin-top:10px;
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-around;
	flex-wrap:wrap;
}




.businessButtons .businessButton
{
	display:flex;
	flex-grow:1;
	flex-direction:column;
	margin-left:8px;
	margin-right:8px;
	transition:transform 0.2s;
	max-width:280px;
	text-align:center;
	padding:10px;
	/* box-shadow:0 0 7px #eaeaea; */
	align-items:center;
	justify-content:center;
}

.businessButtons .businessButton span
{
	font-size:14px;
}

.businessButtons .businessButton:hover
{
	transform:scale(1.03,1.03);
}

.businessButtons .businessButton img
{
	height:70px;
}

.businessButtons .businessButton p
{
	margin:0;
	padding-top:6px;
	text-align:center;
	color:#36A1FF;
	font-weight:800;
	font-size:19px;
}

.businessButtons .businessButton span
{
	color:#666;
	margin-top:5px;
}

@media(max-width:700px)
{
	.businessButtons .businessButton
	{
		width:100%;
		max-width:100%;
	}
}

@media (max-width:1000px)
{
	.business-page-section .page-row
	{
		margin-top:0;
	}
	.businessButtons
	{
		width:100%;
	}
	.businessButtons .businessButton
	{
		margin-top:10px;
		margin-bottom:10px;
		min-height:195px;
	}

	.businessContainer
	{
		flex-direction:column;
		align-items:center;
	}

	.connectionSuggestionsContainer
	{
		width:500px;
		margin-top:10px;
	}

	.businessContainer .leftPane
	{
		padding-right:0;
	}

	.businessButton
	{
		max-width:145px;
	}
}

@media (max-width:514px)
{
	.leftPane,
	.rightPane
	{
		width:100%;
	}
	.businessSearchConnectionsContainer,
	.connectionSuggestionsContainer
	{
		width:auto;
	}

	.business-form
	{
		width:100%;
	}
	.search-top-wrapper
	{
		width:100% !important;
	}

	.business-form-top-wrapper .mini-form input,
	.business-form-top-wrapper .mini-form select,
	.business-form-bottom-wrapper .mini-form input,
	.business-form-bottom-wrapper .mini-form select
	{
		width:140px;
	}
}

@media ( max-width:350px )
{
	.connectionsList .connection
	{
		padding-left:4px;
		padding-right:4px;
	}
}

.businessButtonIM
{
	cursor:pointer;
}

.peopleAlsoInterested
{
	border:3px solid #36A1FF;
	margin:25px auto;
	border-radius:9px;
	background-color:#fff;
	text-align:center;
	padding:15px;
	margin-bottom:20px;
	width:310px;
}

.peopleAlsoInterested h2
{
	font-size:18px;
}


/* Business page end */


/* People form start */

.people-form
{
	width:500px;
	height:250px;
	background:#EB0041;
	margin:0px auto;
}

.people-form-header
{
	margin:0px auto;
	display:flex;
	justify-content:center;
	flex-direction:row;
	overflow:hidden;
	white-space:nowrap;
	padding-top:15px;
	max-height:70px;
}

.people-form-header img
{
	max-width:45px;
}

.people-form-header h1
{
	color:#fff;
	font-family:'Muli',Arial;
	padding-left:5px;
	padding-top:5px;
}

.people-form-text h2
{
	text-align:center;
	font-size:18px;
	color:#fff;
}

.people-form-name-wrapper
{
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:center;
}

.people-form-name-wrapper .mini-form
{
	display:inline-block;
	padding-left:5px;
	border-radius:5px;
}

.people-form-name-wrapper .is-focused
{
	background:#fff;
	border-radius:5px;
}

.people-form-name-wrapper .mini-form label 
{
	display:none;
}

.people-form-name-wrapper .mini-form input
{
	width:225px;
	padding:8px;
}

.people-form-email-wrapper
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:center;
}

.people-form-email-wrapper .mini-form
{
	display:inline-block;
	padding-left:5px;
	border-radius:5px;
}

.people-form-email-wrapper .is-focused
{
	background:#fff;
	border-radius:5px;
}

.people-form-email-wrapper .mini-form label 
{
	display:none;
}

.people-form-email-wrapper .mini-form input
{
	padding:8px;
	width:455px;
}

.people-form .controls-small
{
	padding-top:10px;
	display:flex;
}

.people-form #search_people_0
{
	background:#36A1FF;
	border-radius:9px;
	max-width:150px;
	margin:10px auto;
	border:none !important;
}




/* People form end */

/* People page start */
.peopleContainerWrapper
{
	max-width:925px;
	margin:0px auto;
	font-family:'Muli',Arial;
	padding-bottom:30px;
	display:flex;
}

.peopleContainer
{
	margin:0px auto;
	display:flex;
}

.peopleContainer .leftPane,
.peopleContainer .rightPane
{
	display:inline-block;
}

.peopleContainer .leftPane
{
	padding-right:25px;
}

.peopleSearchForm
{
	background:#EB0041;
	height:250px;
	display:flex;
}

.peopleSearchConnectionsContainer
{
	margin-top:25px;
	width:500px;
	min-height:465px;
	background:#36A1FF;
	padding:7px;
}

.peopleSearchConnections
{
	width:100%;
	height:450px;
	background:#ECF8FF;
}

.connectionsHeader
{
	display:flex;
	flex-direction:column;
	text-align:center;
	align-items:center;
	justify-content:center;
	padding-top:20px;
}

.connectionsHeader img
{
	width:65px;
}

.connectionsHeader h2
{
	padding:0;
	margin:0;
	font-size:18px;
	color:#0088FF;
	padding-top:4px;
	font-weight:800;
}

.connectionsList
{
	width:100%;
	padding-top:15px;
}

.connectionsList .connection
{
	height:90px;
	padding-left:25px;
	padding-right:25px;
	display:flex;
	align-items:center;
}

.connectionsList .connection .connectionPic
{
	display:inline-block;
	width:70px;
	height:70px;
	min-width:70px;
	border:2px solid #36A1FF;
}

.connectionsList .connection .connectionPic img,
.connectionsList .connection .connectionPic a
{
	width:100%;
	object-fit:contain;
	height:100%;
}

.connection .nameAndType
{
	display:inline-block;
	padding-left:13px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-grow:1;
}

.connection .nameAndType .name
{
	display:block;
	color:#4d4d4d;
	font-size:17px;
}

.connection .nameAndType .type
{
	display:block;
	color:#a6a6a6;
	font-size:17px;
	padding-right:5px;
}

.connection .messageConnection img
{
	height:50px;
}

.peopleContainer .expandConnections
{
	padding-top:30px;
	display:flex;
	width:100%;
	justify-content:center;
	align-items:flex-end;
	color:#36A1FF;
}

.peopleSearchConnections .expandConnections p
{
	margin:0;
	height:18px;
}

.peopleSearchConnections .expandConnections
{
	padding-top:35px;
}

.peopleContainer .collapseConnections
{
	padding-top:20px;
	display:none;
	width:100%;
	justify-content:center;
	align-items:flex-end;
	color:#36A1FF;
	padding-bottom:15px;
}

.peopleSearchConnections .collapseConnections p
{
	margin:0;
	height:18px;
}

.connectionSuggestionsContainer
{
	width:400px;
	background:#36A1FF;
	padding:7px;
}

.connectionSuggestions
{
	width:100%;
	height:725px;
	background:#ECF8FF;
}

.connectionSuggestionsHeader
{
	padding:15px;
	padding-top:5px;
	padding-bottom:5px;
}

.connectionSuggestionsHeader p
{
	margin:0;
	padding-top:5px;
	font-size:19px;
	text-align:center;
	width:100%;
	color:#36a1ff;
}

.connection .addConnection img
{
	height:40px;
}

.peopleContainer .connectionsListCurrent
{
	height:270px;
	overflow:hidden;
}

.peopleContainer .connectionsListSuggestions
{
	padding-top:0px;
	height:625px;
	overflow:hidden;
}

.peopleContainer .expandSuggestions,
.peopleContainer .collapseSuggestions
{
	margin-top:-30px;
}

.connectionSuggestions .collapseSuggestions
{
	padding-bottom:0;
}

.peopleContentContainer
{
	margin-top:20px;
	background:#D2D8D9;
	padding:7px;
}

.peopleContent
{
	width:100%;
	background-color:#fff;
}

.peopleContent p
{
	margin:0;
	font-size:20px;
	padding:20px;
	text-align:center;
}

.peopleButtons
{
	margin:0px auto;
	margin-top:20px;
	width:80%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-around;
}

.peopleButtons .peopleButton
{
	height:150px;
	display:flex;
	flex-direction:column;
}

.peopleButtons .peopleButton img
{
	height:90px;
}

.peopleButtons .peopleButton p
{
	margin:0;
	padding-top:6px;
	text-align:center;
	color:#36A1FF;
	font-weight:800;
	font-size:19px;
}

@media (max-width:1000px)
{
	.peopleContainer
	{
		flex-direction:column;
		align-items:center;
	}

	.connectionSuggestionsContainer
	{
		width:500px;
		margin-top:10px;
	}

	.peopleContainer .leftPane
	{
		padding-right:0;
	}

	.peopleButton
	{
		max-width:145px;
	}
}

@media (max-width:514px)
{
	.leftPane,
	.rightPane
	{
		width:100% !important;
	}
	.peopleSearchConnectionsContainer,
	.connectionSuggestionsContainer
	{
		width:auto !important;
	}

	.people-form
	{
		width:100% !important;
	}

	.people-form-name-wrapper .mini-form input
	{
		width:130px !important;
	}

	.people-form-email-wrapper .mini-form input
	{
		width:267px !important;
	}

	.peopleContainer .leftPane
	{
		padding-right:0px !important;
	}
}

@media ( max-width:360px )
{
	.connectionsList .connection
	{
		padding-left:4px !important;
		padding-right:4px !important;
	}
	.peopleButtons .peopleButton img
	{
		height:75px !important;
	}
}

.peopleButtonIM
{
	cursor:pointer;
}

/* People page end */

/* People cards */


.peopleSearch
{
}

.peopleCards
{
	margin:0px auto;
	padding-top:30px;
	max-width:1040px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	padding-bottom:30px;
	overflow:hidden;
}

.peopleCardWrapper
{
	padding:7px;
}

.peopleCard
{
	display:inline-block;
	font-family:'Muli',Arial;
	width:310px;
	height:245px;
	background:#36a1ff;
	border-radius:9px;
	padding:7px;
}

.peopleCard-ops
{
	display:inline-block;
	font-family:'Muli',Arial;
	height:615px;
	background:red;
	border-radius:7px;
	padding:7px;
        max-width: 400px
}

.businessCard
{
	height:350px;
}
.businessCard-ops
{
	height:615px;
}


.peopleCardTitle
{
	
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
	background:#fff;
	display:flex;
	height:180px;
	padding:9px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:4px;
	padding-top:3px;
}
.peopleCardTitle-op
{
	
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
	background:#fff;
	display:flex;
	height:75px !important;
	padding:9px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:4px;
	padding-top:3px;
}
.peopleCardDesc-op
{
	
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
	background:#fff;
	display:flex;
	height:464px !important;
	padding:9px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:4px;
	padding-top:3px;
        margin-top: 10px;
}
.peopleCardDesc-op p
{
    font-size:18px;
    color:grey;
}

.peopleCardContacts
{
	
	background:#fff;
	display:flex;
	height:50px;
	padding:1px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:4px;
	padding-top:3px;
        border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}

.businessCardTitle
{
	height:180px;
}

.peopleCardName
{
	font-weight:800;
}

.businessCardName
{
	padding-left:0px !important;
	padding-right:0px !important;
	padding-bottom:4px;
	border-bottom:2px solid #36a1ff;
	font-weight:800;
	font-size:13px;
	text-decoration:none;
	color:#444;
}

.peopleCardImage
{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	min-width:110px;
}

.peopleCardImage-op
{
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	min-width:110px;
}

.businessCardImage
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-bottom:2px;
	align-items:center;
	min-width:110px;
}

.businessCardImage-op
{
/*	display:flex;
	flex-direction:column;
	justify-content:space-between;*/
	padding-bottom:2px;
	align-items:center;
	min-width:355px;
}

.businessCardImage-op img
{
    height:100px
    
}
.businessCardProfileImage-op
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-bottom:2px;
	align-items:center;
	min-width:250px;
}
.businessCardProfileImage-op h2
{
    color:white;
}
.businessCardProfileImage-op img
{
  margin-top:10px;
    display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-bottom:2px;
	align-items:center;
	min-width:250px;
        max-width:400px;
       
        
        
}
.businessCardName
{
	padding-left:0px;
	padding-right:0px;
}

.peopleCardImage img
{
	border-radius:7px;
	object-fit:contain;
	border:3px solid #36a1ff;
	width:116px;
	min-height:110px;
	max-height:110px;
}

.peopleCardImage-op img
{	
	object-fit:contain;
        height:46%;	
	min-height:110px;
        border-radius: 16px;
}

.peopleCardImage span
{
}

.peopleCardInfoWrap
{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:space-between;
	justify-content:space-between;
}

.peopleCardInfo
{
	padding-left:20px;
}

.peopleCard .onlineStatus
{
	padding-left:5px;
	color:#1BDD2D;
	font-weight:800;
	height:20px;
}

.peopleCard .peopleCardName
{
	padding-left:5px;
	padding-right:5px;
	font-size:13px;
	padding-bottom:4px;
	border-bottom:2px solid #36a1ff;
}

.peopleCard .peopleCardName a
{
}

.peopleCard .peopleCardLocation
{
	padding-left:5px;
	font-size:12px;
	height:0px;
}

.peopleCard .businessCardLocation
{
	padding-left:0px;
	font-size:12px;
	height:auto;
}

.peopleCard .peopleCardFollowWrap
{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:flex-end;
}

.peopleCard .peopleCardFollow
{
	cursor:pointer;
	box-sizing:content-box;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	color:#fff;
	font-size:16px;
	min-width:110px;
	background:#36A1FF;
	border:5px solid #fff;
	border-radius:13px;
	height:30px;
}

.peopleCardPhone
{
	width:140px;
}

.peopleCardPhone a span
{
	font-size:12px !important;
	padding-left:1px !important;
}

.peopleCardMessage
{
	width:140px;
}

.peopleCardMessage-op
{
	width:386px;
}

.businessCardFollowWrap 
{
	max-width:140px;
	justify-content:center !important;
}

.businessCardFollowWrap img
{	
	width:18px;
	margin-top:-5px;
}

.businessCardInfo
{
	margin-top:5px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}

.business-search-map,
.people-search-map
{
	height:310px !important;
	max-width:310px !important;
	margin:0px auto;
	padding-bottom:10px;
}

.peopleCard .peopleCardFollow img
{
	width:16px;
}

.peopleCard .peopleCardFollow span
{
	padding-left:6px;
}

.peopleCard .peopleCardfollowing
{
	background:#21e700;
}

.peopleCardButtons
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding-top:8px;
}

.peopleCardButtons .peopleCardButton
{
	cursor:pointer;
	height:43px;
	border:3px solid #fff;
	border-radius:9px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding-left:10px;
	padding-right:10px;
}

.peopleCardButtons .peopleCardButton a
{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}

.peopleCardButtons .peopleCardButton img
{
	height:70%;
}

.peopleCardButtons .peopleCardButton span
{
	padding-left:5px;
	font-size:16px;
	color:#fff;
	width:100%;
	text-align:center;
}

/*----------*/

.peopleCardButtons-op
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding-top:8px;
}

.peopleCardButtons-op .peopleCardButton-op
{
	cursor:pointer;
	height:43px;
	border:3px solid #fff;
	border-radius:9px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding-left:10px;
	padding-right:10px;
        width:100%;
}

.peopleCardButtons-op .peopleCardButton-op a
{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}

.peopleCardButtons-op .peopleCardButton-op img
{
	height:70%;
}

.peopleCardButtons-op .peopleCardButton-op span
{
	padding-left:5px;
	font-size:16px;
	color:#fff;
	width:100%;
	text-align:center;
}


.peopleCardAvailability
{
	color:#1BDD2D;
	height:0;
}

@media (max-width:1000px)
{
	.peopleCards
	{
	}
}

/* End people search */


/* Saved searches stuff, in form */

.properties-form-container .saved-searches,
.properties-form-container .saved-searches a
{
	color:#fff;
}

.properties-form-container #saved-page > h3
{
	text-align:center;
	color:#444 !important;
}

.saved-search
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
}

.saved-search a
{
	color:#fff;
}

.saved-search-box
{
	background:rgb(234, 0, 65);
	padding:20px;
	width:100%;
	max-width:800px;
	border-radius:9px;
	margin:10px auto;
}

#saved-page .property-card
{
	box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 9px 0px;
}

.saved-search-links img
{
	width:20px
}

.saved-search-name
{
	display:flex;
	align-items:center;
	padding-left:10px;
	font-size:14px;
}

.saved-search:nth-child(odd)
{
	background:#D7003C;
}

/* End saved searches stuff, in form */

/* Checkbox exclude sold let */

.exclude-sold-let label
{
	display:initial;
	color:#fff;
}

.exclude-sold-let .checkbox
{
	margin-bottom:0;
}

/* Properties page */

.properties-content
{
	width:850px;
	color:#fff;
	margin:0px auto;
	font-family:'Muli',Arial;
	/*
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	*/
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.properties-index-buttons
{
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	flex-wrap:wrap;
	margin-bottom:10px;
}

.properties-index-button
{
	display:flex;
	flex-grow:1;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	background:#0088FF;
	height:30px;
	text-decoration:none;
	color:#fff;
	cursor:pointer;
}

.properties-index-button:hover
{
	transition:all 0.15s;
	border-radius:9px;
	transform:scale(1.1);
}

.properties-index-button:nth-child(even)
{
	background:#D40041;
}

.properties-index-button img
{
	height:20px
}

.properties-index-button span
{
	padding-left:10px;
}

.properties-row
{
	display:flex;
	width:405px;
	margin-left:10px;
	margin-top:10px;
	flex-direction:row;

	color:#0070D4;
	background:#ECF8FF;
	border:5px solid #0088FF;
}

.properties-row:nth-child(even)
{
	/* flex-direction:row-reverse; */
}

.properties-row-title
{
	margin:0px auto;
	width:100%;
	display:flex;
	padding-top:10px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.properties-row-title h3
{
	font-size:30px;
	margin:0;
	color:#0070D4;
	
}

.properties-row-title .underlineGradientBlue,
.properties-row-title .underlineGradientRed
{
	background: rgb(0,136,255);
	background: linear-gradient(90deg, rgba(0,136,255,1) 0%, rgba(0,201,255,1) 100%); 
	height:5px;
	width:160px;
	margin-top:5px;
}

.properties-row-content
{
	display:flex;
	flex-direction:column;
	padding:10px;
	align-content:center;
	justify-content:space-between;
	flex-grow:1;
}

.properties-leftPane
{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	width:100%;
}

.properties-row-content .expand
{	
	text-align:center;
	/* border-top: 1px solid #25a3e3; */
	color:#0070d4;
	line-height:22px;
	cursor:pointer;
	text-align:center;
	width:100%;
}

.properties-row.selectedBg
{
	border:5px solid #0064FF
}

.you-may-also-properties
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:0px auto;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:20px;
	margin-top:20px;
}

.you-may-also-properties .ui-block
{
	max-width:300px;
	margin-top:0px;
	margin-bottom:0;
	border:none !important;
	background:none !important;
}

.you-may-also-properties .ui-block .ui-block-title
{
	background:none !important;
	color:#666 !important;
}


.you-may-also-properties .ui-block a
{
	color:#777 !important;
}

.width100
{
	width:100%;
}

.justifyStart
{
	justify-content:flex-start !important;
}


.properties-row-content .properties-row-li.main-item
{
	display:flex !important;
	justify-content:center;
}

.properties-row-content .properties-row-li
{
	display:flex;
	flex-direction:row;
	align-items:center;
	flex-grow:1;
}

.properties-content-title
{
	padding-top:20px;
	padding-bottom:15px;
	color:#0070d4;
	text-align:center;
	font-size:22px;
}

.properties-row-content .properties-row-li img
{
	width:25px;
	height:25px;
}

.properties-row-content .properties-row-li p
{
	margin:0;
	padding:10px;
	white-space:break-spaces;
}
.properties-rightPane
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-right:30px;
}

.properties-rightPane .properties-row-image
{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:150px;
}

.properties-row-image img
{
	width:200px;
	padding:30px;
}

/* People form start */

.people-form
{
	width:500px;
	height:250px;
	background:#EB0041;
	margin:0px auto;
}

.people-form-header
{
	margin:0px auto;
	display:flex;
	justify-content:center;
	flex-direction:row;
	overflow:hidden;
	white-space:nowrap;
	padding-top:15px;
	max-height:70px;
}

.people-form-header img
{
	max-width:45px;
}

.people-form-header h1
{
	color:#fff;
	font-family:'Muli',Arial;
	padding-left:5px;
	padding-top:5px;
}

.people-form-text h2
{
	text-align:center;
	font-size:18px;
	color:#fff;
}

.people-form-name-wrapper
{
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:center;
}

.people-form-name-wrapper .mini-form
{
	display:inline-block;
	padding-left:5px;
	border-radius:5px;
}

.people-form-name-wrapper .is-focused
{
	background:#fff;
	border-radius:5px;
}

.people-form-name-wrapper .mini-form label 
{
	display:none;
}

.people-form-name-wrapper .mini-form input
{
	width:225px;
	padding:8px;
}

.people-form-email-wrapper
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	display:flex;
	justify-content:center;
}

.people-form-email-wrapper .mini-form
{
	display:inline-block;
	padding-left:5px;
	border-radius:5px;
}

.people-form-email-wrapper .is-focused
{
	background:#fff;
	border-radius:5px;
}

.people-form-email-wrapper .mini-form label 
{
	display:none;
}

.people-form-email-wrapper .mini-form input
{
	padding:8px;
	width:455px;
}

.people-form .controls-small
{
	padding-top:10px;
	display:flex;
}

.people-form #search_people_0
{
	background:#eb0242;
	border-radius:9px;
	max-width:150px;
	margin:10px auto;
	border:none !important;
}




/* People form end */

/* People page start */
.peopleContainerWrapper
{
	max-width:925px;
	margin:0px auto;
	font-family:'Muli',Arial;
	padding-bottom:30px;
}

.peopleContainer
{
	margin:0px auto;
	display:flex;
}

.peopleContainer .leftPane,
.peopleContainer .rightPane
{
	display:inline-block;
}

.peopleContainer .leftPane
{
	padding-right:25px;
}

.peopleSearchForm
{
	background:#EB0041;
	height:250px
}

.peopleSearchConnectionsContainer
{
	margin-top:25px;
	width:500px;
	background:#36A1FF;
	padding:7px;
}

.peopleSearchConnections
{
	width:100%;
	height:450px;
	background:#ECF8FF;
}

.connectionsHeader
{
	display:flex;
	flex-direction:column;
	text-align:center;
	align-items:center;
	justify-content:center;
	padding-top:20px;
}

.connectionsHeader img
{
	width:65px;
}

.connectionsHeader h2
{
	padding:0;
	margin:0;
	font-size:18px;
	color:#0088FF;
	padding-top:4px;
	font-weight:800;
}

.connectionsList
{
	width:100%;
	padding-top:15px;
}

.connectionsList .connection
{
	height:90px;
	padding-left:25px;
	padding-right:25px;
	display:flex;
	align-items:center;
}

.connectionsList .connection .connectionPic
{
	display:inline-block;
	width:70px;
	height:70px;
	border:2px solid #36A1FF;
}

.connectionsList .connection .connectionPic
{
	background:#fff;
}

.connection .nameAndType
{
	display:inline-block;
	padding-left:13px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-grow:1;
}

.connection .nameAndType .name
{
	display:block;
	color:#4d4d4d;
	font-size:17px;
}

.connection .nameAndType .type
{
	display:block;
	color:#a6a6a6;
	font-size:17px;
}

.connection .messageConnection img
{
	height:50px;
}

.peopleContainer .expandConnections
{
	padding-top:30px;
	display:flex;
	width:100%;
	justify-content:center;
	align-items:flex-end;
	color:#36A1FF;
}

.peopleSearchConnections .expandConnections p
{
	margin:0;
	height:18px;
}

.peopleSearchConnections .expandConnections
{
	padding-top:35px;
}

.peopleContainer .collapseConnections
{
	padding-top:20px;
	display:none;
	width:100%;
	justify-content:center;
	align-items:flex-end;
	color:#36A1FF;
	padding-bottom:15px;
}

.peopleSearchConnections .collapseConnections p
{
	margin:0;
	height:18px;
}

.connectionSuggestionsContainer
{
	width:400px;
	background:#36A1FF;
	padding:7px;
}

.connectionSuggestions
{
	width:100%;
	height:725px;
	background:#ECF8FF;
}

.connectionSuggestionsHeader
{
	padding:15px;
	padding-top:5px;
	padding-bottom:5px;
}

.connectionSuggestionsHeader p
{
	margin:0;
	padding-top:5px;
	font-size:19px;
	text-align:center;
	width:100%;
	color:#36a1ff;
}

.connection .addConnection img
{
	height:40px;
}

.peopleContainer .connectionsListCurrent
{
	height:270px;
	overflow:hidden;
}

.peopleContainer .connectionsListSuggestions
{
	padding-top:0px;
	height:625px;
	overflow:hidden;
}

.peopleContainer .expandSuggestions,
.peopleContainer .collapseSuggestions
{
	margin-top:-35px;
}

.connectionSuggestions .collapseSuggestions
{
	padding-bottom:0;
}

.propertiesInfoContentContainer
{
	margin-top:40px;
	background:#999;
	padding:7px;
}

.propertiesInfoContent
{
	width:100%;
	background:#fff;
	color:#36a1ff;
}

.propertiesInfoContent p
{
	margin:0;
	font-size:20px;
	padding:20px;
	text-align:center;
}

.propertiesInfoButtons
{
	margin:0px auto;
	margin-top:20px;
	width:95%;
	display:flex;
	flex-direction:row;
	align-items:center;
	flex-wrap:wrap;
	justify-content:space-around;
	background:#fff;
	border-radius:80px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
}

.propertiesInfoButtons .propertiesInfoButton
{
	height:150px;
	display:flex;
	flex-direction:column;
}

.propertiesInfoButtons .propertiesInfoButton img
{
	height:90px;
}

.propertiesInfoButtons a
{
	text-decoration:none;
}

.propertiesInfoButtons .propertiesInfoButton p
{
	margin:0;
	padding:7px;
	padding-top:6px;
	text-align:center;
	color:#36A1FF;
	font-weight:400;
	font-size:19px;
	text-decoration:none;
}

@media ( max-width:600px )
{
	.properties-row
	{
		margin-left:0;
	}
}


@media (max-width:1000px)
{
	.properties-content
	{
		width:auto;
	}
	.properties-row
	{
		flex-direction:column-reverse !important;
		padding-bottom:20px;
	}

	.properties-rightPane
	{
		padding-right:0 !important;
	}

	.properties-row-title h3
	{
		text-align:center !important;
		margin-left:0 !important;
	}

	.properties-row-title .underlineGradientBlue,
	.properties-row-title .underlineGradientRed
	{
		display:none !important;
	}

	.propertiesInfoButtons .propertiesInfoButton
	{
		min-width:150px;
	}
}

@media (max-width:600px)
{
	/*
	.properties-index-button
	{
		background:#0088FF;
	}
	.properties-index-button:nth-child(even)
	{
		background:#0088FF;
	}
	*/
	.properties-index-buttons
	{
		display:block;
		margin-bottom:1px;
	}
	.properties-index-button
	{
		border-top:1px solid #0099ff;
		border-bottom:1px solid #0099ff;
	}
}


@media (min-width:1000px)
{
	#properties-agents
	{
		width:825px;
	}

}

@media (min-width:825px)
{
	.propertiesInfoContentContainer
	{
		width:820px;
	}
}


/* End properties page */

/* Compare Properties */

#compare-main > *
{
	color:#fff;
	font-family:'Muli',Arial;
}

#compare-main
{
	display:flex;
	overflow-x:auto;
	padding-bottom:5px;
	justify-content:center;
}

#compare-main span,
#compare-main li
{
	font-size:16px !important;
}

@media (min-width:1400px)
{
	#compare-main
	{
		justify-content:center;
	}
}

@media (max-width:1400px)
{
	#compare-main
	{
		justify-content:flex-start;
	}
}

.lower-wrapper
{
	display:flex;
}

@media (max-width:650px)
{
	.lower-wrapper
	{
		flex-direction:column;
	}
}

.compareAdvert
{
	width:300px;
	height:300px;
}

.hidden-properties-title
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:30px;
}

.hidden-properties
{
/*	visibility:hidden;*/
	background:#4ab0fc;
	width:175px;
	height:255px;
	border-radius:10px;
	overflow:hidden;
}

.hidden-properties-default
{
	padding:5px;
	text-align:center;
	padding-top:12px;
	font-size:12.5px !important;
}

.hidden-properties-item
{
	background:#63c9fc;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding-left:5px;
	padding-right:5px;
	height:45px;
}

.hidden-properties-item:nth-child(odd)
{
	background:#4ab0fc;
}

.hidden-properties-item img
{
	max-width:20px;
}

.hidden-properties-item .hidden-item-text
{
	padding-left:5px;
	display:inline;
	overflow-wrap:break-word;
	font-size:12px;
	text-align:center;
}


.compareGraphsWrapper
{
	width:100%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding-bottom:10px;
}

.compareGraphsWrapperContent
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	border:6px solid #63c9fc;
	border-radius:9px;
	background:#fff;
	margin-top:5px;
}

@media (max-width:1000px)
{
	.compareGraphsWrapperContent
	{
		flex-direction:column;
	}
}

.listingMapCompare
{
	padding-top:0;
	padding-bottom:0;
	min-height:300px;
	width:350px;
}

.listingMapCompare .ol-viewport
{
	border-right:6px solid #63c9fc;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	box-sizing:content-box;
	max-height:350px;
}


.compareChart .apexcharts-canvas
{
	margin-left:5px;
}

@media (max-width:650px)
{	
	.listingMapCompare .ol-viewport
	{
		border-right:0px solid #63c9fc;
		border-bottom:6px solid #63c9fc;
	}
	.compareChart
	{
		height:315px;
		display:flex;
		align-items:center;
		justify-content:center;
	}

	.compareChart .apexcharts-canvas
	{
		margin-left:0px;
	}
	
}

.compareChart
{
	max-width:700px !important;
	min-width:330px;
	min-height:300px !important;
	display:flex;
	align-items:center;
	justify-content:center;
}


.hidden-properties-title
{
	
}

.compare-labels
{
	margin-top:10px;
	width:180px;
	display:inline-block;
	margin-top:5px;
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
	overflow:hidden;
}

.compare-labels-col
{
	margin-left:20px;
}

.compare-labels .compare-label
{
	background:#4ab0fc;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	padding-left:5px;
	padding-right:5px;
	height:40px;
}

.compare-label span
{
	padding-left:5px;
}

.compare-labels .compare-label:nth-child(even)
{
	background:#63c9fc;
}

.compare-label img
{
	width:25px;
	max-width:25px;
	min-width:25px;
}

.compare-col
{
	border-radius:9px;
	overflow:none;
	width:180px;
}

.compare-col .compare-col-title
{
	font-weight:800;
	padding:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	background:#1eb7f9 !important;
	height:50px;
	font-size:13px;
	color:#fff !important;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

.compare-col .compare-col-image
{
	display:block;
	background-size:cover;
	background-position:center;
	width:180px;
	height:140px;
	justify-content:space-between;
	align-items:flex-start;
	color:#fff;
	font-weight:800;
	padding:5px;
	box-sizing:border-box;
	cursor:pointer;
	display:flex;
}

.hidden-properties .maximize
{
	cursor:pointer;
}

.compare-col .remove-compare
{
	text-shadow: 0px 0px 2px #000000;
	font-size:20px;
	margin-top:-5px;
	margin-right:3px;
	width:30px;
	height:30px;
	text-align:center;
	padding-top:5px;
	padding:10px;
}
.compare-col .compare-col-location
{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#1eb7f9 !important;
	height:70px;
	text-align:center;
	color:#fff !important;

}

.compare-col > div
{
	background:#dffeff;
	color:#000;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.compare-col > div:nth-child(odd)
{
	background:#d5f1ff;
	color:#000;
}

.compare-col-price
{
	font-size:22px;
	font-weight:800;
}

.compare-col-features
{
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	padding-left:15px;
}

.compare-col-features ul
{
	list-style-type:disc;
	padding:5px;
	text-align:left;
}

.compare-col-image .hide
{
	text-shadow: 0px 0px 2px #000000;
	margin-left:3px;
	width:35px;
	height:35px;
	padding:6px;
}

#compare-main-buttons .runningCosts
{
	display:flex;
	border-radius:9px;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	justify-content:flex-start;
}


#compare-main-buttons .runningCostsButtons
{
	padding-top:10px;
	background:#fff;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	height:auto;
	border-radius:9px;
	padding-bottom:20px;
}

#compare-main-buttons .runningCostsButtons a:nth-child(1)
{
	margin-left:0;
}


@media (max-width:650px)
{
	#compare-main-buttons .runningCostsButtons
	{
		flex-direction:column;
	}
	#compare-main-buttons .runningCostsButtons a
	{
		margin-top:5px;
	}

}


#compare-main-buttons .runningCostsButtons a
{
	float:right;
	display:flex;
	margin-left:5px;
	align-items:center;
	padding:5px;
	background:#008AD4;
	text-decoration:none;
	color:#fff;
	text-align:center;
	border-radius:5px;
}

#compare-main-buttons .runningCostsButtons img
{
	height:18px;
	width:18px;
	margin-right:5px;
}
/* End compare properties */

/* New ads stuff */

.search-top-wrapper
{
	margin:0px auto;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.search-top-wrapper .adsbygoogle
{
	margin:0px auto;
}

.people-form
{
	display:inline-block;
}

.people-page-ad
{
	display:inline-block;
	width:500px;
}

@media ( max-width:400px )
{
	.search-top-wrapper
	{
		width:auto;
	}

}

/*Mailbox send message agent */

#msg-agent-form 
{
	font-family:'Muli', Arial;
	width:315px;
	background:#ea0041;
	border-radius:9px;
	padding:8px;
}

#msg-agent-form input,
#msg-agent-form select
{
	padding:unset;
	border:none !important;
}

#msg-agent-form textarea
{
	background:#fff !important;
}

#msg-agent-form .top-info
{
	width:100%;
	padding-top:5px;
	padding-bottom:20px;
	background:#ededed;
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	flex-direction:column;
	box-sizing:border-box;
	border-radius:9px;

	padding-left:10px;
	padding-right:10px;
}

#msg-agent-form .top-info-title
{
	width:100%;
	font-size:20px;
	text-align:center;
	padding:10px;
}

#msg-agent-form .top-info-image
{
	border:4px solid #dedede;
	background:#e6e6e6;
}

#msg-agent-form .top-info-image img
{
	max-width:200px;
	min-width:50px;
	min-height:50px;
}

.msg-field
{
	margin-top:10px;
	border-radius:9px;
	height:28px;
	display:flex;
	align-items:center;
	padding-left:13px;
	background-color:#fff;
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:10px center;
}


.msg-field input
{
	border:none;
	padding-left:25px !important;
	background:none;
	max-width:95%;
}

.msg-samerow
{
	display:flex;
	justify-content:space-between;
}



.msg-onerow
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
}

.msg-subject
{
	background-position:10px 6px;
	background-image:url('resources/img/messageform/subject.svg');
}

.msg-name{background-image:url('resources/img/messageform/name.svg');width:150px;}

.msg-type{width:135px;padding-top:20px;}
.msg-type label {display:none;}
.msg-type select
{
	border:none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	/* background:url('resources/img/messageform/selectarrow.svg');*/
	background-repeat:no-repeat;
	background-position:right 3px;
	color:#888;
	background-size:15px 15px;
	width:113px;
}

.blue-box-shadow
{
	box-shadow: 0px 0px 15px 0px rgba(0,119,255,1);
}

.msg-postcode input::placeholder
{
font-size:10px;
}
.msg-postcode{width:120px;}
.msg-postcode input
{
	padding-left:0 !important;
}

.msg-phonenumber{background-image:url('resources/img/messageform/phone.svg');width:165px;}
.msg-email{background-image:url('resources/img/messageform/email.svg'); width:150px;}
.msg-password{background-image:url('resources/img/messageform/password.svg'); width:135px;}

.msg-body-note
{
	font-size:12px;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
}

.msg-body
{
	width:100%;
	padding-bottom:10px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.msg-name
{
	width:300px;
}

.msg-type
{

	display:none;
}

.msg-body textarea
{
	border-radius:9px;
	border:none;
	width:100%;
	min-height:100px;
	resize:vertical;
}

.msg-body-buttons
{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	width:300px;
	border-radius:12px;
	overflow:hidden;
}

.msg-body-sizeup,
.msg-body-sizedown
{
	cursor:pointer;
	font-size:12px;
	height:28px;
	padding-top:5px;
	text-align:center;
	width:150px;
	color:#ffadc3;
	background:#ff0f47;
}

#msg-agent-form .recaptcha
{
	padding-top:6px;
	padding-bottom:10px;
}

#msg-agent-form #_subject
{
	width:295px;
}

.msg-body-sizeup
{
	border-right:2px solid #ffadc3;
}

.msg-body-sizeup img
{
	width:20px;
}

.msg-body-sizedown img
{
	width:20px;
	transform:rotate(180deg);
}

.msg-extra-details
{
	border-top:2px solid #ff5482;
	border-bottom:2px solid #ff5482;
	padding-bottom:10px;
}

.msg-checkboxes
{
	padding-top:10px;
	color:#fff;
	font-size:12px;
	padding-left:5px;
}

.msg-checkbox
{
	display:flex;
}

.msg-checkbox input
{
	margin-top:1px;
}

.msg-checkboxes-note
{
	color:#fff;
	text-align:center;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
}

.msg-buttons
{
	display:flex;
	justify-content:space-between;
}

.msg-button
{
	max-height:28px;
	border-radius:9px;
	width:145px;
	display:flex;
	padding:4px;
	color:#fff;
}

.msg-button span
{
	padding-top:1px;
	line-height:16px;
	flex-grow:1;
	text-align:center;
}

.msg-button
{
	cursor:pointer;
}

.msg-button img
{
	width:30px;
}

.msg-button-confirm
{
	background:#73a7ff;
}

.msg-button-confirm span
{
	margin-left:-7px;
}

.msg-button-cancel
{
	background:#bf0035;
}

.details-note
{
	color:#fff;
	font-size:12px;
	text-align:center;
	padding-top:5px;
}

.msg-checkbox input
{
	width:20px;
	display:inline-block;
	margin-top:-4px;
}

/* -- Styling of agent form inputs from element.tpl */

#msg-agent-form .control-label
{
	display:none;
}

#msg-agent-form .form-group
{
	margin-bottom:0 !important;
}

#msg-agent-form #message
{
	padding:8px;
	min-height:115px;
}

#msg-agent-form #acctype
{
	margin-bottom:20px;
}

#msg-agent-form a
{
	color:#fff !important;
	text-decoration:underline;
}

/* End input styling */

/* End mailbox send message agent */

/* Styling for search box compare properties */

.tab-content .compare-main
{
	overflow:auto;
}

.tab-content .compare-col
{
	max-width:180px;
}

.tab-content .compare-label img
{
	max-height:25px;
	padding-left:0;
}

.tab-content #compare-main
{
	justify-content:center;
	padding-bottom:0;
}

.tab-content .compare-labels-col,
.tab-content .compare-col
{
	margin-top:3px;
}

.tab-content .hidden-properties-item img
{
	max-width:30px;
}

@media (max-width:1000px)
{
	.nav-item a
	{
		padding:7px !important;
	}
}

.noPadding
{
	padding:0 !important;
}

.padding5px
{
	padding:5px !important;
}

.properties-form-container
{
	overflow-x:hidden;
}

.properties-all-container .ui-block
{
	margin:0px auto;
}

@media (min-width:1000px)
{
	.properties-all-container .row > div
	{
	}
}

.properties-search-form-container
{
	padding-bottom:30px;
}

@media (max-width:1000px)
{
	.form-extras
	{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.properties-all-container .row > div
	{
		padding-left:0 !important;
		padding-right:0 !important;
	}

	.properties-all-container .compareGraphsWrapper
	{
		max-width:340px;
		margin:0px auto;
	}

	.properties-all-container .compareGraphsWrapperContent
	{
		max-width:325px;
	}

	#compare-main
	{
	}

	.scrollLeftRight
	{
		width:100%;
		text-align:center;
		color:#fff;
		display:block;
	}

	.properties-all-container .apexcharts-toolbar
	{
		padding-right:20px;
	}

	.properties-all-container .compareGraphsWrapper #listingMap
	{
		max-width:100%;
	}

	.tab-content .compareGraphsWrapperContent
	{
		max-width:320px;
	}
}

.properties-all-container .ui-block
{
	overflow-y:hidden !important;
}

.maxWidth100
{
	width:100% !important;
	max-width:100% !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

.properties-all-container .row > div
{
	/*max-width:100%; */
	padding-top:10px;
}

/* End search box compare */
.similarProperties
{
	margin:0px auto;
	max-width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
}

.similarPropertiesRow
{
	display:flex;
	flex-direction:row;
}

.similarProperty
{
	margin-left:4px;
	margin-top:4px;
	border:1px solid #d1d1d1;
	width:120px;
	min-height:170px;
	color:#fff;
	cursor:pointer;
	background:#fdfdfd;
}

.similarPropertyPrice
{
	text-align:center;
}

.similarPropertyTitle
{
	color:#696969;
	margin:0;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:13px;
	padding:3px;
	text-align:center;
	font-weight:600;
}

.similarProperty .bss-slides
{
	max-width:150px;
}

.similarProperty .bss-slides .bss-prev
{
	background-image:url('resources/img/propertylisting/left.svg');
	margin-left:3px;
}

.similarProperty .bss-slides .bss-next
{
	background-image:url('resources/img/propertylisting/right.svg');
	margin-right:3px;
}

.similarProperty .bss-slides .bss-prev,
.similarProperty .bss-slides .bss-next
{
	background-size:30%;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#2fa0da;
	border-radius:50%;
	width:23px;
	height:23px;
	padding:0;
	margin-top:-13px;
}

.similarProperty .bss-slides figure
{
	padding:0; margin:0;
	height:100px;
}

.similarProperty .bss-slides img
{
	max-width:150px;
	height:100% !important;
}

.similarPropertyDesc
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.similarPropertyText
{
	font-size:14px;
	text-align:center;
	color:#36a1ff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.similarPropertyText span
{
	text-shadow: 0px 0px 3px rgba(30,255,12,0.2);
	font-weight:600;
}


.inviteReviewProperties
{
	margin:0px auto;
	max-width:700px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:wrap;
}

.inviteReviewPropertiesRow
{
	display:flex;
	flex-direction:row;
}

.inviteReviewProperty
{
	margin-left:12px;
	margin-top:12px;
	border-radius:12px;
	background:#36A1FF;
	width:150px;
	color:#fff;
}

.inviteReviewPropertyTitle,
.inviteReviewPropertyTitle a
{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:13px;
	padding:3px;
	height:45px;
	text-align:center;
	font-weight:600;
	color:#fff;
}


.inviteReviewProperty .inviteReviewPropertyImage img
{
	max-width:150px;
	min-height:100px;
}

.inviteReviewPropertyDesc
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	padding-bottom:8px;
	height:95px;
}

.inviteReviewPropertyText
{
	font-size:12px;
	text-align:center;
	display:flex;
	align-items:center;
	flex-grow:1;
}

.inviteReviewPropertyButton
{
	cursor:pointer;
	width:130px;
	height:32px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	background:#019AE8;
	border-radius:9px;
	padding-left:5px;
	padding-right:5px;
}

.inviteReviewPropertyButton img
{
	height:20px;
}

.inviteReviewPropertyText span
{
	text-shadow: 0px 0px 3px rgba(30,255,12,0.2);
}

.inviteReviewPopupWrap
{
	z-index:999999999;
	background:rgba(0,0,0,0.5);
	display:flex;
	align-items:center;
	justify-content:center;
	position:fixed;
	width:100%;
	height:100%;
	display:none;
}

.popupMessageBody
{
	width:100%;
	border:1px solid #d8d8d8;
	border-radius:3px;
	padding:4px;
}

.inviteReviewPopup
{
	background:#fff;
	min-width:300px;
	max-width:900px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px;
	box-sizing:border-box;
	border-radius:9px;

}

.closeInviteReviewPopup
{
	font-size:20px;
	width:100%;
	text-align:right;
	cursor:pointer;
}

.inviteReviewPopup span
{
	font-size:14px;
	width:100%;
	text-align:center;
	padding:12px;
}

.inviteReviewPopup input
{
	width:90%;
	padding:10px;
}

.inviteReviewPopup .title
{
	font-size:24px;
	width:100%;
	text-align:center;
	color:#000;
}

.inviteReviewPopup textarea
{
	min-height:150px;
}

.inviteReviewPopup .confirmInviteReview
{	
	cursor:pointer;
	margin-top:8px;
	color:#fff;
	width:130px;
	height:35px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	background:#019AE8;
	border-radius:9px;
	padding-left:5px;
	padding-right:5px;
}

.inviteReviewPopup .confirmInviteReview img
{
	height:20px;
}


.splitter
{
	display:flex;
	justify-content:center;
	flex-direction:row;
}

.invOwnerReviewContent
{
	max-width:1000px;
	padding:10px;
	background:#ecf7fd;
	border:5px solid #36a1ff;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#36a1ff !important;
	flex-direction:column;
	margin:0px auto;
}

.invOwnerMoreLess
{
	display:flex;
	flex-direction:row;
	border-top:2px solid #36a1ff;
	color:#36a1ff;
	align-items:center;
	justify-content:center;
	max-width:1000px;
	margin:0px auto;
}

.invOwnerMoreLess div
{
	padding:4px;
	font-weight:600;
}

.invOwnerMoreLess .showLess
{
	transform:rotate(180deg);
}

.invOwnerMoreLess .showLess
{
	border-right:2px solid #36a1ff;
}

.invOwnerReviewContent > *
{
	color:#36a1ff !important;
	text-align:center;
}

@media (max-width:1100px)
{
	.splitter
	{
		flex-direction:column;
		max-width:100%;
	}
	.splitter .itemContainer
	{	
		min-width:300px;
		max-width:1000px;
	}
	.inviteReviewProperties
	{
		max-width:unset;
	}

}

.splitter .itemContainer
{	
	max-width:1000px;
	max-width:1000px;
	padding-bottom:75px;
}

.splitterAd
{
	margin-top:15px;
	padding-left:15px;
	width:300px;
	height:300px;
}



/* Wall stuff */

*::placeholder
{
	font-family:'Muli';
	color:#a4a4a4;
}

.wall,
.compose-container
{
	max-width:850px;
	margin:0px auto;
}

.compose-container .tabs
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	max-width:400px;
}

.compose-container .tabs > div
{
	max-width:140px;
}


.compose-container .tabs div
{
	margin-left:10px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	padding-left:12px;
	padding-right:12px;
}

.compose-container .tabs div.active
{
	background:#f5f5f5;
}

.compose-container .tabs div:nth-child(1)
{
	margin-left:0;
}

.compose-container .tabs div img
{
	height:50%;
}

.compose-container .tabs div span
{
	margin-left:10px;
}

.compose-container .tab-compose
{
	color:#eb0041;
}

.compose-container .tab-add-media
{
	cursor:pointer;
	color:#0088ff;
}

.compose-container .tab-add-video
{
	cursor:pointer;
	color:#0088ff;
	margin-left:0 !important;
}

.compose
{
	background:#f5f5f5;
	min-height:90px;
	border-radius: 14px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	display:flex;
	flex-direction:row;
	padding:10px;
	box-sizing:border-box;
	align-items:center;
	justify-content:center;
}


.compose .compose-profile-pic
{
	display:flex;
	justify-content:center;
	align-items:center;
}

.compose .compose-profile-pic img
{
	border-radius:100%;
	min-width:60px;
	min-height:60px;
	max-height:60px;
	max-width:60px;
	width:60px;
	height:60px;
	border:3px solid #a8a8a8;
	margin-right:10px;
}

.compose .compose-textarea
{
	display:flex;
	align-items:center;
}

.compose textarea
{
	min-height:70px;
	height:100%;
	border:none;
	border-radius:9px;
	padding:7px;
	box-sizing:border-box;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	resize:none;
}

.compose-submit
{
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.compose-submit .compose-submit-button-wrap
{
	height:37px;
	border-bottom-right-radius: 14px;
	border-bottom-left-radius: 14px;
	background:#f5f5f5;
	width:100px;
	padding-left:8px;
	padding-right:8px;
	box-sizing:border-box;
}

.compose-submit-button
{
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	color:#fff;
	background:#0088ff;
	height:32px;
	border-radius:7px;
	padding:4px;
	box-sizing:border-box;
}


.compose-submit-button img
{
	height:90%;
}

.wall-post-generic
{
	border-radius:15px;
	font-size:16px;
}

.wall > div .post
{
	box-shadow:0 0 5px #e3dfdf
}

.wall-post-generic .post
{
	padding:8px;
	margin-top:30px;
	background:#fff;
	border-radius:15px;
}

.wall-post-generic .wall-post-header
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}

.wall-post-generic .user-info
{
	max-height:65px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
}

.wall-post-generic .user-info span
{
	white-space:nowrap;
}


.user-info .wall-post-name
{
	font-weight:600;
}

.wall-post-generic .user-info .profile-pic
{
	border-radius:100%;
	height:50px;
	width:50px;
	min-height:50px;
	min-width:50px;
	max-width:50px;
	max-height:50px;
	border:1px solid #a8a8a8;
}


.wall-post-generic .wall-post-user
{
	padding-left:10px;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
}

.wall-post-comments .wall-post-user
{
	border-right:1px solid #d1d1d1;
	padding-right:5px;
}

.wall-post-generic .wall-post-user .wall-post-name
{
	color:#0088ff;
}

.wall_link
{
	color:#0088ff !important;
}

.wall-post-property .wall_link
{
	color:#fff !important;
}

.wall-post-property .more
{
	margin-right:10px;
}

.wall-post-generic a
{
	color:blue;
}

.wall-post-generic .wall-post-user .wall-post-date
{
	color:#b5b5b5;
	min-width:90px;
}

.wall-post-generic .post-likes
{
	display:flex;
	cursor:pointer;
	flex-direction:row;
	align-items:center;
	color:#eb0041;
	padding-right:5px;
}
.wall-post-generic .post-likes img
{	
	width:25px;
	padding-left:3px;
	box-sizing:border-box;
}


.wall-post-generic .wall-post-content
{
	color:#575757;
	padding:10px;
	padding-top:15px;
	padding-bottom:15px;
	box-sizing:border-box;
	word-wrap:break-word;
}

.wall-post-generic .view-full-album
{
	display:flex;
	margin-top:-5px;
	height:30px;
	width:100%;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:20px;
	font-weight:600;
	cursor:pointer;
}

.wall-post-generic .album-photo
{
	width:80px;
}

.unexpanded-post-text
{
	  background: -webkit-linear-gradient(#000, #fff);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  height:200px;
	  overflow:hidden;
}

.wall-post-generic .expand-post,
.wall-post-generic .unexpand-post
{
	cursor:pointer;
	display:none;
	width:100%;
	text-align:center;
	padding-bottom:10px;
	color:#0088ff;
	font-weight:600;
}

.wall-post-generic .wall-post-photos
{
	margin:0px auto;
	display:flex;
	flex-direction:row;
	padding:3px;
	margin-bottom:7px;
	width:100%;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}


.wall-post-generic .wall-post-photos-wrap
{
	margin-top:6px;
	display:flex;
	flex-direction:column;
	align-items:center;
}



/*
.wall-post-generic .wall-post-photos img:nth-child(1)
{
	padding:2px;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}
*/

.wall-post-generic .wall-post-photos img
{
	padding:2px;
	box-sizing:border-box;
	cursor:pointer;
}


.wall-post-generic .wall-post-photos img:hover
{
	cursor:zoom-in;
}

.wall-post-generic .wall-post-view-album
{
	display:flex;
	align-items:center;
	justify-content:center;
	color:#0088ff;
	padding-bottom:5px;
}

.wall-post-generic .wall-post-comments
{
	padding:15px;
	background:#f2f2f2;
	border-bottom-left-radius:14px;
	border-bottom-right-radius:14px;
	width:90%;
	margin:0px auto;
}

.wall-post-generic .post-top-right
{
	display:flex;
	margin-right:15px;
}
.wall-post-generic .post-top-right .more .olymp-three-dots-icon
{
    height:25px;
    width:30px;
    float:right;
}
.wall-post-generic .post-bottom-right .more .olymp-three-dots-icon
{
    height:25px;
    width:30px;
    float:right;
}
/*.wall-post-generic .post__author .more .olymp-three-dots-icon
{
    height:25px;
    width:30px;
    float:right;
}*/
.wall-post-connected .post-top-right
{
	display:flex;
	margin-top:15px;
	margin-right:15px;
}

.wall-post-generic .post-bottom-right
{
	display:flex;
	margin-right:15px;
}

.wall-post-generic .post-bottom-right .post-likes
{
	padding-right:0;
	cursor:pointer;
}

.wall-post-buttons
{
	display:flex;
}

.wall-post-true-generic .wall-post-buttons
{
	margin-top:5px;
	display:flex;
	flex-wrap:wrap;
}

.wall-post-generic .wall-post-button-comment
{
	color:#0088ff;
	cursor:pointer;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	height:20px;
	margin-left:10px;
	margin-bottom:5px;
	padding-top:5px;
	font-weight:600;
}

.wall-post-generic .wall-post-button-comment span
{
	padding-bottom:0px;
}

.wall-post-generic .wall-post-button-comment img
{
	width:20px;
}

.wall-post-generic .post-likes-count-wrap
{
	display:flex;
}

.wall-post-generic .wall-post-button-comment span
{
	font-size:16px;
	padding-left:6px;
}


.wall-post-generic .wall-post-comment
{
	margin:0px auto;
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.wall-post-generic .comment-left
{
	display:flex;
	flex-direction:row;
}

.wall-post-generic .wall-post-comment-content
{
	padding:12.5px;
	max-width:280px;
}

.wall-comment-input-wrapper
{
	width:100%;
	margin-top:7px;
	display:flex;
	flex-direction:row;
	align-items:flex-end;
}


.wall-comment-input-wrapper img
{
	height:20px;
}

.wall-comment-input-wrapper textarea
{
	width:100%;
	border:0px;
	padding:8px;
	padding-top:6px;
	border-radius:8px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	height:32px;
	box-sizing:border-box;
	min-height:0px;
}

.post-comment
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	padding-left:10px;
	padding-right:10px;
	height:40px;
	background:#0088ff;
	color:#fff;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
	cursor:pointer;
}

.wall-post-generic p /* These show up in video link posts, we don't want the default padding/margins */
{
	margin:0;padding:0;
}

.post-comment span
{
	padding-left:5px;
}

.wall-post-property .wall-post-header,
.wall-post-property .wall-post-content,
.wall-post-property .post
{
	background:#0088ff;
	color:#fff;
}

.wall-post-property .wall-post-property-content
{
	display:block;
	max-height:100px;
	overflow:hidden;
}

.wall-post-generic .showAllComments
{
	font-weight:600;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:4px;
	text-align:center;
	width:100%;
	cursor:pointer;
}

.wall-post-generic .showAllComments img
{
	height:20px;
}

.wall-post-generic .wall-post-comment
{
	margin-top:4px;
}

.wall-post-property .wall-post-comments
{
	color:#000;
}

.wall-post-property .wall-post-comment .user-info .wall-post-name
{
	color:#0088ff;
	font-weight:400;
}

.wall-post-property .wall-post-comment .user-info .wall-post-date
{
	color:#b5b5b5;
}

.wall-post-property .wall-post-comment .user-info .profile-pic
{
	border:3px solid #a8a8a8;
}

.wall-post-property .wall-post-comment .user-info .profile-pic img
{
}

.wall-post-property .user-info .profile-pic
{
	border:3px solid #1746ff;
}

.wall-post-property .wall-post-user .wall-post-name
{
	color:#fff;
	font-weight:600;
}

.wall-post-property .wall-post-user .wall-post-pre-location
{
	font-weight:400 !important;
}

.wall-post-property .wall-post-user .wall-post-location,
.wall-post-property .wall-post-user .wall-post-user-link
{
	font-weight:600;
}

.wall-post-property .wall-post-user .wall-post-date
{
	color:#f1f1f1;
}

.wall-post-property .property-logo
{
	height:40px;
	padding-right:30px;
}

.wall-post-property .wall-post-buttons
{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
}

.wall-post-property .wall-post-photos-wrap
{
	display:flex;
	flex-direction:row;
	background:#54afff;
	justify-content:flex-start;
	border-radius:10px;
	margin-bottom:8px;
	margin-top:7px;
}
.wall-post-property .wall-post-photos
{
	margin:0;
	max-width:80px;
	background:none;
	flex-direction:column;
	margin-bottom:0;
}

.wall-post-property .wall-post-photo-main
{
	height:166px;
}

.wall-post-property .wall-post-photo-main img
{
	max-height:100%;
	height:166px;
	max-width:9999px;
	padding-top:6px;
	padding-left:6px;
	padding-bottom:6px;
	box-sizing:border-box;
	border-radius:10px;
}

.wall-post-property .wall-post-photos img
{
	max-width:80px;
	border-radius:8px;
	max-height:60px;
}

.wall-post-property .wall-post-photo-main
{
}

.wall-post-property .wall-post-buttons .post-likes,
.wall-post-property .wall-post-buttons span
{
	color:#fff;
	cursor:pointer;
}

.wall-post-property .wall-post-photo-content
{
	background:#f7f7f7;
	width:100%;
	border-radius:14px;
	height:165px;
	margin-left:6px;
}

.wall-post-property .wall-post-resize-wrapper
{
	display:flex;
	flex-direction:row;
	align-items:center;
}

.wall-fixed-box-wrap
{
	position:fixed;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	display:none;
	align-items:center;
	justify-content:center;
	overflow:scroll;
}

.fixed-box-close
{
	width:100%;
	height:30px;
	font-size:20px;
	margin-top:-20px;
	font-weight:600;
	text-align:right;
}

.displayFlex
{
	display:flex;
}

.top0
{
	top:0 !important;
}

.displayNone
{
	display:none !important;
}

.wall-fixed-box-wrap .fixed-box
{
	background:#fff;
	padding:25px;
	max-width:600px;
	min-width:300px;
	max-height:80%;
	overflow:auto;
}

.wall-fixed-box-wrap .fixed-box img
{
	max-width:100%;
}

.wall-fixed-box-wrap .fixed-box-header
{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.wall-fixed-box-wrap .title
{
	font-size:22px;
	white-space:nowrap;
}

.wall-post-property .wall-post-photo-content
{
	color:#111;
	padding:10px;
	max-height:166px;
	overflow-y:hidden;
	box-sizing:border-box;
}

.wall-post-property .wall-post-property-title
{
	display:flex;
	justify-content:space-between;
	font-weight:600;
	padding-bottom:3px;
	min-height:10px;
	width:100%;
}

.wall-post-property .wall-post-property-title a
{
	font-weight:600;
}

.wall-post-property .wall-post-property-pretext
{
	display:block;
	color:#888;
}

.wall-post-connected .wall-post-header
{
	justify-content:flex-end;
}

.wall-post-connected .wall-post-content
{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0;
	padding-bottom:15px;
}

.wall-post-connected .second-user .wall-post-user
{
	padding-left:0;
}

.wall-post-connected .second-user .wall-post-user a
{
	font-weight:600;
	font-size:14px;
}

.wall-post-connected .second-user .profile-pic
{
	margin-left:8px;
}

.wall-post-connected .now-connected
{
	color:#0088ff;
	font-weight:600;
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
	margin-left:-3.5px;
	padding-bottom:5px;
}

.wall-post-connected .connected-icon
{
	height:40px;
}

.wall-post-connected .connected-both
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding-left:3px;
	padding-right:3px;
}

.feed-jssor
{
	width: 100% !important;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}

.feed-jssor .jssort101
{
	background:#fff !important;
}

.feed-jssor .jssort101 > div
{
	top:5px !important;
}

.feed-jssor circle.c
{
	opacity:0.6 !important;
}

.post-likes-wrap
{
	display:flex;
	flex-direction:row;
	margin-left:5px;
	align-items:center;
	justify-content:center;
}

.post-likes-show
{
	font-size:16px;
	font-weight:600;
	margin-right:5px;
	margin-top:2px;
	color:#eb0041;
	cursor:pointer;
	text-decoration:underline;
}

.wall-post-content a
{
	color:#0088ff !important;
}


@media (max-width:500px)
{
	.wall-post-true-generic .wall-post-view-album
	{
		padding-bottom:20px;
		padding-top:5px;
	}

	.wall-post-property .wall-post-photos-wrap
	{
		flex-direction:column !important;
	}

	.wall-post-property .wall-post-photo-main
	{
		height:auto;
	}

	.wall-post-property .wall-post-photo-main img
	{
		width:100%;
		height:100%;
	}

	.wall-post-property .wall-post-photos
	{
		flex-direction:row;
		width:100%;
		max-height:initial;
	}

	.wall-post-property .wall-post-photo-content
	{
		margin-left:2.5px;
		margin-bottom:2px;
		border-radius:10px;
	}

	.wall-post-property .wall-post-photos img
	{
		width:80px;
		height:auto;
		max-width:initial;
	}



	.wall-post-property .wall-post-name
	{
		font-size:14px !important;
	}

	.wall-post-property .property-logo
	{
		height:40px;
		padding-right:10px;
	}
	
	.wall-post-connected .wall-post-header
	{
		padding-bottom:10px;
	}

	.wall-post-comments
	{
		flex-direction:column;
	}

	.wall-post-comments .user-info
	{
		justify-content:flex-start;
	}

	.wall-post-comments .comment-left
	{
		flex-direction:column;
	}

	.wall-post-connected .wall-post-content
	{
		flex-direction:column;
	}
	
	.wall-post-comments .wall-post-user
	{
		border-right:none;
	}

	.mobile-wall-col
	{
		padding-left:0 !important;
		padding-right:0 !important;
	}

	.tab-add-media
	{
		padding-right:6px;
	}

	.tab-add-media,
	.tab-add-video
	{
		margin-left:0px;
		white-space:pre;

	}

	.compose-container .tabs div
	{
		margin-left:3px;
	}
	.compose-container .tabs div span
	{
		margin-left:5px;
	}

	.wall-post-connected .wall-post-content .user-info
	{
		flex-direction:column;
		justify-content:center;
	}

	.wall-post-connected .wall-post-content .user-info a
	{
		font-size:12px !important;
	}

	.wall-post-connected .wall-post-content
	{
		flex-direction:row;
	}

	.wall-post-connected .wall-post-user
	{
		padding-left:0;
	}
	.wall-post-connected .second-user .profile-pic
	{
		margin-left:0;
	}

}

@media (max-width:768px)
{
	.wall-post-comments .more
	{
		padding-right:13px;
	}
}

.z 
{
	padding-top:70px;
	overflow:hidden;
}


/* New navbar styling */

.navbar
{
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	background-color:#fff;
}

.navbar .nav-item .nav-link
{
	color:#36a1ff;
}

.navbar .nav-item a img
{
	height:20px;
}

#navbarNavDropdown
#navbarNavDropdownWide
{
	padding-left:10px;
	padding-right:10px;
}

#navbarNavDropdown
{
	margin-top:7px;
	padding-left:5px;
	padding-right:5px;
}

#navbarNavDropdownWide
{
	margin-top:3px;
}

#navbarNavDropdown input,
#navbarNavDropdownWide input
{
	border-radius:9px;
	height:20px;
	margin-top:2.5px;
	max-width:200px;
	min-width:110px;
	padding-right:35px;
	padding-left:13px;
}

#navbarNavDropdown button,
#navbarNavDropdownWide button
{
	border:none;
	position:absolute;
	margin-left:-25px;
	padding:0 !important;
}

#navbarNavDropdown button:hover,
#navbarNavDropdownWide button:hover
{
	background-color:rgba(0,0,0,0);
}

#navbarNavDropdown i,
#navbarNavDropdownWide i
{
	color:#d1d1d1;
}

#navbarNavDropdown #button-addon,
#navbarNavDropdownWide #button-addon
{
	width:25px !important;
}

.navbar .navbar-brand
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}

.navbar-userinfo-name
{
	color:#737373;
	white-space:pre;
}

.navbar-userinfo-acctype
{
	color:#d4d4d4;
}

.navbar-userinfo-left
{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.navbar-userinfo
{
	display:flex;
	flex-direction:row;
	padding-left:20px;
	margin-top:-1.5px;
}

.navbar .nav-profile-pic
{
}
.navbar .author-page
{
	margin-left:0;
}

.navbar .nav-link
{
	padding:0;
}

.navbar .nav-notifications
{
	position:absolute;
	background:#eb0041;
	border-radius:100%;
	padding:2px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	min-width:18px;
	height:18px;
	padding-top:0;
	margin-top:-30px;
	margin-left:-9px;
}

.navbar .navbar-notifications-icon
{
	height:28px !important;
	margin-top:2px;
	flex-shrink:0;
	min-width:20px;
}

.navbar .nav-item::marker
{
	color:rgba(0,0,0,0);
}

.navbar .nav-item-notifications
{
	display:flex;
	align-items:center;
	justify-content:center;
}

.navbar .nav-link-notifications
{
	padding:0;
	display:block !important;
}

.navbar .d-flex,
.navbar .d-none
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}

.navbar.fixed-top .navbar-toggler
{
	color:#d1d1d1 !important;
	border:none !important;
	margin-top:3px;
	font-size:22px;
	display:none;
	width:50px;
}

.navbar .navbar-links
{
	display:flex;
	align-items:center;
	justify-content:center;
}


.navbar.fixed-top .nav-item a,
.navbar.fixed-bottom .nav-item a
{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

@media(max-width:1000px)
{
	.navbar.fixed-top .nav-item a,
	.navbar.fixed-bottom .nav-item a
	{
		font-size:14px;
	}
}

.navbar.fixed-bottom .nav-item a img
{
	height:25px;
	margin-top:5px;
}

.navbar.fixed-top .navbar-nav
{
	flex-direction:row;
	align-items:center;
	justify-content:center;
}

footer
{
	overflow-x:hidden;
}

.navbar.fixed-top
{
	margin-top:0 !important;
	padding:0;
	height:55px;
	max-height:67.5px !important;
	flex-wrap:nowrap;
	justify-content:space-between;
	width:100%;

}

.navbar.fixed-top .author
{
	margin-top:-7px;
}

.navbar.fixed-top .author .nav-link
{
	display:flex;
	align-items:center;
}

.navbar.fixed-top .navbar-logo
{
	max-width:235px;
	min-width:120px;
	padding-left:10px;
	padding-right:10px;
	flex-shrink:1;
}

.navbar.fixed-top .navbar-logo-min
{
	min-width:40px;
	min-height:40px;
	max-height:100%;
}


.navbar.fixed-top .navbar-logo-min img
{
	max-height:40px;
	max-width:60px;
}

.navbar.fixed-top .navbar-logo img
{
	width:100%;
}

.navbar-nav-mobile
{
	display:none;
}

.navbar-logo-min
{
	align-items:center;
}

.justify-content-center
{
	justify-content:center;
}


@media (max-width:1024px)
{
	.navbar.fixed-top
	{
		height:auto;
		padding-top:3px;
	}
}

@media (max-width:850px)
{
	.navbar .navbar-links
	{
		padding-left:8px;
	}

	#navbarNavDropdown
	{
		margin-top:12px;
	}

	#navbarNavDropdown input
	{
		height:37px;
	}

	.navbar.fixed-bottom
	{
		right:0;
		box-sizing:border-box;
	}

	.navbar.fixed-top
	{
		right:0;
		box-sizing:border-box;
	}

	.navbar.fixed-top .navbar-nav .nav-item
	{
		display:none;
	}

	.navbar.fixed-top .navbar-nav .author
	{
		display:list-item;
	}

	.navbar.fixed-top .navbar-toggler
	{
		display:block;
	}
	#navbarNavDropdownWide
	{
		display:none !important;
	}

	.navbar-nav-mobile,
	.navbar-nav-mobile li
	{
		display:flex !important;
	}
}

@media (min-width:850px)
{
	#navbarNavDropdownWide
	{
		display:block !important;
		padding-right:20px;
	}

	.nav-item-notifications
	{
		padding-left:20px;
		padding-right:20px;
	}
	.navbar.fixed-top .navbar-logo
	{
		margin-left:4px;
	}

	#navbarNavDropdown
	{
		display:none !important;
	}
}

@media (max-width:500px)
{
	.navbar-brand
	{
		width:130px;
	}

	.navbar-userinfo
	{
		padding-left:5px;
	}
	.navbar.fixed-top
	{
		justify-content:space-between;
	}
	.navbar .navbar-nav .nav-link
	{
		margin:0 0;
	}
	.navbar .navbar-logo
	{
		display:none;
	}
	.navbar .navbar-logo-min
	{
		display:flex;
	}
}

@media(max-width:620px)
{
	.navbar .nav-link .nav-user-arrow
	{
		display:none;
	}
}

@media (min-width:950px)
{
	.navbar-logo-full
	{
		display:block !important;
	}
	.navbar .navbar-logo-min
	{
		display:none !important;
	}
}

@media (max-width:950px)
{
	.navbar-logo-full
	{
		display:none;
	}
	.navbar .navbar-logo-min
	{
		display:block;
	}
}

@media (max-width:280px)
{
	.navbar-logo
	{
		display:none !important;
	}

	.navbar .nav-link
	{
		padding:2px !important;
		width:35px;
	}

	.navbar.fixed-top
	{
		justify-content:center !important;
	}

	.navbar.fixed-top .navbar-toggler
	{
		margin-left:10px;
	}

	.navbar.fixed-bottom .nav-item a, .navbar.fixed-bottom .nav-item a
	{
		color:#fff !important;
		margin-top:20px;
	}

	#navbarNavDropdown input
	{
		max-width:40px;
	}

	.navbar.fixed-top .navbar-userinfo-left
	{
		display:none;
	}

	.navbar.fixed-bottom .navbar-nav
	{
		padding-left:15px !important;
	}
}

.navbar.fixed-top .nav-link span,
.navbar.fixed-top .nav-item:hover
{
	color:#36a1ff !important;
}

.navbar.fixed-top .nav-link .nav-notifications,
.navbar.fixed-top .nav-link .nav-notifications:hover
{
	color:#fff !important;
}

.navbar.fixed-bottom
{
	height:70px !important;
	width:100%;
	transition:opacity 0.3s, bottom 0.3s;
}

.navbar.fixed-bottom ul
{
	margin-top:-2px !important;
}

footer .navbar
{
	box-shadow:none !important;
}

.navbar-nav.navbar-loggedout
{
	width:auto !important;
}

/* Profile pages new */

.profile
{
	max-width:1024px;
	margin:0px auto;
	padding-bottom:25px;
}

.profile .profile-header
{
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	min-height:320px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-direction:column;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	box-sizing:unset;
	padding-top:10px;
}

.profile .profile-header .user-info
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.profile .profile-header .user-info .profile-pic
{
	border: 6px solid rgba(235,0,65,0.8);
	width:165px;
	height:165px;
	display:flex;
	align-items:center;
	background-size:contain;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:8px;
}

.profile .profile-header .user-info .profile-pic a
{
	width:100%;
	height:100%;
	opacity:0;
	transition: all 0.3s;
	cursor:pointer;
}

.profile .profile-header .user-info .profile-pic a:hover
{
	opacity:1;
}

.profile .profile-header .user-info span
{
	color:#fff;
}

.profile .profile-header .user-info .name
{
	display:flex;
	align-items:center;
	flex-direction:row;
	padding-top:5px;
	font-size:21px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.87);
}

.profile .profile-header .user-info .location
{
	font-size:12px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.87);
	padding-bottom:5px;
}

.profile .profile-header .user-info .user-info-buttons
{
	display:flex;
	flex-direction:row;
	align-items:center;
	padding-top:4px;
}

.profile .user-info-buttons .square-button
{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	background:rgba(54, 161, 255, 0.46);
	border:2px solid #36a1ff;
	width:25px;
	height:25px;
	margin-left:5px;
}

.profile .user-info-buttons .full-button
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-radius:8px;
	background:rgba(54, 161, 255, 0.46);
	border:2px solid #36a1ff;
	height:25px;
	padding-left:6px;
	padding-right:6px;
	margin-left:5px;
}

.profile .user-info-buttons .full-button span
{
}

.profile .user-info-buttons .full-button:nth-child(1)
{
	margin-left:0;
}


.profile .user-info-buttons .full-button img
{
	padding-right:5px;
}

.profile .user-info-buttons .square-button img,
.profile .user-info-buttons .full-button img
{
	height:16px;
}

.profile .profile-header-bottom-wrap
{
	min-height:45px;
	width:100%;
	background : linear-gradient(0deg, rgba(0, 136, 255, 1) 0%, rgba(74, 189, 255, 0.6) 100%);
	backdrop-filter:blur(3px);
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	flex-direction:row;
}

.profile .profile-header-bottom-wrap > div
{
	flex-grow:1;
	flex-basis:0;
}

.profile .profile-header-bottom-wrap .profile-header-bottom
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}

.profile .profile-header-bottom-wrap .profile-header-bottom .profile-header-bottom-item
{
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	margin-left:8px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
}

.profile .profile-header-bottom-wrap .profile-header-bottom .profile-header-bottom-item.selected
{
	background:rgba(255,255,255,0.2);
}

.profile .profile-header-bottom-wrap .profile-header-bottom .profile-header-bottom-item:hover
{
	background:rgba(255,255,255,0.1);
}


.profile .profile-header-bottom-wrap .profile-header-bottom .agent-item img
{
	width:21px;
	height:21px;
}

.profile .profile-header-bottom-wrap .profile-header-bottom .profile-header-bottom-item span
{
	color:#fff;
}

.profile .profile-header-bottom-wrap .profile-header-bottom .profile-header-bottom-item .first-text
{
	font-size:22px;
	line-height:21px;
}

.profile .profile-header-bottom-wrap .profile-header-bottom-right
{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding-right:15px;
}

.profile .profile-header-bottom-wrap .profile-header-bottom-right .edit-profile
{
	border-radius:8px;
	background:#eb0041;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
	color:#fff;
	padding-left:8px;
	padding-right:8px;
	height:30px;
}


.profile .profile-header-bottom-wrap .profile-header-bottom-right .edit-profile img
{
	width:15px;
	height:15px;
	padding-right:5px;
}

.profile .profile-tabs
{
	width:100%;
	background:#f0f0f0;
	border-bottom-left-radius:14px;
	border-bottom-right-radius:14px;
	overflow:hidden;
}

.profile .profile-tabs-buttons
{
	width:100%;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.profile .profile-tabs-buttons .profile-tabs-button
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	color:#eb7f9d;
	margin-left:5px;
	height:100%;
	padding-left:5px;
	padding-right:5px;
	font-size:14px;
	cursor:pointer;
	min-width:70px;
}

.profile .profile-tabs-buttons .profile-tabs-button.selected
{
	background:#fafafa;
	cursor:unset;
}

.profile .profile-tabs-buttons .profile-tabs-button img
{
	height:17px;
	padding-right:5px;
}

.profile .profile-tabs-buttons .profile-tabs-button .reviews-button-star
{
	height:17px;
	width:19px;
	background:url('/themes/pheads/resources/img/profiles/reviews.svg');
	background-size:100% 100%;
	color:#fff;
	padding-left:6px;
	font-size:10px;
	padding-top:1px;
}

.profile .profile-tabs-content
{
	background:#fafafa;
	display:flex;
	flex-direction:row;
	justify-content:center;
	padding-top:10px;
	position:relative;
}

.display-none
{
	display:none !important;
}

.profile .tab-content
{
	padding:10px;
}

.profile .tab-content.about
{
	display:flex;
	flex-wrap:wrap;
	padding-left:10px;
	padding-right:10px;
	justify-content:center;
	padding-top:5px;
}

.profile .tab-content.about .about-item
{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:flex-start;
	font-size:14px;
	padding-bottom:8px;
	margin-left:10px;
	margin-top:5px;
}

.profile .tab-content.about .about-item-icon
{
	width:30px;
	height:30px;
	min-width:30px;
	min-height:30px;
	padding-right:10px;
	margin-top:6px;
}

.profile .tab-content.about .about-item-title span
{
	color:#6b6b6b;
}

.profile .tab-content.about .about-item-body span
{
	color:#161616;
}

.profile .tab-content.photos,
.profile .tab-content.properties
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

/*
.profile .tab-content.about .about-item.phone .about-item-icon
{
	width:20px;
	height:20px;
	min-width:20px;
	min-height:20px;
	padding-left:5px;
	padding-right:15px;
}
*/

.profile .user-info-buttons .edit-profile
{
	display:none;
}

.profile .profile-tabs-buttons .requestvaluation .text-full
{
	display:block;
}

.profile .profile-tabs-buttons .requestvaluation .text-less
{
	display:none;
}

.profile .about-item.interests .about-item-body ul li
{
	color:#161616;
}

.profile .profile-tabs-button-identifier
{
	cursor:pointer;
}

.profile .peopleCards
{
	padding-top:0px;
	padding-bottom:0px;
}

.profile-disclaimer
{
	padding-left:20px;
	padding-right:20px;
}

.profile .profile-tabs-buttons .profile-tabs-button.review span
{
	margin-left:2px;
}

.profile .about-item.description
{
	width:100%;
	justify-content:center !important;
}

.profile .user-info .profile-availability
{
	color:#2fff00 !important;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	font-weight:600;
	font-size:16px !important;
}

.profile .user-info .profile-industry
{
	color:#fff !important;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.8);
	font-size:16px !important;
}

.profile .user-info .profile-website a
{
	color:#fff !important;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.8);
	font-weight:600;
	font-size:16px !important;
}

.profile .user-info .profile-headline
{
	color:#fff !important;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.8);
	font-size:16px !important;
}

.profile .user-info .online-status
{
	width:15px;
	height:15px;
	box-shadow: 0px 0px 14px 0px rgba(0,255,0,1);
	border:2px solid rgba(0,255,0,0.8);
	background-color:rgba(0,250,0,0.9);
	border-radius:100%;
	align-self:flex-start;
	margin-top:7px;
	margin-left:5px;
}

.profile .user-info .online-status-spacer
{
	width:7px;
}

.profile .tab-content.properties .row > div
{
}

.profile .tab-content.properties .property-card
{
	min-width:370px;
}

.profile .tab-content.properties .row
{
	padding-bottom:25px;
}

.profile .user-info-buttons .full-button,
.profile .user-info-buttons .square-button
{
	cursor:pointer;
}

.profile .tab-content.reviews
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	flex-direction:column;
	padding:0;
	padding-bottom:75px;
}

.profile-reviews
{
	width:100%;
}

.profile-reviews .profile-review
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	border-radius:8px;
	padding-top:8px;
	padding-bottom:8px;
}

.profile-reviews .profile-review:nth-child(odd)
{
	background:#f5f5f5;
}

.profile-reviews .profile-review-author
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	font-size:14px;
	padding-left:10px;
}

.profile-reviews .profile-review-author img
{
	border:3px solid #bdbdbd;
	border-radius:100%;
	width:64px;
	height:64px;
	min-width:64px;
	min-height:64px;
}

@media ( max-width:500px )
{
	.profile-reviews .profile-review-author img
	{
		width:40px;
		height:40px;
		min-width:40px;
		min-height:40px;
	}
	.profile-reviews .profile-review-action
	{
		padding-top:12px !important;
	}
}

.profile-reviews .profile-review-author-content
{
	display:flex;
	flex-direction:column;
	padding-left:10px;
	max-width:100px;
	min-width:100px;
}

.profile-reviews .profile-review-author-content span
{
	word-break:break-all;
}

.profile-reviews .profile-review-content
{
	flex-grow:1;
	padding-top:10px;
	padding-left:15px;
}

.profile-reviews .profile-review-action
{
	padding-right:10px;
	color:#999;
	padding-top:21px;
	cursor:pointer;
	width:30px;
	padding-left:5px;
}



.profile-reviews .review-action-popup
{
	position:absolute;
	width:80px;
	height:100px;
	background:#fff;
	border-radius:10px;
	right:5px;
	margin-top:40px;
	display:none;
	flex-direction:column;
	justify-content:space-evenly;
	padding:6px;
}

.profile-reviews .review-action-confirm
{
	display:flex;
	align-items:center;
	flex-direction:row;
}

.profile-reviews .review-action-confirm
{
	color:#777;
}

.profile-reviews .review-action-confirm img
{
	height:20px;
}

.profile-reviews .review-action-confirm span
{
	padding-left:7px;
}


@media ( max-width:650px )
{
	.profile .profile-header-bottom-wrap .profile-header-bottom-right .edit-profile img
	{
		padding-right:0;
	}

	.profile .profile-header-bottom-wrap .profile-header-bottom-right .edit-profile span
	{
		display:none;
	}
}

@media ( max-width:500px )
{
	.profile .profile-header
	{
		border-top-left-radius:0;
		border-top-right-radius:0;
	}
	.profile .profile-tabs-buttons .profile-tabs-button .reviews-button-star
	{
		height:25px;
		width:25px;
		font-size:14px;
		padding-left:8px;
		padding-top:3px;
	}

	.profile .profile-header-bottom-wrap .profile-header-bottom-right .edit-profile
	{
		display:none;
	}

	.profile .user-info-buttons .edit-profile
	{
		display:flex;
	}

	.profile .profile-header-bottom-item .second-text
	{
		font-size:12px;
	}

	.profile .profile-tabs-buttons .requestvaluation .text-full
	{
		display:none;
	}

	.profile .profile-tabs-buttons .requestvaluation .text-less
	{
		display:block;
	}

	.profile .profile-tabs-buttons
	{
		height:50px;
	}

	.profile .profile-tabs-buttons .profile-tabs-button
	{
		flex-direction:column;
		justify-content:center;
		padding-top:2px;
	}

	.profile .profile-tabs-buttons .profile-tabs-button.review span
	{
		margin-left:0px;
	}

	.profile .profile-tabs-buttons .profile-tabs-button

	.profile .profile-tabs-buttons .profile-tabs-button span
	{
		padding:0;
		margin:0;
		line-height:16px;
	}

	.profile .profile-tabs-buttons .profile-tabs-button img
	{
		padding-right:0;
		padding-bottom:3px;
		padding-top:3px;
		height:25px;
	}

	.profile .user-info-buttons .square-button
	{
		margin-left:8px;
		width:30px;
		height:30px;
	}

	.profile .user-info-buttons .full-button
	{
		height:30px;
	}

	.profile .profile-tabs-content
	{
		padding-left:10px;
		padding-right:10px;
	}

	.profile .profile-header-bottom-left,
	.profile .profile-header-bottom-right
	{
		display:none !important;
	}

	.profile .profile-header-bottom-wrap
	{
		justify-content:center;
	}

	.profile .tab-content.about .about-item
	{
		width:100%;
	}
}

/* End profile pages new */

.centerText
{
	text-align:center;
}

#divShowFilteredPosts
{
	max-width:1024px;
	margin:0px auto;
}


.ui-block-title.title-red
{
	text-align:center;
	background-color:#EA0041;
}

.peopleCardButton .phone
{
	white-space:pre;
}

/* Edit profile stuff */

.edit-profile-wrap
{
	margin:20px auto;
	max-width:850px;
}

.edit-profile-wrap img
{
	height:20px;
}

.edit-profile-wrap .tabs
{
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	overflow:hidden;
	display:flex;
	flex-direction:row;
	max-width:700px;
}

.edit-profile-wrap .tabs .tab-item
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-evenly;
	background:#e0efff;
	width:200px;
	height:35px;
	color:#38a1ff;
	font-size:18px;
	cursor:pointer;
}

.edit-profile-wrap .tabs .tab-item.selected
{
	background:#f7f7f7;
}

.edit-profile-content-wrap
{
	background:#f7f7f7;
	max-width:850px;
	padding:10px;
	border-bottom-left-radius:12px;	
	border-top-right-radius:12px;
	overflow:hidden;
}

.edit-profile-content-wrap .edit-profile-content
{
	display:none;
	border-radius:14px;
	overflow:hidden;
	width:100%;
	border:1px solid #c4c4c4;
	flex-direction:column;
	display:none;
}

.edit-profile-wrap .edit-profile-section-title
{
	height:40px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

.edit-profile-wrap .edit-profile-section
{
	flex-direction:column;
	border-top:1px solid #c4c4c4;
}

.edit-profile-wrap .edit-profile-section:nth-child(1)
{
	border-top:0px solid #c4c4c4;
}

.edit-profile-wrap .edit-profile-section-title  span
{
	color:#38a1ff;
	font-size:18px;
	white-space:pre;
}

.edit-profile-wrap .edit-profile-section-title .left
{
	display:flex;
	align-items:center;
}

.edit-profile-wrap .edit-profile-section-title .left img
{
	margin-left:10px;
	width:20px;
}

.edit-profile-wrap .edit-profile-section-title .right img
{
	margin-right:10px;
}

.edit-profile-wrap .edit-profile-section-content
{
	display:flex;
	flex-wrap:wrap;
	padding:10px;
	justify-content:center;
}

.edit-profile-wrap .edit-profile-section-content .row
{
	width:100%;
}


.complete-profile-banner
{
	border-radius:9px;
	display:none;
	flex-direction:column;
	background:#39adff;
	max-width:850px;
	margin:10px auto;
	color:#fff;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	box-sizing:border-box;
}

.complete-profile-banner .complete-profile-banner-title
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:22px;
        padding:3px;
	padding-bottom:5px;
	font-weight:600;
}

.complete-profile-banner .complete-profile-banner-title > *
{
	flex-basis:0;
	flex-grow:1;
}

.complete-profile-banner .complete-profile-banner-title span
{
	min-width:235px;
}

.complete-profile-banner .complete-profile-banner-right
{
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

.complete-profile-banner .complete-profile-banner-title img
{
	width:20px;
	height:20px;
}

.edit-profile-wrap .save-button-wrap-bg
{
	display:flex;
	flex-direction:row;
	width:100%;
	justify-content:flex-end;
}

.edit-profile-wrap .save-button-wrap
{
	width:130px;
	background:#f7f7f7;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	border-top-right-radius:0;
	border-top-left-radius:0;
	padding-left:10px;
	padding-right:10px;
}


.edit-profile-wrap .save-button
{
	width:100%;
	font-family:'Muli';
	height:30px;
	background:#39adff;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	border-radius:5px;
	position:relative;
	border:0px !important;
	font-weight:unset !important;
}

.edit-profile-wrap .tab-narrow
{
	display:none;
}

@media(max-width:650px)
{
	.edit-profile-wrap .tabs .tab-item
	{
		flex-direction:column;
		height:50px;
		padding-top:5px;
		font-size:13px;
	}
	.edit-profile-content-wrap
	{
		border-top-right-radius:0;
	}

	.edit-profile-wrap .tab-wide
	{
		display:none;
	}

	.edit-profile-wrap .tab-narrow
	{
		display:flex;
	}
}

.completion-status
{
	display:none;
}

.edit-profile-section input[type='text']
{
	min-height:45px;
}

.edit-profile-section select
{
	line-height:1.5;
}

.edit-profile-section label
{
	margin-left:-2px;
	margin-top:-2px;
}

.edit-profile-section .select-container label
{
	margin-left:-1px;
	margin-top:4px;
}

.edit-profile-section .is-empty label
{
	margin-top:-4px;
}

.edit-account-settings .is-empty label
{
	margin-top:-7px;
}

.edit-profile-content.wall-settings .edit-profile-section-content
{
	justify-content:flex-start;
}

.edit-profile-content .profile-tagline .col-lg-4
{
	max-width:100%;
	display:block;
	flex:100%;
}




/* End edit profile stuff */
.properties-page-ad
{
	min-width:330px !important;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
	padding-top:40px !important;
}


.you-may-also .ui-block
{
	border-radius:9px;
	border:4px solid #36a1ff;
	background:#ecf8ff;
	text-align:center;
}

.you-may-also .ui-block-title
{
	background:#ecf8ff !important;
	text-align:center;
	padding:0;
	padding-top:7px;
}

.you-may-also .ui-block-title h2
{
	color:#0070d4 !important;
	font-size:18px;
}

.you-may-also .ui-block-content a
{
	color:#0070d4;
	width:100%;
	display:inline-block;
	text-align:center;
	font-size:16px;
}

.you-may-also-results .ui-block
{
	margin-top:5px;
}

.you-may-also-results .ui-block-content
{
	font-size:11px;
}

.landing .container .right
{
	min-height:800px;
}

/* Products */
.products-section
{
	margin:0px auto;
	max-width:650px;
	background:#fff;
	margin-top:10px;
	padding:10px;
	border-radius:9px;
}

.products-section .products-section-head
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:5px;
	padding-top:5px;
}

.products-section .products-section-head img
{
	width:45px;
}

.products-section .products-section-head span
{
	padding-left:15px;
	font-size:26px;
}

.products-section.products .products-section-head span,
.products-section.products .products-section-description span,
.products-section.tools .products-section-head span,
.products-section.tools .products-section-description span,
.products-section.products .products-section-button span,
.products-section.tools .products-section-button span,
.products-section.features .products-section-button span
{
	color:#0088ff;
}

.products-section.features .products-section-head span,
.products-section.features .products-section-description span
{
	color:#f2104e;
}

.products-section .products-section-description
{
	width:100%;
	padding:5px;
	text-align:center;
	font-size:16px;
}

.products-section .products-section-button span
{
	font-weight:800;
}

.products-section a
{
	text-decoration:none !important;
}

.products-section .products-section-content
{
	flex-basis:0;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	flex-direction:row;
	padding-top:10px;
	padding-bottom:10px;
}

.products-section .products-section-button
{
	flex-basis:0;
	display:flex;
	min-width:155px;
	align-items:center;
	flex-direction:column;
	justify-content:center;
}

.products-section .products-section-button:hover
{
	transition:all 0.2s;
	transform:scale(1.1,1.1);
}

.products-section .products-section-grouper
{
	display:flex;
	margin-top:10px;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}

.products-section .products-section-button span
{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:16px !important;
}

.products-section .products-section-button img
{
	width:80px;
	height:80px;
}

.displayFlex
{
	display:flex !important;
}

body
{
	padding:0;
	margin:0;
	font-family:'Muli';
	background:#e7e7e7;
}

img
{
	max-width:100%;
}

.group-profile
{
	max-width:850px;
	border-radius:11px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:0px auto;
}

.group-profile .group-head
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:column;
	height:350px;
	background:url('resources/img/groups/placeholder.svg');
	background-size:cover;
	width:100%;
}

.group-profile .group-head > div
{
	flex-basis:0;
}

.group-profile .group-head .group-head-center
{
	display:flex;
	align-items:center;
	max-width:600px;
	justify-content:center;
	flex-direction:column;
}

.group-profile .group-head .group-head-center .group-name
{
	color:#fff;
	font-size:25px;
	text-shadow : 0px 0px 3px rgba(0, 0, 0, 0.73);
	word-break:break-all;
	text-align:center;
}

.group-profile .join-group
{
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:25px;
	color:#fff;
	background:#f00746;
	border-radius:9px;
	transition:all 0.1s;
	cursor:pointer;
}

.group-profile .join-group:hover
{
	transform:scale(1.05);
}

.group-profile .join-group span
{
	font-size:15px;
}

.group-profile .join-group img
{
	width:15px;
	height:15px;
	padding-right:5px;
}

.group-profile .group-head-bottom
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	padding-bottom:5px;
}

.group-profile .group-head-bottom .group-head-bottom-button
{
	display:flex;
	align-items:center;
	flex-direction:row;
	justify-content:center;
	margin-left:10px;
}

.group-profile .group-head-bottom .group-head-bottom-button:nth-child(1)
{
	margin-left:0;
}

.group-profile .group-head-bottom .group-head-bottom-button img
{
	width:25px;
	height:25px;
}

.group-profile .group-head-bottom .group-head-bottom-button span
{
	color:#fff;
	text-shadow : 0px 0px 3px rgba(0, 0, 0, 0.73);
}

.group-profile .group-tabs
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background:#f00746;
	height:50px;
	width:100%;
}

.group-profile .group-tab-button
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin-left:10px;
	height:100%;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
}

.group-profile .group-tab-button img
{
	width:30px;
	height:30px;
}

.group-profile .group-tab-button span
{
	padding-left:5px;
	color:#fff;
}

.group-profile .group-tab-button.selected
{
	background:#f24975;
}

.group-profile .group-tab-button-combiner
{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.group-profile .group-button-count
{
	font-weight:600;
}

.group-tab-content-container
{
	display:flex;
	width:100%;
	background:#fff;
	flex-direction:column;
	justify-content:center;
}

.group-tab-content
{
	width:100%;
	padding:30px;
	display:none;
	flex-direction:column;
	justify-content:center;
}

.group-tab-content .group-tab-content-item
{
	display:flex;
	flex-direction:row;
	align-items:center;
	padding-top:15px;
}

.group-tab-content .group-tab-content-item:nth-child(1)
{
	padding-top:0;
}

.group-tab-content .group-tab-content-item img
{
	width:30px;
	height:30px;
}

.group-tab-content .group-tab-content-item .group-content-combiner
{
	display:flex;
	flex-direction:column;
	padding-left:10px;
}

.group-tab-content-item .content-label
{
	color:#6e6e6e;
}

@media(max-width:450px)
{
	.group-tabs .group-tab-button
	{
		flex-direction:column;
	}
	.group-tabs .group-tab-button-combiner
	{
		flex-direction:row;
	}
	.group-profile .group-tabs
	{
		height:60px;
	}
	.group-profile .group-tab-button span
	{
		padding-left:0;
	}
	.group-profile .group-tab-button
	{
		margin-left:5px;
		font-size:14px;
	}
	.group-profile .group-head-bottom .group-head-bottom-button
	{
		flex-direction:column;
	}
	.group-tab-button-combiner .group-button-count
	{
		padding-left:2px !important;
	}
}


.groups
{
	margin:0px auto;
	max-width:1080px;
	margin-top:20px;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.groups-search
{
	background:#0088ff;
	max-width:350px;
	display:flex;
	flex-direction:column;
	padding:20px;
	border-radius:9px;
}

.groups-search  .groups-search-title
{
	display:flex;
	flex-direction:row;
	width:100%;
	align-items:center;
	justify-content:center;
	font-size:22px;
	color:#fff;
}

.groups-search  .groups-search-title span
{
	padding-left:10px;
}

.groups-search  .groups-search-title img
{
	width:32px;
	height:32px;
}

.groups-search .groups-search-description
{
	padding-top:10px;
	text-align:center;
	color:#fff;
}

.groups-search .groups-search-box-wrap
{
	margin-top:10px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}

.groups-search .groups-search-box
{
	background:#ed2159;
	max-width:400px;
	height:28px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	border-radius:9px;
	overflow:hidden;
}

.groups-search .groups-search-box input
{
	max-width:240px;
	height:100%;
	width:320px;
	border:2px solid #f9f9f9;
}

.groups-search .groups-search-box .groups-search-button
{
	width:80px;
	height:100%;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	background:none;

}

.groups .groups-main
{
	margin-top:10px;
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
	padding-bottom:50px;
}

.groups-main .groups-left-title
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}

.groups-main .groups-left-title img
{
	width:30px;
	height:30px;
}

.groups-main .groups-left-title span
{
	font-size:22px;
	color:#ed2159;
	padding-left:10px;
}

.group-card
{
	width:165px;
	background:#ed2159;
	display:flex;
	flex-direction:column;
	padding:7px;
	border-radius:13px;
	margin-left:5px;
	margin-top:5px;
        float:left;
}

.group-card-hidden
{
	display:none;
}

.group-card .group-card-header
{
	border-radius:9px;
	background-image:url('resources/img/groups/placeholder.svg');
	background-size:cover;
	height:105px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.group-card .group-card-header span
{
	color:#fff;
	text-shadow:0px 0px 4px #000000;
	font-size:16px;
	font-weight:600;
	text-align:center;
	word-break:break-all;
	max-width:95%;
}

.group-card .group-card-info
{
	margin-top:8px;
	border-radius:9px;
	width:100%;
	background:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	padding-bottom:5px;
	padding-top:5px;
}

.group-card .group-card-info-text
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	height:90px;
}

.group-card .group-card-info .group-card-type
{
	font-weight:600;
	color:#ed2159;
	font-size:14px;
}

.group-card .group-card-info .group-card-members
{
	font-size:14px;
	color:#333;
}

.group-card-info .group-card-button-container
{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.group-card-info .group-card-button
{
	border-radius:11px;
	color:#fff;
	background:#236fff;
	padding:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-left:13px;
	padding-right:13px;
	font-weight:600;
	font-size:12px;
}

.groups-left-cards
{
	padding-top:15px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	flex-wrap:wrap;
}

.groups-left .owned-groups
{
	background:#fff;
	border-radius:12px;
	padding:15px;
	box-sizing:border-box;
}

.groups-left .joined-groups
{
	margin-top:10px;
	background:#fff;
	border-radius:12px;
	padding:15px;
	box-sizing:border-box;
}

.groups-left .joined-groups .groups-left-title span
{
	color:#0088ff;
}

.groups-left-view-all
{
	padding-top:15px;
	padding-bottom:5px;
	text-align:center;
	width:100%;
	color:#ed2159;
}

.latest-groups-view-all
{
	padding-top:15px;
	padding-bottom:5px;
	text-align:center;
	width:100%;
	color:#0088ff;
}


.joined-groups .groups-left-view-all
{
	color:#0088ff;
}

.groups-right
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	padding-left:15px;
}

.groups-right .about-groups
{
	width:260px;
	background:#0088ff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border-radius:11px;
	padding:10px;
	width:100%;
}

.about-groups .about-groups-title
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	color:#fff;
}

.about-groups .about-groups-title img
{
	height:30px;
	width:30px;
}

.about-groups .about-groups-title span
{
	padding-left:10px;
	font-size:18px;
}

.about-groups .about-groups-description
{
	width:100%;
	color:#fff;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:13px;
}

.about-groups .about-groups-buttons
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
}

.about-groups-buttons .about-groups-view-all
{
	text-align:center;
	width:100%;
	color:#fff;
	font-weight:600;
	cursor:pointer;
}

.about-groups-buttons .about-groups-create-group
{
	margin-top: 10px;
	padding:5px;
	color:#fff;
	background:#5cc6ff;
	border-radius:9px;
	padding-left:15px;
	padding-right:15px;
	font-weight:600;
}

.groups-sidebar-container
{
	border:3px solid #f9f9f9;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:9px;
	background:#fff;
	margin-top:10px;
	flex-direction:column;
}

.groups-sidebar-container .groups-in-area
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.groups-sidebar-container .groups-sidebar-title
{
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
}

.groups-sidebar-container .groups-sidebar-title img
{
	height:40px;
}

.groups-sidebar-container .groups-sidebar-title span
{
	padding-left:10px;
	color:#ed2159;
}

.latest-groups
{
	padding-top:10px;
}

.group-in-area-cards,
.group-latest-cards
{
	padding-top:10px;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:column;
	box-sizing:border-box;
}

.group-mini-card
{
	display:flex;
	flex-direction:row;
	width:100%;
	padding:10px;
	align-items:center;
	box-sizing:border-box;
}

.group-mini-card img
{
	width:50px;
	height:50px;
	border-radius:100%;
	border:2px solid #f1f1f1;
}

.group-mini-card-text
{
	padding-left:10px;
	display:flex;
	flex-direction:column;
}

.group-mini-card-name
{
	font-weight:600;
	color:#ed2159;
}

.group-mini-card-location
{
	color:#b3b3b3;
}

.groups-in-area
{
	width:100%;
}

.latest-groups
{
	/* border-top:2px solid #b9b9b9; */
	width:100%;
	margin-top:10px;
}

.latest-groups .groups-sidebar-title span
{
	color:#0088ff;
}

.latest-groups .groups-sidebar-title img
{
	width:30px;
	height:30px;
}

.latest-groups .group-mini-card-name
{
	color:#0088ff;
}

.groups-in-area .groups-sidebar-title
{
	margin-top:5px;
}

.groups-sidebar-search
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:10px;
	padding-bottom:5px;
}

.groups-sidebar-search img
{
	width:20px;
	height:20px;
}

.groups-sidebar-search span
{
	padding-left:5px;
	color:#ed2159;
	font-weight:600;
}

.latest-groups .groups-sidebar-search span
{
	color:#0088ff;
}

.groups .groups-left
{
}


@media (max-width:850px)
{
	.groups .groups-main
	{
		flex-direction:column !important;
	}

	.groups .groups-left
	{
		width:100%;
	}

	.groups .groups-right
	{
		margin-top:10px;
		padding-left:0;
	}

	.groups .group-card
	{
		margin-top:10px;
		margin-left:3px;
	}
	.groups-search .groups-search-box input
	{
		max-width:200px;
	}
}

@media ( min-width:850px )
{
	.groups-main .groups-left
	{
		min-width:500px;
	}
	.groups .groups-right
	{
		max-width:310px;
	}
}

.group-profile
{
	max-width:850px;
	border-radius:11px;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:0px auto;
}

.group-profile .group-head
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:column;
	height:350px;
	background:url('resources/img/groups/placeholder.svg');
	background-size:cover;
	width:100%;
}

.group-profile .group-head > div
{
	flex-basis:0;
}

.group-profile .group-head .group-head-center
{
	display:flex;
	align-items:center;
	max-width:600px;
	justify-content:center;
	flex-direction:column;
}

.group-profile .group-head .group-head-center .group-name
{
	color:#fff;
	font-size:25px;
	text-shadow : 0px 0px 3px rgba(0, 0, 0, 0.73);
	word-break:break-all;
	text-align:center;
}

.group-profile .join-group
{
	margin-top:10px;
	padding-left:15px;
	padding-right:15px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:25px;
	color:#fff;
	background:#f00746;
	border-radius:9px;
	transition:all 0.1s;
	cursor:pointer;
}

.group-profile .join-group:hover
{
	transform:scale(1.05);
}

.group-profile .join-group span
{
	font-size:15px;
}

.group-profile .join-group img
{
	width:15px;
	height:15px;
	padding-right:5px;
}

.group-profile .group-head-bottom
{
	/*
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	padding-bottom:5px;
	*/
}

.group-profile .group-head-bottom .group-head-bottom-button
{
	display:flex;
	align-items:center;
	flex-direction:row;
	justify-content:center;
	margin-left:10px;
	cursor:pointer;
}

.group-profile .group-head-bottom .group-head-bottom-button:nth-child(1)
{
	margin-left:0;
}

.group-profile .group-head-bottom .group-head-bottom-button img
{
	width:25px;
	height:25px;
}

.group-profile .group-head-bottom .group-head-bottom-button span
{
	color:#fff;
	text-shadow : 0px 0px 3px rgba(0, 0, 0, 0.73);
}

.group-profile .group-tabs
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background:#f00746;
	height:50px;
	width:100%;
}

.group-profile .group-tab-button
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin-left:10px;
	height:100%;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
}

.group-profile .group-tab-button img
{
	width:30px;
	height:30px;
}

.group-profile .group-tab-button span
{
	padding-left:5px;
	color:#fff;
}

.group-profile .group-tab-button.selected
{
	background:#f24975;
}

.group-profile .group-tab-button-combiner
{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.group-profile .group-button-count
{
	font-weight:600;
}

.group-tab-content-container
{
	display:flex;
	width:100%;
	background:#fff;
	flex-direction:column;
	justify-content:center;
}

.group-tab-content
{
	width:100%;
	padding:30px;
	display:none;
	flex-direction:column;
	justify-content:center;
}

.group-tab-content .group-tab-content-item
{
	display:flex;
	flex-direction:row;
	align-items:center;
	padding-top:15px;
}

.group-tab-content .group-tab-content-item:nth-child(1)
{
	padding-top:0;
}

.group-tab-content .group-tab-content-item img
{
	width:30px;
	height:30px;
}

.group-tab-content .group-tab-content-item .group-content-combiner
{
	display:flex;
	flex-direction:column;
	padding-left:10px;
}

.group-tab-content-item .content-label
{
	color:#6e6e6e;
}

@media(max-width:450px)
{
	.group-tabs .group-tab-button
	{
		flex-direction:column;
	}
	.group-tabs .group-tab-button-combiner
	{
		flex-direction:row;
	}
	.group-profile .group-tabs
	{
		height:60px;
	}
	.group-profile .group-tab-button span
	{
		padding-left:0;
	}
	.group-profile .group-tab-button
	{
		margin-left:5px;
		font-size:14px;
	}
	.group-profile .group-head-bottom .group-head-bottom-button
	{
		flex-direction:column;
	}

	.group-profile .group-head-bottom
	{
		min-height:45px;
		bottom:0;
	}
	.group-tab-button-combiner .group-button-count
	{
		padding-left:2px !important;
	}
}


.groups-search-home
{
	max-width:100%;
	margin-bottom:20px;
	border-radius:4px;
}

.home-groups-search-link
{
	width:100%;
	text-align:center;
	color:#fff;
	padding-top:10px;
	font-weight:600;
}

.groups-search-home .groups-search-title
{
	font-size:40px;
}

.groups-search-home .groups-search-title img
{
	width:40px;
	height:40px;
}

@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } 
}

.group-welcome-dismiss
{
	width:100%;
	text-align:right;
	padding:2px;
	cursor:pointer;
}

.group-welcome-dismiss span
{
	font-size:15px;
	padding:5px;
	box-sizing:border-box;
}

.wall-post-group-welcome .wall-post-header
{
	margin-top:-20px;
}

.wall-post-group-welcome
{
	max-width:850px;
	margin:0px auto;
	margin-bottom:30px;
}

.wall-post-group-welcome .main-text
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.wall-post-group-welcome .main-text h1
{
	line-height:35px;
	font-size:30px;
}

.wall-post-group-welcome .main-text span
{
	font-size:15px;
}

.wall-post-welcome .wall-post-header
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
}

.wall-post-welcome .wall-post-header img
{
	width:50px;
	height:50px;
}

.wall-post-welcome .wall-post-header h1
{
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

@media (max-width:400px)
{
	.wall-post-welcome .wall-post-header h1
	{
		font-size:16px;
	}
}


.wall-post-welcome .wall-post-content
{
	text-align:center;
	background:none !important;
	-webkit-background-clip:none !important;
	-webkit-text-fill-color:unset !important;
	height:auto !important;
	font-size:13px !important;
}

.wall-post-welcome .wall-post-content a
{
	font-weight:600;
}

.wall-post-welcome-group img
{
		height:50px;
}
 
.wall-post-welcome-group
{
	padding-top:15px;
	display:flex;
	align-items:center;
	flex-direction:row;
	justify-content:center;
}

.wall-post-welcome-group div
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-left:15px;
	text-align:left;
}


.featured-wallpost
{
	margin-top:30px;
	box-shadow:unset !important;
	border-radius:15px;
	text-align:center;
}

.featured-wallpost .post
{
	padding-bottom:0;
}
/* Invite page */

.generic-page
{
	width:100%;
	padding-bottom:40px;
}

.generic-page .generic-page-section
{
	max-width:850px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-direction:column;
	margin:0px auto;
	padding:10px;
	text-align:center;
	margin-top:10px;
}

.generic-page .generic-page-section.invite-red
{
	border:6px solid #ec0a48;
	background:#f7f7f7;
}

.generic-page .generic-page-section.invite-red h2
{
	color:#ec0a48;
	font-size:35px;
}

.generic-page .generic-page-section.invite-blue
{
	border:6px solid #36a1ff;
	background:#f7f7f7;
}

.generic-page .generic-page-section.invite-blue h2
{
	color:#36a1ff;
	font-size:35px;
}

.generic-page-img-title
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
}

.generic-page-img-title img
{
	height:30px;
	padding-right:5px;
}

.generic-page .invite-button
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:30px;
	padding-left:5px;
	padding-right:5px;
	background:#36a1ff;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
	margin-top:5px;
	max-width:140px;
	margin:0px auto;
}

.generic-page .invite-button img
{
	height:20px;
	padding-right:7px;
}

.generic-page .invite-email-form
{
	display:flex;
	max-width:800px;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	flex-direction:row;
}

.generic-page .invite-email-form .invite-left,
.generic-page .invite-email-form .invite-right
{
	width:50%;
}

.generic-page .invite-email-form .invite-right
{
	padding-left:5px;
}

.generic-page .invite-email-form .invite-left div
{
	height:100%;
}

.generic-page-content.broadband-page-content
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.generic-page textarea
{
	width:100%;
	height:100%;
}

.generic-page .invite-email-form .invite-left textarea
{
	height:100%;
	width:100%;
}

.generic-page .form-group
{
	margin-bottom:0 !important;
}

.generic-page .invite-email-form .invite-right input
{
	margin-bottom:5px;
}

.generic-page textarea,
.generic-page input
{
	border-radius:7px;
	border:1px solid #d6d6d7;
}

.invite-import label
{
	display:none;
}

.invite-import .import-button
{
	margin-top:5px;
}

.generic-page-section table
{
	overflow:hidden;
	/* border-bottom:2px solid #ec0a48; */
	margin-top:0 !important;
	border-radius:5px !important;
}

.generic-page-section .listHeader
{
	overflow:hidden;
}
.generic-page-section .listHeader td
{
	border-bottom:none !important;
	text-align:center;
	background:#ec0a48;
	color:#fff;
}

.generic-page-section tr td
{
	border-bottom:none !important;
}

.generic-page #emails-error
{
	margin-left:-10px;
	margin-top:10px;
}

.invite-button.whatsapp-share
{
	background:#25d366;
	margin-left:5px;
	height:28px;
}

.invite-button.whatsapp-share img
{
	padding-right:5px;
}

.generic-page-section .invite-buttons
{
	display:flex;
	flex-direction:row;
	padding-top:5px;
}

.generic-page-section .facebook-share
{
	background:#4565c1;
	padding-left:7px;
	padding-right:7px;
}

@media(max-width:700px)
{
	.generic-page-section .invite-email-form
	{
		flex-direction:column;
	}
	.generic-page .invite-email-form .invite-left,
	.generic-page .invite-email-form .invite-right
	{
		width:100%;
	}

	.generic-page .invite-right
	{
		padding-left:0 !important;
		padding-top:5px;
	}

	.generic-page .form-group
	{
		margin-bottom:5px;
	}
}

/* End invite page */

/* Manage properties stuff */
.manage-properties
{
	margin:0px auto;
	max-width:850px;
	margin-top:10px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding-bottom:75px;
}

.manage-properties-cards
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	justify-content:center;
	margin-left:-10px;
}

.manage-properties-card
{
	width:175px;
	height:280px;
	background:#36a1ff;
	border-radius:8px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	margin-left:10px;
	margin-top:10px;
	color:#fff;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.2);
	padding-top:5px;
}

.manage-properties-card h3
{
	color:#fff;
	text-align:center;
	font-size:20px;
	word-break:break-all;
}

.manage-properties-card .manage-card-image
{
	background:url('/themes/pheads/resources/img/manageproperties/waiting.svg');
	background-size:cover;
	width:100%;
	height:120px;
}

.manage-properties-card .manage-card-info
{
	height:99px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:column;
	padding-top:5px;
}

.manage-properties-card .manage-card-info-details
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	flex-grow:1;
}

.manage-properties-card .manage-card-buttons
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	width:100%;
	padding:5px;
	padding-left:2px;
	padding-right:2px;
	box-sizing:border-box;
}

.manage-properties-card .manage-card-buttons .manage-card-button,
.manage-properties-button
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	border-radius:5px;
	background:#0077ff;
	height:25px;
	font-size:12.5px;
	padding-left:4px;
	padding-right:4px;
	color:#fff;
}


.manage-properties-card .manage-card-button-view
{
}

.manage-properties-card .manage-card-button-edit
{
	margin-left:5px;
}

.manage-properties-card .manage-card-buttons .manage-card-button img
{
	height:60%;
	padding-right:2px;
}
.manage-properties-edit-container
{
	padding-top:15px;
	max-width:850px;
	margin:0px auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	padding-bottom:75px;
}

.manage-properties-edit-container .back-to-manage
{
	color:#000;
	height:25px;
	width:100%;
	text-align:left;
}

.manage-properties-edit
{
	width:100%;
	box-sizing:border-box;
	border:4px solid #ec0a48;
	padding:8px;
	background:#f7f7f7;
}

.manage-properties-edit h1
{
	color:#ec0a48;
	width:100%;
	text-align:center;
	margin:0;
	padding-top:8px;
}

.manage-properties-edit .edit-property-info
{
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.manage-properties-edit .edit-property-info .edit-property-info-location
{
	color:#7f7f7f;
}

.manage-properties-edit .form
{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:10px;
}

.manage-properties-edit .form .form-buttons
{
	padding-top:10px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	width:100%;
}

.manage-properties-edit .form-button-combiner
{
	display:flex;
	flex-direction:row;
}

.manage-properties-edit .form-button
{
	border-radius:5px;
	margin-left:5px;
	height:30px;
	display:flex;
	align-items:center;
	flex-direction:row;
	justify-content:space-between;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	cursor:pointer;
}

.manage-properties-edit .form-button img
{
	height:60%;
	padding-right:5px;
}

.manage-properties-edit .form-button-delete
{
	background:#ec0a48;
}

.manage-properties-edit .form-button-cancel
{
	background:#c7c7c7;
}

.manage-properties-edit .form-button-update
{
	background:#36a1ff;
}

.manage-properties-edit .form .form-row
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}

.manage-properties-edit #properties_edit_indiv_0,
.manage-properties-edit #properties_edit_indiv_1,
.manage-properties-edit #properties_edit_indiv_2,
.manage-properties-edit #properties_create_indiv_0,
.manage-properties-edit #properties_create_indiv_1
{
	display:none;
}

.z {
	/*background:#e7e7e7;*/
	background:#fbfbfb;
}

.body-bg
{
	background:rgb(38,137,207);
}

.profile-useful-links
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	margin-top:10px;
	padding-bottom:20px;
}

.profile-useful-links .useful-links-box .title-red
{
	background:rgba(0,0,0,0);
}

.profile-useful-links .useful-links-box .title-red h2
{
	font-weight:600;
	padding-top:14px;
	color:#666 !important;
	font-size:13px !important;
}

.profile-useful-links .useful-links-box .ui-block
{
	background:rgba(0,0,0,0);
	border-radius:8px;
	overflow:hidden;
}

.profile-useful-links .useful-links-box .ui-block-content
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.profile-useful-links .useful-links-box .ui-block a
{
	color:#9a9a9a;
	text-align:center;
	display:inline-block;
	padding-top:4px;
	padding-left:5px;
	padding-right:5px;
}

.profile-useful-links .useful-links-box .ui-block a:hover
{
	transform:scale(1.05,1.05);
}

#files .preview-img
{
	height:50px;
}



/* End manage properties stuff */

/* Mailbox stuff start */

.mailbox-wrap
{
	max-width:850px;
	margin:10px auto;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	flex-direction:row;
	padding-bottom:50px;
}

.mailbox-wrap .mailbox-menu
{
	display:flex;
	flex-direction:column;
	width:125px;
	justify-content:flex-end;
	align-items:flex-start;
}

.mailbox-wrap .mailbox-menu-button
{
	display:flex;
	flex-direction:row;
	align-items:center;
	height:40px;
	width:125px;
	padding-left:5px;
	color:#36a1ff;
	cursor:pointer;
	font-size:14px !important;
}

.mailbox-wrap .mailbox-menu-button-selected
{
	background:#f2f2f2;
	border-top-left-radius:9px;
	border-bottom-left-radius:9px;
}

.mailbox-wrap .mailbox-menu-button img
{
	height:50%;
	padding-right:5px;
	padding-left:5px;
}

.mailbox-wrap .notification-circle
{
	border-radius:100%;
	background:#eb0242;
	min-width:20px;
	min-height:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	margin-left:5px;
}

.mailbox-wrap .notification-circle
{
	font-size:12px !important;
}

.mailbox
{
	display:flex;
	flex-direction:column;
	overflow:hidden;
}

.mailbox .mailbox-top
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	background:#f2f2f2;
	height:40px;
	max-width:725px;
	border-top-right-radius:9px;
}

.mailbox .mailbox-buttons
{
	display:flex;
	flex-direction:row;
	max-width:400px;
	padding-right:15px;
}

.mailbox .mailbox-buttons .mailbox-button
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	height:40px;
	margin-left:20px;
	color:#36a1ff;
	cursor:pointer;
}

.mailbox .mailbox-buttons .mailbox-button img
{
	height:50%;
	padding-right:5px;
}

.mailbox .mailbox-messages
{
	display:flex;
	flex-direction:column;
	max-width:725px;
	overflow:hidden;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.mailbox .mailbox-messages-expanded
{
	max-height:unset;
	overflow:auto;
}

.mailbox .mailbox-message
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	min-height:30px;
	background:#cfcfcf;
	width:100%;
	padding-left:5px;
}

.mailbox .mailbox-message:nth-child(even)
{
	background:#bfbfbf;
}

.mailbox .mailbox-message a
{
	display:flex;
	flex-grow:1;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	height:100%;
	text-decoration:none;
	color:#000;
	padding-right:5px;
	overflow:hidden;
}

.mailbox .mailbox-message-new
{
	background:#e0e0e0;
}

.mailbox .mailbox-message-new span
{
	font-weight:600 !important; 
}

.mailbox .mailbox-message-new:nth-child(even)
{
	background:#e8e8e8;
}

.mailbox .mailbox-message .mailbox-message-name
{
}

.mailbox .mailbox-message-new
{
	/*
	font-weight:600;
	*/
}

.mailbox .mailbox-message .mailbox-message-subject
{
	flex-grow:1;
	max-width:400px !important;
	padding-right:5px;
	padding-left:5px;
}

.mailbox .mailbox-message .mailbox-message-date
{
	min-width:75px;
	margin-right:5px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.mailbox .mailbox-message span
{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:inline-block;
}

.mailbox .mailbox-message-new-circle
{
	border-radius:10px;
	display:flex !important;
	align-items:center;
	justify-content:center;
	background:#eb0242;
	color:#fff;
	font-size:12px;
	height:20px;
	min-width:40px;
	margin-right:5px;
}

.mailbox .mailbox-view-more
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width:100%;
	color:#36a1ff;
	border-top: 1px solid #a8a8a8;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	background:#ededed;
	cursor:pointer;
}

.mailbox-mobile-menu
{
	justify-content:center;
	flex-direction:column;
	color:#36a1ff;
	z-index:10;
}

.mailbox-mobile-menu-others
{
	position:absolute;
	display:none;
	flex-direction:column;
	background:#f2f2f2;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
}

.mailbox-mobile-menu .mailbox-mobile-button
{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-direction:row;
	height:40px;
	width:120px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

.mailbox-mobile-menu .mailbox-mobile-button img
{
	padding-right:8px;
	width:25px;
}

.mailbox-mobile-menu .mailbox-mobile-button-active img
{
	min-width:25px;
}

.mailbox-mobile-menu a
{
	color:#36a1ff;
}

.mailbox .mailbox-button-down-arrow
{
	padding-top:2px;
	padding-left:4px;
	color:#c7c7c7;
	transform:scale(1,0.5);
}

.mailbox span
{
	font-size:16px !important;
}

.mailbox-menu
{
	font-size:16px !important;
}

@media(max-width:850px)
{
	.mailbox .mailbox-buttons
	{
		width:auto;
	}
	.mailbox .mailbox-message .mailbox-message-subject
	{
		max-width:unset !important;
		white-space:unset !important;
	}
	.mailbox-menu
	{
		display:none !important;
	}
	.mailbox .mailbox-top
	{
		border-top-left-radius:9px;
	}

	.mailbox .mailbox-message
	{
		min-height:50px;
	}
	.mailbox .mailbox-message .mailbox-message-date
	{
		min-width:80px !important;
	}
	
	.mailbox-message span
	{
		font-size:12px !important;
	}
}

.mailbox-message .select-checkbox
{
	display:flex;
	align-items:center;
	justify-content:center;
}

.mailbox-message .select-checkbox .checkbox
{
	margin-bottom:0;
}

.mailbox-message .select-checkbox .check
{
	border-radius:4px;
	border:2px solid #999;
	margin-top:4px;
	background:#e5e5e5;
}

@media (min-width:850px)
{
	.mailbox-mobile-menu > *
	{
		display:none !important;
	}
}

@media (max-width:500px)
{
	.mailbox .mailbox-message .mailbox-message-name
	{
		min-width:75px !important;
		max-width:75px !important;
	}

	.mailbox .mailbox-top .mailbox-button span
	{
		font-size:13px !important;
	}

	.mailbox .mailbox-top .mailbox-button
	{
		margin-left:10px;
		padding-left:3px;
		padding-right:3px;
	}

}

.edit-profile-content.notification-settings .form
{
	width:100%;
}

.group-head .group-sub-buttons
{
	display:flex;
	flex-direction:row;
}

.edit-profile-content #l-phone
{
	font-size:12px !important;
}

/* Mailbox stuff end */

.back-to-photos
{
	color:#000;
	font-size:14px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
	font-weight:600;
}

.generic-button-red
{
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	color:#fff !important;
	background:#ff1e67;
	height:44px;
	border-radius:7px;
	padding:4px;
	box-sizing:border-box;
	cursor:pointer;
}

.generic-button-red span
{
	color:#fff !important;
}


.generic-button-red img
{
	height:90%;
}

.generic-button-blue
{
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	color:#fff !important;
	/* background:#007bff; */
	background:#36a1ff;
	height:32px;
	border-radius:7px;
	padding:4px;
	box-sizing:border-box;
	cursor:pointer;
}

.generic-button-blue span
{
	color:#fff !important;
}


.generic-button-blue img
{
	height:80%;
	padding-right:4px;
}

/* Profile photos stuff */

.profile-photos
{
	width:100%;
}

.profile-photos-tip
{
	width:100%;
	padding:25px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	background:#fff;
}

.profile-photos-tip h2
{
	margin:0;
	padding-bottom:5px;
}

.profile-photos-tip .ppt-left img
{
	width:125px;
}

@media(max-width:695px)
{
	.profile-photos .ppt-left img
	{
		display:none;
	}
}

.profile-photos-tip .ppt-right
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	max-width:500px;
	padding-left:50px;
}

.profile-photos .ppt-upload-button
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background:#1591fb;
	height:30px;
	width:100px;
	border-radius:8px;
	color:#fff;
	cursor:pointer;
}

.profile-photos .ppt-upload-button img
{
	height:60%;
	padding-right:5px;
}

.profile-photos .profile-photos-thumbnails
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	max-width:1000px;
	flex-direction:row;
	margin:0px auto;
}

.profile-photos .profile-photos-thumbnails img
{
	border:4px solid #fff;
	-webkit-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.51);
	box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.51);
	height:150px;
	margin-left:10px;
	margin-top:10px;
	cursor:pointer;
}

.photo-window
{
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	display:none;
	overflow-y:scroll;
	z-index:9999999999999999;
}


.photo-window-main
{
	margin:0px auto;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	max-width:850px;
	border-radius:9px;
	min-width:300px;
	-webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.51);
	box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.51);

}

.photo-window .photo-container
{
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	background:#000;
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	max-height:500px;
	height:500px;
}

.photo-window .photo-container img
{
	max-height:100%;
}

.photo-window .photo-info
{
	background:#f2f2f2;
	width:100%;
	box-sizing:border-box;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:10px;
	
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
}

.photo-window .photo-info-left
{
	flex-grow:1;
	display:flex;
	flex-direction:row;
	align-items:center;
	padding-right:10px;
}

.photo-window .photo-info-left .photo-author-info
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-right:10px;
	padding-left:10px;
	max-width:200px;
}

.photo-window .profile-photo
{
	width:50px;
	height:50px;
	min-width:50px;
	min-height:50px;
	border:4px solid #d4d4d4;
	border-radius:100%;
	background:#f1f1f1;
	background-size:contain;
}


.photo-window .photo-info-left a
{
	text-decoration:none;
	color:#006eff;
}

.photo-window .photo-info-right
{
	display:block;
}


.photo-window .photo-info-button
{
	display:flex;
	cursor:pointer;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	background:#eb1c53;
	height:30px;
	width:120px;
	font-size:13px;
	border-radius:8px;
	color:#fff;
	margin-top:5px;
	text-decoration:none;
}

.photo-window .photo-info-button img
{
	height:60%;
	padding-right:5px;
}

.photo-window .photo-caption a
{
	font-size:13px;
	color:#a9a9a9;
	text-decoration:none;
	padding-right:5px;
}

.photo-window .photo-info-mobile-buttons
{
	display:none;
}

.photo-window .photo-info-mobile-buttons a
{
	color:#fff;
}

.photo-window .photo-window-options
{
	width:100%;
	display:flex;
	flex-direction:row;
	height:30px;
}

.photo-window .photo-close
{
	color:#fff;
	padding-bottom:5px;
	padding-top:20px;
	cursor:pointer;
	margin:0px auto;
	width:100%;
	text-align:center;
}

.photo-window a
{
	cursor:pointer;
}

.photo-window-comments
{
	margin:0px auto;
	display:flex;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	background:#f5f5f5;
	max-width:650px;
	flex-direction:column;
	padding-bottom:10px;
	padding-top:10px;
}

.photo-window-comment
{
	display:flex;
	flex-direction:row;
	padding-left:10px;
	padding-right:10px;
	min-width:650px;
	padding-bottom:5px;
	box-sizing:border-box;
}

.photo-window-comment a
{
	color:#006eff;
	text-decoration:none;
}

.photo-window-comment .photo-comment-info
{
	display:flex;
	flex-direction:column;
	padding-left:5px;
	padding-right:5px;
	border-right:2px solid #e3e3e3;
	min-width:120px;
}

.photo-window-comment .photo-comment-content
{
	padding-left:5px;
}

.photo-window-comment .photo-comment-content span
{
	word-wrap:anywhere;
}

.photo-window .photo-links-break
{
	display:none;
}

@media (max-width:750px)
{
	.photo-window-comment
	{
		min-width:0px !important;
		width:100% !important;
	}

	.photo-window .photo-info-right
	{
		display:none;
	}

	.photo-window .photo-info-left
	{
		flex-wrap:wrap;
	}

	.photo-window .photo-author-info
	{
		flex-grow:1;
		max-width:100% !important;
		padding-bottom:10px;
		min-width:235px;
		max-width:235px
	}

	.photo-window .photo-info-mobile-buttons
	{
		display:block;
	}

	.photo-window .photo-caption
	{
		width:100%;
		padding-left:5px;
	}

	.photo-window .photo-caption-links a
	{
		display:inline-block;
		height:20px;
	}

	.photo-window-main .photo-info
	{
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}
}

@media(max-width:470px)
{
		.photo-window .photo-info-mobile-buttons
		{
			display:flex !important;
			flex-direction:row;
			justify-content:center;
			width:100%;
			padding-top:10px;
		}

		.photo-window .photo-info-mobile-buttons .photo-info-button
		{
			margin-left:5px;
		}

		.photo-window .photo-caption
		{
			padding-top:10px;
			text-align:center;
		}

		.photo-window .photo-author-info
		{
			flex-grow:0;
			min-width:initial;
		}

		.photo-window .photo-info-left
		{
			justify-content:center;
		}

		.photo-window .photo-caption-links
		{
			padding-top:5px;
		}

		.photo-window .photo-links-break
		{
			display:block;
			margin-top:5px;
		}

		.photo-window .photo-window-comment
		{
			flex-wrap:wrap;
		}

		.photo-window-comment .photo-comment-info
		{
			border-right:none;
		}

		.photo-window-comment .photo-comment-content
		{
			padding-top:5px;
			padding-bottom:5px;
		}

		.photo-window-comment
		{
			/*border*/
		}


}

/* tmp */
.photo-window .photo-comment-info
{
	display:flex;
	padding-left:5px;
	padding-top:2px;
}

.photo-window .photo-comment-delete
{
	cursor:pointer;
}

.photo-info-button,
.photo-info-button span
{
	color:#fff;
}

.photo-window .profile-file-uploader
{
	margin:0px auto;
	background:#fff;
	align-items:center;
	max-width:850px;
	border-radius:9px;
	min-width:300px;
	-webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.51);
	box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.51);
}


/* End profile photos stuff */

/* new properties stuff */

.properties-content-item
{
	border:2px solid #fff;
	background-size:100% auto;
	background-position:0 0;
	background-repeat:no-repeat;
	width:330px;
	min-height:230px;
	flex-direction:column;
	align-items:flex-start;
	display:flex;
	border-radius:3px;
	margin-top:5px;
	margin-bottom:5px;
	transition:all 0.2s;
}

.properties-content-middle
{
	flex-grow:1;
}

.properties-content-bottom
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	color:#fff;
	padding:10px;
	width:100%;
}

.properties-content-transparent-bg
{
	background:rgba(255,255,255,0.3);
}

.properties-content-bottom > span
{
	text-shadow:0 0 8px #111;
}

.properties-content-button
{
	cursor:pointer;
}

.properties-content-bottom .properties-content-button
{
	margin-top:10px;
}

.properties-content-item .properties-content-header
{
	height:40px;
	background:rgba(0,136,255,0.75);
	padding-left:5px;
	padding-right:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:12px;
}

.properties-content-item .properties-content-header h2
{
	font-size:22px;
	padding:0;
	margin:0;
	color:#fff;
}


.properties-content-item .properties-content-button
{
	padding:4px;
	background:#1979ff;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:40px;
	width:120px;
	color:#fff;
	border-radius:9px;
	box-sizing:border-box;
}

.properties-content-item .properties-content-button img
{
	height:40%;
	padding-right:5px;
}

.properties-content-bottom-expanded
{
	display:none;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:#fff;
	width:100%;
}

.properties-content-row
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}

.properties-content-row .properties-content-button
{
	margin-left:5px;
	margin-right:5px;
}

.properties-content-bottom-expanded p
{
	color:#1979ff !important;
	font-size:13px !important;
}

.properties-row-content
{
	padding-left:12px !important;
	padding-right:12px !important;
}

.properties-content-items-wrap
{
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	justify-content:center;
	flex-wrap:wrap;
}

.properties-content-items
{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-start;
	max-width:380px;
	margin-left:10px;
	margin-right:10px;
}


/* new properties stuff end */


/* home valuation */

.home-valuation-page .row
{
	justify-content:center;
}

.home-valuation-page .g-recaptcha
{
	display:flex;
	align-items:center;
	justify-content:center;
}

.home-valuation-bottom
{
	text-align:left !important;
}

.home-valuation-bottom span
{
	font-size:20px;
}

.home-valuation-page .label-floating .form-control, .label-floating input, .label-floating select
{
	line-height:1.7 !important;
}


/* end home valuation */

/* write property review page */

.write-property-review-page .col-lg-12
{
	margin-top:10px;
}

.write-property-review-page
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}

.write-property-review-page .generic-page-section
{
	margin:initial;
	border-radius:7px;
}

.write-property-review-page-right
{
	display:flex;
	flex-direction:column;
	max-width:350px;
}


.write-property-review-page-right .property-card-mini
{
	min-width:310px;
	margin-top:10px !important;
	box-shadow:initial;
}

.write-property-review-page-right .peopleCardWrapper
{
	padding-top:0;
}

@media(max-width:1200px)
{
	.write-property-review-page-right
	{
		padding-top:20px;
	}
	.write-property-review-page
	{
	}
}

.generic-page-title-row
{
	flex-wrap:wrap;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}

.write-property-review-page textarea
{
	min-height:240px;
}

.write-business-review-page
{
	flex-direction:column !important;
	align-items:center;
	justify-content:center;
}
.write-business-review-page .write-property-review-page-right
{
	padding-top:20px;
}

.write-business-review-page #write_testimonial
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
/* end write property review page */

.mainContainerWrapper .nearest-locations
{
	border:4px solid #25A3E3;
	padding:5px;
	box-sizing:border-box;
	background:#fff;
	text-align:center;
	padding-bottom:8px;
	display:flex;
	justify-content:space-evenly;
	flex-direction:column;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
	width:320px;
	border-radius:4px;
}


.mainContainerWrapper .nearest-locations span
{
	color:#3b5fa4;
}

@media ( min-width:1000px )
{
	.mainContainerWrapper .listingAds
	{
		margin-top:1000px;
	}
	.mainContainerWrapper .nearest-locations
	{
		border-top-left-radius:0px !important;
		border-top-right-radius:0px !important;
		border-top:0 !important;
	}
}

@media ( max-width:1000px)
{
	.mainContainerWrapper .nearest-locations
	{
		margin:0px auto;
		margin-top:10px;
		border-top-left-radius:4px;
		border-top-right-radius:4px;
		border-top:4px solid #25a3e3;
	}
}

.multi-search
{
	margin:0px auto;
	max-width:1000px;
	display:flex;
	flex-direction:column;
	padding-bottom:15px;
}

.multi-search .multi-tab-content .row
{
	width:100%;
}

.multi-search .multi-search-tabs
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}

.multi-search .multi-search-tab-button
{
	display:flex;
	align-items:center;
	background:#f7f7f7;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	flex-direction:row;
	height:30px;
	color:#0088ff;
	cursor:pointer;
}

.multi-search .multi-search-tab-button:hover
{
	background:#fff;
}

.multi-search .multi-search-tab-button img
{
	width:25px;
	height:25px;
	padding-right:5px;
}

.multi-search .multi-search-tab-button.active
{
	background:#fff !important;
}

.multi-search-content
{
	padding:5px;
	width:100%;
	height:100%;
	background:#fff;
	border-radius:9px;
}

.multi-tab-content
{
	display:none;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding-bottom:15px;
}

.multi-tab-content .row
{
	justify-content:center;
}

.multi-tab-people-cards
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}

.multi-tab-content h2
{
	color:#0088ff;
}

.multi-tab-content > span
{
	padding-bottom:15px;
	text-align:center;
}

.multi-tab-content a
{
	text-decoration:none;
}

@media(max-width:600px)
{
	.multi-search .multi-search-tab-button
	{
		flex-direction:column;
		height:45px;
		flex-grow:1;
		margin:0px auto;
	}
}

@media(max-width:400px)
{
	.multi-search .multi-search-tab-button
	{
		font-size:12px;
	}
}

.wall-fixed-box-wrap .fixed-box-album
{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.seedrs-fundraising
{
	position:fixed;
	width:100%;
	top:68px;
	display:none;
	flex-direction:row;
	justify-content:center;
	z-index:99999999;
	align-items:center;
	min-height:42px;
	background:#f8fff9;

}

.seedrs-fundraising > div
{
	flex-grow:1;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items:center;
}

.seedrs-2
{
	justify-content:center !important;
}

@media(min-width:1000px)
{
	.seedrs-fundraising
	{
		top:55px !important;
	}
}

.seedrs-fundraising .seedrs-text
{
	display:flex;
	flex-direction:column;
	padding-left:10px;
}

.seedrs-close
{
	font-size:15px;
	color:#999;
	padding-right:10px;
	cursor:pointer;
}

.seedrs-fundraising a
{
	color:#0088ff;
}

.alert
{
	margin-top:60px;
}

/* end home valuation */

.no-connections-add-now
{
	display:flex;
	align-items:center;
	justify-content:center;
}

.local-group-banner
{
	padding:10px;
	display:flex;
	justify-content:center;
}

.local-group-banner a
{
	color:#0088ff;
}

.property-card .main-image-switch
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:5px;
	flex-grow:1;
}

.property-card .main-image-switch > div
{
	border-radius:100%;
	background:rgba(0,0,0,0.05);
	color:#fff;
	padding:3px;
	display:flex;
	width:30px;
	height:30px;
	margin:0;
	justify-content:center;
	align-items:center;
	box-sizing:content-box;
}

.property-card .main-image-switch > div:hover
{
}

.you-may-also-properties .ui-block-title .title
{
	color:#666 !important;
}

.linkedPostContainer
{
	display:none;
	align-items:center;
	padding-top:25px;
	flex-direction:column;
	background:rgba(0,0,0,0.5);
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999999999999;
	overflow:auto;
}

.linkedPostContainer .post
{
	margin-top:0;
}


/* new user box */

.new-user-box
{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:99999999999;
	align-items:center;
	flex-direction:column;
	justify-content:center;
	font-size:16px;
}

.new-user-box-content h4
{
	font-size:20px;
}

.minheight355
{
	min-height:355px !important;
	max-height:355px !important;
}

.new-user-box-content
{
	align-items:center;
	padding:20px;
	background:#fff;
	border-radius:9px;
	display:none;
	min-width:600px;
	max-width:600px;
	min-height:345px;
	max-height:345px;
	text-align:center;
	justify-content:space-between;
	flex-direction:column;
}

@media(max-width:630px)
{
	.new-user-box-content
	{
		min-width:50px !important;
		min-height:315px;
		width:100%;
		padding:15px;
		max-height:initial;
		overflow-y:auto;
	}

	.new-user-box
	{
		padding-top:60px;
	}
}

.new-user-tab-active
{
	display:flex !important;
}

.new-user-box-controls
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
}

.new-user-box-row
{
	display:flex;
	align-items:center;
	padding-top:15px;
	padding-bottom:15px;
	justify-content:center;
}

.new-user-box-row div
{
	display:flex;
	flex-direction:column;
}

.new-user-box-row span
{
	font-size:15px;
	color:#0088ff;
}

.new-user-box-row img
{
	height:50px;
	width:50px;
	border:3px solid #1f96ff;
	border-radius:100%;
	margin-right:7px;
}

.new-user-box-controls .new-user-skip
{
	color:#0088ff;
	cursor:pointer;
}

.new-user-box-controls .new-user-next,
.new-user-box-controls .new-user-prev
{
	color:#fff;
	padding-left:15px;
	padding-right:15px;
	height:40px;
	background:#0088ff;
	border-radius:5px;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}

.new-user-agent
{
	display:none;
}

.new-user-box-controls .new-user-prev
{
	margin-right:15px;
	background:#d0d0d0;
}




/* end new user box */


/* related group stuff */

.related-group
{
	width:100%;
	display:flex;
	border:2px solid #0088ff;
	min-height:200px;
	flex-direction:column;
	border-radius:9px;
	background-size:cover;
	overflow:hidden;
	margin-bottom:5px;
}

.related-group .related-group-head
{
	height:60px;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	width:100%;
	background:rgba(255,255,255,1);
	color:#0088ff;
	font-weight:600;
}

.related-group .related-group-head img
{
	height:30px;
	padding-right:7px;
}

.related-group .related-group-head span
{
	max-width:75%;
	text-align:center;
}

.related-group .related-group-content
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	flex-grow:1;
	background:rgba(208,227,225,0.3);
}

.related-group .related-group-location
{
	text-shadow: 0 0 3px #000;
	font-size:18px;
	color:#fff;
}

.related-group .related-group-members
{
	text-shadow: 0 0 3px #000;
	font-size:15px;
	color:#fff;
}



/* end related group stuff */

/* bg slideshow */

.bg-slideshow
{
	background-color:#6e9cce;
	background-repeat:no-repeat;
	transition:background-position .2s ease-in;
}

.bg-slideshow-prev,
.bg-slideshow-next
{
	background:rgba(54,161,255,0.5);
	opacity:0.8;
	font-size:12px;
	width:25px;
	height:25px;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:100%;
	cursor:pointer;
	background-size:60% 60%;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('/themes/pheads/resources/img/propertylisting/left.svg');
}

.bg-slideshow-next
{
	transform:rotate(180deg);
}

.bg-slideshow-buttons
{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	padding-left:5px;
	padding-right:5px;
}


/* end bg slideshow */

.search-top-wrapper-business
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}

.top-wrapper-business-content
{
	display:flex;
	margin-top:5px;
	flex-wrap:wrap;
	justify-content:center;
}

.search-helper-box
{
	margin-left:5px;
	border:2px solid #0088ff;
	background:#eef5ff;
	color:#0088ff;
	max-width:400px;
	border-radius:5px;
	display:flex;
	flex-direction:column;
	padding:4px;
}

@media(max-width:800px)
{
	.search-helper-box
	{
		margin-top:4px;
	}
}

.search-helper-box h3
{
	color:#0088ff;
	font-size:15px;
	font-weight:600;
	text-align:center;
	margin:0;
	padding:0;
}

.search-helper-box span
{
	text-align:center;
	padding-top:4px;
	font-size:14px;
}

@media(min-width: 825px)
{	
	.business-form
	{
		margin-right:5px;
	}
}

.properties-broadband
{
	border:4px solid #0088ff;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:4px;
	flex-direction:column;
	text-align:center;
}

.properties-broadband .box-title
{
	font-size:12px;
	color:#0088ff;
}

.properties-broadband .box-subheading
{
		font-size:12px;
}


.generic-page-split
{
	justify-content:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.generic-sidebar
{
	display:flex;
	flex-direction:column;
	max-width:350px;
	padding-left:10px;
}

.faq-section
{
	display:flex;
	justify-content:space-between;
	flex-direction:row;
	align-items:center;
	width:100%;
}

.faq-section-split
{
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	width:100%;
	padding:7px;
	box-sizing:border-box;
	background:#f2f4f5;
	cursor:pointer;
}

.faq-content
{
	display:none;
	text-align:left;
	padding-top:10px;
	background:#f2f2f2;
}

@media(max-width:400px)
{
	.generic-sidebar
	{
			padding-left:0;
	}
}



/* new profile photo upload page */
#upload-profile-photo
{
	display:flex;
	align-items:center;
	text-align:center;
	justify-content:center;
	max-width:420px;
	padding:7px;
	flex-direction:column;
	background:#ffffff;
	border:4px solid #0088ff;
	margin:0px auto;
	margin-bottom:50px;
}

#upload-profile-photo .generic-button-blue
{
	background:#afafaf;
}

#upload-profile-photo > h2
{
	margin:0;
	padding:0;
}

#upload-profile-status
{
	border: 4px dashed #63b6ff;
	margin-top:5px;
	width:110px;
	height:130px;
	padding:10px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f5fbff;
	flex-direction:column;
}

#upload-profile-status span
{
	color:#0088ff;
}

.generic-popup
{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index:999999999999;
	align-items:center;
	justify-content:center;
	flex-direction:column;	
	overflow-y:auto;
}

.generic-popup-box
{
	max-width:500px;
	min-width:320px;
	padding:20px;
	margin:0px auto;
	display:flex;
	flex-direction:column;
	border-radius:10px;
	background:#fff;
	min-height:200px;
	text-align:center;
}

.generic-popup-close
{
	color:#fff !important;
	text-align:center;
	cursor:pointer;
}

.generic-row
{
	display:flex;
	flex-direction:row;
	align-items:center;
	text-align:left;
	margin-top:15px;
}

.generic-row > div
{
	padding-left:12px;
}

.generic-row img.isSvg
{
	height:50px;
	width:50px;
}

.alternating-color-row
{
	padding:3px;
	display:flex;
	text-align:left;
}

.alternating-color-row:nth-child(even)
{
	background:#f7f7f7;
}

.alternating-color-row b
{
	padding-right:4px;
	min-width:135px;
	font-size:13px;
	text-align:right;
}

/* end new profile photo upload page */

/* new crop page */

.crop-photo-container
{
	margin:0px auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding-bottom:50px;
}

@media(max-width:850px)
{
	width:auto;
}

.crop-photo-header-buttons
{
	display:flex;
	flex-direction:row;
	padding-bottom:4px;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
	max-width:850px;
}

.crop-photo-middle
{
	width:100%;
}

.crop-photo-header-buttons > div
{
	display:flex;
}

.crop-photo
{
	width:850px;
	border:4px solid #0088ff;
	background:#fff;
	margin:0px auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.crop-photo .docs-buttons
{
	max-width:200px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	padding-left:5px;
	padding-right:5px;
}

.crop-photo .img-preview
{
	width:70px !important;
	height:70px !important;
	overflow:hidden;
}

.crop-photo .img-preview-hidden
{
	display:none;
	height:0;
}



.crop-photo .docs-buttons .btn-group
{
	width:100%;
}

.crop-photo-bottom
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:15px;
}

.crop-photo .confirm-buttons
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.generic-button-green-color
{
	background:#00d907;
}

.crop-photo .img-container
{
	width:100%;
}

.flexCol
{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.flexRow
{
	display:flex;
	flex-direction:row;
	justify-content:center;
}

.crop-photo .zoom-buttons
{
	padding-left:10px;
	padding-right:5px;
	min-width:150px;
	text-align:center;
}

.confirm-buttons #restore-photo
{
	margin-top:5px;
}

.crop-caption-form 
{
	width:100%;
	max-width:850px;
}

.crop-caption-form .controls
{
	max-width:400px;
	margin:0px auto;
}

.crop-caption-form .controls > div
{
	display:flex;
	align-items:center;
	justify-content:center;
}

@media(max-width:850px)
{
	.crop-photo
	{
		width:100%;
	}

	.crop-photo #actions
	{
		flex-wrap:wrap;
		justify-content:center;
	}
	.crop-photo #crop-form
	{
		margin-left:25px;
	}

}

@media(max-width:575px)
{
	.crop-photo #crop-form 
	{
		margin-left:0;
	}
	.crop-photo .zoom-buttons
	{
		margin-left:0;
	}
	.crop-photo .confirm-buttons
	{
		flex-direction:row;
		margin-top:5px;
	}
	.confirm-buttons #restore-photo
	{
		margin-left:5px;
		margin-top:0;
	}
	.crop-photo-header-buttons
	{
		justify-content:center;
	}	
	.crop-photo-header-buttons > *
	{
		margin-top:5px;
	}
}

/* end new crop page */


.invisible
{
	opacity:0;
}

/* move lpanner landing */

#move-planner-landing
{
	border-radius:5px;
	margin:0px auto;
	background:#2e9cff;
	width:800px;
	display:flex;
	padding:7px;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	box-sizing:border-box;
}

#move-planner-landing .container-header
{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding-bottom:7px;
}

#move-planner-landing .container-header h2
{
	color:#fff;
	font-size:30px;
	margin:0;padding:0;
	font-weight:300;
}

#move-planner-landing .container-header img
{
	max-height:30px;
	padding-right:10px;
	padding-left:10px;
}

#move-planner-landing .container-content-top
{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:#fff;
	padding:10px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	box-sizing:border-box;
}

#move-planner-landing .list-tick-item
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:5px;
	padding-bottom:5px;
}

#move-planner-landing .list-tick-item img
{
	height:15px;
	padding-left:7px;
	padding-right:7px;
}

#move-planner-landing .container-content-top .hide-mobile
{
	flex-grow:1;
	flex-basis:0;
}

#move-planner-landing .container-content-top .side-image
{
	flex-grow:1;
	flex-basis:0;
	display:flex;
	justify-content:right;
}

#move-planner-landing .container-content-top .side-image > img
{
	height:80px;
}


#move-planner-landing .container-content-bottom
{
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background:#f9f9f9;
	padding:10px;
	display:flex;
	justify-content:center;
	box-sizing:border-box;
	flex-direction:row;
}

#move-planner-landing .container-content-bottom .container-left
{
}

#move-planner-landing .container-content-bottom .container-left img
{
	height:200px;
}

#move-planner-landing .container-content-bottom .container-right
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:8px;
}

#move-planner-landing .large-buttons
{
	display:flex;
}

#move-planner-landing .large-buttons .large-button
{
	padding:10px;
	padding-left:15px;
	padding-right:20px;
	box-sizing:border-box;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	border-radius:10px;
	color:#fff;
	cursor:pointer;
	font-weight:300;
}

#move-planner-landing .large-buttons .large-button img
{
	height:30px;
	padding-right:10px;
}

#move-planner-landing .large-buttons .large-button-blue
{
	background:#2e9cff;
}

#move-planner-landing .large-buttons .large-button-red
{
	background:#e94658;
	margin-left:7px;
}

#move-planner-faq
{
	border:4px solid #cfcfcf;
	box-sizing:border-box;
	border-radius:5px;
	background:#f5f5f5;
	width:800px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:10px auto;
}

#move-planner-faq .faq-title
{
	color:#7a7a7a;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding:5px;
	box-sizing:border-box;
	width:100%;
}

#move-planner-faq .faq-title img
{
	height:25px;
	padding-right:7px;
}

#move-planner-faq .faq-item-section
{
	display:flex;
	padding:10px;
	justify-content:space-between;
	align-items:center;
	color:#4f4f4f;
	width:100%;
	box-sizing:border-box;
	cursor:pointer;
}

#move-planner-faq .faq-item-section:nth-child(even)
{
}

#move-planner-faq .faq-item-section .faq-triangle
{
	color:#ccc;
}

#move-planner-faq .faq-item-content
{
	display:none;
	justify-content:flex-start;
	padding:10px;
	width:100%;
	box-sizing:border-box;
	cursor:pointer;
}

@media(max-width:800px)
{
	#move-planner-faq,
	#move-planner-landing
	{
		width:auto;
		flex-wrap:wrap;
	}
	#move-planner-landing .container-content-bottom,
	#move-planner-landing .container-content-top
	{
		flex-wrap:wrap;
		justify-content:center;
	}

	#move-planner-landing .container-content-top
	{
		flex-direction:column-reverse;
	}

	#move-planner-landing .container-content-top .side-image > img
	{
		height:120px;
	}

	#move-planner-landing .container-content-top .side-image
	{
		flex-grow:0;
	}
	#move-planner-landing .container-right div,
	#move-planner-landing .container-right span
	{
		justify-content:center;
		text-align:center;
	}

	#move-planner-landing .container-right-top-10
	{
		margin-top:10px;
	}
	#move-planner-landing .list-tick-item span
	{
		font-size:13px;
	}
	#move-planner-landing .large-buttons
	{
		flex-direction:column;
	}
	#move-planner-landing .large-buttons .large-button-red
	{
		margin-left:0;
		margin-top:10px;
	}
	#move-planner-landing .container-content-bottom .container-right,
	#move-planner-landing .container-content-bottom .container-left
	{
		padding-top:10px;
	}
}

/* move planner main */

#move-planner
{
	width:1000px;
	border-radius:10px;
	box-sizing:border-box;
	margin:10px auto;
	display:flex;
	flex-direction:column;
	background:#f0f0f0;
}

#move-planner div
{
	box-sizing:border-box;
}

#move-planner .container-head
{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:10px;
	height:50px;
	background:#2e9cff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

#move-planner .container-head > div
{
	display:flex;
	align-items:center;
}

#move-planner .container-head-title
{
	color:#fff;
	font-size:30px;
	justify-content:center;
	align-items:center;
	display:flex;
}

#move-planner .container-head-title img
{
	padding-right:7px;
	height:30px;
}

#move-planner .container-head-button
{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#4fabff;
	border-radius:8px;
	height:30px;
	padding-left:8px;
	padding-right:8px;
	color:#fff;
	cursor:pointer;
}

#move-planner .container-head-button img
{
	height:20px;
	padding-right:5px;
}

#move-planner .head-button-red
{
	background:#e94658;
	margin-left:5px;
	text-decoration:none;
}

#move-planner .container-sub-head
{
	background:#2b90eb;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:50px;
	padding:4px;
	width:100%;
}

#move-planner .container-filters
{
	display:flex;
}

#move-planner .container-filter
{
	height:40px;
	border-radius:6px;
	border:2px solid #30a0ff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:6px;
	color:#fff;
	font-size:13px;
	margin-left:3px;
	margin-right:3px;
	cursor:pointer;
}

#move-planner .container-filter span
{
	font-size:12px;
	color:#c9e6ff;
}

#move-planner .container-filter-active
{
	background:#30a0ff;
}

#move-planner .container-locations
{
	display:flex;
	align-items:center;
}

#move-planner .container-location
{
	display:flex;
	align-items:center;
	padding-right:5px;
	padding-left:5px;
	color:#fff;
	cursor:pointer;
}

#move-planner .container-location-text
{
	display:flex;
	flex-direction:column;
	text-align:right;
}

#move-planner .container-location-text span
{
	font-weight:300;
}

#move-planner .container-location-edit
{
	border-radius:6px;
	background:#3b9df7;
	width:30px;
	height:30px;
	margin-left:8px;
	display:flex;
	align-items:center;
	justify-content:center;
}

#move-planner .container-location-edit img
{
	height:20px;
}

#move-planner .log-in-reminder-wrap
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background:#fff;
	padding:10px;
}


#move-planner .log-in-reminder
{	
	display:flex;
	flex-direction:column;
	max-width:500px;
}

#move-planner .log-in-header
{
	font-size:20px;
	font-weight:500;
}

#move-planner .log-in-subheader
{
	font-size:18px;
	color:#4f4f4f;
	font-weight:300;
}

#move-planner .log-in-reminder img
{
	height:40px;
}

.mp-buttons
{
	display:flex;
	margin-top:5px;
	justify-content:flex-start;
	color:#fff;
	align-items:center;
}

.mp-button
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:4px;
	height:30px;
	border-radius:8px;
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}

#move-planner .mp-button img
{
	height:15px;
	padding-right:5px;
}

.mp-button-blue
{
	border:2px solid #2e9cff;
	color:#2e9cff;
	text-decoration:none
}

.mp-button-blue-active
{
	background:#2e9cff;	
	color:#fff;
	max-width:150px;
	text-decoration:none
}

.tasks-section-header
{
	padding:15px;
	font-size:20px;
}

#move-planner .tasks-section-header.header-after
{
	padding-top:0;
}

#move-planner .tasks-wrapper
{
	width:100%;
	display:flex;
	align-items:center;
	flex-direction:column;
	border-radius:7px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

#move-planner .tasks-section
{
	width:100%;
	display:flex;
	align-items:center;
	flex-direction:column;
	background:#fafafa;
	border-radius:10px;
}

#move-planner .task
{
	display:flex;
	align-items:first baseline;
	justify-content:space-between;
	width:100%;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
}

#move-planner .task-left
{
	display:flex;
	align-items:center;
}

#move-planner .task-title
{
	padding-left:10px;
	color:#4f4f4f;
}

#move-planner .task-complete-status
{
	height:30px;
	width:30px;
	border:2px solid #e3e3e3;
	border-radius:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

#move-planner .task img
{
	height:16px;
}

#move-planner .task-content
{
	display:none;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	flex-direction:row;
	padding-top:20px;
	padding-bottom:20px;
	justify-content:center;
	flex-wrap:wrap;
}

#move-planner .task-content-left img
{
	height:150px;
}

#move-planner .task-content-right
{
	display:flex;
	flex-direction:column;
	max-width:700px;
	padding-left:25px;
	padding-right:25px;
	justify-content:space-evenly;
	min-width:300px;
}

@media(max-width:1000px)
{
	#move-planner
	{
		width:auto;
	}
	#move-planner .container-sub-head
	{
		flex-wrap:wrap;
		height:auto;
		justify-content:center;
	}
	#move-planner .container-head-title
	{
		font-size:20px;
	}
	#move-planner .task-content-right
	{
		align-items:center;
		text-align:center;
		padding-top:10px;
	}

	#move-planner .task-content
	{
		padding-top:0;
	}
	#move-planner .container-sub-head > div
	{
		margin-top:5px;
		margin-bottom:5px;
	}


	#move-planner .task-content-right .mp-button-blue-active
	{
		margin-top:10px;
	}
}

#move-planner .postcode-to,
#move-planner .postcode-from
{
	padding:3px;
}



/* end move planner stuff */




.home-iframe
{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9999999999;
}

.bss-show img
{
	width:100%;
}


.properties-in-area
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:center;
	width:100%;
}


.properties-in-area .box-head img
{
	height:30px;
	padding-right:10px;
}

.properties-in-area .box-head
{
	display:flex;
	width:100%;
	margin-bottom:15px;
	align-items:center;
	line-height:15px;
	text-align:left;
}

.properties-in-area .box-head > div
{
	display:flex;
	flex-direction:column;
}

.properties-in-area .box-head-title
{
	font-size:18px;
	color:#0088ff;
	padding-bottom:5px;
}

.properties-in-area .box-head-location
{
	color:#858585;
	font-size:15px;
}

.properties-in-area .box-row
{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:4px;
	width:100%;
}

.properties-in-area .box-row:nth-child(even)
{
}

.properties-in-area .box-row > span
{
	width:100%;
	text-align:left;
	font-size:15px;
	line-height:15px;
}

.properties-in-area .box-row > div
{
	display:flex;
	flex-direction:row;
	text-align:left;
	width:100%;
	justify-content:space-between;
}

.properties-in-area .box-col
{
	display:flex;
	flex-direction:column;
}

.properties-in-area .box-price 
{
	font-size:23px;
	line-height:23px;
	font-weight:400;
}

/* market price posts */

.market-post
{
	background:#fff;
	margin-top:30px;
	min-height:100px;
	box-shadow:0 2px 6px rgba(181,181,181,0.55);
	max-width:850px;
	margin:30px auto;
}

.market-post-head
{
	display:flex;
	align-items:center;
	padding:6px;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	line-height:140%;
}

.market-post-head .head-left
{
	display:flex;
	flex-direction:row;
	align-items:center;
}

.market-post-head .head-img
{
	padding:3px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-right:8px;
}

.market-post-head .head-img img
{
	width:40px;
	height:40px;
	opacity:1;
}

.completion-post .head-img img
{
	opacity:0.5;
}

.market-post-head .head-title
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}

.market-post-head .head-title .title-top
{
	font-size:18px;
	color:#121212;
}

.market-post-head .head-title .title-bottom
{
	font-size:20px;
	color:#0088ff;
	line-height:22px;
}

.market-post-head .head-right
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-end;
	padding:4px;
}

.market-post-head .head-right .title-top
{
	font-size:16px;
	color:#a3a3a3;
}

.market-post-head .head-right .title-bottom
{
	font-size:18px;
	color:#b3b3b3;
	height:22px;
}

.post-table
{
	display:flex;
	flex-direction:column;
	width:100%;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	font-size:16px;
	text-align:center;
}

.post-table .post-table-header
{
	display:flex;
	background:#f2f2f2;
	border-bottom:1px solid #dedede;
}

.post-table .post-table-header .post-table-col
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-basis:0;
	flex-grow:1;
	padding:4px;
	padding-bottom:6px;
}

.post-table .post-table-header .post-table-col span
{
	color:#808080;
}

.post-table .post-table-row
{
	display:flex;
}

.post-table .post-table-row:nth-child(even)
{
	background:#f7f7f7;
}

.post-table .post-table-row:nth-child(odd)
{
	background:#f2f2f2;
}

.post-table .post-table-row.post-table-row-first
{
	font-weight:600;
}

.post-table .post-table-row .post-table-col
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-basis:0;
	flex-grow:1;
	padding:4px;
	padding-bottom:6px;
}

.post-table .post-table-row .post-table-col:first-child
{
	border-right:1px solid #dedede;
}

.market-post .post-disclaimer
{
	width:100%;
	font-size:12px;
	color:#bdbdbd;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5px;
	text-align:center;
}

@media(min-width:550px)
{
	.market-post .mobile-date
	{
		display:none;
	}
}

@media(max-width:550px)
{
	.market-post .head-right
	{
		display:none;
	}
	.market-post-head
	{
		justify-content:center;
	}
	.market-post > .mobile-date
	{
		display:flex;
	}
}

.market-post > .mobile-date
{
	justify-content:center;
	font-size:18px;
	color:#a2a2a2;
	padding-top:5px;
}

.market-post-content .hon-text
{
	padding-top:5px;
	padding-bottom:5px;
	font-size:17px;
	text-align:center;
	border-bottom:1px solid #dedede;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.market-post-content .hon-text b
{
	color:#0088ff;
	font-weight:500;
}

.market-post-content .hon-text img
{
	padding:15px;
	height:110px;
}

.market-post-split
{
	display:flex;
	flex-wrap:wrap;
	padding-left:5px;
	padding-right:5px;
}

.market-post-split .market-chart
{
	flex-grow:1;
	padding:5px;
	display:flex;
	flex-direction:column;
	max-height:320px;
	min-height:300px;
}

.market-post-split .chart-title
{
	font-size:20px;
	font-weight:600;
	line-height:100%;
	text-align:center;
}

.market-post-split .chart-subtitle
{
	font-size:18px;
	font-weight:400;
	padding-bottom:15px;
	text-align:center;
}

.market-post-split .market-chart .chart-bar:nth-child(3)
{
	background:#0088ff;
}

.market-post-split .market-chart .chart-bar:nth-child(even)
{
	width:95%;
	background:#1492ff;
}

.market-post-split .market-chart .chart-bar:nth-child(odd)
{
	width:90%;
	background:#40a6ff;
}

/*
.market-post-split .market-chart .chart-bar:nth-child(6)
{
	width:85%;
	background:#63b7ff;
}

.market-post-split .market-chart .chart-bar:nth-child(7)
{
	width:80%;
	background:#7acdff;
}
*/


.market-post-split .chart-bar
{
	height:30px;
	background:#63b7ff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	font-size:18px;
	min-width:245px;
}

.market-post-split .chart-bar-left,
.market-post-split .chart-bar-right
{
	display:flex;
	align-items:center;
}

.market-post-split .chart-bar-left img
{
	margin-left:5px;
}

.market-post-split .chart-bar-right img
{
	height:8px !important;
}

.market-post-split .chart-bar-right span
{
	margin-right:4px;
}


.market-post-split .chart-bar img
{
	height:20px;
}

.market-post-split .chart-bar img:first-child
{
	height:10px;
}

.market-post .properties-in-area .box-row
{
	padding-top:7px;
}

.market-post .properties-in-area .box-price
{
	font-size:24px;
	padding-bottom:2px;
}

/* end market price posts */

/* new properties page */

.home-row,
.home-row-always
{
	display:none;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	padding-top:40px;
	padding-bottom:40px;
	font-family:'Muli', Arial;	
	max-height:0;
	opacity:0;
	transition:all 0.3s, max-height 0.8s;
}

.opacityFull
{
	opacity:1;
}

.home-row .back-to-menu
{
	padding-bottom:14px;
	color:#0088ff;
	font-weight:700;
	font-size:18px;
	cursor:pointer;
}

.heightAuto
{
	max-height:9999px !important;
}

.home-row-always
{
	display:flex !important;
	max-height:2000px !important;
	opacity:1 !important;
}

.home-row-lg
{
	padding-top:60px;
	padding-bottom:60px;
}

.home-row-lg .home-col
{
	max-width:1100px;
}

.home-col-form
{
	padding:2px;
}

.home-row-first
{
	padding-top:0px;
	padding-bottom:10px;
}

.home-row-first .home-col
{
	width:100%;
	max-width:100%;
	justify-content:center;
	align-items:center;
}

.home-row-first .home-col:nth-child(1)
{
	margin-top:10px;
}

.home-row-first h1
{
	background: rgb(54,161,255);
	text-align:center;
	max-width:600px;

	font-weight:800;

	/* necessary? */
	background: -moz-linear-gradient(-45deg, rgb(54,161,255) 0%, rgb(54,161,255) 16%, rgb(255,5,101) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(54,161,255)), color-stop(16%, rgb(54,161,255)), color-stop(100%, rgb(255,5,101)));
	background: -webkit-linear-gradient(-45deg, rgb(54,161,255) 0%, rgb(54,161,255) 16%, rgb(255,5,101) 100%);
	background: -o-linear-gradient(-45deg, rgb(54,161,255) 0%, rgb(54,161,255) 16%, rgb(255,5,101) 100%);
	background: -ms-linear-gradient(-45deg, rgb(54,161,255) 0%, rgb(54,161,255) 16%, rgb(255,5,101) 100%);

	background: linear-gradient(135deg, rgb(54,161,255) 0%, rgb(54,161,255) 16%, rgb(255,5,101) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36a1ff', endColorstr='#ff0565', GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:40px;

	padding:0;
	margin:0;
}

.home-row-first .subtitle-text
{
	padding-top:5px;
	padding-bottom:35px;
	max-width:800px;
	text-align:center;
	font-size:18px;
}


.generic-row
{
	display:flex;
	flex-direction:row;
	align-items:center;
	flex-wrap:wrap;
}

.home-button-blue
{
	cursor:pointer;
	white-space:pre;
	padding:7px;
	color:#fff !important;
	background:#3aa7ff;
	border-radius:9px;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	font-weight:600;
	text-align:center;
	min-height:40px;
	align-items:center;
	justify-content:center;
	display:flex;
}

.row-smarter-choices
{
	padding-top:0 !important;
}

.row-smarter-choices .generic-row-buttons
{
	margin-top:20px;
}

.home-button-blue-border
{
	cursor:pointer;
	white-space:pre;
	padding:7px;
	color:#3aa7ff !important;
	text-decoration:none;
	border-radius:9px;
	border:2px solid #3aa7ff;
	margin-left:5px;
	margin-right:5px;
	font-weight:600;
	text-align:center;
	min-height:40px;
	align-items:center;
	justify-content:center;
	display:flex;
}

.home-col
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:10px;
	max-width:800px;
}

.home-col > img
{
	width:300px;
}

.button-row-padded
{
	margin-top:10px;
}

.home-row-prop-search
{
	flex-direction:row-reverse;
	border-bottom:0;
}


.home-row-prop-search h1
{
	font-size:24px;
	color:#424242;
	padding:0;
	margin:0;
	font-weight:600;
}

.home-row-prop-search h2
{
	font-size:21px;
	color:#404040;
	font-weight:400;
	padding:0;
	margin:0;
	padding-top:8px;
	padding-bottom:30px;
}

.home-row-prop-search .link-txt-grp
{
	padding-top:20px;
	border-top:1px solid #d9d9d9;
	
}

.home-row-prop-search .link-txt-grp p
{
	padding:0;
	margin:0;
	padding-top:10px;
}

.home-row-prop-search .link-txt-grp a
{
	text-decoration:none;
	font-weight:800;
	color:#3aa7ff;
	border-bottom:2px dashed #3aa7ff;
}

.home-row-business-search
{
	flex-direction:row;
	border-top:0;
}

.generic-col-icons img
{
	height:30px;
}

.generic-col-icons
{
	font-size:20px;
	flex-direction:column;
	display:flex;
	align-items:flex-start;
	padding-right:50px;
}

.generic-col-icons > span
{
	padding-top:5px;
	padding-bottom:5px;
	display:flex;
	align-items:center;
}

.generic-col-icons .col-icon-text
{
	padding-left:4px;
	padding-top:10px;
	/* color:#3b3b3b; */
	color:#eb0242;
}

.generic-col-icons .data-homes-text
{
	font-size:25px;
	color:#3b3b3b;
	padding-left:10px;
}


.odometer
{
	font-weight:600;
	font-size:35px;
	padding-left:5px;
	text-align:left;
}

.odometer-inner
{
	display:flex !important;
}

.uk-homes-count
{
	font-weight:600;
}

.pheads-red
{
	color:#eb0242 !important;
}

.pheads-blue
{
	
	color:#3aa7ff !important;
}

.row-stats h1
{
	font-weight:300;
	margin:0;
	padding-bottom:30px;
	font-size:32px;
}

.row-stats h1 > span
{
	font-weight:800;
}

.row-stats .home-col > span
{
	padding-top:30px;
	font-size:20px;
	color:#5e5e5e;
}

.home-row-news > span
{
	width:100%;
	text-align:center;
	font-size:20px;
}

.home-row-news .generic-row img
{
	width:100px;
}

.home-row-news .news-wrap
{
	border-right:1px solid #c9c9c9;
	height:60px;
	margin-top:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
}

.home-row-news .news-wrap-last
{
	border-right:0;
}

.home-row-news
{
	padding-top:15px;
	padding-bottom:15px;
}

.row-smarter-choices .smarter-h2
{
	font-size: 28px;
	font-weight:300;
}

.row-smarter-choices .blue-gradient-title
{
	background: rgba(0,106,255,1);
	background: -moz-linear-gradient(-45deg, rgba(0,106,255,1) 0%, rgba(0,106,255,1) 1%, rgba(54,161,255,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,106,255,1)), color-stop(1%, rgba(0,106,255,1)), color-stop(100%, rgba(54,161,255,1)));
	background: -webkit-linear-gradient(-45deg, rgba(0,106,255,1) 0%, rgba(0,106,255,1) 1%, rgba(54,161,255,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(0,106,255,1) 0%, rgba(0,106,255,1) 1%, rgba(54,161,255,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0,106,255,1) 0%, rgba(0,106,255,1) 1%, rgba(54,161,255,1) 100%);
	background: linear-gradient(135deg, rgba(0,106,255,1) 0%, rgba(0,106,255,1) 1%, rgba(54,161,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006aff', endColorstr='#36a1ff', GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:45px;
	padding:0;
	margin:0;
	font-weight:800;
	padding-bottom:20px;
	border-bottom:1px solid #d9d9d9;
	display:inline-block;
}

.row-smarter-choices .red-h3
{
	font-size:35px;
	color:#ed1d56;
	padding:0;
	margin:0;
	padding-bottom:15px;
	font-weight:600;
}

.row-smarter-choices .blue-h3
{
	font-size:35px;
	color:#0088ff;
	padding:0;
	margin:0;
	padding-bottom:15px;
	font-weight:600;
}

.row-smarter-choices .home-col > span
{
	font-size:17px;
	display:none;
}

.row-smarter-choices.home-row-red b
{
	color:#444;
	font-weight:500;
}

.row-smarter-choices.home-row-blue b
{
	color:#444;
	font-weight:500;
}

.home-row-reverse
{
	flex-direction:row-reverse;
}

.home-row-reverse .home-col-img
{
	padding-right:70px;
}

.row-smarter-choices li
{
	list-style:none;
	padding-left:30px;
	margin-top:10px;
	background:url('/themes/pheads/resources/img/home/li.svg') no-repeat left 0px;
	background-size:20px;
	background-position:0px center;
	font-size:16px;
}

.home-row-box-lg
{
	width:250px;
	height:250px;
	border: 1px solid #d9d9d9;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-evenly;
	margin-left:20px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
}

.home-row-box-lg img
{
	height:110px;
}

.home-row-box-lg h3
{
	font-size:25px;
	margin:0;
	padding:0;
}

.home-row-box-lg a
{
	font-size:18px;
}

.home-row-box
{
	width:180px;
	height:180px;
	border-radius:3px;
	border: 1px solid #d9d9d9;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-evenly;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.home-row-box img
{
	height:90px;
}

.home-row-box h3
{
	font-size:18px;
	margin:0;
	padding:0;
	text-align:center;
	color:#0088ff;
}

.home-row-box h3:hover
{
	text-decoration:underline;
	color:#0088ff;
}

.mobile-only
{
	display:none;
}


.home-row-button-text
{
	font-size:14px;
}

.odometer-inside
{
	max-height:40px;
	display:flex;
}

.home-row-stats
{
	/* border-top:1px solid #e3e3e3; */
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	/* padding-top:15px; */
	padding-bottom:15px;
}

.home-row-stat
{
	padding:4px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding-left:30px;
	padding-right:30px;
	color:#3aa7ff;
}

.home-row-stat .stat-number
{
	font-size:20px;
}

.home-row-stat .stat-label
{
	font-size:14px;
	color:#6cbdff;
}


.home-row .lightslider
{
	margin-top:5px;
	margin-bottom:30px;
}

.home-row .lslide
{
	display:flex;
	justify-content:center;
}

.home-row .lightslider img
{
	max-height:290px;
}

.home-row .slider-img-align
{
	height:290px;
	display:flex;
	align-items:center;
	justify-content:center;
}


.home-row .lightslider-mobile
{
	display:none;
}

.home-row-see-action
{
	text-align:center;
}

.home-col .see-action-title
{
	font-size:30px;
	padding-bottom:8px;
}

.home-col .see-action-subtitle
{
	font-size:20px;
}

.noPaddingTopBot
{
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.home-row-buttons
{
	cursor:pointer;
	display:none;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	transition:all 0.3s;
	max-height:1500px;
	max-width:800px;
	margin:0px auto;
}

.home-row-button
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:40px;
	padding:6px;
	flex-basis:0;
	flex-grow:1;
	text-align:center;
	font-family:'Muli',Arial;
	border:1px solid #e3e3e3;
}

.home-row-button-title
{
	font-size:16px;
}

.home-row-button.active
{
	pointer-events:none;
	pointer:none;
	/* background:#fbfbfb; */
	border:none;
	box-shadow: 0 0 3px #3ea5ff;
	transform:scale(1.05);
	background:#fff;
}

.home-row-wfy
{
	text-align: center;
	padding-bottom: 15px;
	font-size: 26px;
	padding-top: 30px;
	font-weight: 600;
}


.home-row-button h3
{
	margin:0;
	padding:0;
	font-weight:600;
}

.home-row-button-red h3,
.home-row-button-red .home-row-button-link
{
	color:#eb0242;
}

.home-row-button-blue h3,
.home-row-button-blue .home-row-button-link
{
	color:#3aa7ff;
}

.home-row-button-grey h3,
.home-row-button-gray .home-row-button-link
{
	color:#888;
}



.home-sitemap a
{
	color:#a8a8a8;
}

.homepage-seo
{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	overflow:hidden;
	border-radius:9px;
	margin-top:25px;
}

.homepage-seo .home-sitemap
{
	display:flex;
	flex-wrap:wrap;
}

.homepage-seo .home-sitemap-column
{
	max-width:300px;
}


.homepage-seo-main-buttons
{
	line-height:normal;
}

.homepage-seo .homepage-seo-main-buttons
{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-grow:1;
	flex-basis:0;
	min-height:45px;
	height:40px;
	background:none;
	width:100%;
	max-width:850px;
	padding:0;
	box-sizing:border-box;
	opacity:0.5;
}

.homepage-seo .homepage-seo-main-button
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:100%;
	padding:0;
	flex-grow:1;
	cursor:pointer;
}

.homepage-seo .homepage-seo-main-button img
{
	height:20px;
}

.homepage-seo .homepage-seo-main-button span
{
	font-size:13px;
}

.homepage-seo .button-businesses span,
.homepage-seo .button-houses span
{
	color:#ff2e5a;
}

.homepage-seo .button-flats
{
	color:#36a1ff;	
}

.homepage-seo-sub-buttons span
{
	color:#d8d8d8 !important;
}

.homepage-seo .seo-main-button-active,
.homepage-seo-content
{
	background:none;
}

.homepage-seo
{
	background:#fefefe;
	filter:grayscale(100%);
}

.homepage-seo .seo-main-button-active
{
background:#f9f9f9;
}

.home-sitemap a
{
	color:#a8a8a8;
}

.homepage-seo .homepage-seo-sub-buttons
{
	display:flex;
	flex-direction:column;
	flex-basis:0;
	width:100%;
	min-height:30px;
	max-width:850px;
}

.homepage-seo .houses-buttons,
.homepage-seo .flats-buttons
{
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	flex-basis:0;
	min-height:30px;
	height:30px;
}


.homepage-seo .houses-buttons span
{
	color:#ff2e5a;
}

.homepage-seo .flats-buttons span
{
	color:#36a1ff;
}

.homepage-seo .homepage-seo-content
{
	padding:20px;
	min-height:50px;
	width:100%;
}


.slider-annotation
{
	margin-bottom:10px;
	font-size:16px;
	display:inline-block;
}
/*
.slider-annotation
{
	margin-bottom:10px;
	font-size:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	border-radius:100%;
	border:1px solid #f9f9f9;
	height:150px;
	width:150px;
	background:#fff;
	padding:10px;
}
*/

@media(max-width:600px)
{
	.home-row-box-last
	{
		width:100% !important;
	}
}

@media(max-width:800px)
{
	.home-row .lSNext,
	.home-row .lSPrev
	{
		margin-top:120px;
		display:none;
	}
}

.show-desktop
{
	display:flex !important;
	max-width:900px;
}

.hide-desktop
{
	display:none !important;
}

@media(max-width:1300px)
{

	.home-row-box
	{
		margin-left:5px;
		margin-right:5px;
		margin-top:5px;
		margin-bottom:5px;
		width:180px;
		height:180px;
	}

	.show-desktop
	{
		display:none !important;
	}

	.hide-desktop
	{
		display:flex !important;
	}

	.home-row-buttons
	{
		border-top:0;
	}

	.home-row .back-to-menu
	{
		text-align:center;
	}
	.home-row .lightslider img
	{
		margin:0px auto;
	}
	.row-smarter-choices h3
	{
		padding-top:0;
	}

	.home-row-buttons
	{
		padding-top:10px;
		padding-bottom:10px;
	}

	.home-row .lightslider-mobile
	{
		display:block;
	}
	.home-row .lightslider-desktop
	{
		display:none;
	}
	.home-row-first h1
	{
		padding-top:15px;
		padding-bottom:15px;
	}

	.home-row-stat
	{
		padding-left:10px;
		padding-right:10px;
		width:40%;
	}


	.home-row-button
	{
		border:1px solid #f7f7f7;
		height:40px;
	}
	.row-smarter-choices img
	{
		display:none;
	}

	.tab-content #compare-main
	{
		justify-content:flex-start;
		padding-bottom:0;
		overflow-x:scroll;
	}
	.mobile-only
	{
		display:flex !important;
	}
	
	.hide-mobile
	{
		display:none;
	}

	.home-row
	{
		flex-direction:column;
		padding-top:20px;
		padding-bottom:20px;
	}
	.home-col
	{
		width:100%;
	}
	.home-col > img
	{
		width:100%;
	}

	.home-row-first
	{
		padding-bottom:10px;
		padding-top:10px;
	}

	.home-row-first .home-col:nth-child(1)
	{
		margin-top:5px;
	}

	.home-button-blue,
	.home-button-blue-border
	{
		flex-basis:0;
		flex-grow:1;
	}

	.home-row h1,
	.home-row h2,
	.home-row h3
	{
		text-align:center;
	}

	.home-row p
	{
		text-align:center;
	}

	.home-row-prop-search .link-txt-grp
	{
		border-top:none;
		padding-top:0px;
	}

	.home-row-prop-search h2
	{
		font-size:16px;
	}

	.home-row-business-search
	{
		border-top:1px solid #d9d9d9;
	}

	.row-stats .generic-row
	{
		justify-content:center;
		width:100%;
	}

	.row-stats .generic-col
	{
		width:100%;
		align-items:center;
	}

	.generic-col-icons .col-icon-text
	{
		padding-left:0;
		padding-top:0;
	}
	.row-stats .generic-col > span
	{
		padding-top:20px;
		padding-bottom:0;
	}

	.generic-col-icons
	{
		padding-right:0;
	}

	.row-stats h1
	{
		padding-bottom:0px;
	}

	.row-stats span
	{
		text-align:center;
	}
	.generic-col-icons .data-homes-text
	{
		font-size:20px;
	}
	.row-smarter-choices .home-col > span
	{
		text-align:center;
	}
	.row-smarter-choices .blue-gradient-title
	{
		padding-bottom:20px;
	}
	.home-row-reverse .home-col-img
	{
		padding-right:10px;
	}

	.row-smarter-choices
	{
		flex-direction:column;
	}

	.home-row-news .generic-row
	{
		justify-content:center;
	}

	.row-smarter-choices .home-col .generic-row-buttons .home-button-blue
	{
		flex-basis:auto;
		margin-top:5px;
	}
	.home-row-first h1
	{
		font-size:38px;
	}
	.home-row-first p
	{
	}
	.home-row-prop-search h1
	{
		font-weight:600;
	}
	.home-row-prop-search h2
	{
		padding-bottom:5px;
	}
	
	.home-row-box .home-button-blue,
	.home-row-box-lg .home-button-blue,
	.home-row-box .home-button-blue-border,
	.home-row-box-lg .home-button-blue-border
	{
		flex-basis:auto;
		flex-grow:0;
	}

	.home-row-boxes
	{
		flex-direction:row !important;
	}

	.home-row-box-lg
	{
		margin-left:10px;
		margin-right:10px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.home-col ul
	{
		padding-left:15px;
	}
}


.about-page
{
	display:flex;
	flex-direction:column;
	max-width:1000px;
	padding:10px;
	margin:0px auto;
	font-family:'Muli', Arial;
}


.about-page li
{
	list-style:none;
	padding-left:30px;
	margin-top:10px;
	background:url('/themes/pheads/resources/img/home/li.svg') no-repeat left 0px;
	background-size:20px;
	background-position:0px center;
	font-size:16px;
}

.about-page .home-row
{
	/* border-bottom:1px solid #f1f1f1;
	border-top:1px solid #f1f1f1; */
	margin-top:20px;
	margin-bottom:20px;
}

.about-page #contact_0
{
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	color:#fff !important;
	background:#36a1ff;
	height:32px;
	border-radius:7px;
	padding:4px;
	box-sizing:border-box;
	cursor:pointer;
	font-family:'Muli', Arial;
	font-weight:300;
	font-size:16px;
	margin-top:20px;
}

.about-page .news-wrap
{
	border-right:0px !important;
}

.about-page > *
{
	font-size:16px;
}

.about-page > h1
{
	text-align:center;
	font-weight:600;
	padding-bottom:15px;
	border-bottom:1px solid #f1f1f1;
	font-size:25px;
}

@media ( min-width:1000px )
{
	.about-page .generic-button-blue
	{
		width:100px;
	}
	.about-page #contact_0
	{
		width:120px;
	}
}

@media ( max-width:1000px )
{
	.about-page .g-recaptcha
	{
		display:flex;
		justify-content:center;
	}
	.about-page .generic-button-blue
	{
		width:80%;
		align-self:center;
		height:40px;
		margin-top:20px;
	}
	.about-page #contact_0
	{
		width:80%;
		height:40px;
		margin:30px auto;
	}
	.about-page .home-row
	{
		margin-top:10px;
		margin-bottom:15px;
	}

	.about-page .home-row .generic-row
	{
		margin-top:0;
	}

}

.products-heading-properties
{
	margin:20px auto;
	max-width:900px;
	font-weight:400;
	font-size:30px;
	margin-bottom:0px;
	text-align:center;
}

.home-row-4col
{
	max-width:1000px;
	margin:0px auto;
	padding-top:0px;
	margin-top:10px;
}

#lightslider-desktop > li
{
	display:flex;
	align-items:center;
	justify-content:center;
}

.home-stats-footnote
{
	color:#b7b4b4;
	margin:0px auto;
	width:100%;
	display:block;
	text-align:center;
}


/* end new properties page */


/* new chart bar stuff */

.chart-bar-split
{
	display:flex;
	justify-content:center;
}

.chart-bar-split .chart-bar
{
	min-width:1px;
}

.chart-bar-split-left,
.chart-bar-split-right
{
	width:50%;
}

.chart-bar-split-left
{
	display:flex;
	align-items:flex-end;
	flex-direction:column;
	border-right:1px solid #555;
}

.chart-bar-external-label
{
	color:#0088ff;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	width:100%;
	flex-wrap:wrap;
}

.chart-bar-external-label-reverse
{
	flex-direction:row-reverse;
}

.chart-bar-external-label .chart-bar-ticker
{
	display:flex;
	padding-left:5px;
	padding-right:5px;
}

.chart-bar-external-label img
{
	padding-left:5px;
	padding-right:5px;
	min-width:20px;
}

.chart-bar-left span,
.market-post-split .chart-bar
{
	font-size:16px !important;
}

.chart-bar-split .chart-bar
{
	background:linear-gradient(90deg, rgb(91, 201, 255) 0%, rgb(0, 159, 255) 100%) !important;
	min-height:30px;
	min-width:1px;
}

.chart-bar-split .chart-bar-hidden
{
	background:none !important;
	height:30px;
	min-width:1px;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	color:#0088ff;
	padding-left:5px;
	padding-right:5px;
}

.chart-bar-split-right .chart-bar-hidden
{
	justify-content:flex-start;
}

.market-post .chart-top-title
{
	text-align:center;
	width:100%;
	font-size:20px;
	display:inline-block;
	margin-top:5px;
}


@media(max-width:1300px)
{
	/*
	.chart-bar-label
	{
		white-space:nowrap;
		width:100%;
		padding-left:2px;
		padding-right:2px;
	}

	.chart-bar-split-left .chart-bar-label
	{
		text-align:right;
	}

	.chart-bar-split-right .chart-bar-label
	{
		text-align:left;
	}
	*/
	.market-post-split
	{
		flex-direction:column !important;
	}
}

/* end new chart bar stuff */

.loggedout-saved-tab
{
	display:flex;
	flex-direction:column;
	background:rgb(234, 0, 65);
	justify-content:center;
	padding:20px;
	margin:-3px auto;
	border-radius:5px;
	color:#fff;
	max-width:840px !important;
	margin-bottom:4px;

}

.loggedout-compare-tab
{
	margin:-3px auto;
}

.market-post-planning
{
	border-radius:10px;
	margin:15px 20px 0px 20px;
	overflow:hidden;
	transition:all 2s;
}

.market-post-planning .expandable
{
	background:#0088ff;
	padding:4px;
	padding-left:15px;
	padding-right:15px;
	display:flex;
	align-items:center;
	cursor:pointer;
}

.market-post-planning .expandable:nth-of-type(odd)
{
	background:#2499ff;
}

.market-post-planning .expandable-left
{
	color:#fff;
	flex-grow:1;
}

.market-post-planning .expandable-left .title-address
{
	font-size:18px;
}

.market-post-planning .expandable-left .title-category
{
	font-weight:800;
}

.market-post-planning .expandable-right
{
	color:#fff;
	font-size:20px;
	padding:15px;
}

.market-post-planning .expandable-content
{
	display:none;
}

.market-post-planning .planning-row
{
	display:flex;
}

.market-post-planning .planning-col
{
	padding:10px;
	font-size:16px;
}

.market-post-planning .planning-col-first
{
	background:#1b86e6;
	color:#fff;
	font-weight:600;
	min-width:100px;
}

.market-post-planning .planning-col-second
{
	background:#f3f8fc;
	color:#555;
	flex-grow:1;
}

.market-post-planning .planning-row .planning-col-second-odd
{
	background:#f3f8fc;
}

.market-post-content .show-expandables,
.market-post-content .hide-expandables
{
	width:100%;
	text-align:center;
	padding:15px;
	color:#36a1ff !important;
	font-weight:600;
	font-size:18px;
	cursor:pointer;
	display:block;
}

.market-post-content .hide-expandables
{
	display:none;
}

.displayBlock
{
	display:block !important;
}

/* property search bar */

.search-bar
{
	transition:top 0.1s;
	width:100%;
	height:60px;
	box-shadow:0 0 3px rgba(0,0,0,0.11);
	display:none;
	align-items:center;
	justify-content:center;
	/* padding-right:20px; */
	background:#fff;
	z-index:1;
}

.search-bar .bar-item
{
	display:flex;
	height:90%;
	align-items:center;
	justify-content:space-between;
	border-right:1px solid #e6e6e6;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	min-width:150px;
	white-space:nowrap;
}

.search-bar .bar-item-widens
{
	justify-content:flex-start;
	transition:all 0.3s;
}

.search-bar .bar-item-always-wide
{
	justify-content:flex-start;
	transition:all 0.3s;
	flex-grow:1;
}

.search-bar .bar-item-grow
{
	flex-grow:1;
}

.search-bar .bar-item:nth-child(1)
{
	border-left:1px solid #e6e6e6;
}

.search-bar .bar-item img
{
	height:30px;
}

.search-bar .bar-item img.bar-img-price
{
	height:25px;
}

.search-bar .bar-item img.bar-item-img-expand
{
	height:10px;
	transition:transform 0.3s;
}

.search-bar	.bar-item > input
{
	border:none !important;
	background:none;
	height:80%;
	color:#666;
	margin-left:10px;
	font-size:16px;
	flex-grow:1;
}

.props-page .search-element input:focus
{
	border:none !important;
}

.search-bar .bar-item .bar-label
{
	color:#8e8e8e;
	padding-left:5px;
}

.search-bar .bar-item-dropdown
{
	cursor:pointer;
}

.search-bar .bar-item-dropdown .dropdown-expanded
{
	display:none;
	position:absolute;
	width:170px;
	flex-direction:column;
	align-self:flex-start;
	background:#fbfbfb;
	margin-top:57px;
	margin-left:-20px;
	overflow-y:auto;
	max-height:400px;
}

.search-bar .bar-item-dropdown.open .dropdown-expanded
{
	display:flex;
	/* box-shadow: 0 0 3px #9f9f9f; */
	border: 1px solid #e6e6e6;
}

.search-bar .bar-item-dropdown .dropdown-expanded .search-bar-option
{
	width:100%;
	display:flex;
	color:#666;
	align-items:center;
	padding:10px;
	border-bottom:1px solid #f1f1f1;
	background:#fdfdfd;
	font-size:12px;
}

.search-bar .bar-item-dropdown .dropdown-expanded .search-bar-option:hover
{
	background:#fff;
}

.search-bar .bar-item .bar-label-selected .bar-selected-main
{
	color:#8e8e8e;
}

.search-bar .bar-item .bar-label-selected .bar-selected-secondary
{
	color:#717171;
}

.search-bar .bar-item-filters .filters-menu
{
	visibility:hidden;
	pointer-events:none;
	position:absolute;
	width:300px;
	flex-direction:column;
	align-self:flex-start;
	background:#fdfdfd;
	z-index:-1;
	margin-left:-170px;
	border: 1px solid #e6e6e6;
	padding:10px;
	padding-bottom:20px;
	
	transition:margin-top 0.3s, opacity 0.2s;
	opacity:0;
	margin-top:-20px;
}

.search-bar .bar-item-filters.open .filters-menu
{
	visibility:visible;
	pointer-events:all;
	opacity:1;
	margin-top:56px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.search-bar .filters-menu .filters-menu-item
{
	display:flex;
	flex-direction:column;
	margin-left:5px;
	margin-right:5px;
	min-width:120px;
}

.search-bar .filters-menu .filters-menu-item select
{
	border:1px solid #e6e6e6;
	height:40px;
	margin-top:4px;
	border-radius:5px;
	color:#1e1e1e;
	padding:0;
	padding-left:3px;
	padding-right:3px;
	/*
	appearance:menulist;
	-moz-appearance:menulist;
	-webkit-appearance:menulist;
	*/
	background-image:url('/themes/pheads/resources/img/propertysearchbar/expand.svg');
	background-repeat:no-repeat;
	background-size:20px 10px;
	background-position-x:95%;
	background-position-y:center;
	width:160px;
}

.search-bar .filters-menu-row
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:8px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

.search-bar .filters-menu .filters-menu-mobile
{
	display:none;
}


.search-bar .bar-item-filters
{
	opacity:1;
	display:none;
	min-width:125px;
	max-width:125px;
}

.search-bar .bar-item-filters.filters-hidden-mobile
{
	transition: all 0.3s;
	opacity:0;
	visibility:hidden;
	min-width:0;
	max-width:0;
}

.search-bar .bar-item.open .bar-item-img-expand
{
	/* transform:rotate(-180deg); */
	transform:scale(1,-1);
}

.search-bar .bar-item-filters .filters-menu-hiding
{
	opacity:0 !important;
	margin-top:-60px !important;
	pointer-events:none !important;
}

.search-bar .bar-item-filters.filters-menu-hiding-width
{
	transition:all 0.3s;
	opacity:1;
	visibility:visible;
	min-width:125px;
	max-width:125px;
}

.search-bar .keywords-filters,
.search-bar .business-name-filters
{
	padding:6px;
	height:40px;
	align-self:flex-end;
	margin-top:20px;
}

.opacity-0
{
	opacity:0;
}

@media(max-width:1680px) /* 1024 until 1680 */
{
	.hide-med-screen
	{
		display:none !important;
	}
	.show-med-screen
	{
		display:flex !important;
	}
	.search-bar .bar-item
	{
		min-width:150px;
		padding-left:10px;
		padding-right:10px;
	}
	.search-bar
	{
		padding-right:0;
	}
	.search-bar .bar-item-filters
	{
		display:flex;
	}
}

@media(max-width:1200px)
{
	.hide-small-screen
	{
		display:none !important;
	}
	.show-small-screen
	{
		display:flex !important;
	}
	.bar-item-grow-mobile
	{
		flex-grow:1;
		flex-basis:0;
	}
	.search-bar .bar-item
	{
		min-width:0;
	}
	.search-bar .bar-item
	{
		padding-left:10px;
		padding-right:10px;
		/*font-size:14px;*/
	}
	.search-bar .bar-item .bar-text-input
	{
		/*font-size:14px;*/
	}
	.search-bar .bar-item-filters .filters-menu
	{
		width:auto;
	}
	.search-bar .bar-item-filters.open .filters-menu
	{
		left:0;
		margin-left:0;
		width:100%;
		opacity:1;
		margin-top:56px;
		padding-left:0;
		padding-right:0;
		max-height:calc(100vh - 187px);
		overflow-y:auto;
		justify-content:flex-start;
	}
	.search-bar .filters-menu-row:last-child
	{
		padding-bottom:20px;
	}
	.search-bar .filters-menu .filters-menu-item select
	{
		width:150px;
	}
	.search-bar
	{
		margin-top:0;
	}
}

.search-bar-tabs
{
	display:flex;
	flex-direction:row;
	width:100%;
	background:#f9f9f9;
	flex-wrap:wrap;
}

.search-bar-tabs .search-bar-tab
{
	flex-basis:0;
	flex-grow:1;
	border-right:1px solid #f0f0f0;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	min-width:100px;
	white-space:nowrap;
	min-height:40px;
	border-top:1px solid #f2f2f2;
}

.search-bar-tabs .search-bar-tab-active
{
	background:#fdfdfd;
	pointer-events:none;
}

.search-bar input[type='checkbox']
{
	display:block;
	border:1px solid #f0f0f0 !important;
	width:20px;
	height:20px;
	pointer-events:none;
}

.properties-populator
{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	width:100%;
	opacity:1;
	transform:opacity 0.3s;
}

@media(max-width:950px)
{
	.properties-populator
	{
		flex-wrap:nowrap;
		flex-direction:column;
	}
}

.properties-populator.populating
{
	opacity:0.5;
}

.properties-show-more
{
	margin:30px auto;
	min-height:30px;
	display:none;
	padding:6px;
	border:2px solid #0088ff;
	border-radius:5px;
	min-width:100px;
	font-size:16px;
	color:#0088ff;
	cursor:pointer;
	margin-bottom:5px;
}

.properties-info
{
	/* display:none; */
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	padding:20px;
	flex-wrap:wrap;
	background:#fff;
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece;
}

.properties-all-container .adsbygoogle
{
	display:flex !important;
	justify-content:center;
	margin-bottom:15px;
}

.properties-info #map
{
	max-width:300px;
	min-width:300px;
	height:250px;
	/* background:#cecece; */
	background:#a1caee;
	margin:0 0;
}

.properties-info > div
{
	margin-left:15px;
	margin-right:15px;
}

.properties-info .market-insights
{
	display:flex;
	flex-direction:column;
	max-width:400px;
	padding-left:15px;
	padding-right:15px;
}

.properties-info .nearby-locations
{
	max-width:500px;
	padding-left:10px;
	padding-right:10px;
	display:flex;
	flex-direction:column;
}

.properties-info-row
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

.properties-schools .nearest-schools-head
{
	padding-top:40px;
}

@media(min-width:1300px)
{
	.properties-info-row
	{
		flex-wrap:nowrap;
	}
}

@media(max-width:890px)
{
	.properties-info h4
	{
		margin-top:20px;
		margin-bottom:20px;
	}
	.properties-schools .nearest-schools-head
	{
		padding-top:10px;
	}
	.properties-info .nearest-stations-head
	{
		margin-top:0;
	}
	.properties-info .market-insights
	{
		flex-direction:column-reverse;
		justify-content:center;
		align-items:center;
	}
	.properties-info .related-group
	{
		margin-top:20px;
		min-height:200px;
		max-height:200px;
	}
}

.properties-info h4
{
	font-weight:600;
}

.properties-info .related-group
{
	max-width:300px;
	max-height:300px;
	min-height:240px;
}

.properties-saved,
.properties-compared
{
	display:none;
	flex-direction:column;
	padding-top:30px;
	padding-bottom:30px;
}

.properties-saved
{
	max-width:1000px;
}

.search-bar
{
	position:fixed;
	top:55px;
}
.navbar.fixed-top
{
	box-shadow:none;
}
.search-bar-tabs
{
	margin-top:40px;
	height:40px;
}

@media(max-width:1200px)
{
	.search-bar
	{
		position:fixed;
		top:60px;
	}
	.search-bar-tabs
	{
		margin-top:47px;
	}
	.properties-info
	{
		padding:4px;
		padding-top:15px;
		padding-bottom:15px;
	}
	.properties-info > div
	{
		margin-top:15px;
		margin-bottom:15px;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		text-align:center;
		flex-direction:column;
	}
	.search-bar
	{
		position:fixed;
		top:60px;
	}
	.navbar.fixed-top
	{
		box-shadow:none;
	}
	.search-bar-tabs
	{
		margin-top:47px;
	}
}

.market-insights-text > span
{
	display:none;
}

.nearby-locations .nearest-stations,
.nearby-locations .nearest-schools
{
	display:flex;
	flex-direction:column;
}

.properties-other-tab-content
{
	min-width:100%;
}

.properties-compared
{
	overflow-x:scroll;
}

.saved-properties
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.properties-pages-toggle
{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:15px;
	margin-bottom:30px;
	color:#0088ff;
	cursor:pointer;
}

.properties-pages
{
	display:flex;
	justify-content:center;
	width:100%;
	flex-wrap:wrap;
	align-items:center;
	padding-top:20px;
	padding-bottom:20px;
}

.properties-page-change
{
	color:#0088ff;
	cursor:pointer;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.properties-page-change.current-page
{
	background:#0088ff;
	border-radius:5px;
	color:#fff;
	cursor:pointer;
}

.breadcrumbs-inserter
{
	width:100%;
	height:20px;
	color:#c2c2c2;
	text-align:center;
	display:flex;
	align-items:center;
	height:35px;
	/* margin-top:25px; */
}

@media(max-width:800px)
{
	.breadcrumbs-inserter
	{
		margin-top:40px;
	}
}

.breadcrumbs-inserter .breadcrumbs
{
	margin-bottom:0;
}

.breadcrumbs-inserter a
{
	color:#c2c2c2;
}

.breadcrumbs ol
{
	display:flex;
	justify-content:flex-start;
}

.breadcrumbs ol li::before
{
	display:none;
}

/* end property search bar */

.footer-seo
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.footer-seo a
{
	color:#fff;
	white-space:nowrap;
}

.mobile-listing-menu-fixed
{
	display:none;
	transition:bottom 0.3s;
}

.mobile-listing-menu-fixed .btn-generic
{
	flex-grow:1;
	margin-left:2px;
	margin-right:2px;
	padding:10px;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
}

.mobile-listing-menu-fixed .btn-generic img
{
	margin-right:5px;
}


.mobile-listing-menu-fixed .btn-generic.button-hideable
{
	background:linear-gradient(0deg, #F73E47 0%,#5585FF 120%);
}

@media(max-width:800px)
{
	.mobile-listing-menu-fixed
	{
		position:fixed;
		display:flex;
		justify-content:space-around;
		bottom:0px;
		width:100%;
		padding-left:5px;
		padding-right:5px;
		background:#fff;
		border:1px solid #f4f4f4;
		padding-bottom:60px;
		align-items:center;
		z-index:1020;
	}

	.mobile-listing-menu-fixed .btn-generic
	{
		text-align:center;
	}

	.mobile-listing-menu-fixed.expanded .btn-generic
	{
		width:31%;
	}

	.mobile-listing-menu-fixed .generic-button-red
	{
		flex-grow:1;
		margin-left:5px;
		margin-right:5px;
		height:40px;
		min-width:90px;
		margin-top:4px;
		margin-bottom:4px;
		max-width:180px;
	}
	.mobile-listing-menu-fixed .listing-menu-separator
	{
		margin-left:2px;
		margin-right:2px;
		width:2px;
		background:#f9f9f9;
		height:100%;
	}
	.mobile-listing-menu-fixed .generic-button-blue
	{
		min-width:80px;
		height:40px;
		margin-top:4px;
		margin-bottom:4px;
	}
	.mobile-listing-menu-fixed.expanded
	{
		min-height:155px;
	}
	.mobile-listing-menu-wrap
	{
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:100%;
	}
	.topPanes .paneLeft .photoButtons
	{
		display:none;
		visibility:hidden;
		height:0;
		margin:0;
		padding:0;
	}
	.listingTitle
	{
		text-align:center;
	}
	.ownerReviews > p
	{
		text-align:center;
	}
}

.bottom0
{
	bottom:0 !important;
}

.displayNoneFixedBot
{
	opacity:0;
	pointer-events:none;
	bottom:-60px;
}

.regionBox a
{
	color:#0088ff;
}

.regionBox
{
	max-width:700px;
	display:flex;
	flex-direction:column;
	margin-bottom:50px;
	justify-content:flex-start;
	text-align:left;
	background:#fff;
	border:2px solid #f9f9f9;
	border-radius:4px;
	padding:15px;
	min-width:300px;
}

.regionBoxCards
{
	max-width:400px;
	display:flex;
	flex-direction:column;
	margin-bottom:50px;
	border-radius:4px;
	padding:15px;
	justify-content:flex-start;
	align-items:center;
}

.regionBoxCards .property-card-mini
{
	-webkit-box-shadow:none;
	box-shadow:none;
	margin:0;
	margin-top:10px !important;
	width:100% !important;
}

.regionBoxCards .property-card-mini .main-image
{
	max-height:190px !important;
}

.regionWrap #map
{
	height:290px;
}

.regionWrap
{
	display:flex;
	justify-content:center;
	width:100%;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-start;
}

.regionBoxCardsWrap
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.vids-page
{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin:0px auto;
	padding-bottom:15px;
}

.vids-categories
{
	display:flex;
	flex-direction:row;
	height:min-content;
	justify-content:center;
	align-items:center;
	max-width:800px;
	flex-wrap:wrap;
	margin-bottom:20px;
}

.vids-category
{
	border:1px solid #ebebeb;
	display:flex;
	width:140px;
	height:140px;
	color:#666;
	align-items:center;
	justify-content:space-evenly;
	flex-direction:column;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	background-size:cover;
	transition:all 0.3s;
	background-position:center;
}

.vids-category span
{
	width:100%;
	background:#f2f2f2;
	color:#000;
	margin-top:20px;
	padding-left:5px;
	padding-right:5px;
}

.vids-category-0 {background-image:url('/themes/pheads/resources/img/properties/all.jpg');}
.vids-category-1 {background-image:url('/themes/pheads/resources/img/properties/tenants.jpg');}
.vids-category-2 {background-image:url('/themes/pheads/resources/img/properties/landlords.jpg');}
.vids-category-3 {background-image:url('/themes/pheads/resources/img/properties/buyers.jpg');}
.vids-category-4 {background-image:url('/themes/pheads/resources/img/properties/sellers.jpg');}
.vids-category-5 {background-image:url('/themes/pheads/resources/img/properties/diy.jpg');}
.vids-category-6 {background-image:url('/themes/pheads/resources/img/properties/investment.jpg');}
.vids-category-7 {background-image:url('/themes/pheads/resources/img/properties/nicehome.jpg');}
.vids-category-8 {background-image:url('/themes/pheads/resources/img/properties/agents.jpg');}
.vids-category-9 {background-image:url('/themes/pheads/resources/img/properties/tradesmantv.jpg');}
.vids-category-10 {background-image:url('/themes/pheads/resources/img/properties/international.jpg');}
.vids-category-11 {background-image:url('/themes/pheads/resources/img/properties/other.jpg');}

.vids-category.active
{
	border:2px solid #0088ff;
}

.vids-category.active span
{
	background:#0088ff;
	color:#fff;
}

.vids-category:hover
{
	cursor:pointer;
	color:#fff;
	transform:scale(1.05,1.05);
}

.vids-results
{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	max-width:550px;
	margin-left:15px;
	margin-right:15px;
	flex-grow:1;
}

.vid-result
{
	display:flex;
	padding:10px;
	cursor:pointer;
	border-bottom:1px solid #efefef;
	transition:all 0.2s;
	min-width:300px;
}

.vid-result:hover
{
	transform:scale(1.02,1.02);
}

.vid-img
{
	padding:10px;
}

.vid-img
{
}

.vid-img img
{
	object-fit:cover;
	min-width:90px;
	max-width:90px;
}

.vid-details
{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.vid-details .vid-author
{
	color:#36a1ff;
}

.vid-stats
{
	color:#999;
}

.vid-description
{
	color:#666;

}

.bull-sep
{
	color:#ebebeb;
}


@media(max-width:900px)
{
	.vids-categories
	{
		max-width:100%;
		width:100%;
	}
}

.video-view
{
	display:flex;
	max-width:1100px;
	margin:10px auto;
}

.video-view .left
{
	display:flex;
	flex-direction:column;
	margin-right:10px;
}

.video-view .left .video
{
	background:#000;
}

.video-view .left .video-title
{
	font-size:24px;
	font-weight:600;
	margin:0;
	padding:0;
	padding-top:20px;
}

.video-view .vid-details
{
	display:flex;
	flex-direction:column;
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	margin-top:10px;
	padding-bottom:20px;
}

.video-view .vid-description
{
	display:flex;
	flex-direction:column;
}

.video-view .vid-description .vid-description-content
{
	width:100%;
}

.video-view .vid-description .vid-description-expand
{
	color:#999;
	font-weight:600;
}

.video-view .vid-author-pic img
{
	width:50px;
	height:50px;
	margin-right:10px;
	object-fit:cover;
	border-radius:100%;
}

.video-view .vid-author 
{
	display:flex;
	align-items:center;
	color:#666;
}

.video-view .vid-author a
{
	color:#0088ff;
}

.video-view .vid-author
{
	margin-top:10px;
	margin-bottom:10px;
}

.video-view .btn
{
	width:200px;
	background:#36a1ff;
	font-family:'Muli',Arial;
}

.video-view .vid-comments
{
	margin-top:10px;
	margin-bottom:10px;
}

.video-view .right .vid-author
{
	margin-top:0;
	margin-bottom:0;
}

.video-view .right a
{
	color:#666;
}

.video-view .right .vid-author
{
	color:#36a1ff;
}

.video-view .right .vid-details
{
	margin-top:0;
	justify-content:center;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:0;
	border-bottom:0;
}

.video-view .right .vid-img
{
	padding:0;
	padding-right:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.video-view .right .vid-result
{
	border-top:1px solid #efefef;
	border-bottom:0;
}

.video-view .right
{
	padding-left:5px;
	padding-right:5px;
}

.video-view .related-vids-title
{
	font-size:14px;
	padding-left:10px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
}

@media(max-width:1100px)
{
	.video-view
	{
		flex-direction:column;
		padding:10px;
	}
	.vids-results
	{
		padding-top:20px;
		padding-bottom:20px;
		margin-left:0;
		margin-right:0;
	}
}

.vids-page .vid-details .vid-name
{
	color:#666;
}

@media(min-width:1000px)
{
	.video-view iframe
	{
		min-height:400px;
	}
}

@media(max-width:1000px)
{
	.video-view iframe
	{
		min-height:300px;
	}
}

.vid-comments .vid-comment img
{
	width:50px;
	height:50px;
	object-fit:cover;
	border-radius:100%;
}

.vid-comments .vid-comment
{
	display:flex;
}

.vid-comments .vid-comment-author
{
	padding-left:10px;
	display:flex;
	flex-direction:column;
	padding-right:10px;
}

.vid-comments .vid-comment-author a
{
	color:#0088ff;
}

.vid-comments .vid-comment-content
{
	padding-left:10px;
	border-left:1px solid #f1f1f1;
}

.vid-comments h4
{
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:15px;
}

.ui-menu-item
{
	display:list-item !important;
	position:relative !important;
}
input[type="search"]::-webkit-search-cancel-button {
  /* Remove default */
  -webkit-appearance: none;

  /* Now your own custom styles */
   height: 14px;
   width: 14px;
   right:4px;
   display: block;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
  /* setup all the background tweaks for our custom icon */
  background-repeat: no-repeat;

  /* icon size */
  background-size: 14px;
  cursor:pointer;
}

.properties-info .market-insights.business-page-info
{
	margin-left:20px;
	margin-right:20px;
}

@media(max-width:890px)
{
	.properties-info .market-insights.business-page-info
	{
		flex-direction:column;
		margin-left:20px;
		margin-right:20px;
	}
	.properties-info .market-insights.also-interested > div
	{
		justify-content:center;
		align-items:center;
		text-align:center;
		display:flex;
		flex-direction:column;
	}
}

.footer-seo-row
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.footer-seo-col span
{	
	font-weight:600;
}

@media(min-width:1000px)
{
	.footer-seo-col span
	{
		text-align:left !important;
		margin-left:15px;
	}
}

.search-bar-people .filters-menu-item
{
	width:100%;
}

.peopleCardWrapper .personType
{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.badge-wrap
{
	display:flex;
	flex-direction:row;
	height:35px;
}

.badge-title
{
	padding-right:10px;
	font-size:13px;
	padding-bottom:3px;
}

.badge-rating
{
	background:url('/themes/pheads/resources/img/cards/star.svg');
	background-size: 100% 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	height:35px;
	width:35px;
}

.profile .badge-wrap
{
	flex-direction:row;
}

.peopleCardIndustry
{
	font-size:13px;
	text-overflow:ellipsis;
	overflow:hidden;
}


.house-points
{
	display:flex;
	flex-direction:row;
	max-width:1000px;
	background:#fff;
	border-radius:9px;
	padding:30px;
	margin:0px auto;
	font-size:13.5px;
}

.hp-left
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.hp-left .hp-ring
{
	width:280px;
	height:280px;
	border:9px solid #0088ff;
	border-radius:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.hp-left .hp-ring .hp-count-monthly
{
	font-size:60px;
	color:#0088ff;
	line-height:50px;
}

.hp-left .hp-ring .hp-count-monthly-title
{
	font-size:23px;
	color:#0088ff;
}

.hp-left .hp-ring .hp-count-monthly-subtitle
{
	color:#666;
	font-size:18px;
}

.hp-left img
{
	width:40px;
	margin-top:10px;
}

 .hp-left .hp-total
{
	font-size:16px;
	margin-top:15px;
	margin-bottom:15px;
}

.badge-level
{
	border:3px solid #0088ff;
	border-radius:6px;
	padding:5px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.badge-level .lvl-col
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-left:8px;
}

.badge-level .lvl-col .lvl-col-title
{
	font-size:18px;
	color:#0088ff;
}

.badge-level .lvl-col .lvl-col-checkbox
{
	color:#666;
	font-size:15px;
}

.badge-level .number
{
	background:url('/themes/pheads/resources/img/cards/star.svg');
	background-size: 100% 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	height:35px;
	width:35px;
}

.badge-level-home
{
	margin-bottom:15px;
	max-width:230px;
}

 .hp-tasks
{
	display:flex;
	flex-direction:row;
	width:100%;
	max-width:1000px;
	margin:0px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	background:#fff;
	margin-top:15px;
	margin-bottom:20px;
	border-radius:9px;
	padding:10px;
}

 .hp-tasks-title
{
	color:#ff316b;
	width:100%;
	text-align:center;
	font-weight:600;
	padding-top:14px;
	font-size:18px;
	padding-bottom:12px;
}

 .hp-task
{
	display:flex;
	min-width:300px;
	align-items:center;
	padding:5px;
	background:#f9f9f9;
	margin-left:3px;
	margin-right:3px;
	margin-top:5px;
	border-radius:5px;
}

 .hp-task:nth-child(odd)
{
	background:#f3f3f3;
}


 .hp-task-left
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-grow:1;
	width:100%;
}

 .hp-task-right
{
	max-width:40px;
}

 .hp-task-right
 {
	 width:30px;
	 margin-right:10px;
 }

.hp-task .task-title
{
	font-weight:600;
	font-size:14px;
}

 .hp-right
{
	display:flex;
	flex-direction:column;
	padding-left:20px;
}

 .hp-right .hp-title
{
	display:flex;
	height:40px;
	width:100%;
	align-items:center;
	font-size:20px;
	padding:3px;
	padding-left:12px;
}

 .hp-right .hp-title-red
{
	background:#ff316b;
	color:#fff;
}

 .hp-right .hp-title-blue
{
	background:#0088ff;
	color:#fff;
}

 .hp-right .hp-text
{
	padding-top:9px;
	padding-bottom:9px;
	color:#333;
}

 .task-subtitle
{
	color:#0088ff;
}

.house-points input[type='checkbox']
{
	display:block !important;
}

@media(max-width:1200px)
{
	.house-points .hp-right
	{
		padding-left:0px;
	}
	.house-points
	{
		flex-direction:column;
		padding:0;
	}
	.house-points span
	{
		padding-left:10px;
		padding-right:10px;
	}
	.house-points .badge-level
	{
		margin-bottom:15px;
	}
}

@media(max-width:650px)
{
	.hp-tasks .hp-task
	{
		width:100%;
	}
}

.hp-amazon
{
	width:100%;
	margin-top:25px;
	border-radius:3px;
	overflow:hidden;
}

.hp-amazon-top
{
	display:flex;
	justify-content:space-between;
	overflow:hidden;
}

.hp-amazon-top > div
{
	flex-grow:1;
	flex-basis:0;
	color:#fff;
	font-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	height:20px;
}

.hp-amazon-top-left
{
	background:#ff1760;
}

.hp-amazon-top-right
{
	background:#36a1ff;
}

.hp-amazon-bottom
{
	display:flex;
	padding:10px;
	background:#f9f9f9;
}

.hp-amazon-bottom > div
{
	padding:6px;
	display:flex;
	align-items:center;
}

.hp-amazon-bottom img
{
	width:auto !important;
	margin-top:0 !important;
}

.points-mobile
{
	display:none;
}

@media(max-width:1000px)
{
	.points-mobile
	{
		width:100%;
		display:flex !important;
		justify-content:center;
		align-items:center;
		margin-top:20px;
		margin-bottom:20px;
	}
}

.business-page
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:600px;
	padding-bottom:80px;
}

.business-page-search
{
	max-width:950px;
	width:100%;
	background:#fff;
	text-align:center;
	padding:15px;
	box-shadow:0 0 9px #d1d1d1;
}

.business-page-search h1
{
	font-size: 45px;
	font-weight:600;
	margin:0;
	padding:0;
	background:#0088ff;
	background: -webkit-linear-gradient(#0088ff, #36a1ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* .people-page .business-page-search h1
{
	color:#eb0242;
	background:#eb0242;
	background: -webkit-linear-gradient(#c14343, #ff0038);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}*/

/*
.people-page .businessButton
{
	filter:hue-rotate(135deg);
}
*/

.people-page .business-users-title
{
	filter:hue-rotate(135deg);
}

.business-page-search > span
{
	color:#666;
	font-size:17px;
	margin-top:10px;
}

.people-page .search-tabs
{
	display:flex;
	flex-basis:0;
	flex-wrap:wrap;
	margin-top:5px;
	margin-bottom:5px;
}


.people-page .search-tab
{
	flex-grow:1;
	height:35px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f6f6f6;
	padding:5px;
	cursor:pointer;
}

.people-page .search-tab-content
{
	display:none;
	justify-content:center;
}

.business-user .add-user img
{
	width:40px;
}

.people-page .search-tab-active
{
	background:#fff;
}

.people-page .search-tab img
{
	height:20px;
	padding-right:5px;
}

.business-page-search .more-options
{
	color:#999;
	display:flex;
	align-items:center;
	width:100%;
	justify-content:center;
	margin-top:15px;
	cursor:pointer;
}

.business-page-search .more-options img
{
	height:13px;
	margin-left:4px;
}

.business-page-section
{
	margin-top:25px;
	max-width:950px;
	width:100%;
	background:#fff;
	text-align:center;
	padding:20px;
	box-shadow:0 0 9px #d1d1d1;
	align-items:center;
	display:flex;
	flex-direction:column;
}

.business-page-section > span
{
	font-size:18px;
}

.business-page-section > span > b
{
	color:#ff1760;
}

.business-page-section h2
{
	font-size:30px;
	margin:0;
	padding:0;
}

.business-page-section .page-row
{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:15px;
	flex-wrap:wrap;
}

.business-page-section .page-col
{
	display:flex;
	flex-direction:column;
	padding:20px;
	align-items:center;
	justify-content:center;
	text-align:center;
	max-width:300px;
	background:#fff;
}

.business-page-section .page-col img
{
	width:80px;
}

.business-page-section .page-col-border
{
	box-shadow: 0 0 5px #d1d1d1;
	color:#0088ff;
	border:1px solid #d1d1d1;
	width:200px;
	height:200px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
}

.business-page-section .page-col-border img
{
	height:80px;
	width:auto;
}

.business-page-section .page-col-border span
{
	margin-top:10px;
}

.business-split
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:950px;
	flex-direction:column;
	margin-left:5px;
	margin-right:5px;
	margin-top:15px;
}

.business-users-col
{
	box-shadow:0 0 9px #d1d1d1;
	background:#fff;
	display:flex;
	flex-grow:1;
	margin-top:10px;
	flex-direction:column;
	padding:15px;
}

.business-groups
{
	display:flex;
	flex-direction:row;
	justify-content:center;
	flex-wrap:wrap;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

@media(min-width:1000px)
{
	.business-users-col-second
	{
		/* margin-left:15px; */
	}
	.people-page .business-split
	{
		flex-direction:row;
	}
	.people-page .business-users-col
	{
		margin-left:5px;
		margin-right:5px;
	}
}

.business-users-col .business-users-title
{
	display:flex;
	flex-direction:row;
	align-items:center;
	font-size:20px;
	color:#0088ff;
	width:100%;
}

.business-users-col .business-users-title img
{
	height:20px;
	margin-right:10px;
}

.business-users-title .new-grp
{
	display:flex;
	height:30px;
	background:#0088ff;
	font-size:14px;
	color:#fff;
	border-radius:9px;
	align-items:center;
	padding:8px;
}

.business-users-col .business-filters
{
	display:flex;
	background:#0088ff;
	height:50px;
	color:#fff;
	padding:15px;
	justify-content:space-between;
	margin-top:15px;
}

.business-users-col .business-filters img
{
	height:20px;
	margin-right:10px;
}

.business-users
{
	display:flex;
	flex-direction:column;
	width:100%;
	justify-content:center;
	padding-top:5px;
	padding-bottom:5px;
}

.business-user
{
	display:flex;
	height:70px;
	text-align:left;
	width:100%;
	justify-content:space-between;
	align-items:center;
}

.business-user-left img
{
	width:60px;
	object-fit:scale-down;
	box-shadow:0 0 3px #afafaf;
	max-height:60px;
}

.business-user-more img
{
	box-shadow:none;
}

.business-user-left
{
	display:flex;
	align-items:center;
}

.business-user-more
{
	width:40px;
	height:40px;
	display:flex;
	cursor:pointer;
}

.business-user-more-content
{
	margin-left:-255px;
	margin-top:40px;
	position:absolute;
	min-height:40px;
	width:300px;
	border:1px solid #666;
	background:#f9f9f9;
	display:none;
	flex-direction:column;
}

.invite-group-prompt
{
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	position:fixed;
	display:none;
	top:0;
	justify-content:center;
	align-items:center;
}

.invite-group-prompt > div
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border-radius:9px;
	background:#fff;
	padding:20px;
}

.business-user-more-content a
{
	height:30px;
	width:100%;
	display:flex;
	align-items:center;
	font-size:14px;
	padding:5px;
	color:#666 !important;
	cursor:pointer;
}

.business-user-more-content a:hover
{
	background:#fff;
}

.business-user-more img
{
	width:30px;
}

.business-user-left span
{
	text-align:left !important;
	padding-left:15px;
	padding-right:15px;
}

.business-user-left .business-name
{
	font-size:16px;
	color:#0088ff !important;
}

.business-user-details
{
	display:flex;
	flex-direction:column;
	color:#666;
}

.business-user .add-user img
{
	width:40px;
}

.business-users a
{
	color:#0088ff;
}

#search_professionals_0:disabled
{
	background:#999;
}

.business-users-col .business-connect
{
	padding-top:10px;
	padding-bottom:10px;
}

@media(max-width:1000px)
{
	.business-split
	{
		flex-direction:column;
	}

	.business-users-col
	{
		margin-left:0;
		margin-right:0;
		border:none;

	}
}


@media(max-width:1000px)
{
	.no-connections-add-now
	{
		justify-content:center !important;
	}
	.business-users-col .business-users-title
	{
		justify-content:center;
	}
}
/* join stuff */

.join-container
{
	background:url('/themes/pheads/resources/img/propertysearch/bg.svg');
	background-size:100% auto;
	padding-top:30px;
	padding-bottom:30px;
}

.join
{
	max-width:850px;
	padding-left:5px;
	padding-right:5px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:0px auto;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	padding-left:50px;
	padding-right:50px;
	background:#fff;
	border-radius:9px;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}

.join .select-acctype
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:15px;
	width:100%;
}

.join .select-acctype-button
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#000;
	text-align:center;
	background:#edf9ff;
	border:2px solid #0088ff;
	border-radius:9px;
	padding:20px;
	margin-left:3px;
	margin-right:3px;
	cursor:pointer;
	line-height:1.3;
	min-height:270px;
	flex-grow:1;
}


.join .select-acctype-button img
{
	height:100px;
}


.join .select-acctype-button
{
	filter:grayscale(100%);
	opacity:0.5;
}

.join .select-acctype-active
{
	filter:grayscale(0%);
	opacity:1;
}

.join .select-acctype-title
{
	font-size:33px;
	padding-top:7px;
	padding-bottom:7px;
}

.join .join-head
{
	font-size:30px;
}

.join .join-form
{
	padding-top:17px;
}

.join .join-form > div > form > div
{
	display:flex;
	justify-content:center;
	text-align:center;
}

.join .form-extras
{
	margin-top:15px;
}

.join .btn
{
	background:#40a6ff;
}

.join .checkbox label input
{
	margin-right:5px;
}

/* smaller */
.join .select-acctype-button
{
	padding:10px;
	min-height:210px;
	max-height:210px;
	min-width:140px;
}

.join .select-acctype-button img
{
	height:50px;
}
.join .select-acctype-title
{
	font-size:22px;
	padding-top:10px;
}
/* end smaller */

.join .form-group
{
	margin-bottom:4px !important;
}

@media(max-width:850px)
{
	.join
	{
		padding-left:5px;
		padding-right:5px;
		border-radius:0;
	}

	.join-container
	{
		padding:0;
	}
}

@media (max-width:350px)
{
	.join .select-acctype > a
	{
		min-width:100px !important;
	}
}

@media ( max-width:450px )
{	
	.join .select-acctype-button
	{
		min-width:10px;
		padding:5px !important;
		min-height:130px;
		max-height:130px;
	}

	.join .select-acctype > a
	{
		min-width:130px;
	}

	.join .select-acctype-button span
	{
		display:none;
	}

	.join .select-acctype-button .select-acctype-title
	{
		font-size:15px;
		display:block !important;
	}

	.join-form
	{
		padding-top:7px !important;
	}
}

.search-bar .bar-item-dropdown .dropdown-expanded .search-bar-option.selected-category
{
	color:#fff;
	background:#0088ff;
}

/*new props stuff*/
.home-under-search
{
	color:#666;
	margin:0px auto;
	width:100%;
	font-size:16px;
	display:block;
	text-align:center;
}

.props-page input,select
{
	padding:0;
}

.props-page.properties-search-wrap
{
	background:url('/themes/pheads/resources/img/businesses/tilinghouse.svg');
	background-size:50% auto;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:100%;
	padding-top:25px;
	padding-bottom:25px;
}

@media(min-width:1000px)
{
	.props-page.properties-search-wrap
	{
		min-height:500px;
	}
}

.props-page .unexpanded-element
{
	display:none;
}

.props-page .properties-search-tabs
{
	display:flex;
	flex-wrap:wrap;
	max-width:700px;
	width:500px;
}

.props-page .properties-search-tab
{
	height:40px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f2f2f2;
	flex-basis:0;
	flex-grow:1;
	cursor:pointer;
}

.props-page .search-content
{
	display:flex;
	flex-direction:column;
	background:#fff;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	/* border-top-right-radius:7px; */
	width:100%;
	max-width:500px;
	padding:20px;
	padding-bottom:12px;
	display:none;
}

.props-page .flex-grow
{
	flex-grow:1;
	flex-basis:0;
}

.props-page .search-location
{
	padding-left:5px;
	padding-right:5px;
}

.props-page .search-element
{
	display:flex;
	flex-direction:column;
	margin-top:5px;
	margin-bottom:5px;
}

.props-page .search-element > span
{
	font-weight:800;
	font-size:13px;
}

.props-page .search-element img
{
	width:25px;
}

.props-page .search-element div
{
	display:flex;
	align-items:center;
	border:2px solid #f0f0f0;
	border-radius:9px;
	padding:4px;
	margin-top:5px;
	padding-left:8px;
	padding-right:8px;
}

.props-page .search-element input
{
	font-size:17px;
	height:100%;
	flex-grow:1;
	border:none !important;
	padding-left:10px;
	color:#444 !important;
}

.props-page .exclude-sold-let label
{
	color:#666;
}

.props-page .search-element select
{
	font-size:14px;
	height:100%;
	flex-grow:1;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none !important;
	background-image:url('/themes/pheads/resources/img/join/select-arrow.svg');
	background-position:center right;
	background-repeat:no-repeat;
	background-size:15px auto;
}

.props-page .search-2col
{
	display:flex;
	flex-wrap:wrap;
	flex-grow:1;
}

.props-page .full-width
{
	width:100% !important;
}

.props-page .search-2col > div
{
	width:47%;
	margin-left:5px;
	margin-right:5px;
	font-size:13px;
}

.props-page .search-2col > div > div
{
	width:100%;
}

.props-page .search-button img
{
	height:20px;
}

.props-page .search-button
{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#de003c;
	border-radius:8px;
	color:#fff;
	border:none !important;
	max-width:230px;
	margin-left:5px;
	cursor:pointer;
	height:43px;
	margin-top:18px;
}

.props-page .search-button-unexpanded
{
	margin-top:0;
}

.props-page .margin-top-18
{
	margin-top:28px !important;
}

.props-page .search-element-end
{
	align-items:center;
	justify-content:center;
}

.props-page .search-tab-sale
{background:#de003c;color:#fff}

.props-page .search-tab-rent
{background:#36a1ff;color:#fff;}

.props-page .search-tab-dual
{
  background : -moz-linear-gradient(87.42% 115.25% 135deg,rgba(54, 161, 255, 1) 0%,rgba(63, 154, 248, 1) 10.14%,rgba(89, 134, 228, 1) 27%,rgba(130, 102, 196, 1) 48.52%,rgba(188, 57, 152, 1) 73.84%,rgba(255, 5, 101, 1) 100%);
  background : -webkit-linear-gradient(135deg, rgba(54, 161, 255, 1) 0%, rgba(63, 154, 248, 1) 10.14%, rgba(89, 134, 228, 1) 27%, rgba(130, 102, 196, 1) 48.52%, rgba(188, 57, 152, 1) 73.84%, rgba(255, 5, 101, 1) 100%);
  background : -webkit-gradient(linear,87.42% 115.25% ,12.58% -15.25% ,color-stop(0,rgba(54, 161, 255, 1) ),color-stop(0.1014,rgba(63, 154, 248, 1) ),color-stop(0.27,rgba(89, 134, 228, 1) ),color-stop(0.4852,rgba(130, 102, 196, 1) ),color-stop(0.7384,rgba(188, 57, 152, 1) ),color-stop(1,rgba(255, 5, 101, 1) ));
  background : -o-linear-gradient(135deg, rgba(54, 161, 255, 1) 0%, rgba(63, 154, 248, 1) 10.14%, rgba(89, 134, 228, 1) 27%, rgba(130, 102, 196, 1) 48.52%, rgba(188, 57, 152, 1) 73.84%, rgba(255, 5, 101, 1) 100%);
  background : -ms-linear-gradient(135deg, rgba(54, 161, 255, 1) 0%, rgba(63, 154, 248, 1) 10.14%, rgba(89, 134, 228, 1) 27%, rgba(130, 102, 196, 1) 48.52%, rgba(188, 57, 152, 1) 73.84%, rgba(255, 5, 101, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#36A1FF', endColorstr='#FF0565' ,GradientType=0)";
  background : linear-gradient(-45deg, rgba(54, 161, 255, 1) 0%, rgba(63, 154, 248, 1) 10.14%, rgba(89, 134, 228, 1) 27%, rgba(130, 102, 196, 1) 48.52%, rgba(188, 57, 152, 1) 73.84%, rgba(255, 5, 101, 1) 100%);
  opacity : 0.61;
  filter: alpha(opacity=61) progid:DXImageTransform.Microsoft.Alpha(opacity=61) progid:DXImageTransform.Microsoft.gradient(startColorstr='#36A1FF',endColorstr='#FF0565' , GradientType=1);
  color:#fff;
}

.props-page .tab-sale
{
	border-top:3px solid #de003c;
}

.props-page .tab-rent
{
	border-top:3px solid #36a1ff;
}

.props-page .tab-dual
{
	border-top:3px solid rgb(214,135,192);
}

.props-page .expand-advanced-search
{
	color:#666;
	font-size:14px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:15px;
	cursor:pointer;
}

.props-page .expand-advanced-search img
{
	height:8px;
	margin-left:5px;
}

.props-page .advanced-search
{
	display:none;
}

.rotate90
{
	transform:rotate(180deg);
}

.props-page .submit-unexpanded
{
	display:none;
	margin-top:10px;
}

.props-page .submit-expanded
{
	display:none;
}

.props-page .submit-button
{
	display:none;
}

.height32
{
	height:32px !important;;
}

.props-page .submit-button img
{
	margin-right:5px;
}

.props-page .tab-saved,
.props-page .tab-compare
{
	width:100%;
	max-width:100%;
	background:none;
}

.props-page .submit-properties_let_search div
{
	background:#36a1ff;
}

.props-page .submit-properties_dual_search div
{
  background : -moz-linear-gradient(87.42% 115.25% 135deg,rgba(54, 161, 255, 1) 0%,rgba(63, 154, 248, 1) 10.14%,rgba(89, 134, 228, 1) 27%,rgba(130, 102, 196, 1) 48.52%,rgba(188, 57, 152, 1) 73.84%,rgba(255, 5, 101, 1) 100%);
  background : -webkit-linear-gradient(135deg, rgba(54, 161, 255, 1) 0%, rgba(63, 154, 248, 1) 10.14%, rgba(89, 134, 228, 1) 27%, rgba(130, 102, 196, 1) 48.52%, rgba(188, 57, 152, 1) 73.84%, rgba(255, 5, 101, 1) 100%);
  background : -webkit-gradient(linear,87.42% 115.25% ,12.58% -15.25% ,color-stop(0,rgba(54, 161, 255, 1) ),color-stop(0.1014,rgba(63, 154, 248, 1) ),color-stop(0.27,rgba(89, 134, 228, 1) ),color-stop(0.4852,rgba(130, 102, 196, 1) ),color-stop(0.7384,rgba(188, 57, 152, 1) ),color-stop(1,rgba(255, 5, 101, 1) ));
  background : -o-linear-gradient(135deg, rgba(54, 161, 255, 1) 0%, rgba(63, 154, 248, 1) 10.14%, rgba(89, 134, 228, 1) 27%, rgba(130, 102, 196, 1) 48.52%, rgba(188, 57, 152, 1) 73.84%, rgba(255, 5, 101, 1) 100%);
  background : -ms-linear-gradient(135deg, rgba(54, 161, 255, 1) 0%, rgba(63, 154, 248, 1) 10.14%, rgba(89, 134, 228, 1) 27%, rgba(130, 102, 196, 1) 48.52%, rgba(188, 57, 152, 1) 73.84%, rgba(255, 5, 101, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#36A1FF', endColorstr='#FF0565' ,GradientType=0)";
  background : linear-gradient(-45deg, rgba(54, 161, 255, 1) 0%, rgba(63, 154, 248, 1) 10.14%, rgba(89, 134, 228, 1) 27%, rgba(130, 102, 196, 1) 48.52%, rgba(188, 57, 152, 1) 73.84%, rgba(255, 5, 101, 1) 100%);
  color:#fff;
}

.props-page .formError
{
	margin-bottom:0;
	font-size:13px;
}

.props-page .active-tab
{
	box-shadow:0 0 6px #bbbbbb;
}

.props-page .blank-tab-border
{
	border-bottom:3px solid #fafafa;
}

.nav-link-active
{
	border:2px solid #36a1ff;
}

.nav-link-active img
{
	height:18px;
	margin-top:2px;
}

.props-page .search-content.tab-loggedout-content
{
	margin:0;
	padding:0;
}

@media(max-width:750px)
{
	.props-page .properties-search,
	.props-page .properties-search-tabs,
	.props-page .search-content
	{
		width:100%;
		max-width:100%;
	}
}

.market-post .news-articles
{
	display:flex;
	justify-content:flex-start;
	padding:3px;
}

@media(max-width:1000px)
{
	.market-post .news-articles
	{
		flex-direction:column;
	}
}

.market-post .news-article
{
	display:flex;
	flex-direction:column;
	margin-top:5px;
	border-right:2px solid #fff;
	flex-grow:1;
	flex-basis:0;
}
.market-post .news-article .profile-img{
    height:150px;
    object-fit: contain;
}

.market-post .news-article-single
{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:15px;
}

.market-post .news-article-single img
{
	min-width:130px;
	max-height:90px;
	overflow:hidden;
	border-radius:4px;
}

.market-post .news-article-single-right
{
	display:flex;
	flex-direction:column;
	font-size:13.5px;
	padding-left:15px;
}

.market-post .news-article-single-right span
{
	color:#666;
}

.market-post .news-article-single-right a
{
	color:#666;
}

.market-post .news-article-single-right .blue
{
	color:#0088ff;
}

.market-post .news-article img
{
	object-fit:cover;
}


.market-post .news-article a
{
	color:#0088ff;
	/*padding:5px;*/
}

.person-dropdown
{
	width:150px;
	position:absolute;
	margin-top:50px;
	border:1px solid #666;
	display:none;
	flex-direction:column;
	margin-left:100px;
}

.person-dropdown .dropdown-element
{
	padding:4px;
	background:#f9f9f9;
	cursor:pointer;
}

.person-dropdown-visible
{
	display:flex;
}

.person-dropdown .dropdown-element:hover
{
	background:#fff;
}

.person-dropdown .dropdown-element.active
{
	background:#fff;
}

.properties-search-under
{
	border-radius:5px;
	background:#fff;
	box-shadow:0 0 3px solid #f4f4f4;
	margin-top:10px;
	display:flex;
	flex-direction:column;
	text-align:center;
	max-width:500px;
	color:#666;
	padding:8px;
}

.properties-search-under > span
{
	font-size:14px;
	display:block;
}

.properties-search-under .under-title
{
	font-size:16px;
	display:block;
	padding-bottom:4px;
	font-weight:600;
}

.sync-google-contacts,
.logout-google-contacts
{
	color:#0088ff;
	margin-top:5px;
	cursor:pointer;
}


.new-user-box-content #invite
{
}

.new-user-box-content h3
{
	margin-bottom:0;
	font-weight:800 !important;
	font-size:20px !important;
}


.new-user-skip
{
	display:none;
}

.new-user-later
{
	background:none !important;
	color:#a5d1ff !important;
}

.new-user-prev
{
	background:none !important;
	color:#999 !important;
}

.step-tracker
{
	display:flex;
	margin:30px auto;
	justify-content:center;
	font-size:13px;
	color:#fff;
	font-weight:600;
	justify-content:space-between;
	max-width:500px;
	background:url('/themes/pheads/resources/img/join/step-bar.svg');
	background-repeat:no-repeat;
	background-position:center -4px;
	background-size:70% 30px;
}

.step-tracker .step
{
	display:flex;
	flex-direction:column;
	text-align:center;
	justify-content:center;
	align-items:center;
	margin-left:30px;
	margin-right:30px;
	min-width:89px;
}

.step-tracker .hide-desktop
{
	display:none;
}

@media(max-width:800px)
{
	.step-tracker .step
	{
		min-width:60px;
	}
	.step-tracker .hide-desktop
	{
		display:block;
	}
}

.step-tracker .step-box
{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	width:20px;
	height:20px;
	border-radius:4px;
	box-shadow: 0 0 6px #666;
}

.step-tracker .step-label
{
	margin-top:10px;
	white-space:nowrap;
}

.step-tracker .step-complete .step-box
{
	background:#fff;
	background-image:url('tick.svg');
	background-size:80% 80%;
	background-position:center;
	background-repeat:no-repeat;
}

.step-tracker .step-complete .step-box span
{
	display:none;
}

.step-tracker .step-current .step-box
{
	background:#0088ff;
	color:#fff;
}

@media(max-width:900px)
{
	.step-tracker .step
	{
		margin-right:5px;
		margin-left:5px;
		font-size:12px;
	}
	.step-tracker
	{
		background-size:80% 30px;
	}
}

@media(max-width:450px)
{
	.step-tracker
	{
		background-size:75% 30px;
	}
}

@media(max-width:350px)
{
	.step-tracker
	{
		background-size:70% 30px;
	}
}

.completion-post .market-post-content a
{
	color:#666;
	margin-left:15px;
}

.completion-post .market-post-content
{
	display:flex;
	flex-wrap:wrap;
	padding:15px;
}

.completion-post .checkbox
{
	pointer-events:none;
}

.completion-post .full-width
{
	display:flex !important;
}

.completion-post .generic-button-blue
{
	margin-left:15px;
	margin-right:15px;
}

#completion-track
{
	display:none !important;
}

/* base css */

.nav-desktop
{
	width:100%;
	position:fixed;
	top:0;
	height:60px;
	border-bottom:1px solid #e8e8e8;
	align-items:center;
	justify-content:space-between;
	padding-left:15px;
	padding-right:15px;
	background:#fff;
	z-index:9999999;
}

/* logo */

.nav-desktop .nav-logo
{
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}

.nav-desktop .nav-logo img
{
	height:40px;
}

/* nav buttons */
.nav-desktop .nav-left
{
	display:flex;
	height:100%;
	flex-grow:1;
	padding-left:30px;
	padding-right:30px;
}

.nav-desktop .nav-element
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-left:9px;
	margin-right:9px;
	height:100%;
	cursor:pointer;
	border-bottom:2px solid rgba(0,0,0,0);
	border-top:2px solid rgba(0,0,0,0);
}

.nav-desktop .nav-element:hover
{
	border-bottom:2px solid #e8e8e8;
}

.nav-desktop .nav-element.active
{
	border-bottom:2px solid #c3e3ff;
}

.nav-desktop .nav-element .nav-element-title
{
	font-size:16px;
	color:#3b3b3b;
}

.nav-desktop .nav-element .nav-element-subtitle
{
	font-size:16px;
	color:#7d7d7d;
	white-space:nowrap;
}

/* search */
.nav-desktop .nav-search
{
	padding:5px;
	display:flex;
	align-items:center;
	margin-left:15px;
}

.nav-desktop input[type='text']
{
	padding-top:0;
	padding-bottom:0;
	border-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border:1px solid #d1d1d1;
	border-right:none;
	height:32px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	background-repeat:no-repeat;
	background-size:auto 80%;
	background-position: left+5px center;
	padding-left:5px;
	padding-right:5px;
}

.nav-desktop input[type='text']:focus
{
	background:none;
}

.nav-desktop .nav-search-button
{
	height:32px;
	display:flex;
	border:1px solid #d1d1d1;
	border-left:none;
	align-items:center;
	justify-content:center;
	width:40px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	cursor:pointer;
}

.nav-desktop .nav-search-button img
{
	height:80%;
}


/* user */
.nav-desktop .nav-right
{
	display:flex;
	align-items:center;
	min-width:160px;
}

.nav-desktop .nav-notifications
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding-left:10px;
	padding-right:10px;
}

.nav-desktop .nav-notifications img
{
	height:32px;
}

.nav-desktop .nav-user
{
	display:flex;
	background:#fafafa;
	padding:4px;
}

.nav-desktop .nav-user-img
{
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:4px;
	overflow:hidden;
        min-width: 40px;
        object-fit: cover;
}

.nav-desktop .nav-user-img img
{
	height:40px;
}

.nav-desktop .nav-right .nav-user-content
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-left:8px;
}

.nav-desktop .nav-right .nav-user-content .nav-user-name
{
	font-size:16px;
	color:#3b3b3b;
	white-space:nowrap;
}

.nav-desktop .nav-right .nav-user-content .nav-user-secondary
{
	font-size:12px;
	color:#7d7d7d;
}

.nav-desktop .nav-user-expand
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-left:5px;
	width:30px;
}

.nav-desktop .nav-user-expand img
{
	height:10px;
	width:15px;
	transform:rotate(180deg);
}

/* --- mobile nav -- */

.nav-mobile
{
	display:flex;
	position:fixed;
	top:0;
	height:60px;
	width:100%;
	padding-left:5px;
	padding-right:5px;
	border-bottom:1px solid #e8e8e8;
	cursor:pointer;
	background:#fff;
	z-index:99999999999;
}

.nav-mobile .nav-left .nav-left-bottom img
{
	height:8px;
	transition:all 0.1s;
}

.nav-mobile .nav-left
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-grow:1;
	border-right:1px solid #f5f5f5;
	padding-right:5px;
}

.nav-mobile .nav-left .nav-left-top img
{
	height:24px;
}

.nav-mobile .nav-left .nav-left-bottom
{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.nav-mobile .nav-left .nav-current-page
{
	color:#3b3b3b;
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.nav-mobile .nav-notifications
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding-left:10px;
	padding-right:10px;
}

/* user */

.nav-mobile .nav-right
{
	display:flex;
	align-items:center;
}

.nav-mobile .nav-notifications
{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding-left:10px;
	padding-right:10px;
}

.nav-mobile .nav-notifications img
{
	height:28px;
}

.nav-mobile .nav-user
{
	display:flex;
	background:#fafafa;
	padding:4px;
}

.nav-mobile .nav-user-img
{
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:4px;
	overflow:hidden;
}

.nav-mobile .nav-user-img img
{
	height:30px;
}

.nav-mobile .nav-right .nav-user-content
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-left:8px;
}

.nav-mobile .nav-right .nav-user-content .nav-user-name
{
	font-size:10px;
	color:#3b3b3b;
	white-space:unset;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:80px;
}

.nav-mobile .nav-right .nav-user-content .nav-user-secondary
{
	font-size:12px;
	color:#7d7d7d;
}

.nav-mobile .nav-user-expand
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding-left:5px;
	width:30px;
}

.nav-mobile .nav-user-expand img
{
	height:10px;
	width:15px;
	transform:rotate(180deg);
}

/* mobile nav submenu */

.nav-mobile .nav-submenu
{
	position:fixed;
	pointer-events:none;
	opacity:0;
	max-width:0;
	max-height:0;
	left:0;
	top:-100px;
	transition:all 0.2s;
}

.nav-mobile .nav-submenu.expanded
{
	display:flex;
	flex-direction:column;
	max-width:90%;
	max-height:100%;
	opacity:1;
	pointer-events:all;
	position:fixed;
	background:#fafafa;
	border:1px solid #e8e8e8;
	left:0;
	top:60px;
	z-index:-1;
}

/* mobile nav submenu elements */

.nav-mobile .nav-element
{
	display:flex;
	align-items:center;
	min-height:60px;
	padding-left:10px;
	padding-right:10px;
	border-left:4px solid rgba(0,0,0,0.05);
}

.nav-mobile .nav-element:hover
{
	-webkit-box-shadow: 0px 0px 9px 0px rgba(195,227,255,1);
	-moz-box-shadow: 0px 0px 9px 0px rgba(195,227,255,1);
	box-shadow: 0px 0px 9px 0px rgba(195,227,255,1);
	background:#fff;
}

.nav-mobile .nav-element.active
{
	border-left:4px solid #c3e3ff;
}

.nav-mobile .nav-element-left
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	flex-grow:1;
}

.nav-mobile .nav-element .nav-element-title
{
	font-size:16px;
	color:#3b3b3b;
}

.nav-mobile .nav-element .nav-element-subtitle
{
	font-size:16px;
	color:#7d7d7d;
	white-space:nowrap;
}

.nav-mobile .nav-element-right
{
	display:flex;
	align-items:center;
	justify-content:center;
}

.nav-mobile .nav-element-right img
{
	width:30px;
}

.nav-mobile .nav-search
{
	padding:5px;
	display:flex;
	align-items:center;
}

.nav-mobile input[type='text']
{
	border-radius:5px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border:1px solid #d1d1d1;
	height:40px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	background-repeat:no-repeat;
	background-size:auto 80%;
	background-position: left+5px center;
	padding-left:5px;
	padding-right:5px;
	background:#fff;
	border-right:1px solid #f0f0f0;
}

.nav-mobile input[type='text']:focus
{
	background:none;
}

.nav-mobile .nav-search-button
{
	height:40px;
	display:flex;
	border:1px solid #d1d1d1;
	border-left:none;
	align-items:center;
	justify-content:center;
	width:50px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#fff;
	cursor:pointer;
}

.nav-mobile .nav-search-button img
{
	height:70%;
}

.rotate180
{
	transform:rotate(180deg);
}

.nav-desktop .nav-element.nav-element-save
{
	flex-direction:row;
}

.nav-desktop .nav-element.nav-element-save > img
{
	width:15px;
	margin-left:5px;
	transform:rotate(180deg);
}

.nav-desktop .nav-element-sub img
{
	width:20px;
	margin-right:5px;
}

.nav-desktop .nav-element-sub
{
	color:#3b3b3b;
}


.nav-desktop .nav-element-save-text
{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.top-nav .nav-element-save-submenu
{
	display:none;
}

.top-nav .nav-element-save-submenu.active
{
	display:flex;
	position:fixed;
	top:60px;
	background:#fff;
	border:1px solid #f3f3f3;
	flex-direction:column;
}

.top-nav .nav-element-save-submenu .nav-element-sub
{
	display:flex;
	padding:10px;
	background:#f9f9f9;
}

.top-nav .nav-element-save-submenu .nav-element-sub:hover
{
	background:#fff;
}

/* mobile nav jumbo */

.nav-mobile .nav-element.nav-element-sub-jumbo
{
	display:none;
}

.nav-mobile .nav-element.nav-element-sub-jumbo.active
{
	display:flex;
}

.sub-jumbo
{
	display:none;
}

.sub-jumbo.active
{
	display:flex;
	flex-direction:column;
} 

.nav-mobile .moving-tools-left
{
	width:100%;
}


.nav-mobile .moving-tools-element
{
	display:flex;
	align-items:center;
	height:32px;
	margin-top:2px;
	padding-left:5px;
	padding-right:5px;
	width:100%;
}

.nav-mobile .moving-tools-element img
{
	width:20px;
}

.nav-mobile .moving-tools-element span
{
	margin-left:5px;
	color:#333;
}

.top-nav .author-page
{
	margin-left:0;
} 

.top-nav .join-login
{
	display:flex;
}

.top-nav .join-login a
{
	color:#0088ff;
	margin-left:15px;
	margin-right:15px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.top-nav .author-page a
{
	padding-left:0 !important;
	padding-right:0 !important;
	padding-top:0 !important;
}

@media(min-width:1180px)
{
	.nav-mobile
	{
		display:none;
	}
	.nav-desktop
	{
		display:flex;
	}
}

@media(max-width:1180px)
{
	.nav-mobile
	{
		display:flex;
	}
	.nav-desktop
	{
		display:none;
	}
}

@media(max-width:1260px)
{
	.nav-desktop .nav-search
	{
		display:none;
	}
}

.home
{
	margin-top:15px;
	display:flex;
	width:100%;
	justify-content:center;
	flex-wrap:wrap;
}

.home .home-left
{
	max-width:850px;
	width:100%;
	display:flex;
	flex-direction:column;
}

.home .home-left .home-left-title
{
	font-size:22px;
	margin-bottom:20px;
	margin-top:20px;
}

.write-post
{
	box-shadow: 0 2px 6px rgba(181,181,181,0.55);
	display:flex;
	flex-direction:column;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	background:#fff;
	max-width:850px;
	margin:0px auto;
	width:100%;
}

.write-post-title
{
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
}

.write-post .write-post-content
{
	width:100%;
	border:0px;
	margin-bottom:10px;
	font-size:16px;
}

.write-post .write-post-buttons
{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

.write-post .write-post-buttons-left,
.write-post .write-post-buttons-right
{
	display:flex;
	align-items:center;
}

.write-post .write-post-buttons-left .write-post-button
{
	display:flex;
	align-items:center;
	cursor:pointer;
}

.write-post .write-post-buttons-left .write-post-button img
{
	height:25px;
	margin-right:5px;
}

.border-button-blue
{
	height:35px;
	padding:5px;
	border:2px solid #36a1ff;
	border-radius:3px;	
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	font-size:16px;
}

.border-button-blue img
{
	height:100%;
}

.border-button-blue span
{
	font-size:16px;
	color:#36a1ff;
	white-space:nowrap;
	font-weight:700;
	margin-left:4px;
}

.border-button-blue:hover
{
	box-shadow: 0 0 3px rgba(54,161,255,0.5);
}

.post-generic
{
	box-shadow: 0 2px 6px rgba(181,181,181,0.55);
	display:flex;
	flex-direction:column;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	margin-top:15px;
}

.home-right
{
	display:flex;
	flex-direction:column;
	max-width:750px;

	padding-left:20px;
}

.home-right .home-content-wrap
{
	display:flex;
	flex-direction:column;
	width:100%;
}

.home-right .home-content-tabs
{
	display:flex;
}

.home-right .home-content-tab
{
	box-shadow: 0 2px 6px rgba(181,181,181,0.55);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px;
	height:32px;
	background:#f0f0f0;
	color:#7d7d7d;
	font-size:16px;
	font-weight:400;
	cursor:pointer;
}

.home-right .home-content-tab.active
{
	box-shadow: 0px -2px 0px #c3e3ff;
	background:#fff;
	font-weight:600;
	z-index:5;
	cursor:default;
}

.home-right .home-content
{
	width:100%;
	background:#fff;
	box-shadow: 0 2px 6px rgba(181,181,181,0.55);
	min-height:20px;
	display:none;
	padding-top:15px;
	padding-bottom:15px;
	max-width:450px;
	flex-direction:column;
}

.home-right .home-content.active
{
	display:flex;
}

.home-content .connections-section
{
	display:flex;
	flex-direction:column;
	width:100%;
	position:relative;
	padding-bottom:15px;
}

.home-content .connections-section-top
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	padding-left:10px;
	padding-right:10px;
}

.home-content .connections-section-title
{
	color:#7d7d7d;
}

.home-content .connections-see-all
{
	color:#0088ff;
	text-decoration:underline;
}

.home-content .connections-section-browse
{
	display:flex;
	overflow:hidden;
	margin-top:10px;
	align-items:center;
	padding-left:5px;
	padding-right:5px;
}

.home-content .connections-section-user
{
	display:flex;
	text-align:center;
	flex-direction:column;
	align-items:center;
	min-width:max-content;
	margin-left:5px;
	margin-right:5px;
}

.home-content .connections-section-user .main-link,
.home-content .connections-section-user .user-text
{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.home-content .connections-section-user .user-name
{
	max-width:110px;
	white-space:pre;
	overflow:hidden;
	text-overflow:ellipsis;
}

.home-content .connections-section-user .main-link
{
	display:flex;
	text-align:center;
	flex-direction:column;
	align-items:center;
	width:100%;
}

.home-content .connections-section-user .user-photo
{
	width:64px;
	height:64px;
	border-radius:100%;
	border:2px solid #e6e6e6;
	overflow:hidden;
}

.home-content .user-photo img
{
	object-fit:cover;
	height:100%;
}

.home-content .connections-section-user .user-name
{
	font-size:16px;
	color:#3b3b3b;
	margin-top:3px;
	font-weight:500;
	white-space:pre;
}

.home-content .connections-section-user .user-type
{
	font-size:16px;
	color:#7d7d7d;
}

.home-content .connections-section-user .border-button-blue
{
	margin-top:4px;
}

.home-content .scroll-button-left
{
	transform:rotate(180deg);
}

.home-content > div
{
	position:relative;
}


.home-content .scroll-buttons
{
	position:absolute;
	width:100%;
	justify-content:space-between;
	display:flex;
	margin-top:45px;
}

.home-content .scroll-button
{
	cursor:pointer;
	transition: all 0.4s;
}

.home-content .scroll-button img
{
	width:32px;
	height:32px;
}

.home-right .groups-section-top
{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
}

.home-right .groups-section-title
{
	color:#7d7d7d;
}

.home-right .groups-section-bottom
{
	display:flex;
}

.home-right .groups-see-all
{
	color:#0088ff;
	text-decoration:underline;
}

.moving-tools
{
	margin-top:10px;
	display:flex;
	flex-wrap:wrap;
	font-size:16px;
	justify-content:space-between;
}

@media(max-width:358px)
{
	.moving-tools
	{
		font-size:12px;
	}
}

.moving-tools > div
{
	display:flex;
	flex-direction:column;
	padding-left:5px;
	padding-right:5px;
}

.moving-tools .moving-tools-title
{
	margin-bottom:7px;
}

.moving-tools .moving-tools-left .moving-tools-title
{
	color:#5eb4ff;
}

.moving-tools .moving-tools-right .moving-tools-title
{
	color:#f783a1;
}

.moving-tools .moving-tools-element
{
	display:flex;
	align-items:center;
	height:30px;
}

.moving-tools .moving-tools-element img
{
	width:25px;
}

.moving-tools .moving-tools-element span
{
	margin-left:5px;
	color:#3b3b3b;
}

.mentiony-container
{
	background:#fff;
	border-radius:5px;
	border:none !important;
}

.mentiony-container .mentiony-popover
{
	overflow:auto !important;
	left:0 !important;
}

.write-post .mentiony-content
{
	min-height:50px !important;
}

.wall-comment-input-wrapper .mentiony-container
{
	width:100% !important;
}

.wall-comment-input-wrapper .mentiony-content
{
	min-height:0px !important;
}

.write-post #post
{
	min-height:50px !important;
}

@media(max-width:1270px)
{
	.home
	{
		flex-direction:column-reverse;
		align-items:center;
	}
	.home-right
	{
		padding-left:0;
		max-width:100%;
	}

	.home-left
	{
		margin-top:20px;
	}
}

@media(min-width:1270px)
{
}

.mentiony-container .pl0
{
	width:auto !important;
}

.mentiony-item .row
{
	flex-wrap:nowrap !important;
}

.mentiony-item .col-xs-3
{
	max-width:75px;
}

@media(max-width:410px)
{
	.props-page .search-2col > div
	{
		width:100%;
	}
}

.market-post .most-expensive-content
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:0px;
}

.market-post .most-expensive-content > div
{
	box-shadow:none;
}

.property-card-mini-feed
{
	min-width:180px;
	max-width:24.99%;
	background:none;
	border-right:1px solid #fff;
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
	padding-left:0;
	flex-grow:1;
	margin-top:5px !important;
}

.property-card-mini-feed .title-wrapper .title h3
{
	font-weight:600;
}

.property-card-mini-feed .top-wrapper
{
	width:100%;
	max-width:100%;
}

.property-card-mini-feed.greybg
{

}

.property-card-mini-feed .main-image
{
	max-height:150px;
	object-fit:cover;
}

.property-card-mini-feed .title-wrapper
{
	height:95px;
}

.property-card-mini-feed img
{
	height:140px;
	width:100%;
	object-fit:cover;
}

.property-card-mini-feed .title-wrapper .location
{
	color:#999;
}

.property-card-mini-feed .title-wrapper > *
{
	font-size:16px;
}

.property-card-mini-feed .title-wrapper .title-price
{
	font-size:17px;
	color:#333;
	text-align:center;
	font-weight:800;
}

.property-card-mini-feed .fontsize16
{
	display:none;
}

.market-post .head-button-mobile
{
	display:none;
}

.property-card-mini-feed .title h3
{
	font-size:13.5px !important;
}



@media(max-width:850px)
{
	.property-card
	{
		/*width:100%;*/
	}
	.property-card-mini-feed .title-wrapper
	{
		height:auto;
	}
	.market-post-dreamhomes,
	.market-post-suggestedprops
	{
		padding-bottom:10px;
		padding-top:5px;
	}
	.market-post .most-expensive-content
	{
		padding-top:5px;
	}
	.market-post .head-button-desktop
	{
		display:none;
	}
	.market-post .head-button-mobile
	{
		display:flex;
		justify-content:center;
		align-items:center;
		margin-top:5px;
		margin-bottom:10px;
	}

	.property-card-mini-feed 
	{
		max-width:50%;
		min-width:50%;
		width:100%;
	}
	.property-card-mini-feed img
	{
		height:auto;
		width:100%;
	}
}

/* new listing page */

.listing .border-button-blue
{
	margin-right:5px;
}

.border-button-red-small
{
	height:30px;
	padding:5px;
	border:2px solid #eb0041;
	border-radius:3px;	
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	margin-right:5px;
}

.border-button-red-small img
{
	height:100%;
}

.border-button-red-small span
{
	font-size:16px;
	color:#eb0041;
	white-space:nowrap;
	font-weight:700;
	margin-left:4px;
}

.border-button-red-small:hover
{
	box-shadow: 0 0 3px rgba(54,161,255,0.5);
}

.border-button-red
{
	height:35px;
	padding:5px;
	border:2px solid #eb0041;
	border-radius:3px;	
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	margin-right:5px;
}

.border-button-red img
{
	height:100%;
}

.border-button-red span
{
	font-size:16px;
	color:#eb0041;
	white-space:nowrap;
	font-weight:700;
	margin-left:4px;
}

.border-button-red:hover
{
	box-shadow: 0 0 3px rgba(54,161,255,0.5);
}



.listing h1,
.listing h2,
.listing h3,
.listing h4
{
	margin:0;
	margin-bottom:0;
	padding:0;
}

.fill-button-blue
{
	height:35px;
	padding:5px;
	background:#36a1ff;
	border-radius:3px;	
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	margin-right:5px;
}

.fill-button-blue img
{
	height:100%;
}

.fill-button-blue span
{
	font-size:16px;
	color:#fff;
	white-space:nowrap;
	font-weight:700;
	margin-left:4px;
}



.link-button-blue
{
	display:flex;
	align-items:center;
	color:#36a1ff;
	font-weight:600;
}

.link-button-blue img
{
	margin-right:5px;
	height:22px;
}

.link-button-blue
{
	white-space:pre;
}

.listing-wrap
{
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:1400px;
	margin:0px auto;
}

.listing
{
	display:flex;
	font-size:16px;
}

.listing .left
{
	display:flex;
	flex-direction:column;
}

.listing .left-section
{
	border-bottom:1.5px solid #e3f2ff;
	padding-top:20px;
	padding-bottom:20px;
	display:flex;
	flex-direction:column;
}

.listing .left-section  .floorplan-buttons
{
	display:flex;
	justify-content:space-between;
}

.listing .left-section .floor-area
{
	display:flex;
	align-items:center;
}

.listing .left-section .floor-area img
{
	height:20px;
	margin-right:5px;
}

.listing .left-section-title
{
	color:#696969;
	margin-bottom:15px;
}

.listing .read-more
{
	display:flex;
	align-items:center;
	color:#36a1ff;
	margin-top:10px;
	font-weight:600;
	cursor:pointer;
}

.listing .read-more img
{
	height:10px;
	margin-left:5px;
}

.listing .owner-review-none
{
	display:flex;
}

.listing .owner-review-none img
{
	height:40px;
	margin-right:10px;
}

.listing .owner-review-none-label
{
	display:flex;
	flex-direction:column;
}

.listing .owner-review-title
{
	color:#696969;
	margin-bottom:5px;
}

.listing .right
{
	display:flex;
	flex-direction:column;
	margin-left:20px;
	min-width:500px;
}

.listing .right-section
{
	border-bottom:1.5px solid #e3f2ff;
	padding-top:20px;
	padding-bottom:20px;
	display:flex;
	flex-direction:column;
}

.listing .price-grouper
{
	display:flex;
	justify-content:space-between;
	margin-top:10px;
	align-items:center;
}

.listing h2
{
	font-size:16px;
	margin-top:5px;
}

.listing .price-grouper h3
{
	font-size:25px;
}

.listing .agent-info
{
	display:flex;
	align-items:center;
}

.listing .agent-info img
{
	height:60px;
	object-fit:cover;
}

.listing .agent-label
{
	display:flex;
	flex-direction:column;
	padding-left:10px;
}


.listing .agent-title
{
	font-weight:800;
}

.listing .agent-location
{
	color:#696969;
	margin-top:5px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:pre;
	margin-bottom:10px;
}

.listing .buttons-grouper
{
	display:flex;
}

.listing .buttons-grouper-welcome
{
	display:flex;
	margin-bottom:10px;
}

.listing .welcome-title-wrap
{
	margin-bottom:10px;
}

.listing .welcome-title
{
	font-size:24px;
	margin-bottom:10px;
}

.listing .placeholder-map
{
	width:100%;
	margin-right:15px;
}

.listing .nearby
{
	display:flex;
	justify-content:space-between;
}

.listing .nearby-stations,
.listing .nearby-schools
{
	display:flex;
	flex-direction:column;
	min-width:50%;
}

.listing .nearby-schools
{
	padding-left:10px;
}

.listing .nearby-title
{
	display:flex;
	margin-top:20px;
	margin-bottom:5px;
	font-weight:600;
	align-items:center;
}

.listing .nearby-title img
{
	height:20px;
	margin-right:5px;
}

.listing .nearby-location
{
	color:#696969;
}

.listing .right-section-row
{
	display:flex;
}

.listing .listing-groups
{
	display:flex;
	flex-direction:column;
}

.listing .groups-title
{
	display:flex;
	align-items:center;
	color:#696969;
}

.listing .groups-title img
{
	height:30px;
}

.listing .groups-title span
{
	padding-left:5px;
}

.listing .groups-button
{
	width:100%;
	padding:15px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	border:2px solid #d1d1d1;
	border-radius:8px;
	flex-direction:column;
	margin-top:10px;
}

.listing .groups-button img
{
	height:15px;
}

.listing .groups-button > span
{
	color:#eb0041;
	font-weight:800;
}

.listing .groups-button-label
{
	display:flex;
	align-items:center;
	width:100%;
	justify-content:center;
}

.listing .groups-button-label img
{
	margin-right:5px;
}

.listing .recently-sold-button
{
	color:#36a1ff;
	display:flex;
	align-items:center;
	margin-top:10px;
	justify-content:center;
}

.listing .recently-sold-button img
{
	height:20px;
	margin-right:5px;
}

.listing .right-section-row .links
{
	min-width:fit-content;
	padding-left:10px;
	display:flex;
	flex-direction:column;
	min-width:170px;
}



.listing .estimated-costs-wrap
{
	display:flex;
	flex-direction:column;
}

.listing .estimated-costs
{
	display:flex;
	width:100%;
	flex-direction:column;
}

.listing .estimated-costs-title
{
	color:#696969;
	margin-bottom:5px;
}

.listing .estimated-costs-all
{
	display:flex;
	justify-content:space-between;
}

.listing .estimated-costs-row
{
	display:flex;
	justify-content:space-between;
	margin-top:10px;
}

.listing .font-bold
{
	font-weight:800;
}

.listing .buttons-col
{
	display:flex;
	flex-direction:column;
	padding-left:10px;
}

.listing .buttons-col > a
{
	margin-top:10px;
}

.listing .tools-link
{
	display:flex;
	align-items:center;
	margin-bottom:5px;
	color:#696969;
}

.listing .tools-link img
{
	height:20px;
	margin-right:5px;
}

.listing .also-interested
{
	display:flex;
	flex-wrap:wrap;
}

.listing .also-interested-title
{
	margin-bottom:10px;
}

.listing .also-interested-grouper
{
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:center;
}

.listing .also-interested-element
{
	overflow:hidden;
	border:1px solid #d1d1d1;
	display:flex;
	border-radius:9px;
	margin-left:5px;
	margin-bottom:5px;
	flex-direction:column;
	background:#fff;
	align-items:center;
	max-width:140px;
	height:150px;
	justify-content:space-between;
}

.listing .also-interested img
{
	width:100%;
	height:80px;
	object-fit:cover;
}

.listing .also-interested-price
{
	font-size:22px;
	font-weight:600;
}

.listing .also-interested-location
{
	color:#696969;
}

.listing .also-interested-difference
{
	color:#36a1ff;
	font-weight:600;
	margin-bottom:5px;
}

.listing-wrap .disclaimer
{
	width:100%;
	margin-top:20px;
	margin-bottom:50px;
	color:#777;
}

.listing .floorplan-image
{
	width:100%;
	height:auto;
	max-width:fit-content;
	max-height:fit-content;
	margin-bottom:20px;
	margin-bottom:20px;
	align-self:center;
}

.listing .price-m2
{
	display:flex;
	align-items:center;
}

.listing .floorplan-buttons .link-button-blue
{
	margin-top:0;
}

.listing .open-album
{
	justify-content:center;
	margin-top:15px;
	cursor:pointer;
}

.album-container
{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	top:0;
	left:0;
	display:none;
}

.album-container.active
{
	display:block;
}

.album-container .album-box
{
	display:none;
	margin:0px auto;
	max-width:900px;
	background:#fff;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}

.album-container .album-close-wrap
{
	margin:80px auto;
	display:flex;
	justify-content:center;
	color:#fff;
	font-size:30px;
	margin-right:10px;
	margin-bottom:0;
}

.album-container .album-close
{
	max-width:900px;
	text-align:right;
	width:100%;
	cursor:pointer;
}

.album-container .album-box.active
{
	display:flex;
}

.album-container .album-box img
{
	width:140px;
	height:100px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	cursor:pointer;
}

.album-container .album-image-full
{
	display:none;
}

.album-container .album-image-full.active
{
	display:block;
	max-width:800px;
	width:100%;
}

.album-container .album-view
{
	display:none;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.album-container .album-view.active
{
	display:flex;
}

.listing .description
{
	max-height:600px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.listing .description.expanded
{
	overflow:visible;
	max-height:9999999999px;
}

.listing .groups-button-label span
{
	color:#696969;
}

.album-back
{
	cursor:pointer;
}


@media(max-width:1350px)
{
	.listing
	{
		flex-direction:column;
	}
	.link-button-blue
	{
		justify-content:center;
		margin-top:10px;
	}
	.listing .left-section .floorplan-buttons	
	{
		margin-top:15px;
		margin-bottom:15px;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
	}

	.listing .floorplan-buttons > *
	{
		margin-left:10px;
		margin-top:10px !important;
		margin-right:10px;
	}

	.listing .section-review
	{
		align-items:center;
	}

	.listing .section-days
	{
		text-align:center;
	}

	.listing .right
	{
		min-width:0px;
		margin-left:0;
	}
	.listing .price-grouper
	{
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
	}
	.listing .buttons-grouper
	{
		flex-wrap:wrap;
		justify-content:center;
		margin-top:0px;
	}
	.listing .border-button-blue
	{
		margin-top:5px;
		margin-bottom:5px;
	}

	.listing .section-agent
	{
		text-align:center;
		justify-content:center;
		align-items:center;
	}
	.listing .agent-info
	{
		flex-direction:column;
		text-align:center;
	}
	.listing .agent-location
	{
		white-space:unset;
		text-align:center;
	}
	.listing .right-section
	{
		align-items:center;
		text-align:center;
	}

	.listing .nearby-stations,
	.listing .nearby-schools
	{
		text-align:left;
	}

	.listing .nearby
	{
		flex-direction:column;
	}
	.listing .nearby-stations, .listing .nearby-schools
	{
		padding-left:0;
	}
	.listing .nearby-title
	{
		margin-top:10px;
	}

	.listing .right-section-row
	{
		flex-direction:column;
	}
	.listing .right-section-row .links
	{
		margin-top:20px;
		align-items:center;
	}
	.listing .groups-title
	{
		flex-direction:column;
		justify-content:center;
	}
	.listing .buttons-col
	{
		margin-top:15px;
	}
	.listing-wrap .disclaimer
	{
		text-align:center;
	}
	.fill-button-blue
	{
		margin-top:5px;
	}

	.listing .price-grouper h3
	{
		margin-right:10px;
	}

	#jssor_1
	{
		min-height:0px !important;
	}

	.album-container
	{
		overflow-y:scroll;
	}

	.album-container .album-box
	{
		padding-bottom:100px;
	}

	.album-container .album-box figure
	{
		width:100%;
	}

	.album-container .album-box img
	{
		width:100%;
		height:auto;
		margin-left:0;
	}

	.listing .section-gallery
	{
		padding-top:0px !important;
	}

	.listing .agent-title
	{
		margin-top:10px;
	}

	.listing .nearby-stations, .listing .nearby-schools
	{
		align-items:center;
	}

	.listing .nearby-stations
	{
		margin-top:10px;
	}

	.listing .description
	{
		padding-left:10px;
		padding-right:10px;
	}

	.listing .read-more
	{
		justify-content:center;
	}

	.properties-in-area .box-head
	{
		justify-content:center;
	}

	.properties-in-area .box-row
	{
		width:90%;
	}

	.similarProperties
	{
		justify-content:center;
	}

	.listingMap.inactive
	{
		visibility:hidden;
		max-height:0px;
		min-height:0px;
	}
	

}

@media(min-width:1350px)
{
	.view-full-map
	{
		display:none;
	}
}

.similarPropertyTitle span
{
	font-size:11px;
	width:90%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.jssort101 > div > div > div > div
{
	margin-left:20px;
}

.jssort101 .t
{
	opacity:1 !important;
}

.photoContainer
{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.photoContainer .slideshow-wrap
{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:flex-end;
	max-width:100%;
}


.photoContainer .photos-secondary
{
	display:flex;
	margin-top:5px;
}

.photoContainer .photo-second
{
	margin-left:5px;
}

.photoContainer .photos-count
{
	position:absolute;
	background:rgba(255,255,255,0.7);
	color:#666;
	padding:3px;
	margin-top:1px;
}

.photo-first,
.photo-second
{
	max-width:49.8% !important;
}

.new-user-property-interests
{
	text-align:left;
}

.new-user-property-interests .checkbox
{
	margin-bottom:5px;
}

.new-user-property-interests .checkbox label
{
	white-space:pre;
}

.greyed-out
{
	background:#666 !important;
}

.crop-photo-bottom .photo-buttons
{
	display:none;
}

.crop-photo-bottom .photo-buttons.active
{
	display:flex;
	flex-wrap:wrap;
}

.crop-photo-bottom .toggle-button
{
	display:none;
}

.crop-photo-bottom .toggle-button.active
{
	display:flex;
}

.mobile-listing-menu-wrap .border-button-red
{
	margin-top:5px;
	margin-bottom:5px;
}

.write-post .compose-preview-images
{
	display:none;
	flex-wrap:wrap;
	padding-bottom:10px;
	padding-top:10px;
}

.write-post .compose-preview-images.active
{
	display:flex;
}

.write-post .compose-preview-img
{
	width:100px;
	height:90px;
	object-fit:cover;
	border-bottom:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	overflow:hidden;
}

.write-post .compose-preview-wrap
{
	margin-left:5px;
}

.write-post .compose-preview-img.uploading
{
	opacity:0.5;
}

.write-post .write-post-video
{
	display:none;
	padding:10px;
	margin-bottom:10px;
}

.write-post .write-post-video.active
{
	display:flex;
}

.write-post .write-post-document
{
	display:none;
	padding:10px;
	margin-bottom:10px;
}
.write-post .write-post-document.active
{
	display:flex;
}

.wall-post-generic .tagged-members
{
	display:flex;
	flex-wrap:wrap;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:15px;
}

.wall-post-generic .tagged-member-card
{
	display:none;
	position:absolute;
	z-index:999999;
}

.wall-post-generic .tagged-title
{
	width:100%;
	color:#999;
	padding-left:10px;
	padding-right:5px;
}

.wall-post-generic .tagged-members a
{
	color:#36a1ff;
}

@media(max-width:1000px)
{
	.tagged-member-wrap .peopleCard
	{
		width:100%;
	}
	.wall-post-generic .tagged-member-card
	{
		width:100%;
		left:0;
	}
}

.wall-post-generic .tagged-member
{
	display:flex;
	margin-right:5px;
	margin-top:10px;
	color:#36a1ff;
	cursor:pointer;
}

.wall-post-generic .tagged-member-wrap
{
	display:inline-block;
}

.wall-post-generic .peopleCardWrapper
{
	padding:0;
	margin-top:5px;
}

.wall-post-generic .tagged-member-left
{
	display:flex;
	align-items:center;
	justify-content:center;
}

.wall-post-generic .tagged-member-left img
{
	border-radius:100%;
	overflow:hidden;
	object-fit:cover;
	height:32px;
	width:32px;
	border:1px solid #a8a8a8;
}

.wall-post-generic .tagged-member-right
{
	display:flex;
	flex-direction:column;
	padding-left:5px;
}

.write-post .preview-progress
{
	height:24px;
	background:#0088ff;
	color:#fff;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	text-align:center;
}

.write-post .write-post-buttons-left .write-post-button.post-upload-video img
{
	height:22px;
	margin-top:2px;
}

.write-post #drag-and-drop-zone
{
	display:none;
}

.write-post #drag-and-drop-zone.active
{
	display:block;
}

.write-post.dragging
{
	opacity:0.5;
	outline:2px dashed #36a1ff;
}

.compose-preview-images > span
{
	width:100%;
	margin-top:20px;
	font-size:22px;
}

/*
.market-post.market-post-dreamhomes
{
	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 52%, #0088ff 100%);
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 52%,#0088ff 100%);
	background: linear-gradient(155deg, #ffffff 0%,#ffffff 52%,#0088ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0088ff',GradientType=1 );
}
*/

.market-post.market-post-dreamhomes .head-right > *
{
	color:#666;
}

/*
.market-post.market-post-suggestedprops
{
	background: #ffffff;
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 52%, #ed2159 100%);
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 52%,#ed2159 100%);
	background: linear-gradient(155deg,  #ffffff 0%,#ffffff 52%,#ed2159 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ed2159',GradientType=1 );
}


.market-post.market-post-suggestedprops .head-right > *
{
	color:#666;
}

.market-post.market-post-suggestedprops .border-button-blue
{
	border:2px solid #fff;
	color:#fff;
}
*/

@media(max-width:1000px)
{

}

.tags-group-wrap
{
	margin:0px auto;
	max-width:850px;
	margin-top:15px;
	margin-bottom:15px;
}

.tags-group
{
	display:flex;
	flex-wrap:wrap;
}

.tags-group .tag
{
	display:flex;
	padding:4px;
	background:#36a1ff;
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	margin-right:5px;
	color:#fff;
}

.agent-enquiry-wrap
{
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	top:0;
	z-index:999999999;
	overflow-y:auto;
}

.agent-enquiry-wrap span
{
	white-space:nowrap;
}

.agent-enquiry-wrap.active
{
	display:block;
}

.agent-enquiry input[type='checkbox']
{
	display:block;
}

.agent-enquiry
{
	background:#fff;
	margin:70px auto;
	max-width:600px;
	min-height:100px;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:5px;
	font-size:16px;
}

.agent-enquiry > img
{
	height:50px;
}

.agent-enquiry .agent-title
{
	font-size:18px;
	font-weight:600;
}

.agent-enquiry .agent-subtitle
{
	font-size:14px;
	white-space:normal;
	text-align:center;
}

.agent-enquiry .agent-enquiry-divider
{
	width:100%;
	height:2px;
	background:#f1f1f1;
	margin-top:15px;
}

.agent-enquiry-divider-title img
{
	height:20px;
}

.agent-enquiry-divider-title
{
	color:#666;
	padding-top:15px;
	padding-bottom:15px;
	font-size:16px;
	font-weight:600;
	text-align:center;
	display:flex;
	align-items:center;
}

.agent-enquiry-divider-title span
{
	margin-left:5px;
}

.agent-enquiry .agent-enquiry-customize
{
	display:flex;
	flex-direction:column;
	width:100%;
}

.agent-enquiry .customize-field
{
	display:flex;
	flex-direction:column;
	width:100%;
	padding-left:15px;
	padding-right:15px;
}

.agent-enquiry .customize-field > span
{
	margin-bottom:5px;
}

.agent-enquiry .customize-field.field-second
{
	margin-top:10px;
}

.agent-enquiry .customize-field input
{
	padding:10px;
}

.agent-enquiry .customize-field textarea
{
	border-radius:0.25rem;
	border:1px solid #d5d5d6;
	padding:10px;
}


.agent-enquiry a
{
	color:#0088ff;
}

.agent-enquiry .login-notice
{
	margin-bottom:15px;
}

.agent-enquiry .agent-enquiry-signup
{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	padding-right:10px;
}

.agent-enquiry .agent-enquiry-row
{
	display:flex;
	width:100%;
	margin-bottom:5px;
	margin-top:5px;
}

.agent-enquiry .agent-enquiry-row-full
{
	display:flex;
	width:100%;
}

.agent-enquiry .agent-enquiry-textbox
{
	margin-left:5px;
	margin-right:5px;
	padding:10px;
}

.agent-enquiry .checkbox-grouper
{
	display:flex;
	align-items:center;
	padding-top:5px;
	padding-bottom:5px;
	flex-wrap:wrap;
	max-width:420px;
}

.agent-enquiry .checkbox-grouper input
{
	width:auto;
}

.agent-enquiry .checkbox-grouper label
{
	margin-bottom:2px;
	padding-left:5px;
}

.agent-enquiry .agent-enquiry-checkboxes
{
	padding-left:15px;
	border-left:2px solid #f1f1f1;
	margin-top:15px;
	margin-bottom:15px;
}

.agent-enquiry .close-enquiry
{
	cursor:pointer;
	height:15px;
	font-size:15px;
	width:100%;
	text-align:right;
	color:#1f1f1f;
	padding-right:10px;
}

.agent-enquiry-row > div,
.agent-enquiry-row-full > div
{
	flex-grow:1;
	margin-left:5px;
	margin-right:5px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}

.agent-enquiry-button
{
	color:#0088ff;
	height:40px;
	padding:10px;
	margin-bottom:15px;
}

.agent-enquiry .join-form-error
{
	margin-left:5px;
	color:#ee0707;
	width:100%;
}

.agent-enquiry #message_terms_agree-error
{
	width:100%;
	margin-left:0;
	margin-right:0;
	padding-left:0;
}

.agent-enquiry .next-buttons
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.agent-enquiry .next-buttons > *
{
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

@media(max-width:1000px)
{
	.agent-enquiry .agent-enquiry-row
	{
		flex-wrap:wrap;
		margin-top:0;
		margin-bottom:0;
	}
	.agent-enquiry .agent-enquiry-textbox
	{
		margin-top:5px;
		margin-bottom:5px;
	}

}

/* local town info */

.town-info-wrap
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y:auto;
	display:flex;
	justify-content:center;
	align-items:center;
}

.town-info-wrap.active
{
	display:block;
}

.town-info-wrap .local-town-info
{
	padding:20px;
	margin:70px auto;
	background:#fff;
	max-width:850px;
}

.town-info-wrap .wrap-close
{
	cursor:pointer;
	height:15px;
	font-size:15px;
	width:100%;
	text-align:right;
	color:#1f1f1f;
	padding-right:10px;
}

.property-results .view-town-info
{
	cursor:pointer;
	font-size:16px;
}
@media(max-width:1100px)
{
	.property-results .view-town-info
	{
		text-align:center;
		margin-top:15px;
	}
}

.post-hashtags
{
	display:flex;
	flex-wrap:wrap;
}

.post-hashtags .hashtag
{
	color:#fff;
	border-radius:5px;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	margin-right:5px;
	background:#0088ff;
	display:flex;
	align-items:center;
	margin-bottom:5px;
}

.dashboard
{
	display:flex;
	flex-direction:column;
	min-height:275px;
}

.dashboard-top
{
	display:flex;
	flex-direction:column;
}

.dashboard-top .text-top
{
	font-size:19px;
}


.dashboard-top-combiner .text-bottom
{
	font-size:24px;
	font-weight:600;
}

.dashboard-show-all
{
	white-space:nowrap;
	display:inline-flex;
	cursor:pointer;
	border:1.5px solid #c9c9c9;
	border-radius:2px;
	padding:5px;
	background:#fff;
	height:40px;
	width:190px;
	justify-content:space-evenly;
	align-items:center;
	color:#6f6f6f;
	margin-left:10px;
	margin-right:10px;
}

.dashboard-show-all img
{
	height:20px;
	margin-left:5px;
	margin-right:5px;
}

.dashboard-recommended
{
	display:flex;
	height:0px;
	transition:all 200ms ease-out;
	opacity:0;
	pointer-events:none;
}

.dashboard-recommended.visible
{
	display:flex;
	height:auto;
	flex-direction:column;
	opacity:1;
	pointer-events:all;
}

.dashboard-main
{
	overflow:hidden;
	flex-direction:column;
	height:0px;
	visibility:hidden;
	transition:all 200ms ease-out;
	pointer-events:none;
	opacity:0;
}

.dashboard-main.visible
{
	display:flex;
	height:800px;
	visibility:visible;
	pointer-events:all;
	opacity:1;
}

.dashboard-row
{
	display:flex;
	flex-direction:column;
}

.dashboard-row-title
{
	display:flex;
	align-items:center;
	margin-top:10px;
	margin-bottom:5px;
	color:#666;
	font-size:16px;
}

.dashboard-row-title img
{
	height:25px;
	margin-right:5px;
}

.dashboard-row-elements
{
	display:flex;
}

.dashboard-row-button
{
	cursor:pointer;
	display:flex;
	max-width:300px;
	align-items:center;
	background:#fff;
	padding:5px;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	box-shadow:1px 1px 4px -1px rgba(0,0,0,0.4);
	border-top:4px solid #d1d1d1;
}
.dashboard-row-button:nth-child(odd)
{
	border-top:4px solid #c1c1c1;
}

.dashboard-row-button .left-title
{
	font-size:18px;
	font-weight:600;
	padding-bottom:3px;
	color:#666;
}

.dashboard-row-button .left-description
{
	font-size:16px;
	color:#666;
}


.dashboard-row-button .right img
{
	height:50px;
}

.dashboard-write-post
{
	border-top:4px solid #9182ff !important;
	margin-left:0;
}

.dashboard-write-post .left-title span
{
	color:#9182ff !important;
}

.dashboard-search-properties
{
	border-top:4px solid #0088ff !important;
}

.dashboard-search-properties .left-title span
{
	color:#0088ff !important;
}

.dashboard-button-tradesman
{
	border-top:4px solid #ff8312 !important;
}

.dashboard-button-tradesman .left-title span
{
	color:#ff8312 !important;
}

.dashboard-mouseprice
{
	border-top:4px solid #64ac2f !important;
}

.dashboard-mouseprice .left-title span
{
	color:#64ac2f !important;
}

.dashboard-mobile-wrap
{
	display:none;
	margin-top:15px;
	justify-content:center;
}

.dashboard-desktop-wrap
{
	display:inline-block;
}

.dashboard-desktop-wrap .dashboard-show-all
{
	margin-left:0;
}

.dashboard-desktop-wrap-top .dashboard-show-all
{
	margin-left:5px;
}

@media(max-width:900px)
{
	.dashboard
	{
		padding:0;
	}
	.dashboard-top
	{
		padding:10px;
		padding-bottom:5px;
	}
	.dashboard-row-button .right img
	{
		display:none;
	}
	.dashboard-row-button
	{
		margin-left:0;
		margin-right:0;
		padding-top:5px;
		padding-bottom:5px;
		align-items:flex-start;
		flex-grow:1;
		flex-basis:0;
		min-height:105px;
	}
	.dashboard-top-combiner
	{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.dashboard-row-title
	{
		padding-left:5px;
		padding-right:5px;
		display:flex;
		justify-content:center;
	}
	.dashboard-mobile-wrap
	{
		display:flex;
	}
	.dashboard-desktop-wrap
	{
		display:none;
	}
	.dashboard-top .text-top
	{
		text-align:center;
	}

	.dashboard-top-combiner .text-bottom
	{
		text-align:center;
		font-size:20px;
	}
	.dashboard-row
	{
		margin-top:15px;
	}
	.dashboard-recommended .dashboard-row
	{
		margin-top:0;
	}
	.home .home-left .home-left-title
	{
		text-align:center;
	}
}

.dashboard a
{
	text-decoration:none;
}

.purple-border-top
{
	border:1.5px solid #9182ff;
}

.google-ad
{
	min-width:300px;
	min-height:200px;
}

.adsbygoogle-square
{
	min-width:310px !important;
	min-height:200px !important;
	margin-top:10px !important;
	margin-bottom:10px !important;
}

.adsbygoogle-feed
{
	min-width:250px !important;
	min-height:100px !important;
	max-height:300px;
	margin-top:10px !important;
	margin-bottom:10px !important;
	margin-left:10px;
	margin-right:10px;
}

.adsbygoogle-property 
{
	margin-left:0;
	margin-right:0;
}

.adsbygoogle-minwidth
{
	min-width:300px;
}
#afmBottomAd
{
	margin:0px auto;
	margin-bottom:15px;
}

#afmTopAd 
{
	margin:5px auto;
	margin-bottom:10px;
}

.bottom #afmTopAd
{
	margin:0 !important;
	margin-top:5px !important;
}

#afmSlimMidPageAd
{
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.prop-results-ad-wrap
{
	display:flex;
}


.profile-wrap-split
{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}

@media(max-width:1000px)
{
	#afmSlimMidPageAd
	{
		display:none;
	}
	#afmMidPageAd
	{
		display:none;
	}
	#afmInContentAd
	{
		margin:0px auto;
	}
	#afmShortBottomAd 
	{
		margin:0px auto;
	}
	.profile-wrap-split
	{
		flex-wrap:nowrap;
	}

	.mobile-footer-flex
	{
		display:flex;
	}

	.footer
	{
		padding:0;
	}

	.footer-seo a
	{
		line-height:1;
	}
}

.prop-results-ad
{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	justify-content:center;
}

.prop-results-breaker
{
	display:none;
}

@media(min-width:1270px) and (max-width:1680px)
{
	.prop-results-breaker
	{
		display:block;
		flex-basis:100%;
	}
	.property-card
	{
		/*max-width:600px;*/
	}
	.bg-slideshow
	{
		background-size:100% auto !important;
	}
}

body > #stickyAdContainer
{
	background-color:none;
}

/*
 *
 *
 *
 * */

body.body-properties_view
{
	background:#fff !important;
}

.sticky-back
{
	position:fixed;
	display:flex;
	width:100%;
	background:#F04675;
	height:50px;
	color:#fff;
	padding:10px;
	box-sizing:border-box;
	align-items:center;
	margin-top:60px;
	z-index:800;
	text-decoration:none;
	top:0;
}

.sticky-back img
{
	margin-right:10px;
}

.sticky-back .main-text
{
	margin-right:10px;
	font-weight:800;
}

.sticky-back .link-text
{
	color:#fff;
	font-weight:400;
	text-decoration:underline;
}

.sticky-back img
{
	max-height:20px;
}

.listing-wrap-main
{
	width:100%;
	box-sizing:border-box;
}

.listing-wrap
{
	width:100%;
	flex-direction:column;
	align-items:center;
	padding:10px;
	padding-top:40px;
	box-sizing:border-box;
	padding-bottom:60px;
}

.listing-wrap *
{
	box-sizing:border-box;
}

.listing-wrap > *
{
	width:100%;
}

.listing-wrap a
{
	color:#3AAFFE;
	font-weight:600;
}

.listing-breadcrumbs
{
	display:flex;
	width:100%;
	justify-content:space-between;
	max-width:1000px;
	margin-top:10px;
	align-self:flex-start;
}

.listing-breadcrumbs > *
{
	display:flex;
	align-items:center;
	flex-grow:1;
	height:30px;
}

.listing-breadcrumbs a
{
	color:#666;
}

.listing-breadcrumbs .item
{
	flex-grow:1;
}

.listing-wrap .main-title
{
	display:flex;
	flex-direction:column;
	margin-bottom:15px;
}

.listing-wrap .main-title h1
{
	margin:0;
	padding:0;
	margin-top:10px;
}

.listing-wrap .main-title .subtitle
{
	margin-top:5px;
	font-size:18px;
}

.listing-wrap .main-title .price
{
	font-size:22px;
	margin-top:5px;
	font-weight:800;
}

.listing-wrap .row-split
{
	display:flex;
}

.listing-wrap .row-split.no-padding > *
{
	padding:0 !important;
}

.listing-wrap .review-time
{
	display:block;
	font-weight:600;
}

.listing-wrap .img-number
{
	position:absolute;
	margin-top:5px;
	margin-left:5px;
	background:rgba(255,255,255,0.5);
	border-radius:100%;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#4062c8;
	font-weight:600;
	width:50px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-weight:800;
}

.listing-wrap .img-row img
{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.listing-wrap .row-split > *
{
	padding-top:60px;
	padding-bottom:60px;
	display:flex;
	flex-direction:column;
	width:50%;
}

.listing-wrap .row-split .row-left
{
	padding-right:15px;
}

.listing-wrap .row-split .row-right
{
	padding-left:15px;
	background:#fff;
}

.listing-wrap .about-property .listed-time
{
	color:#666;
	margin-bottom:5px;
	margin-top:10px;
}

.listing-wrap .about-property .about-desc
{
	margin-bottom:20px;
}

.btn-row
{
	display:flex;
}

.btn-row .btn-generic
{
	margin-right:10px;
}

.btn-generic
{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
	box-sizing:border-box;
	border-radius:2px;
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
	background: linear-gradient(0deg, #5585FF 0%, #00C0FF 100%);
	color:#fff !important;
	text-decoration:none;
	width:max-content;
	cursor:pointer;
	border-radius:4px;
}

.btn-generic-whitify
{
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
}

.btn-generic-whitify img
{
	filter: brightness(0) saturate(0) contrast(100) invert(1);
}

.btn-generic img
{
	margin-right:8px;
	height:20px;
}

.btn-generic.btn-generic-red
{
	background: linear-gradient(0deg, #F04675 0%, #C4325A 100%);
}


.listing-wrap .agent-details .agent-title
{
	font-weight:600;
	font-size:22px;
}

.listing-wrap .agent-details .price
{
	font-weight:800;
	font-size:24px;
}

.listing-wrap .agent-details .prop-availability
{
	margin-bottom:15px;
}

.listing-wrap .agent-details .prop-availability.available
{
	color:#0088ff;
}

.listing-wrap .agent-details .prop-availability.unavailable
{
	color:#F04675;
}

.listing-wrap .agent-details .btn-row
{
	margin-bottom:15px;
}

.listing-wrap .agent-details .agent-name
{
	font-size:22px;
	margin-bottom:5px;
	color:#0088ff;
	text-decoration:underline;
}

.listing-wrap .marketing-box
{
	padding:10px;
	width:100%;
	height:100%;
}

.listing-wrap .row-split .review-count
{
	font-size:22px;
	font-weight:600;
	margin-bottom:15px;
}

.listing-wrap .row-split .review
{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	background:#fff;
	display:flex;
	padding:20px;
	box-sizing:border-box;
}

.listing-wrap .row-split .review .review-right
{
	padding-left:10px;
}

.listing-wrap .row-split .owner-review
{
	margin-top:20px;
}

.listing-wrap .row-split .owner-review-none
{
	margin-top:20px;
}

.listing-wrap .welcome-title
{
	font-size:22px;
	font-weight:800;
	margin-bottom:20px;
}

.listing-wrap .welcome-content
{
	margin-bottom:20px;
}

.listing-wrap .ask-neighbours-title
{
	font-size:22px;
	font-weight:600;
}

.listing-wrap .ask-neighbours-subtitle
{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:600;
}

.listing-wrap .ask-neighbours-content
{
	margin-bottom:10px;
}

.listing-wrap .row-full
{
	display:flex;
	padding-top:30px;
	padding-bottom:30px;
}

.listing-wrap .meet-the-locals
{
	display:flex;
	flex-direction:column;
	margin-right:15px;
}

.listing-wrap .meet-locals-title
{
	font-size:22px;
	font-weight:600;
}

.listing-wrap .meet-locals-content
{
	margin-top:10px;
	margin-bottom:10px;
}

.listing-wrap .schools-stations
{
	display:flex;
	flex-direction:column;
}

.listing-wrap .schools-stations-title
{
	font-size:22px;
	font-weight:600;
	margin-bottom:10px;
}

.listing-wrap .schools-stations-row
{
	display:flex;
}

.listing-wrap .schools-stations-col-wrap
{
	display:flex;
}

.listing-wrap .schools-stations-col
{
	display:flex;
	flex-direction:column;
	margin-left:5px;
	margin-right:10px;
}

.listing-wrap .schools-stations-item
{
	margin-top:5px;
	margin-bottom:5px;
}

.listing-wrap .schools-stations-item:first-child
{
	margin-top:0;
	font-weight:800;
}

.listing-wrap .row-title
{
	font-weight:600;
	font-size:22px;
}

.listing-wrap .row-col
{
	display:flex;
	flex-direction:column;
}

.listing-wrap .recently-sold
{
	display:flex;
	flex-wrap:wrap;
}

.listing-wrap .recently-sold a
{
	color:#666;
}

.listing-wrap .recently-sold .recently-sold-property
{
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	padding:20px;
	box-sizing:border-box;
	border-left:8px solid #96C571;;
}

.listing-wrap .estimated-costs
{
	display:flex;
	flex-direction:column;
	margin-top:10px;
}

.listing-wrap .estimated-costs-item
{
	display:flex;
	width:100%;
	justify-content:space-between;
	height:30px;
}

.listing-wrap .row-costs
{
	padding-top:0;
}

.listing-wrap .row-costs .row-col
{
	margin-right:60px;
}

.listing-wrap .cost-reduction > span
{
	margin-top:10px;
	margin-bottom:10px;
}

.listing-wrap .similar-properties
{
	display:flex;
	flex-direction:column;
}

.listing-wrap .similar-properties-row
{
	display:flex;
}

.listing-wrap .similar-properties-col
{
	margin-right:10px;
}

.listing-wrap .row-full.view-photos
{
	padding-top:0;
}

.listing-wrap .detailed-images-content
{
	margin-top:10px;
	margin-bottom:10px;
}

.listing-wrap .agent-info-wrap
{
	display:flex;
	align-items:center;
	margin-top:5px;
}

.listing-wrap .agent-info-wrap img
{
	border-radius:4px;
	max-height:50px;
}

.listing-wrap .marketed-by-label
{
	padding-top:10px;
	border-top:1px solid #e1e1e1;
}

.listing-wrap .about-desc br
{
	max-height:3px;
	display:block;
}

.similar-property
{
	display:flex;
	overflow:hidden;
	border-radius:4px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	background:#fff;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	max-width:400px;
	color:#666 !important;
}

.similar-property .thumb
{
	width:150px;
	height:100%;
}

.similar-property .thumb img
{
	width:100%;
	height:100%;
	object-fit:cover;
}

.similar-property .main
{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.similar-property .main > b,
.similar-property .main > span
{
	padding:10px;
	padding-bottom:0;
}

.similar-property .has-review
{
	margin-bottom:10px;
}

.similar-property .sim-price
{
	width:100%;
	height:40px;
	background:#0088ff;
	color:#fff;
	display:flex;
	align-items:center;
	padding:5px;
	font-weight:600;
	font-size:18px;
}

.listing-wrap .col-sm-12
{
	padding-left:0;
	padding-right:0;
}

.listing-breadcrumbs .separator
{
	margin-left:10px;
	margin-right:10px;
}

.listing-wrap .ask-neighbours-row .row-left
{
	padding-bottom:0;
}


.listing-wrap .row-meet-locals
{
	padding-bottom:60px;
}

@media(max-width:1280px)
{
	.listing-wrap .row-split
	{
		flex-direction:column;
	}

	.listing-wrap .row-split > *
	{
		width:100%;
	}

	.listing-breadcrumbs
	{
		flex-direction:row;
		padding-left:10px;
		margin-top:0;
		flex-wrap:wrap;
	}

	.listing-wrap .row-split .row-left
	{
		padding-right:0;
		padding-top:20px;
		padding-bottom:20px;
	}

	.listing-wrap .row-split .row-right
	{
		padding-left:0;
		padding-top:20px;
		padding-bottom:20px;
	}

	.listing-wrap .marketing-box
	{
		margin-top:20px;
		margin-bottom:20px;
	}
	.listing-wrap .row-full
	{
		flex-direction:column;
	}

	.listing-wrap .row-full > *
	{
		width:100%;
		margin-top:20px;
		margin-bottom:20px;
	}
	.listing-wrap .schools-stations-col-wrap
	{
		flex-direction:column;
	}

	.listing-wrap .schools-stations-col-wrap img
	{
		display:none;
	}
	.listing-wrap .schools-stations-col
	{
		align-items:flex-start;
	}

	.listing-wrap .btn-row
	{
		flex-direction:column;
	}

	.listing-wrap .btn-generic
	{
		width:100%;
		margin-top:5px;
		margin-bottom:5px;
	}
	.listing-wrap
	{
		padding-top:60px;
	}
	.similar-property
	{
		margin-left:0;
		margin-right:0;
		max-width:unset;
		width:100%;
		align-items:center;
	}
	.listing-wrap .similar-properties-row
	{
		flex-direction:column;
	}
	.listing-wrap .recently-sold .recently-sold-property
	{
		width:100%;
	}
	.listing-wrap .marketing-row
	{
		flex-direction:column-reverse;
	}
	.listing-wrap .row-split .row-right
	{
		background:unset;
	}
}

@media(max-width:340px)
{
	.nav-mobile .nav-user-img
	{
		display:none;
	}
}

.listing-wrap-main .marketing-video-details
{
	width:100%;
}

.agent-enquiry-wrap .us-enquiry .title
{
	font-size:22px;
	font-weight:600;
	color:#333;
	white-space:break-spaces;
	text-align:center;
}

.agent-enquiry-wrap .close-us-enquiry
{
	cursor:pointer;
	text-align:right;
	width:100%;
	padding-right:15px;
	height:40px;
}

.agent-enquiry-wrap .us-enquiry-form
{
	display:flex;
	flex-direction:column;
	width:100%;
	padding:20px;
}

.agent-enquiry-wrap .us-enquiry-form .us-form-field
{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #666;
	height:40px;
	padding-left:10px;
}

.agent-enquiry-wrap .us-enquiry-form .us-form-submit,
.us-form-button,
.simple-blue-button
{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	background:#4E8CE8;
	color:#fff;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:600;
	height:60px;
	border-radius:4px;
	cursor:pointer;
}

.simple-blue-button img
{
	margin-right:10px;
}

.simple-blue-button.grey
{
	color:#fff;
	background:#515151;
}

.agent-enquiry-wrap .us-enquiry-form .us-form-separator
{
	width:100%;
	margin-top:20px;
	margin-bottom:10px;
	height:1px;
	background:#999;
}

.agent-enquiry-wrap .us-enquiry-form .us-form-disclaimer
{
	width:100%;
	font-size:12px;
	color:#777;
	margin-top:10px;
}

.lead-gen-card
{
	font-family:'Muli',Arial;
	max-width:460px;
	margin:0px auto;
	height:615px;
	background-color:#36a1ff;
	border-radius:7px;
	display:flex;
	flex-flow:column;
	margin-top:10px !important;
	padding:10px;
	width:400px;
	flex-grow:1;
	max-width:100%;
}

.lead-gen-card .inner
{
	background:#fff;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.lead-gen-card .title
{
	font-size:22px;
	font-weight:600;
	color:#333;
}

.lead-gen-card span
{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-size:14px;
	width:100%;
	display:block;
}

.lead-gen-card .us-form-button
{
	max-width:300px;
}

.about-desc ul li
{
	list-style-type:disc;
	margin-left:20px;
}

/* Confirm region stuff */

.confirm-region-wrap
{
	display:none;
	flex-direction:column;
	background:rgba(0,0,0,0.5);
	position:fixed;
	width:100%;
	height:100%;
	overflow-y:auto;
	top:0;
	left:0;
	justify-content:center;
	align-items:center;
	z-index:99;
}

.confirm-region-wrap.active
{
	display:flex;
}

.confirm-region
{
	width:100%;
	max-width:500px;
	background:#fff;
	padding:20px;
	display:flex;
	flex-direction:column;
	text-align:center;
}

.confirm-region > span
{
	margin-top:20px;
	margin-bottom:20px;
}

.confirm-region .e-subtitle
{
	margin-bottom:20px;
}

.confirm-region .e-title
{
	font-size:22px;
}

/* New results pages */

.prp-sub-wrap
{
	width:100%;
	padding:10px;
	background:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	min-height:80px;
	border-top:1px solid #999;
	padding-top:60px;
	padding-bottom:60px;
}

.prp-sub-wrap a
{
	color:#36a1ff;
}

.prp-sub-wrap h3
{
	margin-top:20px;
	font-weight:700;
}

.prp-sub-row
{
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:1366px;
	border-bottom:1px solid #d1d1d1;
	padding-bottom:10px;
}

.prp-sub-row .faq-item
{
	margin-top:10px;
	margin-bottom:10px;
}

.prp-sub-row .box-row
{
	display:flex;
	border-top:1px solid #f3f3f3;
	margin-top:10px;
}

.prp-sub-row .box-row .box-item
{
	background:#fff;
	display:flex;
	flex-direction:column;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:10px;
}

@media(max-width:900px)
{
	.prp-sub-row .box-row
	{
		flex-direction:column;
	}
}

.listing-wrap-main ul
{
	list-style-type:circle;
	padding-left:15px;
}

.box-item .towns-wrap
{
	display:flex;
	flex-wrap:wrap;
	max-width:600px;
}

.box-item .towns-wrap a
{
	display:block;
	max-width:300px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	border-right:1px solid #e1e1e1;
	padding-right:5px;
}

input, select
{
	max-height:80px;
}

.explicit-lead-gen-form
{
	display:flex;
	flex-direction:column;
	background:#eef5fb;
	padding:10px;
	margin-top:10px;
	margin-bottom:20px;
}

.explicit-lead-gen-form .lg-title
{
	font-size:18px;
}

.explicit-lead-gen-form input
{
	height:40px;
	margin-top:10px;
	margin-bottom:10px;
}

.explicit-lead-gen-form .btn-generic
{
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}

.explicit-lead-gen-form .realtor-copy
{
	font-size:13px;
	margin-top:5px;
}

.border-button-blue.variety-gold
{
    background: #c5b766;
    border: 2px solid #493709;
}

.border-button-blue.variety-gold span
{
    color: #493709;
}

.border-button-blue.variety-gold img
{
    filter:grayscale(1);
}

.us-lead-button-wrap
{
	display:flex;
	justify-content:center;
}

.us-lead-button
{
	background:#65A9E5;
	border: 1px solid #95A9E5;
	color: #fff;
	padding:10px;
	text-align:center;
	cursor:pointer;
	margin-top:10px;
	margin-bottom:10px;
	max-width:350px;
	border-radius:4px;
	box-shadow: 0px 4px 5px 0px rgba(173,173,173,1);
}

.submit-button.disabled
{
	opacity:0.5;
	filter:grayscale(1.0);
}


.form-control
{
	font-size:16px !important;
}

.btn
{
	font-size:16px !important;
}