@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova/ProximaNova-Bold.otf'), url('../fonts/ProximaNova/proximanova-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova/ProximaNova-Light.otf'), url('../fonts/ProximaNova/proximanova-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova/ProximaNova-Regular.otf'), url('../fonts/ProximaNova/proximanova-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova/ProximaNova-Semibold.otf'), url('../fonts/ProximaNova/proximanova-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

.clear {
    display: block;
}
.clear:after {
    content: " ";
    clear: both;
    display: table;
}
body {
    font-family: 'Proxima Nova', serif;
    color: #474b54;
    font-weight: 400;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
    padding-right: 0 !important;
}
html {
    height: 100%;
    box-sizing: border-box;
}
a, a:hover {
    color: #1e92e3;
}
a:hover, a:focus, a:active {
    outline: 0;
}
b, strong {
    font-weight: 600;
}

/* headings */
h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px;
}

/*
    Helper classes
*/
.no-margins {
    margin: 0 !important;
}
.no-paddings {
    padding: 0 !important;
}
.relative {
    position: relative;
}
.mt-10 {
    margin-top: 10px;
}
.mt-13 {
    margin-top: 13px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mb-45 {
    margin-bottom: 45px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mt {
    margin-top: 0 !important;
}
.mb {
    margin-bottom: 0 !important;
}

.btn:focus, .btn:active, .btn.active, .btn:focus:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.img-60 {
    width: 60px;
    height: 60px;
}

/* Top area */
.top-area {
    height: 600px;
    width: 100%;
    background-image: url('../img/homepage-img.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.impersonate-notification {
    color: white;
    background: #1e92e3;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    padding: 6px 0;
}
.impersonate-notification p {
    margin: 0;
    display: inline-block;
}
.impersonate-notification a {
    color: white;
    text-decoration: underline;
    white-space: nowrap;
}
.header-text {
    text-align: center;
    color: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    width: 845px;
}
.header-title {
    font-size: 52px;
    font-weight: 100;
    line-height: 56px;
    letter-spacing: 0;
    padding: 0 20px;
}
.header-desc {
    font-size: 22px;
    font-weight: 100;
    line-height: 60px;
    padding: 0 20px;
}
.header-title span {
    font-weight: 700;
}
.details-btn {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    padding: 12px 46px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    cursor: pointer;
    background-color: rgba(96, 100, 101, .3);
    color: white;
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
}
.details-btn:hover {
    background-color: rgba(150, 152, 147, .3);
    color: white;
    text-decoration: none;
}
.details-btn:focus {
    text-decoration: none;
    color: white;
}
/*
    Navbar
*/
.navbar {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
}
.navbar-menu {
    display: inline-block;
}
.navbar-logo {
    margin-left: -15px;
}
.logo {
    float: left;
    margin: 8px 0;
}
.logo a {
    display: block;
}
.logo img {
    width: 195px;
    height: 42px;
}
.homepage-navbar {
    position: relative;
    background-color: rgba(31, 34, 42, .3);
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.navbar-header {
    width: 1170px;
    margin: 0 auto !important;
    float: none !important;
}
.homepage-navbar .navbar-header {
    width: 100%;
}
.homepage-navbar .navbar-logo {
    margin-left: 0;
}
.navbar-menu-wrapper {
    text-align: right;
    padding-top: 12px;
    padding-bottom: 13px;
    margin-right: -15px;
    float: left;
    padding-right:0 ;

}
.mobile-navbar-menu-wrapper {
    display: none;
}

.mobile-navbar-menu-wrapper .fa {
    position: absolute;
    right: 30px;
    top: 20px;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.mobile-navbar-menu li {
    width: 100%;
    font-size: 20px;
    line-height: 46px;
}

.mobile-navbar-menu li a {
    cursor: pointer;
}

.navbar-menu.mobile-navbar-menu a.signup-btn:hover {
    background-color: transparent;
    color: #6dbbf2 !important;
}

.mobile-navbar-menu {
    width: 285px;
    position: fixed;
    right: 0;
    display: none;
    height: 100%;
    z-index: 1000;
    padding-left: 0;
    background-color: rgba(31, 34, 42, .8);
    overflow: auto;
}

.mobile-navbar-menu > ul{
    list-style: none;
    padding-left: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.mobile-navbar-menu .fa {
    position: inherit;
}

.mobile-navbar-menu .dropdown-menu {
    right: 0;
    max-height: initial;
    background-color: transparent;
    text-align: center;
}
.mobile-navbar-menu .dropdown-menu a {
    color: white;
    font-size: 16px;
}
.mobile-navbar-menu .profile-dropdown,
.mobile-navbar-menu .dropdown-container,
.mobile-navbar-menu .dropdown-menu {
    width: 100%;
    right: 0;
}
.mobile-navbar-menu .profile-dropdown {
    background-color: rgba(31, 34, 42, 1);
    margin-top: 15px;
}
.homepage-navbar .navbar-menu-wrapper {
    margin-right: 0;
}
.navbar-menu-wrapper .btn,
.navbar-menu-wrapper .menu-item {
    color: #474b54;
    border: none;
}
.navbar-menu-wrapper .btn:focus, .navbar-menu-wrapper .btn:active,
.navbar-menu-wrapper .menu-item:focus, .navbar-menu-wrapper .menu-item:active {
    outline: 0;
}
.homepage-navbar .navbar-menu-wrapper .btn,
.homepage-navbar .navbar-menu-wrapper .menu-item {
    color: #fff;
}
.menu-item.dropdown-toggle {
    margin-right: 0;
}


.navbar-menu {
    margin-bottom: 0;
}
.navbar-menu > li {
    display: inline-block;
    margin-right: 26px;
    vertical-align: middle;
    cursor: pointer;
}
.navbar-menu > li:last-child {
    margin-right: 0;
}
.navbar-menu a {
    transition: color .3s ease;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
}
.navbar-menu a:hover, .navbar-menu a:focus, .navbar-menu a:active {
    text-decoration: none;
    color: #6dbbf2;
    outline: none;
}
.navbar-menu a.signup-btn {
    border: 1px solid white;
    background-color: rgba(96, 100, 101, .3);
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
}
.navbar-menu a.signup-btn:hover {
    background-color: rgba(150, 152, 147, .3);
    color: white !important;
}
.navbar-menu .profile-link {
    position: relative;
    padding-left: 50px;
}
.navbar-menu .profile-link .profile-image {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
}
.navbar-menu .profile-link .profile-image img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    border: 2px solid white;
}
.navbar-menu .profile-link .profile-image .notifications {
    position: absolute;
    right: -10px;
    top: -3px;
    border-radius: 50%;
    background: #1e92e3;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 0;
}
.navbar-menu .list-space-btn {
    border: 1px solid #1e92e3;
    color: #1e92e3;
}

.homepage-navbar-menu .list-space-btn {
    background-color: #1e92e3;
    transition: background-color .3s ease;
}
.homepage-navbar-menu .navbar-menu .list-space-btn:hover {
    background-color: #2482c3;
}
.navbar-menu .list-space-btn:hover {
    background: #1e92e3;
    color: #fff;
}
.with-dropdown {
    border: 1px solid transparent;
    position: relative;
}
.with-dropdown .fa {
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    vertical-align: text-bottom;
}
.dropdown-menu {
    min-width: 90px;
    left: auto;
    right: -16px;
    top: 36px;
    border: 0;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.4);
}
.dropdown-menu.profile-dropdown {
    position: relative;
    right: auto;
    top: auto;
}
.dropdown-container {
    position: absolute;
    right: -16px;
    top: 30px;
    padding-top: 6px;
}
.dropdown-menu:after {
    content: "";
    background: url('../img/dropdown-arrow.png');
    position: absolute;
    top: -5px;
    right: 17px;
    width: 8px;
    height: 5px;
}

.with-dropdown .dropdown-menu > li > a {
    transition: color .3s ease;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    padding: 5px 10px;
}
.with-dropdown .dropdown-menu > li > a.selected {
    color: #6dbbf2;
}
.dropdown-toggle {
    padding-left: 0;
    padding-right: 0;
}
.dropdown-toggle>span {
    padding-right: 6px;
}
.with-dropdown .dropdown-menu > li > a:hover {
    color: #6dbbf2;
    background-color: transparent;
}
.dropdown-menu.profile-dropdown {
    min-width: 140px;
}
.with-dropdown:hover .dropdown-menu.profile-dropdown {
    display: block;
}

/*
    Search bar
*/

.search-bar-wrapper {
    position: absolute;
    bottom: 0;
    background-color: rgba(31, 34, 42, .6);
    width: 100%;
    text-align: center;
}

.search-bar-wrapper input:focus {
    outline: none;
}
.search-bar-wrapper .datepicker-container {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 10px;
}
.datepicker-container .col-xs-6 {
    padding: 0;
}
.form-group.datepicker-container {
    display: block;
}
.input-wrapper {
    display: inline-block;
    position: relative;
    margin: 19px 0;
}
.input-wrapper .fa {
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    height: 100%;
    line-height: 50px;
    padding-left: 12px;
    font-size: 21px;
}
.input-wrapper.header-search-address {
    margin: 10px 0 0 20px;
}
.input-wrapper.header-search-address .form-control {
    padding-left: 33px;
    color: #474b54;
    width: 250px;
    margin-right: 20px;
}
.input-wrapper.header-search-address .fa {
    color: #474b54;
    font-size: 18px;
    line-height: 38px;
}

.search-bar-wrapper input {
    font-size: 16px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #8d9194;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-right: 10px;
    color: white;
}

.location-input {
    padding-left: 36px;
    width: 428px;
}

.pac-container {
    font-family: 'Proxima Nova', serif;
    font-size: 13px;
    z-index: 9999;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
}
.pac-item:hover {
    color: #1e92e3;
}

.pac-item:hover .pac-item-query {
    color: #1e92e3;
}

.check-in-input, .check-out-input {
    padding-left: 40px;
}

.search-bar-wrapper input::-webkit-input-placeholder {
    color: white;
}

.search-bar-wrapper input::-moz-placeholder {
    color: white;
}

.search-btn {
    /*padding: 16px 30px 15px;*/
    padding: 0 30px;
    height: 50px;
    border-radius: 4px;
    border: none;
    background-color: #1e92e3;
    font-size: 16px;
    color: white;
    font-weight: 700;
    transition: background-color .3s ease;
    margin-left: 10px;
}
.search-btn:hover {
    background-color: #2482c3;
}

/*
    Presentation slider
*/
.presentation-slider-wrapper {
    height: 480px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#48ccf0+0,4998ea+100 */
    background: #48ccf0; /* Old browsers */
    background: -moz-linear-gradient(left,  #48ccf0 0%, #4998ea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#48ccf0), color-stop(100%,#4998ea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #48ccf0 0%,#4998ea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #48ccf0 0%,#4998ea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #48ccf0 0%,#4998ea 100%); /* IE10+ */
    background: linear-gradient(to right,  #48ccf0 0%,#4998ea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48ccf0', endColorstr='#4998ea',GradientType=1 ); /* IE6-9 */
    padding: 0 8%;
}
.presentation-slider-wrapper .container {
    padding: 0;
    height: 100%;
}
.presentation-slider-wrapper .carousel-inner {
    height: 100%;
}
.carousel-control {
    width: 8%;
}
.carousel-control.left {
    background-image: url('../img/arrow-left.png');
}
.carousel-control.left:hover {
    background-image: url('../img/arrow-left-hover.png');
}
.carousel-control.right {
    background-image: url('../img/arrow-left.png');
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.carousel-control.right:hover {
    background-image: url('../img/arrow-left-hover.png');
}
.carousel-control.left, .carousel-control.right {
    background: no-repeat center center;
    color: white;
    opacity: .6;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
}
.carousel-control.left:hover, .carousel-control.right:hover {
    text-decoration: none;
    outline: none;
    opacity: 1;
}
.slide-wrapper {
    color: white;
    padding: 0;
    height: 100%;
}
.slide-text {
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-weight: 400;
}
.slide-title {
    font-size: 40px;
    margin-bottom: 14px;
}
.slide-desc{
    font-size: 18px;
    line-height: 26px;
}
.video-wrapper {
    height: 100%;
    float: right;
    padding: 0 8% 0 0;
    background: url('../img/slider-img.png') center no-repeat;
    background-size: 85%;
}
.video-btn-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.video-btn-wrapper p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 13px;
    white-space: nowrap;

}
.video-play-btn {
    height: 131px;
    width: 131px;
    background: url('../img/play-btn.png') no-repeat center center;
    cursor: pointer;
    margin: 0 auto;
}
.video-modal.modal .modal-content, #howItWorksModal .modal-content {
    display: inline-block;
    line-height: 0;
    width: 90%;
}
.video-modal.modal .modal-dialog, #howItWorksModal .modal-dialog {
    text-align: center;
    /*width: 960px;*/
    width: 70%;
}
.modal-open .modal {
    padding-right: 0 !important;
}
/* Calendar */
.ui-datepicker {
    /*border: 1px solid #e0e0e0;*/
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .6);
    z-index: 999 !important;
}
.ui-datepicker-unselectable {
    pointer-events: none;
}
.ui-datepicker-unselectable span {
    color: #a3a6ad;
}

.ui-datepicker-calendar td {
    border: 1px solid #e0e0e0;
    text-align: center;
    line-height: 39px;
    width: 39px;
    font-size: 13px;
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
}

.ui-datepicker-calendar tr td:first-child {
    border-left: none;
}

.ui-datepicker-calendar .ui-datepicker-today a {
    color: #1e92e3;
    font-weight: 600;
}


.ui-datepicker-calendar td:hover {
    background-color: #1e92e3;
}
.ui-datepicker-calendar td:hover .ui-state-default{
    color: white;
    text-decoration: none;
}
.ui-datepicker-calendar a {
    color: #474b54;
}
.ui-datepicker-calendar th {
    text-align: center;
}

.ui-datepicker-current-day {
    background-color: #1e92e3;
}

.ui-datepicker-current-day a {
    color: white !important;
}
.ui-datepicker-title {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 10px;
}
.ui-datepicker-prev span, .ui-datepicker-next span {
    position: absolute;
    top: 17px;
    color: #474b54;
    cursor: pointer;
}

.ui-datepicker-prev span {
    left: 21px;
}
.ui-datepicker-next span {
    right: 21px;
}

/*
    Information area
*/
.information-wrapper {
    padding-bottom: 87px;
}
.info-card {
    padding-top: 70px;
    text-align: center;
}
.info-card:first-of-type {
    padding-left: 0;
}
.info-card:last-of-type {
    padding-right: 0;
}

.info-title {
    font-weight: 600;
    font-size: 22px;
    color: #1e92e3;
    display: inline-block;
}

.info-img {
    width: 100%;
    height: 110px;
}
.info-img img {
    width: 90px;
    height: 90px;
}

.info-desc {
    font-size: 16px;
    color: #474b54;
    line-height: 24px;
    margin-top: 9px;
}

/* Places area */
.places-wrapper {
    background-color: #f2f2f2;
}
.places-wrapper .container, .blog-wrapper .container, .information-wrapper .container, .footer-wrapper .container, .sponsors-wrapper .container {
    padding: 0;
}
.places-title {
    font-size: 32px;
    color: #1f222a;
    text-align: center;
    margin-top: 80px;
}

.places-desc {
    font-size: 18px;
    color: #474b54;
    text-align: center;
}
.list-spaces {
    margin-top: 37px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.city-container, .single-container {
    height: 270px;
    width: 31.2%;
    position: relative;
    border-radius: 4px;
    margin-right: 3.1%;
    margin-bottom: 50px;
    cursor: pointer;
    display: inline-block;
}

.city-container img, .single-container img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
}

.city-container:nth-child(3n), .post-container:nth-child(3n) {
    margin-right: 0;
}
.city-overlay, .post-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 4px;
    height: 100%;
    background-color: rgba(31, 34, 42, .5);
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
}
.city-overlay:hover, .post-overlay:hover {
    background-color: rgba(31, 34, 42, .8);
}
.city-name, .single-post-title {
    text-align: center;
    top: 50%;
    left: 50%;
    font-size: 24px;
    font-weight: 900;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    color: white;
    text-transform: uppercase;
}

.adverts-nr-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2fb5f2+0,318ded+100 */
    background: #2fb5f2; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to right,  #2fb5f2 0%,#318ded 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fb5f2', endColorstr='#318ded',GradientType=1 ); /* IE6-9 */
    position: absolute;
    bottom: 10px;
    border-radius:0 4px 4px 0;
    color: white;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 12px 5px;
    left: 0;
}
.adverts-nr {
    font-size: 22px;
    font-weight: 900;
    text-align: center;
}

/*
    Blog loader
*/
#blogposts {
    float: left;
    width: 100%;
}
#blogposts .spinner-container {
    width: 40px;
    text-align: center;
    margin: 40px auto;
}
#blogposts .spinner-container .fa-spinner {
    font-size: 30px;
    color: #a3a6ad;
}

/*
    How it works
*/
.how-it-works-wrapper {
    background-color: #ddeef2;
    display: none;
}

.how-it-works-img {
    background: url('../img/how-it-works.png') no-repeat center center;
    height: 290px;
    position: relative;
}
.how-it-works-wrapper .play-btn {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    position: absolute;
    background-image: url('../img/play-btn.png');
    background-size: 100%;
    background-position: center;
    background-color: rgba(71, 75, 84, .5);
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background-color .3s ease;
}
.how-it-works-wrapper .play-btn:hover {
    background-color: rgba(71, 75, 84, .75);
}
.question-wrapper {
    display: inline-block;
    text-align: center;
}
.question-wrapper h2 {
    color:#1e92e3;
    font-size: 24px;
    font-weight: 600;
}
.question-wrapper p {
    color:#474b54;
    font-size: 16px;
}
.question-wrapper p>span {
    font-weight: 700;
}

.question-wrapper:first-of-type {
    padding-left: 0;
}

.question-wrapper:last-of-type {
    padding-right: 0;
}
.learn-more {
    text-align: center;
    font-size: 16px;
    color: #474b54;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.learn-more a {
    color: #474b54;
    font-weight: 700;
    text-decoration: underline;
    transition: color .3s ease;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
}
.learn-more a:hover {
    color:#1e92e3;
}
.how-it-works-wrapper .close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
    border: 2px solid #95b1b8;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    cursor: pointer;
    transition: border .3s ease;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
}

.how-it-works-wrapper .close-btn:hover .line{
    background-color: #6a7f84;
}
.how-it-works-wrapper .close-btn:hover{
    border: 2px solid #6a7f84;
}

.close-btn .line {
    width: 12px;
    height: 2px;
    background-color: #95b1b8;
    margin-left: 6px;
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
}

.first-line {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    margin-top: 11px;
}

.second-line {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    margin-top: -2px;
}
/* Cookie policy */ 

.cookie-notification {
    text-align: center;
    background-color: #1e92e3;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    z-index: 10;
    padding: 10px 0;
    display: none;
}
.cookie-notification p {
    margin: 0;
    padding: 0 30px;
}
.cookie-notification .notif-close-btn {
    top: 15px;
}
/*
    Sponsors area
*/

.sponsors-wrapper {
    text-align: center;
    padding-bottom: 80px;
    background-color: #f2f2f2;
    padding-top: 50px;
}
.digischool-hover, .digischool, .company-campus-hover, .company-campus, .nantestech-hover,
.nantestech, .le-figaro-hover, .le-figaro, .le-telegrame-hover, .le-telegrame,
.elton-pickford-hover, .elton-pickford, .ouest-france-hover, .ouest-france, .le-point-hover,
.le-point, .mma-hover, .mma, .le-parisien-hover, .le-parisien,
.cijp-hover, .cijp, .operation-hover, .operation, .la-france,
.la-french-hover, .france2-hover, .france2, .minutes, .timeout, .monamphi
{ display: inline-block; background: url('../img/sponsors.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.digischool:hover { background-position: -0px -0px; width: 180px; height: 39px; }
.digischool { background-position: -0px -39px; width: 180px; height: 39px; }
.company-campus:hover { background-position: -0px -78px; width: 175px; height: 23px; }
.company-campus { background-position: -0px -101px; width: 175px; height: 23px; }
.nantestech:hover { background-position: -0px -124px; width: 144px; height: 48px; }
.nantestech { background-position: -0px -172px; width: 144px; height: 48px; }
.le-figaro:hover { background-position: -0px -220px; width: 131px; height: 36px; }
.le-figaro { background-position: -0px -256px; width: 131px; height: 36px; }
.le-telegrame:hover { background-position: -0px -292px; width: 124px; height: 24px; }
.le-telegrame { background-position: -0px -316px; width: 124px; height: 24px; }
.elton-pickford:hover { background-position: -0px -340px; width: 119px; height: 54px; }
.elton-pickford { background-position: -0px -394px; width: 119px; height: 54px; }
.ouest-france:hover { background-position: -0px -448px; width: 114px; height: 39px; }
.ouest-france { background-position: -0px -487px; width: 114px; height: 39px; }
.le-point:hover { background-position: -0px -526px; width: 106px; height: 42px; }
.le-point { background-position: -0px -568px; width: 106px; height: 42px; }
.mma:hover { background-position: -0px -610px; width: 105px; height: 42px; }
.mma { background-position: -0px -652px; width: 105px; height: 42px; }
.le-parisien:hover { background-position: -0px -694px; width: 83px; height: 36px; }
.le-parisien { background-position: -83px -694px; width: 83px; height: 36px; }
.cijp:hover { background-position: -106px -526px; width: 68px; height: 72px; }
.cijp { background-position: -106px -598px; width: 68px; height: 72px; }
.operation:hover { background-position: -124px -292px; width: 53px; height: 72px; }
.operation { background-position: -119px -364px; width: 53px; height: 72px; }
.la-france { background-position: -131px -220px; width: 45px; height: 69px; }
.la-france:hover { background-position: -119px -436px; width: 45px; height: 69px; }
.france2:hover { background-position: -144px -124px; width: 33px; height: 58px; }
.france2 { background-position: -0px -730px; width: 33px; height: 58px; }
.timeout:hover { background-position: -82px -853px; width: 80px; height: 45px; }
.timeout { background-position: -0px -853px; width: 80px; height: 45px; }
.minutes:hover { background-position: -67px -788px; width: 65px; height: 65px; }
.minutes { background-position: -0px -788px; width: 65px; height: 65px; }
.monamphi:hover { background-position: -69px -898px; width: 68px; height: 75px; }
.monamphi { background-position: -0px -898px; width: 68px; height: 75px; }
.sponsor-icon {
    margin-right: 30px;
    vertical-align: middle;
    margin-top: 30px;
    cursor: pointer;
}

/*
    submenu
*/
.submenu {
    background: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
}
.view-container {
    width: 1170px;
    margin: 0 auto;
}
.submenu .nav-pills > li {
    height: 48px;
    line-height: 48px;
    border-bottom: 2px solid transparent;
    margin-right: 40px;
}
.submenu .nav-pills > li:last-child {
    margin: 0;
}
.submenu .nav-pills > li > a {
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    color: #474b54;
}
.submenu .nav-pills > li > a:hover,
.submenu .nav-pills > li > a:focus {
    background: none;
    outline: 0;
    color: #1e92e3;
}
.submenu .nav-pills > li.active {
    border-color: #1e92e3;
}
.submenu .nav-pills > li.active > a,
.submenu .nav-pills > li.active > a:focus,
.submenu .nav-pills > li.active > a:hover {
    background: none;
    color: #1e92e3;
}

/*
    Content
*/
.content-wrapper {
    width: 1170px;
    margin: 40px auto;
    padding: 0;
}

/*
    social icons signin
*/
.social-login {
    background: #3d5b99;
    display: block;
    border-radius: 4px;
    margin-bottom: 10px;
    line-height: 40px;
    color: #fff;
}
.social-login:hover {
    background: #2d4575;
}
.social-login:hover, .social-login:focus, .social-login:active {
    color: #fff;
}
.social-login.google {
    background: #f94b30;
}
.social-login.google:hover {
    background: #d12e14;
}
.social-login .social-icon {
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .4);
}
.social-login .social-icon .fa {
    font-size: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.social-login .social-name {
    float: left;
    width: calc(100% - 41px);
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

/* Blog posts */

.posts-title {
    color: #1f222a;
    font-size: 32px;
    text-align: center;
    margin-top: 78px;
    margin-bottom: 4px;
}
.posts-desc {
    text-align: center;
    color: #474b54;
    font-size: 18px;
    margin-bottom: 37px;
    padding: 0 60px;
}

.single-post-title {
    text-transform: none;
}
.post-date {
    background-color: #1f222a;
    position: absolute;
    bottom: 10px;
    left: 0;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 14px;
    border-radius: 0 3px 3px 0;
}

.day {
    font-size: 22px;
    color: white;
    font-weight: 900;
}

/*
    Footer
*/
.footer-wrapper {
    background-color: #1f222a;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left;
}

.footer-wrapper .container {
    padding-top: 65px;
}

.footer-wrapper li {
    list-style: none;
}

.site-links {
    padding-left: 0;
}

.contact-info {
    padding-right: 0;
}

.footer-division>p {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.footer-division ul {
    padding-left: 0;
}

.footer-division li {
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
}

.footer-division a, .footer-copyright, .footer-share-icons a {
    color: #b1b5bf;
    transition: color .3s ease;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
}
.footer-division a:hover, .footer-share-icons a:hover {
    color: white;
    text-decoration: none;
}
.footer-icon {
    display: inline-block;
    width: 15px;
    margin-right: 13px;
}
.footer-share-icons {
    margin-top: 22px;
    padding-left: 0;
}
.footer-share-icons li {
    display: inline-block;
    height: 30px;
    width: 30px;
    border: 1px solid #aeb2bb;
    border-radius: 50%;
    color: #b1b5bf;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
    cursor: pointer;
    position: relative;
    transition: color .3s, border .3s ease;
    -webkit-transition: color .3s, border .3s ease;
    -moz-transition: color .3s, border .3s ease;
}
.footer-share-icons li a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 50%;
    border: 1px solid transparent;
}
.footer-share-icons li:hover {
    color: white;
    border: 1px solid white;
}

.footer-separator {
    width: 100%;
    height: 1px;
    margin-top: 36px;
    margin-bottom: 10px;
    background-color: #4d5056;
}

.footer-copyright {
    text-align: center;
    line-height: 26px;
    margin-top: 6px;
    margin-bottom: 9px;
}
.language-dropdown {
    width: 200px;
    display: inline-block;
}
.language-dropdown .btn {
    width: 100%;
    height: 40px;
    background: rgb(76, 79, 86);
    color: #fff;
    padding: 0 10px;
}
.language-dropdown .btn:active {
    border: 1px solid transparent;
}
.language-dropdown .btn > span {
    float: left;
    line-height: 40px;
}
.language-dropdown .btn > .fa {
    float: right;
    line-height: 40px;
}
.language-dropdown .dropdown-menu {
    width: 100%;
    right: 0;
    top: 40px;
}
/*
    form elements
*/
.input-group-addon {
    background: #f2f2f2;
    border-color: #cbcbcb;
    float: left;
    width: 40px;
    height: 40px;
    padding: 9px 12px;
}
.input-group-addon .fa {
    color: #a3a6ad;
    width: 15px;
    line-height: 20px;
}
.input-group .form-control {
    width: calc(100% - 40px);
    border-radius: 0 4px 4px 0 !important;
}
.form-group {
    margin-bottom: 10px;
}
.icheck-content {
    margin: 15px 0 10px;
}
.icheck-content .form-group {
    margin: 5px 0;
    padding: 0;
}
.form-control {
    box-shadow: none;
    border-color: #cbcbcb;
    height: 40px;
    padding: 9px 12px;
}
.form-control:focus {
    box-shadow: none;
}
.form-control::-moz-placeholder {
    color: #474b54;
    opacity: .8;
}
.form-control::-webkit-input-placeholder {
    color: #474b54;
    opacity: .8;
}
.form-control.has-error {
    border-color: #f8180e;
}
textarea.form-control {
    max-width: 100%;
    min-width: 100%;
}
.popover {
    background: #f8180e;
    color: #fff;
    font-size: 13px;
    width: 250px;
    text-align: center;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
}
.popover.right > .arrow,
.popover.right > .arrow::after {
    border-right-color: #f8180e;
}
.popover.right > .arrow {
    left: -6px;
}
.popover.right > .arrow::after {
    bottom: -5px;
    border-width: 5px;
}
.forgot-link {
    margin: 15px 0;
}

label {
    font-weight: 400;
}
.btn.btn-primary {
    background: #1e93e3;
    border-color: #1e93e3;
    font-weight: 600;
    padding: 9px 12px;
    font-size: 16px;
    line-height: 20px;
    transition: background .3s ease;
}
.btn.btn-primary:hover {
    background: #2482c3;
}
.btn-default .fa-spinner,
.btn-primary .fa-spinner {
    margin-left: 5px;
    display: none;
}
.btn-default.loading .fa-spinner,
.btn-primary.loading .fa-spinner {
    display: inline-block;
}
.btn-primary.loading {
    background: #2482c3;
}

.btn:active {
    border: 0;
    outline: none;
    box-shadow: none;
}
.signup-form .btn-primary {
    width: 100%;
    margin: 14px 0 20px;
}
.form-group .icheckbox,
.form-group .iradio {
    float: left;
    margin: 10px 10px 10px 0;
}
.form-group .icheckbox + label,
.form-group .iradio + label {
    float: left;
    line-height: 18px;
    margin: 10px 0 0 0;
    width: calc(100% - 28px);
}
.error-text {
    margin: 5px 0 0;
    padding: 0;
    list-style-type: none;
    color: #f8180d;
    font-size: 12px;
}

ul.error-text li {
    line-height: 14px;
}

.home-area {
    margin-top: 31px;
    line-height: 40px;
}

/*
    separator
*/
.separator {
    position: relative;
    margin: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}
.separator span {
    background: #fff;
    padding: 0 5px;
    color: #a5a5ad;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*
    modals
*/
#signUpModal .modal-dialog, #signInModal .modal-dialog, #forgotModal .modal-dialog {
    width: 370px;
}
#forgotModal .modal-body {
    padding-top: 20px;
}
#forgotModal p {
    margin-bottom: 20px;
}
#forgotModal .btn-primary {
    margin: 10px 0 5px;
}
#forgotModal .modal-close {
    top: 3px;
}
#mapModal .modal-content {
    overflow: hidden;
}
.bigger-link {
    text-align: center;
    font-size: 16px;
}
.modal-dialog {
    margin: 65px auto;
}
.modal-close {
    position: relative;
    top: -6px;
}
.modal-backdrop.in {
    opacity: .6;
}
.modal-header {
    background: #f2f2f2;
    color: #707379;
    font-size: 16px;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
}

/* invite friends */
.invite-friends-wrapper {
    background: url('../img/invite-bgd.jpg') no-repeat;
    background-size: cover;
    margin-top: -1px;
    color: #fff;
    text-align: center;
    min-height: 440px;
}
.invite-friends-wrapper .content-wrapper {
    margin: 0 auto;
    padding: 90px 0;.content
}
.invite-friends-wrapper .error-text {
    text-align: left;
    width: 100%;
    float: left;
}
.form-light .form-label {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.form-light .form-label .light-text {
    font-size: 14px;
    font-weight: 400;
}
.form-light .form-control {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .4);
    font-size: 16px;
    border-radius: 4px 0 0 4px;
    color: #fff;
    float: left;
    height: 50px;
    width: calc(100% - 150px);
    border-right: 0;
}
.form-light .btn {
    border-radius: 0 4px 4px 0;
    float: left;
    height: 50px;
    width: 150px;
    border-left: 0;
    font-size: 16px;
}
.form-light .group {
    float: none;
    margin: 0 auto;
    padding: 0;
}
.invitation-link {
    margin-top: 45px;
}
.form-light.invitation-link .form-control {
    width: calc(100% - 80px);
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-light.invitation-link .btn {
    width: 80px;
    background: #a3a6ad;
    color: #fff;
    border-color: #a3a6ad;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-light.invitation-link .btn:hover {
    background: #6f747d;
    border-color: #6f747d;
}
.form-light .form-control::-webkit-input-placeholder {
   color: #fff;
   font-weight: 300;
}
.form-light .form-control:-moz-placeholder {
   color: #fff;
   font-weight: 300;
}
.form-light .form-control::-moz-placeholder {
   color: #fff;
   font-weight: 300;
}
.btn.btn-primary.btn-invite {
    width: auto;
}


/* sidebar and content */
.sidebar {
    width: 170px;
}
.content-right {
    width: calc(100% - 200px);
    margin-left: 30px;
}
.sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sidebar ul > li {
    margin-bottom: 12px;
}
.sidebar ul > li > a {
    font-size: 13px;
    line-height: 16px;
    color: #474b54;
    display: inline-block;
}

/* breadcrumbs */
.breadcrumbs-wrapper {
    /*border-top: 1px solid #e0e0e0;*/
}
.breadcrumbs-wrapper .content-wrapper {
    margin: 0 auto;
}
.breadcrumb {
    background: #fff;
    border-radius: 0;
    padding: 20px 0;
    font-size: 12px;
    color: #87888c;
    margin: 0;
}
.breadcrumb > li > a {
    color: #474b54;
}
.breadcrumb li+li:before {
    content: "\f105";
    color: #474b54;
    font-size: 12px;
    font-family: FontAwesome;
}

/*
    panel design
*/
.panel {
    box-shadow: none;
}
.panel-default {
    border-color: #e0e0e0;
}
.panel-default > .panel-heading {
    background: #f2f2f2;
    border-color: #e0e0e0;
    color: #707379;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 15px 20px;
}
.panel-body {
    padding: 15px 20px;
}
.panel-body .separator {
    margin: 30px -20px;
}

/*
    list your space form
*/
.list-space-form .form-label {
    font-size: 16px;
    font-weight: 600;
    color: #474b54;
    display: block;
    margin-bottom: 8px;
}
.list-space-form .form-group {
    margin-bottom: 20px;
}
.list-space-form .no-of-char {
    font-size: 12px;
    color: #87888c;
    line-height: 26px;
}
#show-map {
    font-size: 12px;
    line-height: 26px;
}
input.datepicker {
    background: #fff url('../img/icon-calendar.png') 11px 9px no-repeat;
    padding-left: 40px;
}

/* contest and ambassador */
.referal-content {
    background: #f2f2f2;
    border-radius: 4px;
    padding: 40px 0;
    margin-bottom: 30px;
    text-align: center;
}
.referal-content .icon {
    display: inline-block;
}
.icon.soc-icon {
    background: url('../img/soc-icon.png') left center no-repeat;
    width: 72px;
    height: 64px;
}
.icon.amb-icon {
    background: url('../img/amb-icon.png') left top no-repeat;
    width: 52px;
    height: 64px;
}
.referal-content h4 {
    font-weight: 600;
    margin: 20px 0 10px;
    font-size: 22px;
}
.soc-content.referal-content .btn-primary,
.soc-btn.btn-primary {
    background: #1164b8;
}
.soc-content.referal-content .btn-primary:hover,
.soc-btn.btn-primary:hover {
    background: #0a4c8f;
}
.amb-content.referal-content .btn-primary,
.amb-btn.btn-primary {
    background: #3dc1ec;
    border-color: #3dc1ec;
}
.amb-content.referal-content .btn-primary:hover,
.amb-btn.btn-primary:hover {
    background: #18a7d5;
}
.btn-primary:active {
    border: 1px solid transparent;
}
.modal .icon.soc-icon,
.modal .icon.amb-icon {
    display: inline-block;
}
.modal-header.referal-modal-header {
    text-align: center;
    padding: 25px 10px;
}
.modal-header.referal-modal-header h3 {
    color: #474b54;
    font-weight: 22px;
    margin: 10px 0 0;
}
.referal-modal-content {
    padding-bottom: 20px;
}
.referal-modal-content.modal-body {
    padding: 0;
}
.referal-modal-content form {
    padding: 15px;
}
.referal-modal-content .selectize-dropdown, 
.referal-modal-content .selectize-input, 
.referal-modal-content .selectize-input input {
    color: #555;
}
.referal-modal-content .selectize-input input::-moz-placeholder {
    color: #474b54;
    opacity: .8;
}
.referal-modal-content .selectize-input input::-webkit-input-placeholder {
    color: #474b54;
    opacity: .8;
}
.referal-modal-content .form-group {
    margin-bottom: 20px;
}
.referal-modal-content .form-label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.referal-modal-content .btn {
    font-size: 14px;
    padding: 9px 25px;
    margin-right: 10px;
    margin-top: 10px;
}
.referal-modal-content .btn-cancel {
    height: 40px;
    border: 1px solid #cbcbcb;
    color: #474b54;
}
.referal-modal-content .btn-cancel:hover {
    background: #e9e9e9;
}
.view-referal-link {
    background: #f2f2f2 url('../img/soc-icon.png') 30px center no-repeat;
    border-radius: 4px;
    padding: 30px 40px 30px 150px;
    margin: 0 15px 30px;
}
.view-referal-link.amb-link {
    background: #f2f2f2 url('../img/amb-icon.png') 30px center no-repeat;
}
.view-referal-link h2 {
    font-size: 22px;
    margin: 0 0 5px;
    font-weight: 600;
}
.view-referal-link p {
    color: #707379;
    margin-bottom: 10px;
}
.view-referal-link p.title {
    font-size: 16px;
    font-weight: 600;
    color: #474b54;
    margin-bottom: 5px;
}
.view-referal-link .copy-link .form-control {
    width: calc(80% - 60px);
    border-radius: 4px 0 0 4px;
    border-right: 0;
    white-space: nowrap;                 
    overflow: hidden;
    text-overflow: ellipsis;
}
.view-referal-link .copy-link .btn-primary {
    height: 40px;
    font-size: 14px;
    width: 60px;
    text-align: center;
    border-radius: 0 4px 4px 0;
}
.view-referal-link .amb-code p {
    font-size: 16px;
    margin: 10px 0 0;
    color: #474B54;
}
.panel-body.stats-page {
    padding: 0;
}
.panel-body .no-invited-users {
    margin: 20px;
}
.stats-table {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
}
.stats-table td {
    border-top: 1px solid #E0E0E0;
    padding: 12px 20px;
}
.stats-table .blue-txt {
    color: #1e92e3;
}
.stats-table .date-stat {
    font-size: 12px;
    color: #87888c;
    font-weight: 400;
}
.stats-table tr:first-child td {
    border-top: 0;
}
.stats-table td:last-child {
    text-align: right;
}
.referral-form-content .btn {
    background: #eee;
    height: 40px;
}
.referral-form-content .btn:hover {
    background: #e6e6e6;
}

/* trust and verfication, dashboard */
.trust-form .form-label {
    font-size: 16px;
    font-weight: 600;
    color: #474b54;
    display: block;
    margin-bottom: 8px;
}
.trust-form .btn-primary, .verify-btn.btn-primary {
    padding: 9px 40px;
    font-size: 14px;
    font-weight: 400;
}
.trust-content .delete-link,
.trust-content .pending,
.trust-content .invalid,
.trust-content .verified {
    line-height: 40px;
    margin-left: 15px;
}
.trust-content .delete-link,
.trust-content .invalid {
    color: #f8180d;
}
.trust-content .pending,
.trust-content .invalid,
.trust-content .verified {
    font-style: italic;
}
.trust-content .pending {
    color: #1e92e3;
    margin-left: 20px;
}
.trust-content .verified {
    color: #1eb075;
    margin-left: 20px;
}
.file-name-link {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.connect-confirm .btn-link {
    line-height: 26px;
    height: 40px;
    margin-left: 15px;
}
.verified-panel {
    position: relative;
}
.verified-list li {
    padding-left: 30px;
    font-size: 13px;
}
.verified-list li:before {
    content: "";
    background: url('../img/icons.png') left -58px no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 19px;
}
.verified-list li.verified:before {
    background-position: left -78px;
}
.dashboard-img-container {
    height: 170px;
}
.dashboard-img-container img {
    height: 100%;
    width: 100%;
}
.dashboard-img-container .certified-badge {
    right: -15px;
    top: -10px;
    display: inline-block;
}
.dashboard-sidebar .text-danger {
    color: #f8180e;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
    -moz-appearance: textfield;
}

/* conversations & messages */
.conversation-forms-wrap {
    background: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
}
.conversation-forms-wrap .conversation-form {
    float: left;
    padding: 20px;
}
.conversation-forms-wrap .image-profile,
.message-container .image-profile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}
.conversation-forms-wrap .form-container,
.message-info {
    float: left;
    width: calc(100% - 80px);
}
.conversation-forms-wrap .form-label {
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
}
.conversation-forms-wrap .btn-primary {
    width: auto;
    font-size: 14px;
    font-weight: 600;
    margin-left: 15px;
}
.conversation-forms-wrap .btn-link {
    height: 40px;
    color: #1e92e3;
    text-decoration: underline;
    padding-right: 0;
}
.conversation-forms-wrap .btn-link:hover, .conversation-forms-wrap .btn-link:active, .conversation-forms-wrap .btn-link:focus {
    text-decoration: none;
    border: 1px solid transparent;
}
.conversation-forms-wrap .form-group {
    margin-bottom: 20px;
}
.conversation-forms-wrap .availability-label {
    line-height: 40px;
    color: #707379;
}
.conversation-forms-wrap .datepicker-container {
    padding: 0 0 0 15px;
}
.conversation-forms-wrap .datepicker {
    float: left;
    width: calc(50% - 10px);
}
.conversation-forms-wrap .fa {
    float: left;
    width: 20px;
    text-align: center;
    line-height: 40px;
}
.conversation-forms-wrap .stripe-form {
    display: inline-block;
}

.conversation-forms-wrap .stripe-button-el {
    background-image: none;
    box-shadow: none;
    border-radius: 4px;
    padding: 0;
}
.conversation-forms-wrap .stripe-button-el span {
    background-image: none;
    background-color: #1e92e3;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
}
.conversation-notification {
    position: relative;
}
.conversation-notification p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    height: 50px;
    text-align: center;
    margin-bottom: 0;
}
.notif-close-btn {
    background-image: url('../img/notif-close.png');
    width: 11px;
    height: 11px;
    position: absolute;
    right: 11px;
    top: 19px;
    cursor: pointer;
}
.confirm-notification {
    background-color: #6ebd12;
}

.waiting-notification {
    background-color: #f9a732;
}

.locked-notification {
    background-color: #d9534f;
}

.conversation-listing {
    margin: 20px 0;
    max-height: 470px;
}
.message-container {
    padding: 20px;
    border-bottom: 1px solid #e0e0e0;
}
.message-container:last-child {
    border-bottom: 0;
}
.message-container .message-sender {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 10px;
}
.message-container .message-time {
    font-size: 12px;
    line-height: 18px;
    color: #87888c;
}

/* nano scroll */
.nano > .nano-pane {
    background: #ebebeb;
    width: 8px;
    right: 3px;
}
.nano > .nano-pane > .nano-slider {
    background: #c4c4c4;
}

/*
    static pages
*/
.static-pages {
    margin-bottom: 130px;
    min-height: 500px;
}
.static-pages .about-image{
    width: 100%;
    border-radius: 4px;
}
.static-pages p, .static-pages ol, .static-pages li {
    font-size: 17px;
    line-height: 28px;
}
.static-pages p {
    margin: 9px 0;
}
.static-pages p.mb-30 {
    margin-bottom: 30px;
}

.static-pages .download-link{
    font-size: 17px;
    line-height: 28px;
    text-decoration: none;
}
.static-pages .download-link:hover, .static-pages .download-link:focus{
    text-decoration: underline;
}
.static-pages .download-link i{
    padding-right: 6px;
}
.static-pages li{
    margin: 4px 0;
}
.static-pages li:first-child {
    margin-top: 0;
}
.static-pages h1 {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    color: #474b54;
    margin-top: 0;
}
.static-pages h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    color: #1e92e3;
    margin-top: 28px;
}
.static-pages h3, .static-pages h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: #1f222a;
    margin-top: 28px;
}
.static-pages a, .static-pages a:visited {
    color: #1e92e3;
    text-decoration: underline;
    font-weight: 600;
}
.static-pages a:hover {
    color: #2482c3;
    text-decoration: none;
}
.static-pages .about-description, .static-pages .about-description-title {
    font-size: 17px;
    line-height: 28px;
    margin: 3px 0;
}
.static-pages .about-description-title{
    font-weight: 600;
}
.static-pages ol {
    padding-left: 25px;
    list-style-type: none;
    counter-reset: ol-counter;
}
.static-pages ol > li {
    position: relative;
}
.static-pages ol > li:before {
    content: counter(ol-counter)".";
    counter-increment: ol-counter;
    position: absolute;
    left: -25px;
    font-size: 17px;
    font-weight: 700;
}
.static-pages ul {
    padding-left: 25px;
    list-style-image: url('../img/bullet.png');
}
.static-pages .static-pages-downloads{
    list-style: none;
    padding-left: 0;
}
.static-pages .static-pages-downloads a {
    text-decoration: none;
}
.static-pages .form-group {
    margin-bottom: 20px;
}
.static-pages .form-label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.static-pages .btn-primary {
    font-weight: 400;
    font-size: 14px;
    padding: 6px 35px;
    height: 40px;
    margin-bottom: 60px;
}
.our-team-center{
    text-align: center;
    padding: 30px 0;
}
.our-team-image{
    text-align: center;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    float: none;
    margin-left: -3px;
}
.our-team-image img{
    border-radius: 50%;
}
.our-team-image h3{
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 3px;
    color: #474b54;
}
.our-team-image span{
    color: #1e92e3;
    font-size: 16px;
    margin-top: 0px;
}
/*
    help pages
*/
.static-pages ul.help-sidebar {
    list-style-image: none;
    list-style-type: none;
    padding: 15px;
}
.static-pages ul.help-sidebar li{
    line-height: 20px;
    padding: 5px 0;
}
.static-pages ul.help-sidebar li a{
    color: #707379;
    text-decoration: none;
    font-size: 16px;

}
.static-pages ul.help-sidebar li a:hover,
.static-pages ul.help-sidebar li a:focus,
.static-pages ul.help-sidebar li a.active{
    color: #1f222a;
    text-decoration: underline;
}
.static-pages .help-accordion .panel-default{
    border: none;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 0;
}
.static-pages .help-accordion .panel-default .panel-heading{
    background-color: #fff;
    padding: 12px 0;
}
.static-pages .help-accordion .panel-default .panel-heading .panel-title{
    margin-top: 0;
    position: relative;
    padding-right: 30px;
}
.static-pages .help-accordion .panel-default .panel-heading .panel-title a{
    font-size: 18px;
    text-decoration: underline;
    font-weight: 600;
    color: #1e92e3;
}
.static-pages .help-accordion .panel-default .panel-heading .panel-title a.collapsed{
    text-decoration: none;
    font-weight: 400;
}
.static-pages .help-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body{
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    line-height: 28px;
}
.static-pages .help-accordion .panel-default .panel-heading .panel-title a .fa-angle-down{
    display: none;
}
.static-pages .help-accordion .panel-default .panel-heading .panel-title a.collapsed .fa-angle-down{
    display: inline-block;
}
.static-pages .help-accordion .panel-default .panel-heading .panel-title a.collapsed .fa-angle-up{
    display: none;
}
.static-pages .help-accordion .panel-default .panel-heading .panel-title a i{
    position: absolute;
    right: 0;
    top: 23%;
}
.help-wrapper .static-pages{
    margin-bottom: 0;
    padding-bottom: 80px;
}
.help-bottom-image{
    background: url('../img/help-bottom-image.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 300px;
    text-align: center;
    padding: 130px 30px;
}
.help-bottom-image p{
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    color: #fff;
}
.help-bottom-image p a{
    font-weight: 600;
    color: #fff;
    text-decoration: underline;
}
.help-bottom-image p a:hover, .help-bottom-image p a:focus{
    text-decoration: none;
}
/*
    custom file input
*/
#file-preview {
    float: left;
}
#file-preview .image-wrap {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 220px;
    height: 160px;
    position: relative;
    border-radius: 4px;
}
#file-preview .image-wrap .delete-img {
    background: rgba(0,0,0,.7) url('../img/delete-image-big.png') center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 0 4px 0 0;
}
#file-preview .image-wrap .rotate-img {
    background: rgba(0,0,0,.7) url('../img/rotate-img.png') center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 4px 0 0 4px;
}
#file-preview .image-wrap .image-loader {
    background: rgba(0,0,0,0.5);
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
#file-preview .image-wrap .image-loader .fa {
    line-height: 160px;
    color: #fff;
    font-size: 24px;
}
#file-preview .image-wrap .delete-img:hover {
    background-color: rgba(0,0,0,1);
}
#file-preview canvas, #file-preview img {
    width: 220px;
    height: 160px;
    display: block;
    border-radius: 4px;
}
#file-preview canvas:last-child, #file-preview img:last-child {
    margin-right: 0;
}

.fileinput-button.in {
    font-size: larger;
}
.fileinput-button.hover {
    background: #1e93e3;
}
.fileinput-button.hover span {
    color: white;
}
.fileinput-button.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

.fileinput-button {
    float: left;
    width: 220px;
    height: 160px;
    margin-right: 10px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    text-align: center;
    line-height: 160px;
}
.fileinput-button span {
    color: #1e92e3;
    font-size: 28px;
    font-weight: 700;
}
.progress {
    border-radius: 5px;
    height: 7px;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff;
}
.progress-bar {
    background-color: #1e92e3;
    line-height: 30px;
    font-size: 13px;
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.progress-bar.no-transition {
    transition: none;
}

/*
    custom select
*/
.selectize-input {
    padding: 9px 12px;
}
.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #474b54;
}
.selectize-input.focus {
    box-shadow: none;
}
.selectize-dropdown, .selectize-dropdown.form-control {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
    padding: 10px;
    background-color: #fff;
}
.selectize-control.single .selectize-input::after {
    display: none;
}
.selectize-control.single .selectize-input,
.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #fff url('../img/select-arrow.png') right center no-repeat;
}
.selectize-control.input-tags .selectize-input {
    background: none;
}
.custom-select.single .selectize-input input {
    width: 0 !important;
}
.nationality-select .selectize-input {
    height: 40px;
}
select.selectized.nationality-select {
    display: block !important;
    height: 1px;
    width: 1px;
    padding: 0px;
    border: 0px none;
    position: absolute;
    left: 27px;
    bottom: 10px;
}
.ambassador-selected {
    line-height: 40px;
}
.selectize-control.multi .selectize-input.has-items {
    padding-right: 20px;
}
.selectize-dropdown .option:hover, .selectize-dropdown .option.selected {
    background: #f2f2f2;
}

/*
    radio to button style
*/
.radio-to-button {
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}
.radio-to-button .iradio {
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f2f2f2;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}
.radio-to-button .iradio.checked {
    background: #1e92e3;
    border-color: #1e92e3;
}
.radio-to-button .iradio.checked + label {
    color: #fff;
}
.radio-to-button .iradio + label {
    color: #474b54;
    margin: 0;
    width: auto;
    padding: 10px 25px;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.radio-to-button.area-popularity .iradio + label {
    padding: 10px 0;
    width: 40px;
    text-align: center;
}

/*
    tooltip
*/
[data-toggle="tooltip"] {
    cursor: pointer;
}
.tooltip.in {
    opacity: 1;
}
.tooltip-inner {
    background: #fff;
    color: #474b54;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.4);
    padding: 10px;
    text-align: center;
    width: 300px;
}
.tooltip.top .tooltip-arrow {
    border: none;
    background: url('../img/dropdown-arrow.png') left top no-repeat;
    width: 8px;
    height: 5px;
    margin-left: -4px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mobile-navbar-menu-wrapper {
    display: none;
}
.dropdown-toggle span.profile-image {
    padding-right: 0;
}
.input-wrapper.header-search-address {
    width: auto;
}
.modal-close-btn {
    height: 19px;
    width: 19px;
    background-image: url('../img/modal-close.png');
    transition: background-image .3s ease;
    position: absolute;
    top: -33px;
    right: -33px;
    cursor: pointer;
}
.modal-close-btn:hover {
    background-image: url('../img/modal-close-hover.png');
}
.modal-close-btn.inner-close-btn {
    top: 5px;
    right: 5px;
    background-color: transparent;
    font-size: 0;
    border: none;
}

/* space slider */
.flexslider .post-date {
    text-align: center;
}
.flexslider.thumbnails-slider {
    margin: 20px 0 20px;
    padding: 0 35px;
}
.flexslider.thumbnails-slider .slides > li {
    margin-right: 20px;
    border-radius: 4px;
    overflow: hidden;
}
.flex-direction-nav a {
    background: url('../img/icons.png') 0 0 no-repeat;
    overflow: hidden;
    font-size: 0;
}
.flex-direction-nav a.flex-prev {
    background-position: -8px 0;
}
.flexslider.thumbnails-slider .slides li {
    opacity: .6;
    cursor: pointer;
}
.flexslider.thumbnails-slider .slides li.flex-active-slide {
    opacity: 1;
}
#slider .flex-direction-nav li {
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
#slider .flex-direction-nav .flex-nav-next {
    left: auto;
    right: 0;
}
#slider .flex-direction-nav a {
    display: none;
    position: absolute;
    right: 10px;
    left: auto;
    top: 0;
    width: 50px;
    height: 100%;
    background: url('../img/slider-arrow-left.png') center no-repeat;
    background: url('../img/slider-arrow-left.png') center no-repeat, -moz-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
    background: url('../img/slider-arrow-left.png') center no-repeat, -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.35)), color-stop(100%, rgba(0,0,0,0)));
    background: url('../img/slider-arrow-left.png') center no-repeat, -webkit-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
    background: url('../img/slider-arrow-left.png') center no-repeat, -o-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
    background: url('../img/slider-arrow-left.png') center no-repeat, -ms-linear-gradient(left, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
    background: url('../img/slider-arrow-left.png') center no-repeat, linear-gradient(to right, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
}
#slider .flex-direction-nav a.flex-next {
    background: url('../img/slider-arrow-right.png') center no-repeat;
    background: url('../img/slider-arrow-right.png') center no-repeat, -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
    background: url('../img/slider-arrow-right.png') center no-repeat, -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.35)));
    background: url('../img/slider-arrow-right.png') center no-repeat, -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
    background: url('../img/slider-arrow-right.png') center no-repeat, -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
    background: url('../img/slider-arrow-right.png') center no-repeat, -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
    background: url('../img/slider-arrow-right.png') center no-repeat, linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
    right: 0;
}
#slider .flex-nav-prev:hover a,
#slider .flex-nav-next:hover a {
    display: block;
    opacity: 0.7;
}

#map {
    margin-bottom: 45px;
}
.static-pages #map {
    left: 50%;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    -moz-transform: translateX(-50%) !important;
}
#map.mb {
    margin-bottom: 0;
}
/* space show */
.space-show h1 {
    font-size: 24px;
    color: #1e92e3;
    line-height: 26px;
    margin: 0 0 5px 0;
    font-weight: 600;
}
.space-show .space-rating {
    margin-bottom: 12px;
}
.space-show .no-of-reviews {
    margin-left: 10px;
    color: #87888c;
}
.error-wrapper {
    margin-top: -5px;
    padding: 0 !important;
}
.error-wrapper ul {
    margin-top: 0;
}
.space-show .datepicker-container .col-xs-6 {
    padding: 0 15px;
}
.space-show .profile-image {
    border-radius: 50%;
    width: 100%;
    max-width: 105px;
}
.space-show .profile-information {
    padding: 0 0 0 5px;
}
.space-show .profile-information p {
    margin-bottom: 5px;
}
.space-show .user-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.space-show .profile-desc {
    font-style: italic;
}
.space-show .form-label {
    font-size: 16px;
    font-weight: 600;
}
.space-show .form-group {
    margin-bottom: 25px;
}
.space-show .space-description {
    padding-left: 5px;
}
.space-show .space-description p {
    margin-bottom: 0;
}
.space-show .space-description p+p {
    margin-top: 10px;
}
.space-show .btn-primary,
.space-show .btn-default {
    display: block;
    width: 100%;
    height: 50px;
    font-weight: 600;
    font-size: 16px;
}
#edit-space-button, #delete-space-button {
    line-height: 50px;
    padding-top: 0;
}
.space-show .btn-primary {
    margin: 20px 0 15px;
}
.space-show .btn-default {
    background: #f2f2f2;
    border-color: #cbcbcb;
    margin-bottom: 15px;
}
.space-show .btn-default:hover {
    background: #e9e9e9;
    border-color: #cbcbcb;
}
.space-show .social-shares {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.space-show .social-shares li {
    display: inline-block;
    margin: 0 10px 0 0;
}
.space-show .social-shares li:last-child {
    margin: 0;
}
.space-show .social-shares li a {
    display: inline-block;
    background: #3858a1;
    border-radius: 4px;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.space-show .social-shares li a .fa {
    line-height: 30px;
}
.space-show .social-shares li a:hover {
    background: #2c467f;
}
.space-show .social-shares li a.twitter {
    background: #4ca3e1;
}
.space-show .social-shares li a.twitter:hover {
    background: #408cc2;
}
.space-show .social-shares li a.gplus {
    background: #f4523c;
}
.space-show .social-shares li a.gplus:hover {
    background: #d43f2b;
}
.space-show .space-description.space-icons p {
    padding-left: 30px;
    position: relative;
}
.space-show .space-description.space-icons p:first-child {
    margin-top: 2px;
}
.space-show .space-description.space-icons p.disabled {
    text-decoration: line-through;
    color: #a3a6ad;
}
.space-show .space-description .icon {
    background: url('../img/space-icons.png') left top no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
}
.space-show .space-description .disabled .icon.tv-icon {
    background-position: -17px 0;
}
.space-show .space-description .icon.internet-icon {
    background-position: 0 -18px;
    height: 13px;
}
.space-show .space-description .disabled .icon.internet-icon {
    background-position: -17px -18px;
}
.space-show .space-description .icon.furnish-disabled-icon {
    background-position: 0 -31px;
}
.space-show .space-description .disabled .icon.furnish-disabled-icon {
    background-position: -17px -31px;
}
.space-show .space-description .icon.heating-icon {
    background-position: 0 -48px;
    height: 18px;
}
.space-show .space-description .disabled .icon.heating-icon {
    background-position: -17px -48px;
}
.space-show .space-description .icon.bathroom-icon {
    background-position: 0 -67px;
}
.space-show .space-description .disabled .icon.bathroom-icon {
    background-position: -17px -67px;
}
.space-show .space-description .icon.kitchen-icon {
    background-position: 0 -84px;
}
.space-show .space-description .disabled .icon.kitchen-icon {
    background-position: -17px -84px;
}
.space-show .separator {
    margin: 30px 0;
}
.space-show .separator.mb-45 {
    margin: 45px 0;
}
.space-show .separator.mb-20 {
    margin: 20px 0;
}
.delete-space-av-wrapper {
    margin-top: 2em;
    line-height: 43px;
}
.delete-space-availability {
    color: #f8180d;
}
.delete-space-availability:hover {
    color: #f8180d;
}
.description-label {
    font-size: 16px;
    font-weight: 600;
}
.certified-badge {
    background: url('../img/icons.png') -16px 0 no-repeat;
    width: 36px;
    height: 51px;
    position: absolute;
    right: 9px;
    top: -5px;
}

.space-show .reviews-space .user-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.space-show .reviews-space .user-image-container {
    padding-right: 0;
}
.space-show .reviews-space .user-review-container {
    padding-left: 0;
    margin-bottom: 20px;
}
.space-show .reviews-space .rateit {
    margin: 2px 20px 0;
}
.space-show .reviews-space .date-review {
    line-height: 22px;
    font-size: 12px;
    color: #87888c;
}
.space-show .reviews-space .btn {
    display: inline-block;
    width: auto;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 20px;
}
.space-show .reviews-space .btn-primary {
    margin: 0;
}
.space-show .reviews-space .form-horizontal .form-group {
    margin: 0 0 10px;
}
.space-show .reviews-space .form-horizontal .form-label {
    font-weight: 400;
    margin-bottom: 10px;
}
.space-show .reviews-space .form-horizontal .form-control {
    font-size: 16px;
}
.space-show #delete-space-button.btn.btn-default {
    border-color: #f8180d;
    color: #f8180d;
    background-color: #fff;
    transition: color .3s ease, background-color .3s ease;
}
.space-show #delete-space-button.btn.btn-default:hover {
    background-color: #f8180d;
    color: #fff;
}
.reject-notif-wrapper.content-wrapper {
    margin: 0 auto;
}
.reject-notification {
    background-color: #f8180d;
    border-radius: 4px;
    max-width: 580px;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
    position: relative;
}
.reject-notification .message-wrapper {
    color: white;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    padding: 20px 20px 20px 80px;
}
.reject-notification .message-wrapper a {
    color: white;
    text-decoration: underline;
}
.reject-notification .message-wrapper p {
    margin: 0;
}
.reject-notification .icon-wrapper {
    height: 100%;
    background-image: url('../img/danger.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 60px;
    border-right: 1px solid #f76b64;
    display: inline-block;
    vertical-align: top;
    position: absolute;
}
/* Search space */

.search-filters-wrapper {
    background-color: #f2f2f2;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.search-filters-wrapper .content-wrapper {
    margin-bottom: 0;
}

.form-control.location-input {
    width: 100%;
}

.form-control.area-input {
    width: 60px;
    display: inline-block;
    margin: 0 5px;
}

.text-wrapper {
    line-height: 40px;
}

.text-wrapper span, .text-wrapper input, .text-wrapper label {
    float: left;
}

.text-wrapper label {
    width: calc(100% - 88px);
    text-align: right;
}

.text-wrapper label.small-width {
    width: calc(100% - 65px);
}

.text-wrapper input[name="search[age]"] {
    margin-right: 0;
}

.custom-select.age-input {
    width: 80px;
    display: inline-block;
    float: right;
}

.search-space-form .form-group {
    margin-bottom: 30px;
    height: 40px;
}

.additional-filters {
    display: none;
}

.additional-filters.visible {
    display: block;
}

.row.form-group.checkboxes-form-group .col-md-2 {
    margin-top: -10px;
}

.search-space-form .location-input {
    padding-left: 30px;
    position: relative;
}

.search-space-form .fa-map-marker {
    position: absolute;
    top: 0;
    color: #474b54;
    font-size: 18px;
    line-height: 38px;
    padding-left: 12px;
}

.datepicker {
    background: #fff url('../img/icon-calendar.png') 11px 9px no-repeat;
    padding-left: 40px;
}

.toggle-btn-wrapper {
    text-align: center;
    margin-bottom: -1px;
}

.search-btn.filter-btn {
    height: auto;
    line-height: 40px;
    vertical-align: bottom;
    border-radius: 3px 3px 0 0;
    display: none;
    font-size: 14px;
}

.search-btn.filter-btn.visible {
    display: inline-block;
}

.toggle-btn, .loader-btn {
    font-size: 14px;
    padding-left: 34px;
    padding-right: 34px;
    border: 1px solid #cbcbcb;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 3px 3px 0 0;
    line-height: 38px;
    cursor: pointer;
    margin-right: 11px;
    transition: background-color .3s ease;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
}

.toggle-btn:hover, .loader-btn:hover {
    background-color: #e9e9e9;
}

/* List space */
.results-desc {
    margin-bottom: 33px;
}
.results-desc p {
    font-size: 16px;
    line-height: 24px;
}

.single-space-wrapper {
    margin-bottom: 38px;
}

.space-img-wrapper {
    position: relative;
}

.space-img {
    width: 100%;
    border-radius: 4px;
}

.date-wrapper {
    background-color: #1f222a;
    position: absolute;
    bottom: 10px;
    border-radius: 0 4px 4px 0;
    padding: 10px 13px 5px 13px;
}

.day, .month {
    display: block;
    color: white;
    line-height: 18px;
}

.profile-img-wrapper {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 50%;
    border: 3px solid white;
    bottom: -30px;
    right: 10px;
    overflow: hidden;
    z-index: 9;
}

.profile-img {
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.email-for-admin, .sep-email {
    padding-top: 9px;
}
.sep-email {
    padding: 9px 10px 0;
}
.space-title {
    font-weight: 600;
    font-size: 18px;
    color: #1e92e3;
    width: calc(100% - 80px);
    margin: 20px 0 5px;
}
.space-title a {
    transition: color .3s ease;
}

.space-title a:hover {
    color: #2482c3;
    text-decoration: none;
}
.space-location {
    font-size: 12px;
    margin-bottom: 5px;
}
.space-show .space-location {
    font-size: 13px;
    margin-bottom: 27px;
}
.space-info {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}

.space-info:first-of-type {
    margin-top: -2px;
}
.wishlist-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 20px;
    background-size: 100%;
    background: url('../img/wish-icon.png') no-repeat center center;
    cursor: pointer;
    transition: background-image .3s ease;
    -webkit-transition: background-image .3s ease;
    -moz-transition: background-image .3s ease;
}

.wishlist-btn:hover , .wishlist-btn.active {
    background-image: url('../img/wish-icon-hover.png');
    transition: background-image .3s ease;
    -webkit-transition: background-image .3s ease;
    -moz-transition: background-image .3s ease;
}
.admin-buttons-wrapper {
    text-align: center;
    margin-bottom: 40px;
}
.admin-btn.btn {
    width: auto;
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
    padding: 0 66px;
    transition: background-color .3s ease;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
}
.admin-btn.btn-approve {
    background-color: #6ebd12;
    border-color: #6ebd12;
    margin-right: 26px;
}
.admin-btn.btn-approve:hover {
    background-color: #62a711;
}
.admin-btn.btn-reject {
    color: #f8180d;
    border-color: #f8180d;
    background-color: #fff;
    transition: color .3s ease, background-color .3s ease;
    padding: 0 73px;
}
.admin-btn.btn-reject:hover {
    color: #fff;
    border-color: #f8180d;
    background-color: #f8180d;
}
/* RateIt */
.rateit .rateit-preset {
    background: url('../img/stars.png') left 0 !important;
}
.rating-wrapper.rateit .rateit-range {
    background: url('../img/stars.png') left 11px;
}

/*
    Bootstrap notify
*/
.alert {
    color: white;
    font-size: 16px;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
    border: none;
}
.alert-success {
    background-color: #6ebd12;
}
.alert-danger {
    background-color: #f8180d;
}
.alert-info {
    background-color: #1e92e3;
}
.alert-warning {
    background-color: #f29e41;
}
.alert button.close {
    background: url('../img/notif-close.png') center no-repeat;
    width: 11px;
    height: 11px;
    opacity: 1;
    position: absolute;
    top: 5px;
    right: 6px;
    font-size: 0;

}
span[data-notify="icon"] {
    float: left;
    padding-left: 3px;
    position: absolute;
    height: 100%;
    border-right: 1px solid #7fce24;
    top: 0;
    left: 15px;
    padding-right: 16px;
}

span[data-notify="icon"] img {
    margin-top: 19px;
}

span[data-notify="message"] {
    padding-left: 57px;
    float: left;
}
span[data-notify="message"] a {
    color: #fff;
}

.notify-separator {
    height: 100%;
    width: 1px;
    background-color: #7fce24;
    position: absolute;
    top: 0;
    margin-left: 18px;
}
.alert-danger span[data-notify="icon"] {
    border-right: 1px solid #f76b64;
}
.alert-info span[data-notify="icon"] {
    border-right: 1px solid #48b4ff;
}
.alert-warning span[data-notify="icon"] {
    border-right: 1px solid #f3c795;
}
.notify-message {
    padding-left: 34px;
    width: calc(100% - 65px);
    float: left;
}

/* Search space */

.search-filters-wrapper {
    background-color: #f2f2f2;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.map-wrapper {
    width: 100%;
    height: 250px;
}

.profile-sidebar ul>li {
    font-weight: 600;
    color: #707379;
    cursor: pointer;
    margin-bottom: 0;
}
.profile-sidebar ul>li a {
    transition: color .3s ease;
    font-size: 16px;
    color: #707379;
}

.profile-sidebar li a:hover {
    color: #1f222a;
}

.profile-sidebar li.active a{
color: #1f222a;
text-decoration: underline;
}
.phone-no {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}
.phone-no li {
    line-height: 40px;
    margin-bottom: 10px;
}

/* List space */

.results-desc p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 33px;
}

.single-space-wrapper {
    margin-bottom: 38px;
}

.space-img-wrapper {
    position: relative;
}

.delete-phone-no {
    font-size: 14px;
    color: #f8180d;
    margin-left: 7px;
    line-height: 40px;
}

.delete-phone-no:hover {
    text-decoration: none;
    color: #f8180d;
}

.single-phone .form-control {
    width: 170px;
    margin-bottom: 10px;
}
.single-phone * {
    display: inline-block;
    vertical-align: top;
}

.add_phone_link {
    padding: 13px 40px 11px;
    font-size: 14px;
    color: #fff;
    background-color: #1e92e3;
    border-radius: 4px;
    transition: background-color .3s ease;
}
.add_phone_link:hover {
    color: #fff;
    background-color: #2482c3;
}
#appbundle_review_value {
    visibility: hidden;
    display: inline-block !important;
    padding: 0;
    width: 1px;
    border: 0;
    margin-left: -40px;
}

.date-wrapper {
    background-color: #1f222a;
    position: absolute;
    bottom: 10px;
    border-radius: 0 3px 3px 0;
    padding: 10px 13px 5px 13px;
}

.day, .month {
    display: block;
    color: white;
    line-height: 18px;
}

.birth-date-wrapper .custom-select {
    float: right;
    padding: 0 5px;
}

.birth-date-wrapper .custom-select.selectize-control:last-of-type {
    padding-left: 0;
}

.profile-img-wrapper {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 50%;
    border: 3px solid white;
    bottom: -30px;
    right: 10px;
    overflow: hidden;
}

.profile-img {
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}
.space-title {
    font-weight: 600;
    font-size: 18px;
    color: #1e92e3;
}
.space-info {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}

.space-info:first-of-type {
    margin-top: -2px;
}
.wishlist-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 20px;
    background-image: url('../img/wish-icon.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: background-image .3s ease;
    -webkit-transition: background-image .3s ease;
    -moz-transition: background-image .3s ease;
}

.wishlist-btn:hover , .wishlist-btn.active{
    background-image: url('../img/wish-icon-hover.png');
}

/*
    My spaces
*/
.spaces {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.delete-btn {
    height: 30px;
    width: 30px;
    position: absolute;
    background-color: #1f222a;
    top: 0;
    right: 0;
    border-radius: 0 4px 0 0;
    transition: background-color .3s ease;
}

.birth-date-wrapper .custom-select.selectize-control:first-of-type {
    padding-right: 0;
}

.delete-btn:hover {
    background-color: #474b56;
}

.delete-btn img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
}
.pending-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 143, 207, .85);
    border-radius: 4px;
}
.rejected-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(248, 24, 13, .85);
    border-radius: 4px;
}
.pending-msg, .rejected-msg {
    color: white;
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.rejected-msg span {
    font-weight: 600;
    text-decoration: underline;
}
.my-spaces-wrapper {
    margin-top: 40px;
}

.my-spaces-wrapper .profile-img-wrapper {
    display: none;
}
.no-listings-msg {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
}
.spaces {
    margin-top: 13px;
}
.add-new-wrapper {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #1e92e3;
    position: relative;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease;
}
.add-new-wrapper:hover {
    background-color: #1e92e3;
}

.add-new-wrapper img {
    opacity: 0;
    width: calc( 100% - 1px);
}

.add-new-wrapper:hover .add-space-msg {
    color: #fff;
}

.add-space-msg {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 18px;
}

/* Profile */
.profile-sidebar {
    font-size: 16px;
    font-weight: 600;
}

.profile-sidebar ul>li {
    font-weight: 600;
    color: #707379;
    transition: color .3s ease;
    cursor: pointer;
    line-height: 35px;
    margin-bottom: 0;
}

.profile-sidebar li:hover {
    color: #1f222a;
}

.profile-sidebar li.active {
    color: #1f222a;
    text-decoration: underline;
}
.phone-no {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}
.add_phone_link:hover, .add_phone_link:focus {
    text-decoration: none;
    color: #1e92e3;
}
.phone-no li {
    line-height: 40px;
    margin-bottom: 10px;
}

.phone-no input {
    width: auto;
    display: inline-block;
}

.remove-phone {
    margin-left: 10px;
    font-size: 14px;
    color: #707379;
    transition: color .3s ease;
}
.remove-phone:hover {
    color: #f53e25;
}
.btn.btn-primary.btn-save-profile {
    background-color: #1e92e3;
    padding: 11px 35px;
    transition: background-color .3s ease;
}

.btn.btn-primary.btn-save-profile:hover {
    background-color: #2482c3;
}

.birth-date-wrapper .custom-select {
    float: right;
    padding: 0 5px;
}
.birth-date-wrapper .custom-select.selectize-dropdown {
    float: none;
    padding: 0;
}

.birth-date-wrapper .custom-select.selectize-control:last-of-type {
    padding-left: 0;
}

.birth-date-wrapper .custom-select.selectize-control:first-of-type {
    padding-right: 0;
}

.loader-wrapper {
    text-align: center;
    margin-bottom: 120px;
    display: block;
    width: 100%;
}
.loader-btn {
    background-color: #f2f2f2;
    border-radius: 4px;
    border: 1px solid #cbcbcb;
    display: inline-block;
    padding: 10px 37px 8px 37px;
    cursor: pointer;
}

/* About me */

.about-choice-buttons {
    display: inline-block;
}

.about-choice-buttons .icheck label {
    padding-left: 60px;
    padding-right: 60px;
}

.profile-photo-wrapper {
    width: 170px;
    height: 170px;
    display: inline-block;
    position: relative;
}
.profile-photo-wrapper .img-container {
    width: 170px;
    height: 170px;
    border-radius: 4px;
    overflow: hidden;
}

.profile-photo-wrapper img {
    height: 100%;
    margin-left: 50%;
    margin-top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.description-wrapper {
    width: calc( 100% - 200px);
    margin-left: 26px;
    display: inline-block;
    vertical-align: top;
}
.parent-panel .description-wrapper {
    width: 100%;
    margin-left: 0;
}
textarea.more-details-textarea {
    height: 88px;
}

.description-wrapper textarea {
    height: 140px;
    margin-top: 3px;
}

.about-panel label {
    font-size: 16px;
    font-weight: 600;
}

.about-panel .radio-content label {
    font-size: 14px;
    font-weight: 400;
}

.about-panel .radio-content label.custom-label {
    font-size: 15px;
    margin-top: 11px;
}

.expectations {
    margin-bottom: 32px;
}

.inactive label {
    color: #b4b6b9;
}

.inactive .iradio {
    pointer-events: none;
}

.add-photo-btn {
    position: absolute;
    bottom: 0;
    height: 50px;
    background-color: rgba(31, 34, 42, .7);
    width: 100%;
    border-radius: 0 0 4px 4px;
    line-height: 50px;
    text-align: center;
    color: white;
    cursor: pointer;
    border: 0;
}

.add-photo-btn:hover, .add-photo-btn:focus  {
    text-decoration: none;
    color: white;
}
.add-photo-btn label {
    font-size: 12px;
}

.add-photo-btn label {
    font-size: 12px;
}

.user-specifics {
    margin-bottom: 5px;
}

.selectize-control.multi .selectize-input > div {
    line-height: 26px;
    padding-left: 10px;
    padding-right: 40px !important;
    background-color: #fff;
    border: 1px solid #cbcbcb;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    height: calc( 100% - 2px );
    width: 28px;
    position: absolute;
    top: 1px;
    background-color: #f2f2f2;
    border-left: 1px solid #cbcbcb;
    font-size: 22px;
    font-weight: 100;
    color: #474b54;
}


.selectize-control.multi .selectize-input > div.active {
    background-color: #1e92e3;
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    color: white;
}

.choice-paragraph span{
    color: #1e92e3;
}

.label[name="user-label"] {
    margin-bottom: 8px;
}

.user-specific-row {
    margin-bottom: 26px;
}

.completed-input div {
     height: calc( 100% - 2px );
     width: 28px;
     position: absolute;
     top: 1px;
     background-color: #f2f2f2;
     right: 16px;
     border-left: 1px solid #cbcbcb;
     border-radius: 0 4px 4px 0;
     background-image: url("../img/input-close.png");
     background-repeat: no-repeat;
     background-position: center center;
     cursor: pointer;
    transition: background-color .3s ease;
 }

.completed-input div:hover {
    background-color: #e9e9e9;
}
.btn.save-btn {
    padding: 9px 35px;
    margin-bottom: 120px;
}

.about-panel .form-label {
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 22px;
}

/* User reviews */

.reviews-wrapper .panel-heading, .messages-wrapper .panel-heading {
    position: relative;
}
.space-img-wrapper, .review-img-wrapper, .message-img-wrapper {
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
}

.review-img-wrapper {
    width: 170px;
    overflow: hidden;
}

.review-img-wrapper img, .message-img-wrapper img {
    width: 100%;
}

.space-details-wrapper, .message-details-wrapper {
    display: inline-block;
    vertical-align: top;
    width: calc( 100% - 190px );
    margin-left: 16px;
}

.review-space-title, .message-title {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 6px;
    color: #474b54;
    position: relative;
}

.review-space-title p {
    width: calc( 100% - 110px);
}

.review-space-title span {
    color: #1e92e3;
    font-size: 16px;
}
.review-date, .message-date {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #87888c;
}
.review-text, .message-text {
    font-size: 14px;
    line-height: 22px;
    margin-top: 11px;
}
.message-space {
    color: #87888C;
    margin: -6px 0 10px;
    font-size: 12px;
}
.sort-wrapper {
    display: inline-block;
    position: absolute;
    right: 20px;
    cursor: pointer;
    font-size: 14px;
}
.sort-wrapper .fa {
    font-size: 12px;
    margin-left: 6px;
    color: #707379;
}
.sort-wrapper .fa:hover {
    text-decoration: none;
}

.sort-wrapper.rotated .fa {
    transform: rotate(180deg);
}
.review-separator {
    height: 1px;
    background-color: #e0e0e0;
    width: calc( 100% + 40px );
    margin-left: -20px;
    margin-top: 20px;
}

.review-separator:last-of-type {
    display: none;
}

.single-review, .single-message {
    margin-top: 20px;
}

.single-review:first-of-type, .single-message:first-of-type {
    margin-top: 5px;
}

.navigation.content-wrapper {
    margin-top: -30px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    font-weight: 600;
}

/* complete profile */
.complete-profile {
    margin-top: 10px;
}
.complete-profile .step-wrapper {
    margin-bottom: 45px;
}
.complete-profile  h3 {
    margin-bottom: 45px;
}
.complete-profile  h3 strong {
    font-weight: 700;
}
.complete-profile h4 {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 0;
}
.complete-profile p {
    font-size: 15px;
    color: #707379;
    margin-bottom: 10px;
}
.complete-profile ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 15px;
}
.complete-profile ul li {
    margin-bottom: 5px;
    color: #1E92E3;
}
.complete-profile .step-divider {
    border-top: 1px solid #707379;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 50px;
}
.icon-container {
    background: #fff;
    width: 170px;
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}
.icon-container .step-icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url('../img/complete-profile-icons.png') left top no-repeat;
}
.icon-container .space-icon.completed {
    background-position: -100px 0;
}
.icon-container .profile-icon {
    background-position: 0 -100px;
}
.icon-container .profile-icon.completed {
    background-position: -100px -100px;
}
.icon-container .trust-icon {
    background-position: 0 -200px;
}
.icon-container .trust-icon.completed {
    background-position: -100px -200px;
}

/* Personal profile */

.verified-list li {
    padding-left: 30px;
    font-size: 13px;
}
.verified-list li.verified {
    background-position: left -78px;
}
.dashboard-img-container {
    height: 170px;
    text-align: center;
    margin-bottom: 30px;
}
.dashboard-img-container .profile-image {
    width: 100%;
    border-radius: 4px;
}
.dashboard-img-container .profile-img-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.profile-photo-wrapper .certified-badge {
    right: -15px;
    top: -10px;
    display: inline-block;
}
.sidebar .user-details-list {
    margin-bottom: 15px;
}
.sidebar .user-details-list li {
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 0;
}
.user-details-list li span {
    font-weight: 700;
}
.report-link {
    color: #f8180d;
}
.report-link .fa-flag {
    margin-right: 2px;
}
.report-link:hover {
    color: #f8180d;
    text-decoration: underline;
}

.about-me-row .about-me-label, .about-me-row .about-me-info {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}
.about-me-row .about-me-info .disabled {
    text-decoration: line-through;
    color: #a3a6ad;
}
.about-me-row .icon {
    background: url('../img/space-icons.png') left top no-repeat;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
}
.about-me-row .icon.tv-icon {
    background-position: 0 0;
    top: 12px;
}

.about-me-row .disabled .icon.tv-icon {
    background-position: -17px 0;
    top: 12px;
}
.about-me-row .icon.internet-icon {
    background-position: 0 -18px;
    height: 13px;
}

.about-me-row .disabled .icon.internet-icon {
    background-position: -17px -18px;
    height: 13px;
}
.about-me-row .icon.furnish-disabled-icon {
    background-position: 0 -31px;
}
.about-me-row .disabled .icon.furnish-disabled-icon {
    background-position: -17px -31px;
}
.about-me-row .icon.heating-icon {
    background-position: 0 -48px;
}
.about-me-row .disabled .icon.heating-icon {
    background-position: -17px -48px;
}
.about-me-row .icon.bathroom-icon {
    background-position: 0 -67px;
}
.about-me-row .disabled .icon.bathroom-icon {
    background-position: -17px -67px;
}
.about-me-row .icon.kitchen-icon {
    background-position: 0 -84px;
}
.about-me-row .disabled .icon.kitchen-icon {
    background-position: -17px -84px;
}
.about-me-info p {
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}
.about-me-row.clear.row {
    margin-bottom: 8px;
}
.profile-spaces {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.public-profile-container .panel {
    margin-bottom: 30px;
}
.public-profile-container h2.text-left {
    margin-top: 0;
}
.report-modal button[type="submit"] {
    margin-top: 10px;
}
.reviews-loader-wrapper.loader-wrapper {
    margin-bottom: 30px;
    margin-top: 30px;
}
.load-btn {
    font-size: 14px;
    padding-left: 34px;
    padding-right: 34px;
    padding: 0 34px;
    border: 1px solid #cbcbcb;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 3px 3px 0 0;
    line-height: 40px;
    cursor: pointer;
    margin-right: 11px;
    transition: background-color .3s ease;
}
.is-reported {
    color: #2482c3;
}
.loader-btn:hover {
    background-color: #e9e9e9;
}

.semibold {
    font-weight: 600;
}
.bold {
    font-weight: 700;
}
.normal {
    font-weight: 400;
}
.light {
    font-weight: 100;
}
.size-14 {
    font-size: 14px !important;
}

/* Trust & verification */
.info-banner {
    padding: 10px 0;
    width: 100%;
    background-color: #1e93e3;
    border-radius: 4px;
    margin-bottom: 20px;
}
.info-banner p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0 30px;
}

.default-btn {
    background-color: #1e92e3;
    color: white;
    transition: background-color .3s ease;
}

.default-btn:hover {
    background-color: #2482c3;
    color: white;
}

.verify-btn {
    margin-top: 13px;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-left: 34px;
    padding-right: 34px;
}

.verify-btn input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}
.verification-panel .social-login {
    width: 150px;
}

.verification-panel .social-login .social-name {
    font-size: 14px;
}
.verification-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
}

/* Messages */

.single-message {
    position: relative;
}

.message-img-wrapper {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    overflow: hidden;
    position: relative;
}

.message-img-wrapper img {
    height: 100%;
}

.message-details-wrapper {
    width: calc(100% - 80px);
}
.respond {
    font-size: 14px;
    color: #1e92e3;
    line-height: 30px;
    font-weight: 600;
    transition: color .3s ease;
}

.respond a:hover {
    color: #2482c3;
    text-decoration: underline;
}
.new-msg-indicator {
    height: 8px;
    width: 8px;
    background-color: #1e92e3;
    border-radius: 50%;
    position: absolute;
    left: -13px;
    top: 26px;
    display: none;
}
.single-message-new .new-msg-indicator {
    display: block;
}
/* Payment form */
.form-separator {
    height: 100%;
    width: 1px;
    background-color: #e0e0e0;
    position: absolute;
    top: 0;
    right: 0;
}
.payment-label {
    margin-top: 6px;
    margin-bottom: 0;
    display: block;
}
.payment-label span {
    color: #707379;
    font-size: 14px;
    font-weight: 400;
}

.payment-info {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 13px;
}

.cost-input {
    width: 100px;
    display: inline-block;
}
.btn-primary {
    transition: background-color .3s ease;
}
.confirm-btn.btn-primary {
    display: inline-block;
    margin-left: 0;
}
.confirm-btn.btn-default {
    line-height: 20px;
    padding: 9px 12px;
    color: #9a9b9f;
}
.total-amount {
    color: #1e92e3;
    font-weight: 600;
    font-size: 16px;
}
.calculations-wrapper {
    width: 134px;
    display: inline-block;
    vertical-align: middle;
}
.calculations-wrapper>label.form-label {
    line-height: 20px;
}
.calculations {
    display: inline-block;
}

button.close.pay-modal-close {
    position: absolute;
    top: 18px;
    right: 19px;
    font-size: 26px;
    font-weight: 100;
}
.report-btn {
    margin-top: 20px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
}
/* Error pages */

.error-container {
    min-height: 520px;
    width: 100%;
    background-image: url('../img/error-img.jpg');
    background-position: center center;
    background-size: cover;
    position: relative;
}
.error-desc-wrapper {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.error-code {
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 0;
}
.error-desc {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 0;
}
.home-btn.btn-default {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: transparent;
    border-radius: 4px;
    padding: 0 50px;
    background-color: rgba(255,255,255,0.12);
    transition: background-color .3s ease;
    line-height: 48px;
    border-color: #fff;
    margin-top: 46px;
}

.home-btn.btn-default:hover {
    background-color: rgba(255,255,255,0.3);
}

.hidden-field {
    display: none;
}

/* Landing page */
.navbar.navbar-absolute {
    position: absolute;
    width: 100%;
    top: 20px;
    z-index: 1;
    border: 0;
}
.top-wrapper {
    height: 670px;
    width: 100%;
    background-image: url('../img/landing/top-img.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.content-wrapper.landing-wrapper {
    margin: 0 auto;
}
.top-content-wrapper, .mid-content-wrapper, .pre-bottom-content-wrapper, .bottom-content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1170px;
    text-align: center;
}
.top-wrapper .top-text {
    font-size: 54px;
    line-height: 68px;
    font-weight: 100;
    color: #fff;
    padding: 0 30px;
    margin-bottom: 47px;
}
.top-wrapper .top-text span {
    font-weight: 600;
}
.cta-btn {
    border-radius: 4px;
    border: none;
    background-color: #1e92e3;
    font-size: 16px;
    color: white;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: 400;
    display: inline-block;
    padding: 0 49px;
    cursor: pointer;
    transition: background-color .3s ease;
}
.cta-btn:hover, .cta-btn:focus {
    background-color: #2482c3;
    color: #fff;
    text-decoration: none;
}
.mid-wrapper {
    min-height: 560px;
    background-image: url('../img/landing/mid-img.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.mid-content-wrapper * {
    color: #474b54;
}
.mid-content-wrapper p{
    font-size: 30px;
    font-weight: 100;
    line-height: 38px;
    margin-left: 50%;
    width: 50%;
    transform: translateX(-50%);
}
.mid-content-wrapper h2 {
    font-size: 54px;
    font-weight: 600;
}
.pre-bottom-wrapper {
    min-height: 550px;
    background-image: url('../img/landing/bottom-img.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.pre-bottom-content-wrapper p {
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    font-weight: 100;
}
.pre-bottom-content-wrapper span {
    font-weight: 600;
}
.bottom-wrapper {
    min-height: 490px;
    background-image: url('../img/landing/plane-img.png');
    background-repeat: no-repeat;
    background-position: center 90%;
    position: relative;
}
.bottom-content-wrapper p {
    font-weight: 400;
    font-size: 30px;
    line-height: 38px;
    color: #1e92e3;
    margin: 0 auto;
    margin-bottom: 50px;
    width: 66%;
    display: block;
}

.bottom-content-wrapper span {
    font-weight: 600;
}
.landing-footer-wrapper {
    background-color: transparent;
    max-width: 1170px;
    margin-top: 35px;
    position: relative;
    margin-bottom: -20px;
}
.landing-footer-wrapper .footer-copyright {
    text-align: left;
    margin: 0;
}
.landing-footer-wrapper .footer-copyright p{
    margin: 0;
}
.landing-footer-wrapper .footer-share-icons {
    text-align: right;
    margin: 0;
}
.landing-footer-wrapper .footer-share-icons li:hover {
    background-color: transparent;
    transition: background-color .3s ease, color .3s ease;
}
.landing-footer-wrapper .footer-share-icons li:hover {
    background-color: #1e92e3;
}
.landing-footer-wrapper .footer-share-icons li:last-of-type {
    margin-right: 0;
}
.landing-footer-wrapper .footer-share-wrapper, .landing-footer-wrapper .footer-copyright {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}


/* responsive */
@media screen and (max-width: 1400px) {
    .slide-wrapper {
        padding: 0 8%;
    }
    .container {
        width: 100% !important;
    }
}
@media screen and (max-width: 1200px) {
    .header-text {
        width: 100%;
    }
    .header-title {
        font-size: 40px;
        line-height: 46px;
    }
    .submenu {
        display: none;
    }
    .list-space-mobile-header {
        display: block;
    }
    .list-space-mobile-header .fa-bars {
        color: #474b54;
    }
    .mobile-navbar-menu-list-space .menu-item.dropdown-toggle:focus {
        color: #fff;
    }
    .navbar-menu-wrapper-space {
        display: none;
    }
    .mobile-navbar-menu-list-space .list-space-btn {
        /*border: 1px solid #1e92e3;*/
        border: none;
        color: white;
        background: #1e92e3;
    }

    .mobile-navbar-menu-list-space .profile-dropdown:after {
        display: none;
    }

    .mobile-navbar-menu a.signup-btn {
        border: none;
        background-color: transparent;
        padding: 0;
        cursor: pointer;
        transition: color .3s ease;
        -webkit-transition: color .3s ease;
        -moz-transition: color .3s ease;
    }
    /**/
    .mobile-navbar-menu {
        text-align: center;
        display: none;
        top: 0;
    }
    .mobile-close-btn {
        color: white;
        position: absolute;
        right: 48px;
        top: 18px;
        font-size: 22px;
        cursor: pointer;
    }
    .mobile-navbar-menu a {
        color: white;
        font-size: 18px;
        line-height: 26px;
    }
    .mobile-navbar-menu .language-dropdown {
        border: 0;
    }
    .mobile-navbar-menu .dropdown-toggle {
        padding: 0 0 0 50px;
        border: 0;
    }
    .content-wrapper, .navbar-header {
        width: 100%;
        padding: 0 15px;
    }
    .availability-label {
        display: none;
    }
    .conversation-forms-wrap .datepicker-container {
        padding-left: 0;
    }

}

@media screen and (max-width: 1180px){
    .navbar-header {
        width: auto;
    }
    .view-container {
        width: 100%;
        padding: 0 20px;
    }
    .search-btn {
        margin-bottom: 19px;
    }
    .search-btn.filter-btn {
        margin-bottom: 0;
    }
    .form-light .form-label {
        font-size: 20px;
    }
    .form-light .form-control {
        height: 40px;
        line-height: 20px;
    }
    .form-light .btn {
        height: 40px;
    }
    .search-btn.filter-btn {
        margin-bottom: 0;
    }
    .content-wrapper {
        width: 100%;
        padding: 0 15px;
    }
    .invite-friends-wrapper .content-wrapper {
        padding: 90px 15px;
    }
    .space-show .reviews-space .user-image-container {
        padding-right: 0;
        width: 70px !important;
    }
    .space-show .reviews-space .user-review-container {
        padding-left: 15px;
        width: calc(100% - 70px);
    }
}

@media screen and (max-width: 992px) {
    .end-date-wrapper {
        padding-top: 10px;
    }
    #new-referring-ambassador-form .btn {
        margin-top: 10px;
    }
    .room-area-wrapper {
        width: 90%;
        display: inline-block;
    }
    .city-container, .single-container {
        width: 48%;
    }
    .city-container:nth-of-type(3n), .single-container:nth-of-type(3n) {
        margin-right: 3.1%;
    }

    .city-container:nth-of-type(2n), .single-container:nth-of-type(2n) {
        margin-right: 0;
    }
    .top-area {
        height: 850px;
    }
    .conversation-forms-wrap .datepicker-container {
        padding: 0;
    }
    .conversation-forms-wrap .form-label {
        padding-left: 0;
    }
    .delete-space-av-wrapper, .datepicker-container.form-group {
        margin-bottom: 0;
    }
    .delete-space-availability {
        line-height: 40px;
    }
    .add-tag-wrapper {
        margin-top: -5px;
    }
    .delete-space-av-wrapper {
        margin-top: 0;
    }
    .language-selection {
        text-align: center;
        margin-top: 20px;
    }
    .content-wrapper p, .content-wrapper h2 {
        padding: 0 60px;
        width: 100%;
    }
    .bottom-wrapper {
        background-size: 90%;
    }
}

@media screen and (max-width: 970px){
    .complete-profile .step-divider {
        display: none;
    }
    .complete-profile .step-wrapper {
        margin-bottom: 30px;
    }
    .popover {
        position: relative;
        color: #f8180e;
        background: none;
        left: auto !important;
        top: auto !important;
        box-shadow: none;
        width: 100%;
        max-width: none;
        float: left;
        border: 0;
        text-align: left;
    }
    .popover.right {
        margin: 5px 0 0 0;
    }
    .popover.right .arrow {
        display: none;
    }
    .popover-content {
        padding: 0;
    }
}

@media screen and (max-width: 900px) {
    .search-location-wrapper {
        width: 100%;
        margin-bottom: 20px;
    }

    .col-4-custom {
        width: 33.333333%;
        margin-bottom: 13px;
    }

    .sort-filter-wrapper {
        width: 100%;
        margin-bottom: 13px;
    }
    .checkbox-wrapper {
        width: 33.333333%;
    }

}

@media screen and (max-width: 800px) {
    .mobile-navbar-menu-wrapper {
        display: block;
    }
    .navbar-menu-wrapper {
        display: none;
    }
}

@media screen and (max-width: 780px){
    #signUpModal .modal-dialog, #signInModal .modal-dialog, #forgotModal .modal-dialog {
        width: 370px;
        margin: 30px auto;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    .stats-table td {
        padding: 10px;
        font-size: 14px;
        word-break: break-all;
    }
}

@media screen and (max-width: 768px) {
    .radio-to-button {
        float: none !important;
        display: inline-block;
    }
    .location-wrapper {
        width: 100%;
    }
    .datepicker-container .input-wrapper {
        width: 100%;
    }
    .search-bar-wrapper .datepicker-container {
        padding-left: 0;
    }
    .search-bar-wrapper .datepicker-container .col-xs-6:nth-of-type(1) {
        padding-right: 15px;
    }
    .search-bar-wrapper .datepicker-container .col-xs-6:nth-of-type(2) {
        padding-left: 15px;
    }
    .home-type-wrapper, .room-type-wrapper, .comfort-wrapper, .popularity-wrapper, .images-wrapper {
        text-align: center;
    }

    .popularity-wrapper .pull-left {
        float: none !important;
        display: inline-block;
        vertical-align: middle;
    }
    .popularity-wrapper .fa-info-circle {
        display: none;
    }

    .sidebar {
        display: none;
    }
    .sidebar.profile-sidebar {
        display: inline-block;
        padding: 0 30px;
        width: 100%;
    }

    .sidebar.profile-sidebar ul>li {
        width: 49%;
        display: inline-block;
    }
    .sidebar.dashboard-sidebar {
        display: block;
        padding: 0 30px;
        width: 100%;
        margin-bottom: 20px;
    }
    .dashboard-sidebar .profile-info {
        width: 170px;
        margin: 0 auto;
    }
    .dashboard-sidebar .need-help-panel,
    .dashboard-sidebar .verified-panel {
        display: none;
    }

    .publish-btn {
        margin: 0 auto;
        display: block;
    }

    .content-right {
        width: 100%;
        padding: 0 30px;
        margin-left: 0;
    }
    .content-wrapper {
        width: 100%;
    }
    .footer-division {
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .header-text {
        top: 40%;
    }
    .header-title {
        font-size: 32px;
        line-height: 36px;
    }
    .input-wrapper {
        padding: 0;
        margin-bottom: 0;
    }
    .input-wrapper:last-of-type {
        margin-bottom: 19px;
    }
    .input-wrapper input {
        width: 100% !important;
    }
    .datepicker-input-wrapper {
        display: inline-block;
    }
    .datepicker-container {
        width: 100%;
    }
    .video-wrapper {
        padding: 0 8%;
        margin: 0 auto;
        height: 400px;
        float: none;
        width: 100%;
    }
    .video-wrapper p {
        font-size: 18px;
        line-height: 24px;
    }
    .presentation-slider-wrapper {
        height: auto;
    }
    .presentation-slider-wrapper .carousel-inner {
        height: auto;
    }
    .presentation-slider-wrapper .container {
        height: auto;
    }

    .slide-text {
        position: relative;
        top: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        float: none;
        text-align: center;
    }
    .input-wrapper.header-search-address {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-logo {
        margin-left: 0;
    }
    .navbar-menu .list-space-btn {
        background: #1e92e3;
        color: #fff;
    }
    .static-pages .help-sidebar{
        text-align: center;
        padding-top: 0;
    }
    .static-pages ul.help-sidebar li{
        display: inline-block;
        margin: 3px 0;
        padding: 4px 10px;
        border-left: 1px solid #d1d1d1;
        text-align: center;
    }
    .static-pages ul.help-sidebar li:first-child{
        border: none;
    }
    .navbar-menu .list-space-btn {
        background: #1e92e3;
        color: #fff;
    }
    .static-pages .form-label {
        margin-top: 10px;
    }
    .static-pages .form-group {
        margin-bottom: 0;
    }
    .static-pages .btn-primary {
        margin: 10px 0 30px;
    }
    .slider {
        margin-bottom: 20px;
    }
    .space-show .profile-user-image {
        width: 100px !important;
    }
    .space-show .profile-information {
        width: calc(100% - 100px) !important;
    }
    .about-the-host {
        margin-top: 40px;
    }
    .space-img-wrapper {
        margin-bottom: 10px;
        width: 100%;
    }
    .space-details-wrapper {
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .review-img-wrapper {
        width: auto;
    }
    .review-date, .message-date  {
        position: relative;
    }

    .message-time {
        display: block;
        width: 100%;
    }

    .review-space-title p, .message-title p{
        margin-bottom: 0;
        width: 100%;
    }
    .alert {
        width: 90%;
    }
    .conversation-form {
        border-left: none;
        border-bottom: 1px solid #e0e0e0;
    }
    .confirm-btn {
        float: right;
    }
    .sidebar.public-profile-sidebar {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        width: 100%;
        padding: 0 20px;
        justify-content: center;
    }
    .public-profile-sidebar .profile-info {
        width: 170px;
    }
    .sidebar.public-profile-sidebar > * {
        margin-right: 30px;
    }
    .trust-form .input-group {
        padding-right: 15px;
    }
    .verify-email-btn {
        margin-top: 10px;
        margin-left: 15px;
    }
    .conversation-form {
        border-left: none;
        border-bottom: 1px solid #e0e0e0;
    }
    .confirm-btn {
        float: right;
    }
    .col-4-custom label {
        font-size: 13px;
    }
    .our-team-image {
        width: 50%;
    }
    .trust-form .input-group {
        padding-right: 15px;
    }
    .verify-email-btn {
        margin-top: 10px;
        margin-left: 15px;
    }
    .admin-btn.btn {
        width: 100%;
    }
    .admin-btn.btn-approve {
        margin-bottom: 15px;
    }
    .footer-division>p {
        margin: 8px 0;
    }
    .slide-title {
        margin-top: 50px;
    }
    .posts-desc {
        padding: 0 30px;
    }
    .delete-space-av-wrapper, .datepicker-container.form-group {
        margin-bottom: 0;
    }
    #hear-about-us label {
        margin-top: 10px;
    }
}

@media screen and (max-width: 660px) {
    .text-wrapper {
        /*width: 100%;*/
    }

    .text-wrapper label {
        width: 100% !important;
        text-align: left;
        line-height: 18px;
    }

    .form-control.area-input {
        margin-left: 0;
    }
    .checkbox-wrapper {
        width: 50%;
    }
    .reject-notification {
        width: 100%;
    }
    .view-referal-link .copy-link .form-control {
        width: calc(100% - 60px);
    }
    .referal-modal-content .btn {
        width: 47.5%;
        margin: 10px 1%;
        oveflow: hidden;
    }
    .top-wrapper .top-text {
        font-size: 30px;
        line-height: 38px;
    }
    .mid-content-wrapper h2 {
        font-size: 38px;
    }
    .pre-bottom-content-wrapper p, .bottom-content-wrapper p {
        font-size: 24px;
        line-height: 30px;
        padding: 0 30px !important;
    }
    .cta-btn {
        line-height: 40px;
    }
}

@media screen and (max-width: 600px) {
    .single-space-wrapper, .post-container  {
        width: 100%;
        margin-right: 0 !important;
    }
    .help-bottom-image p{
        font-size: 24px;
        line-height: 32px;
    }
    .checkbox-wrapper {
        width: 100%;
    }
    .verify-btn {
        display: block;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .view-referal-link {
        background-image: none;
        padding: 20px;
    }
}

@media screen and (max-width: 520px) {
    .flexslider.thumbnails-slider {
        display: none;
    }
    #slider .flex-direction-nav {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .single-space-wrapper, .post-container  {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .city-container, .info-card {
        width: 100%;
    }
    .datepicker-container .col-xs-6, .input-wrapper {
        width: 100%;
    }
    .datepicker-container .col-xs-6 {
        padding: 0 !important;
    }
    .space-show .datepicker-container .col-xs-6 {
        padding: 0 15px !important;
        margin-bottom: 10px;
    }
    .datepicker-container .col-xs-6:last-of-type .input-wrapper {
        margin-top: 0;
    }

    .header-desc {
        line-height: 28px;
    }
    .datepicker-input-wrapper {
        width: 50%;
    }
    .space-select.col-4-custom {
        width: 100%;
        margin-bottom: 13px;
    }

    .col-4-custom {
        margin-bottom: 20px;
    }

    .review-space-title {
        line-height: 24px;
    }
    .content-right {
        padding: 0;
    }
    .review-space-title {
        line-height: 24px;
    }
    .verification-panel .social-login {
        width: auto;
    }
    .choice-wrapper {
        text-align: center;
    }
    .description-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .profile-photo-wrapper {
        display: block;
        margin: 0 auto;
    }

    .review-space-title {
        line-height: 24px;
    }
    .sidebar.public-profile-sidebar {
        width: 100%;
        padding: 0 30px 30px 30px;
    }
    .content-right {
        padding: 0;
    }
    .mobile-full-width {
        width: 100%;
    }
    .content-right {
        padding: 0;
    }
    .review-space-title {
        line-height: 24px;
    }
    .verification-panel .social-login {
        width: auto;
    }
    .review-space-title, .message-title{
        line-height: 24px;
    }
    .message-text {
        width: 100%;
        margin-left: -80px;
        margin-top: 20px;
    }
    .respond {
        margin-left: -80px;
    }
    .conversation-forms-wrap .form-container {
        width: 100%;
    }
    .conversation-forms-wrap .form-label {
        padding-left: 0;
    }
    .conversation-forms-wrap .btn-link {
        font-size: 13px;
    }
    .verify-email {
        width: 100%;
    }
    .verify-email-btn {
        margin-left: 15px;
        margin-top: 10px;
    }
    .mobile-full-width {
        width: 100%;
    }
    .mobile-full-width.input-group {
        padding-left: 15px;
    }
    .trust-form .btn-primary, .verify-btn.btn-primary {
        width: 100%;
    }
    .our-team-image{
        width: 100%;
    }
    .static-pages .about-description, .static-pages .about-description-title{
        font-size: 15px;
    }
}

@media screen and (max-width: 460px){
    .modal {
        width: 100%;
        padding: 0 !important;
    }
    #signUpModal .modal-dialog, #signInModal .modal-dialog, #forgotModal .modal-dialog {
        width: auto;
        margin: 30px 10px;
    }
    .room-area-wrapper {
        padding-right: 5px;
    }
    .help-bottom-image{
        padding-top: 110px;
    }
    .help-bottom-image p{
        font-size: 20px;
    }
    .age-wrapper {
        width: 100%;
    }

    .text-wrapper:not(.age-wrapper) {
        width: 50%;
    }
    .birth-date-wrapper .custom-select {
        width: 100%;
        padding: 0;
        height: 46px;
    }
    .sidebar.profile-sidebar ul>li {
        width: 100%;
    }
    .selectize-dropdown-content {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
    }
    .selectize-dropdown .active {
        background-color: #f5f5f5 !important;
    }
    .btn.btn-primary.verify-email-btn {
        width: calc( 100% - 30px );
    }
    .mobile-full-width.entered-number {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 400px) {
    .trust-form .clear.mb-10 button[type="submit"] {
        width: 100%;
    }
    .selectize-dropdown-content {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
    }
    .selectize-dropdown .active {
        background-color: #f5f5f5 !important;
    }
    .referal-modal-content .btn {
        width: 100%;
        margin: 10px 0;
    }
}